/*header .hero, section .heroFull {*/
    /*overflow: hidden;*/
    /*position: relative;*/
    /*height: 100vh;*/
    /*min-height: 500px;*/
/*}*/
/*.cover {*/
    /*-webkit-background-size: cover;*/
    /*-moz-background-size: cover;*/
    /*-o-background-size: cover;*/
    /*background-size: cover;*/
/*}*/
/*.bkg006 {*/
    /*background: url("../images/v9/banner001_02.jpg") center center no-repeat fixed;*/
/*}*/
/*.circleReveal, .circleRevealSmall {*/
    /*background: url("../images/v9/ellipse1.png") center center no-repeat;*/
/*}*/
/*.circleAbout, .circleExperience, .circleRespond, .circleReveal, .circleShare, .circleThanks {*/
    /*width: 640px!important;*/
    /*height: 640px;*/
/*}*/
/*.mobilevertcenter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%}*/
/*#group-leads .logo img,#hotel-web-design .logo img,#on-property-mobile-solutions .logo img,#online-hospitality-proposals .logo img{max-height:none;width:100%;height:auto;margin:0 auto;padding-left:10.5%;padding-right:8.5%}.ContentRight{position:relative;float:right;width:50%;padding:0 2.5%;height:70vh;max-height:800px}*/
/*.logo img{max-height:30px;  height:auto}*/
/*.circleReveal h1{color:#fff;text-decoration:none;line-height:40px;text-align:center;text-transform:none;font-family:Raleway;font-weight:300;padding:12px 0;width:80%;margin:0 auto}*/

/*主体*/

.brand {background:#fff;}
.brand .st-col-3>.items>.item {text-align:center;}
.brand .st-col-3>.items>.item .tt {font-size:15px;padding-bottom:20px;}
.brand .st-col-3>.items>.item .pic {display:block;overflow:hidden;position:relative;}
.brand .st-col-3>.items>.item .pic img {width:100%;}
.brand .st-col-3>.items>.item .pic:hover img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
.brand .para {text-align:center;padding-top:50px;}
.brand .para div.a {font-size:24px;padding-bottom:5px;}
.brand .para div.b {font-size:16px;line-height:30px;}

/* site max-width, site part */
.st-part {padding:70px 0 50px;}
.st-maxw {width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;}


#eliteDesign{background-image: url("../images/v9/banner001_02.jpg")  }
#classicCase{background-image: url("../images/v9/banner001_04.jpg")   }
#strategicDevelopment {background-image: url("../images/v9/banner001_06.jpg") }
.ellipse{  }
.circle{width: 30vw !important;height: 30vw;margin: 0 auto;background-size: cover;}
.circle h1{margin: 10px 0;}
.absolute{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.circle .absolute{left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); -moz-transform:translate(-50%,-50%)}
.circle .absolute h1{margin: 0 auto; font-size: 6rem}
.circle .absolute p{margin: 0 auto; font-size: 2.4rem}

.fixed-bg{
    height: 100vh;
    color: #fff;
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}


#caseTree{

}
.case-tree {background:url("../images/v9/case-tree-bg.jpg") no-repeat center center fixed ;background-size:cover; min-height: 100%;}
.case-tree>.st-maxw {max-width:1360px;}
.case-tree .items>.item {display:block;margin:5% auto;}
.case-tree .items>.item>.inner {max-width:520px;}
.case-tree .items>.item .pic {display:block;overflow:hidden;}
.case-tree .items>.item .pic img {width:100%;transition: .5s linear}
.case-tree .items>.item .pic:hover img {-webkit-transform:scale(0.9);-moz-transform:scale(0.9);transform:scale(0.9);}
.case-tree .items>.item .para {padding:10px 0;}
.case-tree .items>.item .para a {font-size:20px;}
.case-tree .items>.item .para a:hover {text-decoration:underline;color: #111;}
/*.case-tree .items>.item.item01>.inner {padding-top:5%;}*/
.case-tree .items>.item.item02>.inner,
.case-tree .items>.item.item05>.inner,
.case-tree .items>.item.item08>.inner {float:right;/*margin-top:-15%;*/}
.case-tree .items>.item.item03>.inner,
.case-tree .items>.item.item06>.inner,
.case-tree .items>.item.item09>.inner {margin:0 auto;}
.case-tree .items>.item.item10>.inner {margin:0 auto;}
#findMore{
    color: #ff3366;
    border: 1px solid #ff3366;
    background-color: #fff;
    display: block;
    text-align: center;
    padding: 10px;
    margin: 10px auto;
    width: 260px;
    font-size: 114%;
}
#findMore:hover{
    color: #fff;
    border-color: transparent;
    background-color: #ff3366;
}




