@media screen and (max-width: 900px) {
body{min-width:100%;}
.docW {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
	margin-left:auto;
	margin-right:auto;
}

.whoareyou {
    width: 100%;
   
	
}

.whoareyou .tit {
    height: 101px;
    margin-bottom: 39px;
}

.whoareyou .tit-in {
    padding: 0;
    font-size: 48px;
   
    height: 100px;
    line-height: 100px;
    width: 100%;
    float: left;
    color: #4c4c4a;
    border-bottom: 1px solid;
    font-weight: 400;
    
    overflow: hidden;
  
}

.whoareyou .lay_more {
    top: 40px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #111113;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-family: 'Playfair Display', sans-serif;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.whoareyou .lay_more:hover {
    color: #4c4c4a;
}

.whoareyou .subTit {
    margin-bottom: 26px;
    width: 100%;
    font-size: 20px;
    line-height: 32px;
    color: #111113;
}

.whoareyou .con {
    margin-bottom: 30px;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #585858;
}

.indexService .div-chd {
    float: left;
    width: 100%;
   
}
.indexBanner .indOth {
    
    bottom: 20px;
    height: 70px;
    padding: 0;
  
    background: none;
}
.indexBanner .indOth-in {
    padding-top: 13px;
    white-space: nowrap;
    font-size: 0;
    min-width: 20px;
}
.indexCases-ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 12300px;
    height: 700px;
}
.indexCases-con {
    position: absolute;
    width: 1230px;
    margin-left: -715px;
    top: 0;
    left: 50%;
    z-index: 1;
    height: 700px;
}
.indexCases-li {
    float: left;
    position: relative;
    width: auto;
    margin: 0 5px;
    height: 500px;
}

.indexCases-li .lay_img, .indexCases-li .img {
    display: block;
   
    height: 500px;
}
.indReser .lBx {
    width: 100%;
    background: #1d1c1e;
	
}
.indForm {
    position: relative;
    width: 100%;
}
 .indexNews-con .chd {
        margin: 0;
      
        width: 100%;
       
    }

    .indexNews-con .chd-in {
        width: 100%;
    }
  .indFr-con {
        width: 100%;
    }
	
	 .whoareyou .subTit {
        margin-bottom: 22px;
        width: 100%;
    }

    .whoareyou .con {
        margin-bottom: 24px;
        width: 100%;
    }

    .whopic {
        width: 100%;
        height: auto;
		border:none;
    }

    .whopic .lay_img {
        width: 100%;
        height: 322px;
    }
	   .indexService .div-tit {
        margin-top: 20px;
        margin-bottom: 20px;
		padding-top:10px;
    }
	
.indexCasing .chd {
    float: left;
    width: 100%;
}
.indexTeam .item {
        margin: 0;
      
        width: 100%;
        padding-bottom: 122px;
        margin-bottom: 20px;
		float:left;
    }
	   .indexTeam .item .lay_img {
        width: 100%;
        height: 226px;
    }

    .indexTeam .item .lay_info {
        padding: 24px 15px 30px;
        width: 100%;
        height: 68px;
    }
	
	   .indexTeam .item .lay_img {
        width: 100%;
        height: 226px;
    }

    .indexTeam .item .lay_info {
        padding: 20px;
width: auto;
        height: 68px;
    }
.indReser .rBx {
    float: left;
    background: #fff;
    width: -webkit-calc(100% - 440px);
    width: -moz-calc(100% - 440px);
    width: -ms-calc(100% - 440px);
    width: -o-calc(100% - 440px);
    width: calc(100% - 440px);
}
.xgl.xiao_guo_liang {
   width:100%;
   float:left;
}
.foot02 {
    margin-left: 0;
    width: 100%;
}
.foot01 {
    margin-left: 0;
    width: 100%;
}
.foot03 {
    margin-left: 0;
    width: 100%;
}
.indexNews-con .chd {
    float: left;
    position: relative;
    margin-bottom: 40px;
    margin-left: 0;
    width: 100%;
    padding-left: 0;
    border-left: 0;
}
.indexNews-con .chd::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -1px;
    width: 2px;
    height: 12px;
    background: #fff;
}
.indexCases .prev {
    right: 50%;
    margin-right: 10px;
}

.indexCases .next {
    left: 50%;
    margin-left: 10px;
}
.indexCases-oth {
    position: inherit;
    top: 20px;
    left: auto;
    
    margin: 0;
    z-index: 24;
    width: 100%;
    height: auto;
   
    background: #fff;
}

