header{height: 155px;}
header .container{width: 790px;margin: 0 auto;}
.bac-ee{background: #eeeeee;}
.navbar-nav>li>a{color: #000;font-size: 16px;}
.navbar-brand{height: auto;padding: 0;position: absolute;left: 8.5%;}
.nav>li>a:focus, .nav>li>a:hover{background: none;}
.navbar-toggle .icon-bar{background: #fff;}
.navbar-toggle{background: #be9c5a;}
.nav>li>a:hover{color: #be9c5a;}
.nav>li>a{line-height: 108px;padding: 23px 20px;}
.navbar-brand{padding-top: 5px;}
.navbar-static-top{margin-bottom: 0;}
.recruit-logo{border-top: 1px solid #717071;border-bottom: 1px solid #717071;}
.join-us span{font-size: 18px;color: #000;display: block;}
.join-us span.english{font-size: 16px;}
.recruit-logo img{float: left;padding: 15px 20px 15px 0;position: absolute;}
.recruit-logo .join-us{padding-left: 20px;padding-top: 25px;border-left: 1px solid #888788;padding-bottom: 30px;margin-left: 94px;}
.recruit-logo{clear: both;overflow: hidden;}
.recruit-logo .container{width: 1005px;}
.recruit-mailbox .container{width: 1005px;}
.recruit-mailbox p{font-size: 14px;color: #be9c5a;}
.recruit-mailbox{margin-top: 30px;}
.recruit-re .container{width: 1005px;}
.recruit-re{margin-top: 50px;}
.recruit-re h3{font-size: 18px;color: #717071;font-weight: normal;}
.recruit-re h3 span{font-size: 14px;color: #717071;background: url("../images/icon-dot.png") no-repeat;width: 10px;height: 10px;display: inline-block;margin-right: 10px;}
.recruit-re ul li{list-style: none;font-size: 14px;padding: 0;margin: 0;color: #717071;line-height: 25px;}
.recruit-re ul{padding: 0;margin: 0;margin-top: 20px;}
.recruit-re .col-sm-8{margin-top: -15px;}
.requirement-list{border-bottom: 1px solid #717071;padding-bottom: 34px;}
.recruit-re .english{margin-top: 40px;}
.recruit-re{overflow-x: hidden;}
.border-none{border-bottom: 0;}
.img-logo{width: 100%;margin: 46px 0 60px 0;}
.recruit-re .col-sm-4 img{width: 100%;}
footer{background: #000;padding: 15px 0;clear: both;}
footer .container{width: 1650px;}
footer a{color: #fff;font-size: 16px;font-weight: normal;}
footer .col-sm-10 a{padding: 50px 20px 45px 0;display: inline-block;}
footer a:hover{text-decoration: none;color: #be9c5a;}
footer .logo{position: absolute;left: 8.5%;}
.qq{ width:24px; height:24px;position:relative; font-size:12px; text-align:center;}
.qq a{width:24px; height:24px; display:block; position:absolute; left:0; top:0;background:url("../images/icon-qq.png") no-repeat center top; }
.qq .qq-nr{padding:10px; background:#fff; text-align:center; position:absolute; left:-45px; top:-130px;display: none;}
.qq .qq-nr img{ margin-bottom:5px;}
.qq.on .qq-nr{ display:block;}
.qq.on a{ background:url("../images/icon-qq.png") no-repeat left bottom;}
footer .col-sm-2 .qq a{padding: 0;}
footer .col-sm-2.border-left{border-left: 1px solid #fff;margin-top: 48px;}

.wx{ width:30px; height:27px;position:relative; font-size:12px; text-align:center;}
.wx a{width:30px; height:27px; display:block; position:absolute; left:0; top:0;background:url("../images/icon-wx.png") no-repeat center top; }
.wx .wx-nr{padding:10px; background:#fff; text-align:center; position:absolute; left:-45px; top:-130px;display: none;}
.wx .wx-nr img{ margin-bottom:5px;}
.wx.on .wx-nr{ display:block;}
.wx.on a{ background:url("../images/icon-wx.png") no-repeat left bottom;}
footer .col-sm-10 .wx a{padding: 0;}
footer p.text-right{text-align: right;color: #fff;font-size: 14px;padding-right: 95px;}
footer .logo img{margin-top: 15px;}
.case-list p{color: #717071;margin: 0;font-size: 14px;line-height: 23px;}
.english-p p{font-size: 14px;line-height: 20px;}
.english-p{margin-top: 14px;}
.case-list{margin-top: 0;padding-top: 50px;}
.border-bottom{border-bottom: 2px solid #717071;padding-bottom: 30px;}
.case-list-works a img{width: 100%;}
.case-list-works{margin-bottom: 150px;}
.case-list-works a p{font-size: 14px;color: #000;margin: 0;margin-top: 18px;}
.case-list-works a:hover{text-decoration: none;}
.case-list-works a:focus{text-decoration: none;}
.case-list-works a:active{text-decoration: none;}
.case-list-works a:visited{text-decoration: none;}
.case-list-works a p.english{margin-top: 8px;font-size: 15px;}
.case-list-works a{background: #fff;display: block;padding-bottom: 20px;margin-bottom: 40px;}
.con-padding{padding: 0 15px;}
.works-intro h6{font-weight:normal;font-size: 14px;color: #717071;border-top: 1px solid #717071;border-bottom: 1px solid #717071;height: 45px;line-height: 45px;margin-bottom: 15px;}
.works-intro h5{font-size: 14px;color: #717071;font-weight: normal;margin-top: 5px;}
.word-intro{height: 245px;}
.company-intro a.bac-none{background: none;}
.company-intro a.bac-none img{width: auto;margin-top: 40px;}
.company-intro a{padding-top: 14px;}
.company-intro{margin-top: 60px;}
.design-killer{margin-top: 60px;}
.join-us span.color{color: #be9c5a;}
.design-killer span{color: #717071;margin-top: 5px;}
.design-killer .join-us{padding-top: 16px;margin-left: 137px;}
.works-display .container{width: 1005px;}
.bac-white{background: #fff;padding: 35px;}
.works-display a img{width: 100%;}
.works-display{margin-top: 50px;}
.works-display{margin-bottom: 150px;}
.works-display .col-xs-6:nth-child(odd){padding-right: 3px;}
.works-display .col-xs-6:nth-child(even){padding-left: 3px;}
.works-display .col-xs-6{padding-bottom: 3px;}
.works-display img{width: 100%;}
.works-display .col-sm-5 .col-xs-12{margin-top: 5px;}
.case-list .title h3{font-size: 18px;color: #717071;margin-bottom: 50px;font-weight: normal;}
.case-list-2 .chinese-p{margin-bottom: 50px;}
.creation .join-us span.color{color: #717071;}
.case2-display .col-xs-12{padding-bottom: 30px;}
.case2-display .flip .col-xs-3{padding: 0;}
.case2-display .flip .col-xs-3 a img{width: auto;display: block;}
.case2-display .flip .col-xs-3 span{display: block;font-size: 17px;color: #000;border-bottom: 1px solid #000;margin-top: 20px;}
.case2-display .flip .col-xs-3 a:hover{text-decoration: none;}
.case2-display .flip .col-xs-3 a:focus{text-decoration: none;}
.case2-display .flip .col-xs-3 a:active{text-decoration: none;}
.case2-display .flip .col-xs-3 a:visited{text-decoration: none;}
.case2-display .flip .col-xs-3{width: 182px;}
.case2-display .flip .col-xs-3 small{margin-right: 10px;width: 5px;height: 5px;background: #717071;border-radius: 50%;display: inline-block;}
.case2-display .flip .col-xs-3 strong{font-weight: normal;font-size: 15px;color: #717071;display: inline-block;margin-top: 3px;}
.case2-display .flip{margin-top: 100px;clear: both;overflow: hidden;}
.case2-display .flip .col-xs-3{position: absolute;}
.case2-display .flip .col-xs-3.text-right{position: absolute;left: 15px;}
.case2-display .flip .col-xs-3.text-left{position: absolute;right: 15px;}
.case2-display .container{position: relative;}
.case2-display .col-xs-6.text-center{width: 100%;padding: 0 15px;text-align: center;margin-top: 100px;padding-left: 182px;padding-right: 182px;}
.case2-display .col-xs-6.text-center p{font-size: 17px;}
.service-project .container{width: 1005px;margin: 0 auto;}
.service-project{border-top: 1px solid #717071;padding-top: 55px;}
.service-project .title .title-con h6{font-size: 16px;color: #000;font-weight: normal;}
.service-project .title .title-con{float: left;padding-left: 100px;margin-top: 10px;min-height: 80px;}
.service-project .title img{float: left;position: absolute;}
.service-project .title{clear: both;overflow: hidden;margin-bottom: 10px;}
.brand-intro h4{font-size: 14px;font-weight: normal;color: #000;}
.brand-intro p{font-size: 14px;color: #717071;margin-top: 17px;line-height: 22px;}
.brand-intro{margin-top: 40px;}
.brand-intro-english-2{margin-top: -1px;}
.col-sm-english .brand-intro p{margin-top: -9px;}
.brand-intro-english-5{margin-top: 24px;}
.cooper-process{margin-top: 60px;}
.coop-con p{color: #717071;}
.coop-con p span{display: block;}
.coop-con{margin-top: 35px;}
.recruit-mailbox .remarks p{font-size: 14px;color: #717071;}
.recruit-mailbox .remarks{margin-top: 50px;}
.design-require{background: #bf9d5a;overflow-x: hidden;}
.design-require{margin-top: 80px;padding-bottom: 40px;margin-bottom: 140px;}
.design-require h4{text-align: center;color: #fff;font-weight: normal;font-size: 22px;padding-top: 50px;}
.design-require h4 span{font-size: 20px;}
.design-require p{font-size: 14px;color: #fff;text-align: left;padding-top: 15px;margin-bottom: 0;}
.design-con{width: 90%;margin: 0 auto;}
.fill-con input{border: 2px solid #fff;font-size: 14px;width: 100%;background: none;color: #fff;outline: none;padding: 8px;}
.fill-con ul li{list-style: none;margin-top: 15px;}
.fill-con ul{margin: 0;padding: 0;}
.fill-con{margin-top: 30px;}
.fill-con ul li textarea{background: none;border-radius: 0;border: 2px solid #fff;font-size: 14px;color: #fff;resize : none; }
.fill-con ul li button{margin-top: 20px;color: #fff;font-size: 14px;text-align: center;display: block;padding: 6px 0;border: 0;background: #000;width: 100%;}
.service-project .title .title-con{margin-top: 2px;}
.about-inner{padding-bottom: 70px;}
.team-intro .chinese-p p{color: #717071;margin-bottom: 0;}
.team-intro{padding-bottom: 100px;}
.designer_about{padding: 0;}
main{overflow-x: hidden;}
.team-intro .container{position: relative;}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}
a:focus{text-decoration: none;}
a:visited{text-decoration: none;}
.team-intro .tabs{clear: both;text-align: left;margin-top: 70px;position: relative;}
.team-intro .tabs ul{padding: 0;margin: 0;clear: both;position: relative;right: 3px;}
.team-intro .tabs .tab-text .designer_about h3{font-size: 18px;font-weight: normal;}
.team-intro .tabs ul a .designer_name{background: #bf9d5a;color: #fff;width: 72px;height: 72px;line-height: 72px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;}
.team-intro .tabs ul li{list-style: none;position: relative;float: left;width: 16.666667%;}
.team-intro .tabs a{display: inline-block;width: 35px;height: 35px;line-height: 33px;text-align: center;color: #717071;border: 1px solid #717071;}
.team-intro .tabs a:hover{color: #985f0d;border: 1px solid #985f0d;}
.team-intro .tabs ul li a{width: auto;height: auto;line-height: normal;}
.designer_about h3{font-weight: normal;font-size: 18px;color: #985f0d;}
.designer_about p{font-size: 14px;color: #717071;line-height: 22px;margin-top: 20px;}
.arrow{display: block;}
.tab-text{clear: both;overflow: hidden;}
.arrow{position: absolute;right: 0;bottom: auto;font-weight: bold;font-size: 14px;}
.team-intro .tabs a.prev{position: absolute;left: 58%;z-index: 9;bottom: 35px;}
.team-intro .tabs a.next{position: absolute;left: 62.5%;z-index: 9;bottom: 35px;}
.tabs ul a .designer_name{display: none;}
.team-intro .tabs ul .active a .designer_name{display: block;}
.team-intro .tabs .arrow a img{width: 72px;height: 72px;}
.contact-us.recruit-re .col-sm-4 img{width: auto;}
.contact-us{margin-top: 90px;}
.icon-con img{float: left;margin-top: 3px;}
.icon-con p{float: left;font-size: 14px;color: #717071;border-left: 1px solid #888788;height: 34px;padding-left: 14px;margin-left: 13px;}
.icon-con p span{display: block;}
.icon-con{clear: both;overflow: hidden;}
.address-intro h6{font-size: 13px;color: #717071;font-weight: normal;}
.address-intro p{font-size: 12px;color: #717071;}
.address-intro{padding-left: 46px;}
.phone h6{font-size: 18px;}
.phone{padding-left: 60px;}
.QQ{padding-left: 52px;}
.contact-us .col-sm-6{margin-top: 50px;}
.row-qq{position: relative;top: -150px;}
.img-logo{margin-bottom: 100px;}
input::-webkit-input-placeholder{color: #ffffff;}
.form-control::-webkit-input-placeholder {color: #ffffff;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#ffffff;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#ffffff;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#ffffff;}
.bac-white img{width: 100%;}
.team-intro .tabs .arrow a:hover{color: transparent;border: 0;}
.team-intro .tabs .arrow a{border: 0;}




@media (max-width: 1680px){
    .navbar-brand{padding-top: 0;}
    .navbar-brand>img{width: 40px;margin-top: 7px;}
    header{height: 100px;}
    .nav>li>a{line-height: 60px;padding: 16px 20px;}
    footer .container{width: auto;}
    footer .logo a img{width: 40px;}
    footer .col-sm-10 a{padding: 24px 10px;}
    footer .col-sm-2.border-left{margin-top: 23px;}
    footer p.text-right{padding-right: 78px;}
    .word-intro{height: 200px;}
    .case-list-works{margin-top: 30px;}
    .case-list-works a{margin-bottom: 25px;}
    .company-intro{margin-top: 40px;}
    .company-intro a.bac-none img{margin-top: 20px;}
    .case-list-works .border-bottom{padding-bottom: 15px;}
    .case-list-works{margin-bottom: 100px;}
    .case-list{padding-top: 30px;}
    .design-killer{margin-top: 50px;}
    .bac-white{padding: 15px;}
    .case-list .title h3{margin-bottom: 30px;}
    .case-list-2 .chinese-p{margin-bottom: 30px;}
    .join-us span{font-size: 16px;}
    .works-display .flip{margin-top: 50px;}
    .works-display .flip .col-xs-3 span{font-size: 15px;}
    .case2-display .col-xs-6.text-center p{font-size: 15px;}
    .case2-display .flip .col-xs-3{width: 155px;}
    .design-require{margin-top: 40px;}
    .about-inner{padding-bottom: 50px;}
    .contact-us{margin-top: 50px;}

}




@media (min-width: 768px) and (max-width: 979px) {

    .nav>li>a{padding: 10px;}
    .navbar-nav{float: right;}
    .navbar-brand{left: 30px;}
    .navbar-brand>img{width: 40px;}
    .navbar-static-top{margin-top: 10px;}
    .recruit-mailbox .container{width: auto;}
    .recruit-re .container{width: auto;}
    footer .container{width: auto;}
    footer .logo{left: 0;}
    footer .col-sm-10{width: 100%;}
    footer .col-sm-2.border-left{float: right;border-left: 0;margin-top: 0;}
    footer p.text-right{margin-top: 14px;padding-right: 20px;}
    footer .col-sm-2.border-left .col-xs-4{width: 50%;}
    .wx .wx-nr{left: -74px;}
    .works-display .container{width: auto;}
    .service-project .container{width: auto;}
    .designer_img img{width: 100%;}
    .team-intro{padding-bottom: 60px;padding-top: 30px;}
    .arrow{position: relative;}
    .arrow{bottom: -25px;}
    .team-intro .tabs ul li{width: auto;}
    .team-intro .tabs a.prev{position: relative;bottom: 30px;}
    .team-intro .tabs a.next{bottom: 30px;position: relative;left: 59%;}



}








@media (max-width: 767px){
    header{height: auto;}
    .nav>li>a{line-height: normal;}
    header .container{width: auto;}
    .navbar-brand>img{width: 22px;}
    .navbar-brand{left: 15px;}
    .navbar-brand>img{margin-top: 4px;}
    .navbar-nav>li>a{font-size: 14px;}
    .nav>li>a{padding: 10px 15px;}
    .recruit-logo img{width: 55px;padding: 9px 13px 9px 0;}
    .recruit-logo .join-us{padding-top: 10px;padding-left: 13px;}
    .join-us span{font-size: 14px;}
    .join-us span.english{font-size: 13px;}
    .recruit-mailbox .container{width: auto;}
    .recruit-mailbox p{font-size: 13px;}
    .recruit-mailbox{margin-top: 15px;}
    .chinese{margin-top: 40px;}
    .recruit-re{margin-top: 15px;}
    .recruit-re .english{margin-top: 24px;}
    .recruit-re h3{font-size: 16px;}
    .recruit-re .container{width: auto;}
    .img-logo{margin-top: 0;}
    .recruit-re .col-sm-4 img{width: auto;}
    footer .container{width: auto;}
    footer a{font-size: 13px;}
    footer .col-sm-10 a{padding: 3px 10px;}
    footer .logo{left: 0;}
    footer .logo a img{width: 30px;}
    footer .col-sm-10{padding-left: 30px;text-align: left;}
    footer .col-sm-2.border-left{border-left: 0;float: right;padding: 0;}
    footer p.text-right{padding-right: 0;margin-bottom: 0;text-align: right;}
    footer .col-sm-2.border-left .col-xs-4{width: 50%;}
    .wx .wx-nr{left: -74px;}
    footer p.text-right{margin-top: 14px;}
    .navbar-header{border-bottom: 1px solid #e0e0e0;}
    .word-intro{height: auto;}
    .company-intro a.bac-none img{width: 100%;}
    .company-intro .word-intro{height: auto;}
    .border-bottom{padding-bottom: 15px;}
    .case-list-works a{margin-bottom: 10px;}
    .case-list-works .border-bottom{padding-bottom: 8px;}
    .company-intro{margin-top: 15px;}
    .case-list-works .col-xs-6{width: 100%;}
    .con-padding{padding: 0 10px;}
    .case-list-works{margin-bottom: 20px;}
    .case-list-works a p.english{font-size: 13px;}
    .case-list-works a{padding-bottom: 7px;}
    .case-list{padding-top: 0px;border: 0;}
    .works-display .container{width: auto;}
    .bac-white{padding: 10px;}
    .works-display{margin-bottom: 50px;}
    .design-killer .container{width: auto;}
    .recruit-logo .join-us{margin-left: 56px;padding-bottom: 10px;}
    .design-killer img{padding-top: 15px;}
    .case2-display .col-xs-12{padding-bottom: 15px;}
    .design-killer{margin-top: 20px;}
    .works-display{margin-top: 25px;}
    .case-list .title h3{margin-bottom: 15px;}
    .case-list-2 .chinese-p{margin-bottom: 15px;}
    .case2-display .flip .col-xs-3{position: relative;padding-top: 35px;width: 43%;}
    .case2-display .flip .col-xs-3 img{width: 100%;}
    .case2-display .flip .col-xs-3.text-right{position: relative;left: 0;}
    .case2-display .flip .col-xs-3.text-left{position: relative;right: 0;}
    .case2-display .col-xs-6.text-center{width: 50%;}
    .works-display .flip{margin-top: 20px;position: relative;}
    .works-display .flip .col-xs-3 span{font-size: 12px;}
    .case2-display .flip .col-xs-3 strong{font-size: 13px;}
    .case2-display .col-xs-6.text-center p{font-size: 14px;}
    .case2-display .flip .col-xs-3 a img{width: 40px;}
    .case2-display .col-xs-6.text-center{position: absolute;width: 100%;top: 0;margin-top: 0;padding-left: 0;padding-right: 0;}
    .brand-intro{margin-top: 20px;}
    .col-sm-english .brand-intro p{margin-top: 10px;}
    .service-project{padding-top: 30px;}
    .service-project .col-sm-6{padding: 0;}
    .service-project .title img{width: 55px;}
    .service-project .title .title-con{margin-top: 0;}
    .service-project .title .title-con{padding-left: 72px;}
    .recruit-logo img.icon-rshh{padding-top: 6px;}
    .detail-con{margin-top: -20px;}
    .recruit-mailbox .remarks{margin-top: 20px;}
    .coop-con{margin-top: 20px;}
    .design-require{margin-top: 20px;}
    .design-require h4 span{font-size: 15px;}
    .design-require h4{font-size: 16px;}
    .design-require h4{padding-top: 14px;}
    .design-require{padding-bottom: 25px;}
    .design-require{margin-bottom: 80px;}
    .team-intro{padding-bottom: 40px;}
    .team-intro .container{width: auto;}
    .designer_img img{width: 100%;}
    .team-intro .tabs .tab-text .designer_about h3{margin-top: 4px;font-size: 16px;}
    .designer_about p{margin-top: 5px;}
    .team-intro .tabs{margin-top: 30px;}
    .arrow{position: relative;}
    .team-intro .tabs ul{clear: both;overflow: hidden;width: 100%;bottom: 13px;}
    .team-intro .tabs ul li{width: 20%;}
    .team-intro .tabs ul li img{width: 100%;}
    .team-intro .tabs a.next{position: relative;left: 0;margin-top: 40px;}
    .team-intro .tabs a.prev{position: relative;left: 0;margin-top: 40px;}
    .designer_about{padding: 0;}
    .team-intro .chinese-p{margin-top: -10px;}
    .team-intro{padding-bottom: 20px;}
    .team-intro .tabs ul li a{width: 100%;}
    .contact-us.recruit-re .col-sm-8{margin-top: 30px;}
    .contact-us{margin-top: 30px;}
    .contact-us .col-sm-6{margin-top: 15px;}
    .row-qq{position: relative;top: 0;}
    .img-logo{margin-top: 20px;}
    .img-logo{margin-bottom: 50px;}
    .team-intro .tabs ul li{width: 16.66666666667%;}
    .team-intro .tabs ul a .designer_name{width: 100%;height: 100%;}
    .arrow{bottom: 0;}
    .team-intro .tabs .arrow a img{width: 100%;height: 100%;}
    .team-intro .tabs ul a .designer_name{line-height: 5.5rem;}
     .service-project .container{width: auto;}

}





@media (max-width: 480px){   .team-intro .tabs ul a .designer_name{line-height: 5rem;}}
@media (max-width: 330px){   .team-intro .tabs ul a .designer_name{line-height: 4rem;}}