@import url("./animate.min.css");
@import url("../../assets/libs/font-awesome/css/font-awesome.min.css");
@import url("../../assets/libs/bootstrap-select/dist/css/bootstrap-select.min.css");
@import url("../../assets/libs/bootstrap-table/dist/bootstrap-table.min.css");

html{-webkit-text-size-adjust: 100%;}
@font-face {
    font-family: 'Wingdings';
    font-style: normal;
    font-weight: normal;
    src: local('Wingdings'), url('wingding.woff') format('woff'),
    url('wingding.ttf') format('truetype');
}
.hidden {
    display: none !important;
}
.cur{
    /*color: #377dff !important;*/
}
:root {
    --bgColor: #ff4f00;
    --bgColor1: #0047d1;
    --bgColor3: rgb(22, 22, 26);
    --bgColor4: rgba(201,11,13, 1);
    --bgColor5: rgba(215,15,32, 1);
    --black: #000000;
    --black-3: #333333;
    --black-alpha-1: rgba(0, 0, 0, 0.1);
    --black-alpha-2: rgba(0, 0, 0, 0.2);
    --black-alpha-4: rgba(0, 0, 0, 0.4);
    --black-alpha-6: rgba(0, 0, 0, 0.6);
    --black-alpha-8: rgba(0, 0, 0, 0.8);
}

* {
    margin: 0;
    padding: 0;
    border: none;
}

*, *::before, *::after {
    box-sizing: border-box
}

body {
    color: #000;
    background: #fff;
    font-family: SourceHanSansCN, Arial;
    min-height: 100vh;
    max-width:1920px; margin:0 auto;
}
img{ display: block}
a {
    text-decoration: none;
}

a:hover {
    color: #000
}

em {
    font-style: normal;
}

li {
    list-style: none;
}



.dd-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.dd-flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.dd-flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.dd-justify-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.dd-justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.dd-justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dd-justify-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dd-justify-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.dd-align-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.dd-align-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.dd-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.dd-align-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.dd-align-baseline {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.dd-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.dd-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dd-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 8px;
}
.page-conent{
    margin:0 auto;
    width:1170px;
    padding: 80px 0px 10px 0 ;
    clear:both;
    overflow: hidden;
}
.page-conente{
    margin:0 auto;
    width:1170px;
    padding: 15px 0px 10px 0 ;
    clear:both;
    overflow: hidden;
}
.page-conentf{
    margin:0 auto;
    width:1170px;
    padding: 5px 0px 10px 0 ;
    clear:both;
    overflow: hidden;
}
.mune-div{
    padding: 10px 0px ;
    width: 1170px;
    margin:0 auto;
}
.homeA{
    font-size: 0;
}
.logo-img {
    margin-right: 220px;
    display: inline-block; /* 或者使用 inline */
    vertical-align: middle; /* 可选，用于垂直居中 */
    cursor: pointer;
    width: 131px;
}
.foot-out .span4 img{ height: 74px;}
.menu-title a{
    color: #000;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    margin: 0 10px;
}
.menu-title a.cur{    color: #005580;
    text-decoration: underline;}