.indexCases-oth .info-tit {
    font-size: 18px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    font-family: 'Playfair Display', sans-serif;
    background: #4c4c4a;
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.indexCases-oth .info-con {
    padding: 28px 20px 10px;
}

.indexCases-oth .tit {
    font-size: 18px;
    color: #111113;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 14px;
}

.indexCases-oth .con {
    font-size: 14px;
    height: 72px;
    line-height: 24px;
    color: #999;
    overflow: hidden;
    margin-bottom: 20px;
}

.indexCases-oth .labels {
    position: relative;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    color: #d2af56;
}

.indexCases-oth .labels span {
    padding-left: 8px;
}

.indexCases-oth .labels:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 14px;
    margin-top: -7px;
    width: 2px;
    background: #d2af56;
}
.indexService .chd-con-tit {
    position: relative;
    padding: 0;
   
    height: 34px;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 39px;
    color: #1b1f31;
    font-weight: bold;
	width: 100%;
    text-align: center;
}

.indexCasing .con {
    margin: 0 ;
}
.indexCasing .chd-lnk {
    display: block;
    position: relative;
    margin: 20px 0px;
}

    .indexService .div-chd {
        margin: 0;
    }
	
	 .indexTeam .list {
        padding-top: 56px;
       
        margin: 0;
    }
	.indReser-wrap {
    padding: 0;
   
}
.docW.juzhong {
    position: absolute;
    left: 5%;
    margin-left: 0;
}
.indexBanner .indOth-in .ch {
    display: inline-block;
    vertical-align: top;
    width: 15%;
    margin-left: 0px;
    cursor: pointer;
}
.indexBanner .indOth-prevandnext {
   display:none;
}
.whopic .lay_img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    
}
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-color: rgba(0,0,0,0.25);
    z-index: 999;
}
.header .lay_logo > a {
    display: block;
  
    margin-top: 14px;
    width: 160px;
}

.header .lay_logo {
    margin-left: 20px;
    height: 60px;
    float: left;
    position: relative;
}