/*合作伙伴*/
.partner-list>.items {text-align:center;}
.partner-list>.items>.item {float:left;display:block;width:16.6666%;margin-bottom:30px;}
.partner-list>.items>.item img {margin:0 auto;}
.partner-list>.items.col-5>.item {float:none;display:inline-block;}
.partner .st-btn.more {width:160px;border-radius:0;background:none;border-color:#f36;color:#f36;}
.partner .st-btn.more:hover {background:#f36;color:#fff;}
.st-btn {display:block;text-align:center;line-height:20px;padding:9px 0;border-radius:3px;border:1px solid transparent;background:#f36;color:#fff;margin:0 auto;cursor:pointer;}



/*媒体报道*/
.medium-list>.items>.item {float:left;display:block;width:33.3333%;margin-bottom:30px;}
.medium-list>.items>.item img {margin:0 auto;}



/*尾部*/
footer h1{color: #ff3366;  }
/*st-ctct*/
.st-ctct {background:#2f2f2f;color:#eee;padding:70px 0;}
.st-ctct .copyright {text-align:center;font-size:13px;}
.st-ctct .copyright p {padding:5px 0;}
.st-ctct .tel {text-align:center;font-size:34px;padding-top:10px;}
.st-ctct .qrcode {margin:30px auto;}
#imgDiv img{margin:30px auto;}




@media screen and  (max-width: 1600px){
    .circle .absolute h1{ font-size: 4.8rem}
    .circle .absolute p{ font-size: 2.2rem}
}
@media screen and (max-width: 1500px) {
    .case-tree>.st-maxw {max-width:1200px;}
}
@media screen and  (max-width: 1300px){
    .circle .absolute h1{ font-size: 4rem}
    .circle .absolute p{ font-size: 1.8rem}
}
@media screen and  (max-width: 1200px){
    #head>div:last-child>div:last-child span{
        margin: 0 ;
    }
    #head>div:last-child>div:last-child{
        margin-right: 5px;
    }
    #shufflingArticle>div{
        width: 35%;
        padding-left: 8%;
    }
    #shufflingArticle>div>div{
        width: 20%;
    }
    .case-tree .items>.item.item02>.inner,
    .case-tree .items>.item.item05>.inner,
    .case-tree .items>.item.item08>.inner {float:right;margin-top:0;}
    .case-tree>.st-maxw {max-width:960px;}

}
@media screen and  (max-width: 1080px){
    .circle .absolute h1{ font-size: 3.3rem}
    .circle .absolute p{ font-size: 1.5rem}
}


@media screen and  (max-width: 960px){
    .case-tree>.st-maxw {max-width:768px;}

    #shufflingArticle>div{

        width: 35%;

        padding-left: 8%;
    }

    #shufflingArticle>div>div{
        width: 20%;

    }
    .circle{
        width: 35vw !important;
        height: 35vw;

    }
    .case-tree .items>.item .para {
        text-align: center;
    }

}
@media screen and  (max-width: 768px){
    #head>div:last-child>div:nth-child(2)>a>span{
        font-size: 85%;
        top: 25%;
        left: 50%;
        transform: translate(-50%);
    }
    #head>div:last-child>div:first-child>div{
        top:25%;
    }
    #head>div:last-child>div:first-child>div>span{
        font-size: 85%;
    }
    #head>div:last-child>div:first-child>div>p{
        font-size: 100%;
        margin: 10px 0;
    }
    #head>div:last-child>div:last-child span {
        font-size: 85%;
        margin: 0;
    }
    #head>div:last-child>div:last-child img{
        width: 50%;
        margin-top: 10px;
        margin-right: 0;
    }
    #head>div:last-child>div:first-child{
        width: 35%;
    }
    .st-col-3>.items>.item {
        width:80%;
        margin-left: 10%;
    }
    .st-col-3>.items>.item:first-child {
        margin-left: 10%;
    }
    #brand>div{
        width: 80%;
        margin: 0 auto;
        float: none;
    }
    #brand>div>h4{
        font-size: 85%;
    }
    #shufflingArticle>div{
        width: 35%;
        padding-left: 0%;
    }
    #shufflingArticle>div>div{
        width: 25%;
        margin: 0 2px;
    }
    .circle{
        width: 40vw !important;
        height: 40vw;
    }



    .fixed-bg{
        height: 320px;
        background-attachment: scroll;
    }

    #imgDiv img {
        margin: 15px auto;
        width: 120px;
    }
    .brand .st-col-3>.items>.item .pic img{
        width: auto;
        height: 100%;
        margin: 0 auto;
    }
    .case-tree .items>.item.item01>.inner,
    .case-tree .items>.item.item02>.inner,
    .case-tree .items>.item.item04>.inner,
    .case-tree .items>.item.item05>.inner,
    .case-tree .items>.item.item08>.inner,
    .case-tree .items>.item.item03>.inner,
    .case-tree .items>.item.item07>.inner,
    .case-tree .items>.item.item06>.inner,
    .case-tree .items>.item.item09>.inner,
    .case-tree .items>.item.item10>.inner {
        float: none;
        margin:0 auto;
    }
    .st-maxw ul{
        padding: 0 50px;
    }
}


@media screen and  (max-width: 500px){

    .st-maxw ul{
        padding: 0;
    }
    .brand .st-col-3>.items>.item .pic img{
        width: auto;
        height: auto;
        margin: 0 auto;
    }

    


    .circle{
        width: 70vw !important;
        height: 70vw;

    }
    .circle h1{
        font-size:171% ;
    }
    .st-er-item-scroll .part.a .introduction{
        position: absolute;
        bottom: 0;
        right: 2%;
        color: #fff;
    }

    .st-er-item-scroll .part.a .introduction h2{
        margin: 2px 0;
        font-size: 171%;
    }
    .st-er-item-scroll .part.a .introduction h4{
        /*margin: 5px 0;*/
        font-size: 100%;
    }
    .st-er-item-scroll .part.a .introduction p{
        margin: 5px 0;
        font-size:85%;
    }
    .circle .absolute h1{ font-size: 3rem}
    .circle .absolute p{ font-size: 1.5rem}
}