.header1{ height: 95px;}
header{background:#DCE3E8;position: fixed;top:0; left: 0 ; width: 100%; z-index: 9999;}
header.static{ position: fixed;top:0; left: 0 ; width: 100%;}
.Shape-img {
    margin-left: 150px;
    display: inline-block; /* 或者使用 inline */
    vertical-align: middle; /* 可选，用于垂直居中 */
    margin-top:-6px;
}
.top {
    width: 100%;
    height: 800px;
    position: relative;
    background-size: cover;
    background-position: center;
}
.topImg{
    opacity: 0;
    width: 100%;
    height: 100%;
}
.top-content{
    margin:0 auto;
    width:1170px;
    position: absolute;
    top: 210px;
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
}
.top-wordDiv{
    width: 675px;
    height: 328px;
}
.top-bigWord{
    margin: 20px 0;
    font-size: 60px;
    color: #FFFFFF;
    line-height: 60px;
}
.top-smallWord{
    width: 418px;
    height: 96px;
    font-size: 20px;
    line-height: 30px;
    color: #a1a1a1;
}
.titleWord{
    font-size: 48px;
    color: #000;
    /*font-weight: bold;*/
}

.firstTitle{
    margin: 60px 0 17px 0;
    line-height: 60px;
    text-align: center;
}
.servierContent{
    margin-left:289px;
    width: 592px;
    height: 40px;
    color: #637381;
    text-align: center;
    font-size: 14px;
}
.colorblue{
    color: #005580;
}
.videoDiv{
    margin-top:25px;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
}
.videoImg {
    width: 970px;
    height: 466px;
}
.blockDiv{
    padding: 40px 0px 10px;
    clear: both;
    overflow: hidden;
}
.block{
    width: 375px;
    height: 264px;
    margin:8px;
    box-shadow: #f4f6fb 0 0 8px 8px ;
    border-radius: 8px;
}
.block-center{
    margin: 0 10px;

}

.groupImg{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    width: 66px;
    height: 74px;
    margin-left: 150px;
    margin-top:23px;

}
.blockTitle{
    margin-top:20px;
    color: #000B33;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.blockContent{
    margin-top:20px;
    margin-left: 27px;
    width: 320px;
    color: #000B33;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}

.secondTitle{
    text-align: left;
    margin:60px 0 17px 0;
    height: 60px;
    line-height: 60px;
    padding-left:41px;
    font-weight: bold;
}
.zhaopinConten{
    width: 490px;
    color: #000;
    font-size: 16px;
    line-height: 28px;
    float: left;
    padding-left:41px;
    margin: 0 0 20px 0;

}
.thridContent{
    background-color: #cac2b8;
    margin:0 auto;width:1170px; 
    padding: 60px 0;
    overflow: hidden;
}
.thirdLeft{
    float: left;
    width: 480px;
    height: 202px;
}
.thiteLeftContet{
    font-size: 16px;
    line-height: 32px;
    padding-left:41px;
}

.thirdRight{
    float: left;
    width: 670px;
    height: 582px;
}
.thirdblock{
    width: 305px;
    height: 280px;
    float: left;
    background-color: #fff;
    margin:20px 0 0 20px;
    box-shadow: #f4f6fb 0 0 3px 3px;
    border-radius: 8px;
}
.thirdImg{
    margin: 30px 0 0 120px;
}
.thirdblockTitle{
    font-size: 20px;
    text-align: center;
    margin:20px 0;
}
.thirdblockContent{
    width: 246px;
    height: 78px;
    text-align: center;
    margin-left:25px;
}

.thirdTitle{
    text-align: left;
    margin:60px 0 17px 0;
    height: 60px;
    line-height: 60px;
    padding-left:41px;
    font-weight: bold;
}
.fourthContent{
    padding: 10px 0;
    margin:0 auto;width:1170px; 
    clear:both;
    height: 600px;
    position: relative;
}
.fourthLeft{
    float: left;
    background-size: cover;
    background-position: center;
}
.fourthImg{
    margin: 60px 0 0 0;
    height: 500px;
}
.fourthRight{
    float: left;
    margin-left:80px;
    margin-top:40px;

}
.fourthTitle{
    font-weight: bold;
    height: 48px;
}
.fourthEnglish{
    font-size: 16px;
    color:#747474;
    margin:20px 0;
}
.fourThWord{
    width: 560px;
    font-size: 18px;
    color:#333333;
    margin:20px 0;
}
.baclkLine{
    width: 474px;
    background-color: #000;
    height: 1px;
    position: absolute;
    bottom: 40px;
    right: 0px;
}
.wordBold{
    font-weight: bold;
}
.cooperateDiv{
    float: left;
    width: 220px;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    height: 120px;          /* 容器高度，根据需要调整 */
}
.cooperateDiv img {
    max-width: 100%; /* 保持图片宽高比 */
    height: auto;
}
.row-fluid .span2{
    padding: 20px 0;
}
.accordion-inner p span{ text-wrap: wrap !important;}
/*about*/
.titleMargin{
    margin: 40px 0;
    font-weight: bold;
    padding-left:136px;
}
.titleWordEng{
    padding-left:136px;
    margin-bottom: 45px;
}
.grayDiv{
    background-color: #cac2b8;
    height: 550px;
    width: 100%;
    padding-top:75px;
    position: relative;
}

.grayDivleft{
    float: left;
    width:550px;
    height: 220px;
    padding-left:136px;
    line-height: 30px;
}
.grayDivright{
    float: left;
    width:510px;
    height: 260px;
    padding-left:84px;
    line-height: 30px;
}
.whiteDiv{
    position: relative;
    height: 458px;
}
.position1{
    position: absolute;
    left: 265px;
    top: -250px;
}
.position2{
    position: absolute;
    left: 540px;
    top: -160px;
}
.position3{
    position: absolute;
    left: 486px;
    top: 108px;
}
.position4{
    position: absolute;
    left: 136px;
    top: 108px;
}
/*.position1{*/
/*    position: absolute;*/
/*    left: 218px;*/
/*    top: -250px;*/
/*}*/
/*.position2{*/
/*    position: absolute;*/
/*    left: 510px;*/
/*    top: -160px;*/
/*}*/
/*.position3{*/
/*    position: absolute;*/
/*    left: 486px;*/
/*    top: 108px;*/
/*}*/
/*.position4{*/
/*    position: absolute;*/
/*    left: 136px;*/
/*    top: 108px;*/
/*}*/
.ourWish{
    background-color: #cac2b8;
    height: 771px;
    padding-top:30px;
}
.ourWishtitle{
    with:1155px;
    color: #262626;
    font-size: 36px;
    height: 78px;
    line-height: 78px;
    border-bottom: 1px solid #C8C6C3;
    margin: 0 136px;
}
.CommentImg{
    margin: 70px 0 18px 136px;
}
.CommentImghire{
    margin: 25px 0 18px ;
}

.blueWord{
    color:#262626;
    font-size: 24px;
    margin: 20px 0 20px 272px;
}

.missionDetail{
    width: 834px;
    height: 78px;
    margin: 0 0 0 272px;
    font-size: 18px;
    color:#262626;
    line-height: 30px;
}
.visionDetail{
    width: 834px;
    height: 110px;
    margin: 0 0 0 272px;
    font-size: 18px;
    color:#262626;
    line-height: 30px;
    text-align: justify;
}

.serverTitle{
    font-size: 60px;
    color:#1D1D1D;
    margin: 20px;
    text-align: center;
    line-height: 60px;
}
.serverWord{
    text-align: center;
    font-size: 22px;
    color:#1D1D1D;
    line-height: 35px;
}
.buttonDiv{
    margin:40px 0;
    text-align: center;
}
.button{
    background-color: #b9ad9e;
    width: 165px;
    height:48px;
    line-height: 48px;
    color:#fff;
    padding:20px 40px;
    cursor: pointer;
    border-radius: 40px;
    font-weight: bold;
}
.button:hover{
    background-color: #b9ad9e;
}
.servicecenterImg{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    padding-bottom: 100px !important
;
}
.Feyepagination{
  position: absolute;
    bottom: 40px !important;
    left: 0;
    text-align: left !important;
    padding-left:200px;
}

.servicecenterImg img {
    display: block;
    margin: 0 auto;
    max-width: 100%; /* 保持图片宽高比 */
    height: auto;
}

.process{
    font-size: 18px;
    color:#000;
}
.periodWord{
    color:#000;
    font-size: 16px;
    margin:30px 0 30px 114px;
    line-height:25px;
}
.stepDiv{
    padding: 0 114px
}
.stepBlock{
    float: left;
    width: 296px;
    height: 128px;
    margin:20px 10px 20px 0;
}
.steptitle{
    font-size: 24px;
    font-width: bold;
    margin:32px 0 8px
}
.stepWord{
    color:gray;
    margin-top:10px;
}

/*partner*/
.partnerWord{
    font-size: 20px;
    text-align: center;
}
.partnerImg{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    margin:63px 0 42px ;
}

.partnerImg img {
    max-width: 100%; /* 保持图片宽高比 */
    height: auto;
}
.pointImg{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    margin:15px 0 20px ;

}

.pointImg img {
    max-width: 100%; /* 保持图片宽高比 */
    height: auto;
}
.ImglistDiv{
    margin-top:80px;
    background-color: #cac2b8;
    padding: 86px 28px;
    display: flex
;
    flex-wrap: wrap;
}
.listDiv{
    width: 260px;
    height: 130px;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    background-color: #fff;
    margin: 10px 7px;
    float: left;
    border-radius: 8px;
}


/*hire*/
.topWord{
    width: 571px;
    height: 120px;
    text-align: center;
    margin-left:299px;
    margin-top: 32px;
    color: #474747;
    line-height: 24px;
    font-size: 16px;
}
.topWorde{

    height: auto;
    text-align: center;

    margin-top: 32px;
    color: #474747;
    line-height: 26px;
    font-size: 16px;
}

.employImg{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
}

.employImg img {
    max-width: 100%; /* 保持图片宽高比 */
    height: auto;
}
.telFromtitle{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 58px 0 25px;
}
.submet{
    background-color: #b9ad9e;
    color:#fff;
    padding:15px 30px;
    cursor: pointer;
    border-radius: 8px;
}
.submet:hover,.button:hover,.aboutBtn:hover{
color: #005580 ;
    text-decoration: underline;
}
.middleContent{
    background-color: #cac2b8;
    height: 650px;
    margin-top:30px;
    padding: 65px 0 0 145px;
}
.minddleWord{
  font-size: 24px;
    font-weight: bold;
}
.imgSpan img{
    float: left;
    margin: 49px 5px;
}
.minddleContent{
    font-size: 16px;
    color:#474747;
    clear: both;
    /*padding-left:150px;*/
    padding-right: 100px;
}
.ladydiv{
    background-color: #cac2b8;
    height: 600px;
    margin-top:20px;
    padding:90px 160px;
    position: relative;
}
.ladyImg1{
    position: absolute;
    top: 71px;
    right:33px;
}
.ladyImg2{
    position: absolute;
    top: 80px;
    left:0px;
}
.workDetail{
    margin-top: 45px;
    font-size: 16px;
    color:#000;
    width: 540px;
    height: 374px;
    line-height: 22px;
}
.personDetail{
    width: 366px;
    height: 120px;
    line-height: 35px;
    color:rgba(31,56,100,1);
    font-weight: bold;
    font-size: 20px;
}
.personDetail2{
    width: 650px;
    height: 120px;
    line-height: 35px;
    color:rgba(31,56,100,1);
    font-weight: bold;
    font-size: 20px;
    margin-left:320px;
    margin-top: 20px;
}
.workDetail2{
    margin-top: 15px;
    font-size: 16px;
    color:#000;
    width: 540px;
    height: 374px;
    line-height: 22px;
    margin-left:320px;
}

/*employ*/
.nav-tabs{
    border: none !important;
}
.tabDiv{
    margin-top:60px;
}
.tabDiv .active{
    border-bottom: 3px solid #005580;
    color:#005580 !important;
}

.tabDiv a{
    border: none !important;
    cursor: pointer;
    color:#005580 !important;
    font-size: 22px;
    height: 45px;
}
.accordion-group{
    border: none !important;
    border-bottom: 2px solid #bcbcbc !important;
}
.accordion-toggle{
    padding: 32px 26px !important;
    font-size: 20px;
    color:#000;
    position: relative;
}

.accordion-inner{
    padding: 9px 100px 9px 115px !important;
    /*border-bottom: 2px solid #e5e5e5;*/
    border-top:none !important;
    color:#000;

}
.openOrClose{
    float: right;
}
/*abouttow*/
.adressleft{
    float: left;
    width: 420px;
    height: 550px;
    border-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: #e5e5e5 0 0 2px 2px;
    margin-bottom: 50px;
    margin-left: 2px;
}
.callUs{
    background-color: #b9ad9e;
    text-align: center;
    color:#fff;
    font-size: 28px;
    height: 90px;
    line-height: 90px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;

}
.adressMsg{
    padding:39px 29px;
}
.addressC{
    font-weight: bold;
    padding-left:3px;
    height: 30px;
}
.blueLine{
    background-color: #b9ad9e;
    height: 1px;
    margin:40px 0;
}
.callNum{
    font-weight: bold;
    padding-left:3px;
    height: 30px;
}
.addressD{
    font-weight: bold;
    padding-left:25px;
    height: 25px;
}
.adressRight{
    margin-left:40px;
    float: left;
    width: 702px;
    height: 550px;
    padding:57px 37px;
    box-shadow: #e5e5e5 0 0 2px 2px;

}
.adressRight .adressRight_input{
    width:626px;
    height:55px;
    margin-top:20px;
    color: #000B33;
    background: rgba(60,85,133,0.05);
    border: none;

}
.adressRight .adressRight_input2{
    width:626px;
    height:150px;
    margin-top:20px;
    color: #000B33;
    background: rgba(60,85,133,0.05);
    border: none;
}
.aboutBtn{
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    align-content: center;
    border-radius: 5px;
    margin-top:20px;
    background-color: #b9ad9e;
    color:#fff;
    font-size: 16px;
    /*padding:15px 70px;*/
    cursor: pointer;
}
.foot{
    clear:both;
    color: #fff;
    background-color: #000;
    height: 200px;
    padding: 50px 0 0;

}
.foot .foot-out{
    margin:0 auto;width:670px;
}

.tel{
    margin-top: 6px;
    color: #a1a1a1;
    font-size: 14px;
}
.email{
    margin-top: 6px;
    color: #a1a1a1;
    font-size: 14px;
}

.foot-content-right{
    text-align: center;
    font-size: 18px;
    height: 80px; /* 父元素的高度 */
    /*line-height: 80px; !* 与父元素高度相同，实现单行文本上下居中 *!*/
}
.small-title{
    color: #fff;
    /*font-size: 16px;*/
    margin-right: 25px;
    font-weight: normal;
}
.samll-content{
    color: #a1a1a1;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    margin-right: 25px;
    margin-top: 5px;
    word-break: keep-all;

}
.samll-content a{
    color: #a1a1a1 ;
    font-size: 16px;
    cursor: pointer;

}
.small-title a{
    color: #fff ;
}
.bottom-content{
    color: #a1a1a1;
    font-size: 14px;
    height: 20px;
    line-height: 4px;
    word-break: keep-all;
    margin-top:10px;
}
header .menu{ width: 35px; height: 40px; margin-right:30px; display: none; background: none;}
header .menu .line{position: relative; top:0; display:block; width:26px; height:4px; background-color:#222; margin: 3px auto; border-radius: 50px;}
header .menu .line::before{ content: ""; display: block; position: absolute; left:  -8px; top: 0;width: 4px; height:4px; border-radius: 50%; background-color:#222;}
header .menu .line:nth-child(1){background:var(--bgColor) !important;}
header .menu .line:nth-child(1)::before{background:var(--bgColor) !important;}


@media screen and (max-width: 1024px) {
    * {
        touch-action: auto;
    }
    body {
    }


}



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

    * {
        touch-action: auto;
    }
    div{ max-width: 100% !important;}
    .top-bigWord,.top-smallWord{ padding: 0 10px;}
    header .menu{ display: block;}
    .menua{ display: none; position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; height: 100%; background: #fff; text-align: center;
        margin-top: 78px;}
    .menu-title a{ display: block; line-height: 40px;}

    .Shape-img{
        margin-left: 20px;}
    .logo-img{
        margin-right: 80px;}
    header .menu.active{position:relative; z-index:100000;}
    header .menu.active .line:nth-child(1){transform:translateY(8px); opacity:0; transition:transform 0.4s 0s, opacity 0s 0.4s, background 0.4s 0.4s;}
    header .menu.active .line:nth-child(2){
        transform: rotate(45deg);  transition: transform 0.4s 0.4s, background 0.4s 0.4s;
    }
    header .menu.active .line:nth-child(3){
        transform: rotate(-45deg); top:-8px; transition:top 0.4s 0s, transform 0.4s 0.4s, background 0.4s 0.4s;
    }
    header .menu.active .line::before{ opacity: 0;}

    header.active .menua{ display: block;}
    .videoImg{ width: 100%; height: auto;}
    .servierContent{ margin: 0 10px; height: auto; width: auto}
    .blockDiv{ display: block;}
    .blockDiv .block{ margin: 0 auto;}
    .zhaopinConten,.zhaopinConten,.thiteLeftContet{ width: auto; padding: 0 10px;
        margin-left: 0 !important;}
    .thirdLeft,.thirdRight{ height: auto;}
    .thirdblock{ margin: 10px auto;
        float: none;}
    .fourthRight{  margin: 40px auto; padding: 0 10px;}
    .hezuo{ display: flex; flex-wrap: wrap}
    .cooperateDiv,.stepBlock,.listDiv{ width: 50%;
        margin-right: 0; margin-left: 0;}
    .foot-content-right{ display: none;}
    .hezuo > div:nth-child(11){ display: none;}
    .periodWord{
        margin-left: 10px;}
    .stepDiv{ padding: 0 10px;display: flex; flex-wrap: wrap }
    .servicecenterImg img{ width: 100%;}
    .ImglistDiv{ padding: 80px 10px; display: flex; flex-wrap: wrap }
    .topWord{ width: auto;
        margin: 0 10px;}
    .form-inline{
        padding: 0 10px;}
    #form > input[type=text]:nth-child(2){
        margin-left: 0 !important;
    }
    .middleContent{ padding: 20px 10px; height: auto;}
    .workDetail{ height: auto;}
    .ladydiv{ height: auto; padding: 20px 10px;}
    .ladyImg1,.ladyImg2{ position: initial;}
    .personDetail2,.workDetail2{ height: auto;
        margin-left: 0;}
    .accordion-inner{ padding: 0 10px !important; width: auto;}
    .accordion-inner p span{ text-wrap: wrap !important;}
    .adressleft{ margin: 0 auto; width: auto; height: auto;;
        float: none;}
    .adressRight{ height: auto;
        float: none;
        margin-left: 0;
        margin-top: 80px;}
    .adressRight input{ max-width: 100%;}
    .grayDiv{ height: auto;}
    .grayDivleft,.grayDivright{ height: auto; padding: 10px 10px;
        float: none;}
    .whiteDiv{ height: auto;}
    .position1,.position2,.position3,.position4{ position: initial; width: 100%;}
    .ourWishtitle{ margin: 0 10px;}
    .CommentImg{
        margin-left: 10px;}
    .blueWord,.missionDetail,.visionDetail{ height: auto;;
        margin-left: 10px;}
    .whiteDiv{ height: auto !important;}
    .titleMargin{
        padding-left: 0; text-align: center; line-height: initial;}
    .small-title{ margin-right: 5px}
    .topWord{ height: initial;}

    .minddleContent{ padding-right: 0;}
    .ladydiv{ padding: 60px 10px;}
    .personDetail{ height: auto;}
    .ladydiv{ height: auto;}
    .telFromtitle{ line-height: 40px;}
    .submet{ display: block; width: 100px;}
    .menu-title a{ min-width: 50px;}
}