.head_btn {
    position: fixed;
    left: auto;
    right: 20px;
    top: 18px;
    height: 24px;
    width: 28px;
    z-index: 1024;
    cursor: pointer;
}
.nav_bdy {
    position: absolute;
    top: 50%;
    left: 50px;
    width: 100%;
    height: 610px;
    margin-top: -305px;
    margin-left: 0;
    counter-reset: mycounter;
}
.indexCasing-in {
  
    position: relative;
    margin-top: 0;
   
    overflow: hidden;
    padding-bottom: 0;
}

    .indexTeam {
        padding-top: 10px;
        padding-bottom: 10px;
    }




   .conDiv {
        margin-left: 0;
        margin-right: 0;
    }

    .conDiv .chd {
        width: 95%;
        margin: 0 15px 31px 8px;
    }

    .conDiv .chd .lay_img {
        width: 100%;
        height: 234px;
    }
	.cases .conDiv .chd .lay_info {
    position: absolute;
    background: #fff;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 124px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 22px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 18px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
  .about02 .mBx {
        margin-left: 0;
        width: 100%;
    }
	  .aboutHonor .lBx {
        width: auto;
        height: 610px;
    }
	    .aboutHonor .rBx {
        width: 100%;
    }
	.about01-con .lay_img {
    position: absolute;
    top: 0;
   right: 0;

}
.indexCases-oth {
   position: sticky;
top: 300px;
left: auto;


z-index: 24;
width: 100%;
height: auto;
overflow: hidden;
background: #fff;
float: left;
}
.aboutHonor .honor-tit {
        padding-top: 22px;
        padding-bottom: 32px;
        padding-left: 10px;
    }

	    .honor-btnCon {
        width: auto;
        margin: 30px auto auto;
    }
	.about01-con .rBx {
    width: 100%;
    height: 490px;
}
.honor-con {
        width: auto;
        height: 310px;
        margin: 0;
    }
	    .honor-inner {
        width: auto;
        height: 400px;
    }
.about2St .lBx-in {
   
    margin-right: 0;
    width: 100%;
}
.about2St .rBx-in {
    float: left;
    padding-top: 0;
    margin-left: 0;
    width: 100%;
}
.about2St .chd {
    width: 100%;
}
.newsD-con {
    margin: 50px auto 80px;
    width: 90%;
    min-height: 300px;
    font-size: 14px;
    line-height: 30px;
    color: #4a4a4a;
}
  .aboutPr .chd {
        margin-top: 10;
		margin-left:0;
		margin-right:0;
        width: 100%;
    }
	 .aboutPr .chd {
       
       
    }
	
   .aboutPr {
        margin-left: 0;
        margin-right: 0;
    }
.aboutLet .tit {
    color: #111012;
    font: normal normal 700 24px/40px 'Playfair Display', sans-serif;
}

.aboutLet .subTit {
    color: #111012;
    font-size: 14px;
    line-height: 34px;
    margin-bottom: 0;
}
.aboutLet {
    padding-top: 40px;
    padding-bottom: 40px;
 
}

 .indexService .div-con-in {
        margin-right: 0;
    }
	
	.indexService .div-con-in {
    margin-right: 0;
	margin-top: 0;
margin-bottom: 0;
}
.indexService .chd-con-con {
    font-size: 14px;
    line-height: 24px;
    color: #585858;
    margin-bottom: 24px;
}
.about2Pr .tit-wrap .tit {
    font: normal normal 500 28px/50px 'Playfair Display', sans-serif;
    margin-bottom: 0;
    color: #ddb95e;
}
.about2Pr {
    padding-top: 34px;
    padding-bottom: 30px;
    background: url(../images/work.jpg) no-repeat center;
    background-size: cover;
}
.about2Pr .tit-wrap .subinfo {
    font-size: 14px;
    line-height: 24px;
    color: #000;
    height: 48px;
    overflow: hidden;
}
.about2Pr .tit-wrap {
    padding-bottom: 20px;
}
.contYou .indForm {
        width: 100%;
    }
  .contYou .indForm .form-col {
        width: 100%;
    }
	.contYou .indForm .input {
        width: 95%;
    }
	.contYou .indForm .form-col + .form-col {
        margin-left: 0;
    }

.indexBanner .lay_info .tit {
    font-family: '微软雅黑';
    font-size: 28px;
 
    line-height: 60px;
    color: #fff;
    font-weight: normal;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    transform: translate(0, 20px);
}

.indexBanner .lay_info .subTit {
    font-size: 16px;
    width: 345px;
    height: 56px;
    line-height: 28px;
    color: #fff;
    font-weight: normal;
    overflow: hidden;
    margin-top: 30px;
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    transform: translate(0, 20px);
}
.indexTeam .item .lay_info {
   
    box-shadow:none;
}
.aboutPr .chd .lay_btn {
   
   padding-top: 42px; 
    position: static;
    bottom: 30px;
    left: 160px;
}
.aboutPr .chd-inner {
    padding: 36px 20px 50px;
   
       height: auto;
}
.indForm {
    position: relative;
   
    padding-left: 0;
}
.indForm .ind-chd {
    float: left;
   
    width: 100%;
    padding-top: 10px;
}
.indForm .ind-chd .lay-info .p1 {
    font-size: 28px;
    line-height: 50px;
}
.about01-con .lBx-decoration {
    font:  normal 400 28px/60px 'Playfair Display', sans-serif;
    color: #ccc;
}
.pic {width:100%;}
.about1Banner.details {
    height: 500px;
}

.about1Banner_inner {
    position: relative;
   height: 500px;
    overflow: hidden;
}
.about1Banner.details .about1Banner_inner {
    height: 500px;
}
.about1Banner .tit {
    font: normal normal 700 38px/60px 'Playfair Display', sans-serif;
    color: #d2af56;
    height: 60px;
    text-align: center;
    margin-top: 100px;
}
.about1Banner {
    position: relative;
    height: 500px;
}
  .casesCon {
        padding-top: 0;
    }
	
	.flm {
   display:none;
}
 .visible-xs {
  display:block!important
 }
 table.visible-xs {
  display:table!important
 }
 tr.visible-xs {
  display:table-row!important
 }
 td.visible-xs,
 th.visible-xs {
  display:table-cell!important
 }
 .ulclearfix ul:after {
	clear: both;
	display: block;
	content: ".";
	width: 0px;
	height: 0px;
	visibility: hidden;
}

.newsD-tit .tit {
    font-size: 18px;
    font-weight: bold;
    line-height: 38px;
    min-height: 38px;
    color: #111113;
    margin-bottom: 4px;
	width:100%;
	float:left;
}
.newsD-tit {
    padding: 39px 20px;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
}
.conDiv .chd .lay_con {
        margin-bottom: 15px;
    }
	
	
	.header .nav {
	display:none;
	position: fixed;
    top: 55px;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 20px;
    line-height:30px;
    background: #0f2343;
}

.header .submenu {
	display:none;
    width:18%;
}
.header .nav {
	display:none;
	position: fixed;
    top: 55px;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 20px;
    line-height:30px;
    background: #0f2343;
}
.header .nav>ul {
    width:100%;
}
.header .nav>ul>li {
    width:100%;
	margin:2% 0;
	padding:5px 20px;
    text-align: left;
	border-bottom: 1px solid #193054;
}
.header .nav>ul>li::after {
    content: '';
    display: block;
    position:absolute;
    right:0;
    bottom:7px;
    width: 1px;
    height: 10px;
    background: #fff;
}
.header .nav>ul>:last-child::after {
    display:none;
}
.header .nav>ul>li>a {
    display: inline-block;
    font-size: 18px;
    padding: 0 10px;
    margin: 0 0 0 0;
    color: #fff;
    font-family: 'RuiZiChaoPaiHaoHengHeiJian';
    position: relative;
}
.header .nav>ul>li>a:after {
    content: "";
    position: absolute;
    left: -20%;
    bottom: 50%;
    width: 5px;
    height: 5px;
    background: #ffc006;
    z-index: -1;
    transition: all 0.3s;
}
.header .nav>ul>li>a>span {
    display:none;
    font-size: 12px;
    color:#f6f6f6;
    margin-top: 0px;
}
.header .nav>ul>li:hover a {
    color:#ffc006;
}
.header .nav>ul>li:hover>a>span{
    color:#ffc006;
}
/*头部菜单-下拉菜单*/
.header .nav ul li .sub-box {
	display:none;
	position: absolute;
    width: 100%;
	padding:4% 0;
    background: rgba(12,55, 113, 0.99);
	border-bottom: solid 1px #fff;
    z-index: 999;
    left: 0;
    overflow: hidden;
    transition: all 0.3s;
}
.header .nav ul li:hover .sub-box {
	display:none;
}
.header .nav ul li .sub-box  .item-fl {
	width: 100%;
	text-align:left;
}
.header .nav ul li .sub-box  .item-fl h3 {
	display:inline-block;
	font-size: 24px;
    padding: 0 10px;
    margin:0 0 10% 0;
    color: #fff;
	font-family: 'RuiZiChaoPaiHaoHengHeiJian';
    position: relative;
}
.header .nav ul li .sub-box  .item-fl h3:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0%;
    width: 100%;
    height: 10px;
    background: #ffc006;
    z-index: -1;
    transition: all 0.5s;
}
.header .nav ul li .sub-box  .item-fl p {
	font-size:14px;
	color:#fff;
	line-height: 1.6;
	text-align:left;
}
.header .nav ul li .sub-box  .item-fr {
	width: 100%;
	border-left:none;
}
.header .nav ul li .sub-box  .item-fr a {
	display:block;
	float: left;
    width: 33.3%;
    padding: 0 4.016%;
	margin-bottom:8%;
}
.header .nav ul li .sub-box  .item-fr a h4 {
	font-size:20px;
	color:#aac2e2;
	font-family: 'Futura';
	text-transform: uppercase;
	transition: all 0.5s;
}
.header .nav ul li .sub-box  .item-fr a h3 {
	font-size:14px;
	color:#fff;
}

.header .nav ul li .sub-box {
	display:none;
	position: absolute;
    width: 100%;
	padding:4% 0;
    background: rgba(12,55, 113, 0.99);
	border-bottom: solid 1px #fff;
    z-index: 999;
    left: 0;
    overflow: hidden;
    transition: all 0.3s;
}
.header .nav ul li:hover .sub-box {
	display:none;
}
.header .nav ul li .sub-box  .item-fl {
	width: 100%;
	text-align:left;
}
.header .nav ul li .sub-box  .item-fl h3 {
	display:inline-block;
	font-size: 24px;
    padding: 0 10px;
    margin:0 0 10% 0;
    color: #fff;
	font-family: 'RuiZiChaoPaiHaoHengHeiJian';
    position: relative;
}
.header .nav ul li .sub-box  .item-fl h3:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0%;
    width: 100%;
    height: 10px;
    background: #ffc006;
    z-index: -1;
    transition: all 0.5s;
}
.header .nav ul li .sub-box  .item-fl p {
	font-size:14px;
	color:#fff;
	line-height: 1.6;
	text-align:left;
}
.header .nav ul li .sub-box  .item-fr {
	width: 100%;
	border-left:none;
}
.header .nav ul li .sub-box  .item-fr a {
	display:block;
	float: left;
    width: 33.3%;
    padding: 0 4.016%;
	margin-bottom:8%;
}
.header .nav ul li .sub-box  .item-fr a h4 {
	font-size:20px;
	color:#aac2e2;
	font-family: 'Futura';
	text-transform: uppercase;
	transition: all 0.5s;
}
.header .nav ul li .sub-box  .item-fr a h3 {
	font-size:14px;
	color:#fff;
}
.header .menu{ 
    display:block;
	width:39px; 
	height:39px;
	margin-right:20px;
	margin-top:8px;
	background:url(../images/menu.svg) no-repeat center/30px;
}
}