/* CSS Document 格式化 */
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input { margin: 0; padding: 0; }

body { font-size: 12px; background: #FFF; -moz-user-select: none; }

* { box-sizing: border-box; margin: 0; padding: 0; }

img { border: none; }

ul, ol { list-style: none; }

input, select, textarea { outline: none; border: none; background: #FFF; }

textarea { resize: none; }

a { text-decoration: none; }

/*清浮动*/
.clearfix:after { content: ""; display: block; clear: both; }

.clearfix { zoom: 1; }



/*登录页面*/
.h1color { color: #F2F2F2; }

.imgwidth { width: 250px; height: auto; }

.logintext { padding: 60px 30px; max-width: 500px; height: auto; margin: 0 auto; background-color: white; box-shadow: 2px 5px 20px #787676; border-radius: 10px; }

.logintext-boder { padding: 0 10px; border: 1px solid #dbd7d7; box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1); overflow: auto; text-align: left; background-color: #FFF; margin-bottom: 20px; font-size: 16px; }

.logintext-input { line-height: 50px; width: 100%; }

.logintext-btn { height: 50px; font-size: 20px; }

.loginbodervali { width: 70%; float: left; }

.valify { float: left; line-height: 50px; padding-left: 14px; }

/*全局*/

* { margin: 0; padding: 0; }

li { list-style: none; }

html { font-size: 62.5%; }

body { font-size: 1rem; }

.nav-middle-title,
.nav-big-title { display: none; }

.nav { width: 100%; height: 50px; }

.navshow { width: 90%; margin: 0 auto; display: flex; justify-content: space-between; }

.nav-title-flex { display: flex; justify-content: space-between; }

.nav-img { width: 30%; height: 50px; }

.nav-img img { width: 100%; height: 40px; margin: 5px 0 }

.nav-small-title { width: 10%; height: 50px; }

.nav-small { width: 100%; height: 100%; color: #475fb1; }

.nav-small:hover { color: #7e8fc9; cursor: pointer; }

.layui-icon-more { width: 100%; height: 50px; font-size: 2rem; line-height: 50px; }

.nav-small-ul { width: 100%; background-color: #475fb1; position: absolute; z-index: 99; }

.nav-small-ul li { width: 90%; height: 30px; margin: 0 auto; line-height: 30px; color: #909fd1; text-align: center; }

.nav-small-ul li:hover { color: #eee; cursor: pointer; }

.fixed { width: 25px; height: 180px; text-align: center; line-height: 25px; color: white; writing-mode: vertical-rl; /*垂直方向 */ position: fixed; right: 0; top: 40%; display: flex; justify-content: space-between; z-index: 999; }

.fixed div { width: 25px; height: 90px; }

.fixed-dialogue { background: #909fd1; }

.fixed-contact { background: #e2b7b7; }

.fixed div:hover { cursor: pointer; }

.bottom { width: 100%; background-image: url('../img/bottom.jpg'); color: #d0d0d0; }

.bottomlist { width: 60%; height: 40px; margin: 0 auto; display: none; }

.bottomlist ul { display: flex; justify-content: space-between; }

.bottomlist ul li { font-size: 0.5rem; line-height: 40px; }

.bottomlist ul li:hover { color: white; cursor: pointer; }

.bottom > hr { width: 100%; height: 1px; margin: 0; background-image: linear-gradient(to right, rgba(0, 0, 0, 100), #475fb1, rgba(0, 0, 0, 100)); }

.bottomWord { width: 90%; margin: 0 auto; padding: 20px 0; font-size: 0.5rem; text-align: center; }

.bottomWord span { color: #486bf8; }

.body { min-height: 90vh; }
/*媒体查询*/
@media (min-width:668px) {
    .nav-img { width: 20%; height: 50px; }

    .nav-img img { width: 100%; height: 40px; margin: 5px 0 }

    .nav-middle-title { width: 80%; height: 30px; margin: 10px 0; display: flex; border: 1px solid #475fb1; border-radius: 20px; }

    .nav-input { width: 80%; height: 30px; line-height: 50px; font-size: 0.8rem; padding: 0 1rem; background: none; }

    .nav-button { width: 20%; height: 30px; border: none; background-color: white; background: none; }

    .layui-icon-search { color: #475fb1; }

    .layui-icon-search:hover { color: #2e4592; cursor: pointer; }

    .bottomlist { display: block; }
}

@media (min-width:900px) {
    .nav-img { height: 50px; }

    .nav-img img {  height: 40px; margin: 5px 0 }

    .nav-small-title,
    .nav-small-ul { display: none; }

    .nav-title-flex { width: 15%; }

    .nav-middle-title { width: 100%; }

    .nav-big-title { width: 70%; height: 50px; line-height: 50px; display: block; }

    .nav-big-ul { width: 80%; margin: 0 auto; display: flex; justify-content: space-around; font-size: 1rem; }

    .nav-big-ul li { float: left; }

    .nav-big-ul li:hover { cursor: pointer; color: #475fb1 }

    .bottomlist { width: 50%; }

    .Box { width: 90%; }

    .businessUl li { width: 100px; }

    .lesBox { width: 30%; }

    .boxImg { width: 90%; }
}

@media (min-width:1200px) {

    .nav-img { height: 50px; }

    .nav-img img { height: 40px; margin: 5px 0 }

    .servicenavDiv { height: 200px; }

    .serviceBox { width: 30%; }

    .serviceWordTitlt { font-size: 1.2rem; }
}

@media (min-width:1600px) {

    .servicebody { width: 80%; }

    .serviceBox { width: 30%; }

    .lesBox { width: 32%; }

    .serviceWordTitlt { font-size: 1.2rem; }
}

@media (min-width:1600px) {

    .nav-img { width: 15%; height: 50px; }

    .nav-img img { height: 40px; margin: 5px 0 }

    .nav-big-ul { width: 80%; margin: 0 auto; display: flex; justify-content: space-around; }

    .nav-middle-title { width: 90%; }

    .bottomlist { width: 40%; }
}

@media (min-width:1800px) {

    .nav-img { width: 15%; height: 50px; }

    .nav-img img { width: 70%; height: 40px; margin: 5px 0 }

    .nav-big-ul { width: 80%; margin: 0 auto; display: flex; justify-content: space-around; }

    .nav-middle-title { width: 80%; }
}

/*首页/index*/
html { font-size: 60.5%; }

.carousel { width: 100%; height: 150px; }

.carousel-show { width: 100%; height: 100%; overflow: hidden; position: relative; }

.carouselimgUl { width: 100%; height: 100%; display: flex; justify-content: space-between; }

.carouselimgUl li { width: 100%; height: 100%; }
.carouselimgUl li img { width: 100%; }

.carousel-direction { width: 100%; height: 50px; position: absolute; top: 45%; display: flex; justify-content: space-between; display: none; }

.carousel-direction div { margin: 0 10px; font-size: 3rem; color: white; }

.carousel-direction div:hover { cursor: pointer; }

.carousel-dot { width: 10%; position: absolute; bottom: 10px; left: 80%; display: flex; justify-content: space-between; }

.dot-list { background-color: #e9e9e9; border: 0.5rem solid #e9e9e9; border-radius: 50% 50%; margin: 0 0.5rem; opacity: 0.5; }

.bulin { opacity: 1; }

.carousel-dot div:hover { cursor: pointer; }

/*.slide-fade-enter-active {
    transition: all 1s ease;
}

.slide-fade-leave-active {
    transition: all 1s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

.slide-fade-enter, .slide-fade-leave-to {
    transform: translateX(5px);
    opacity: 0;
}
*/
.subject { width: 100%; height: auto; }

.flie { width: 90%; height: auto; margin: 20px auto; }

.flie-introduce-title { width: 100%; margin: 20px 0; }

.flie-introduce-title div { font-size: 1.5rem; }

.introduce-title { font-weight: bold; }

.bule { color: #7e8fc9 }

.fontSmall { font-size: 0.5rem; }

.grey { color: #ababab; }

.flie-introduce-word { width: 100%; min-height: auto; background-color: #d2dbf0; margin: 10px 0; padding: 10px; font-size: 0.9rem; line-height: 2rem; }

.flie-dynamic-word { width: 100%; min-height: auto; margin: 10px 0; padding: 10px }

.flie-dynamic-title { width: 100%; margin: 20px 0; display: flex; justify-content: flex-end; }

.flie-dynamic-title div { font-size: 1.5rem; }

.dynamic-word { width: 100%; display: flex; padding: 0 }

.dynamic-Title {
    width: 100%;
    height: 38.4px;
    white-space: normal; /*不换行*/
    overflow: hidden; /*溢出隐藏*/
    text-overflow: ellipsis;
}
.dynamic-Word {
    width: 100%;
    height: 48px;
    white-space: normal; /*不换行*/
    overflow: hidden; /*溢出隐藏*/
    text-overflow: ellipsis;
}
.dynamic-Word img {display:none;}

.dynamic-word button { background: none; border: none; color: white; }

.dynamic-word button:hover { cursor: pointer; }

.dynamic-word div { width: 50%; height: 180px; margin: 10px 0; color: white; }

.dynamic-word-word { padding: 2rem; background-color: #e2b7b7; }

.news2 { text-align: center; }

.news2-hr { margin: 2rem; }

.rig-button { float: right; }

.dynamic-Word { width: 50%; font-size: 0.8rem; margin: 1.5rem 0; }

.dynamic-word-img img { width: 100%; height: 100%; }


.scope { width: 100%; background-image: url('../img/scopebj.jpg'); background-repeat: no-repeat; /* 背景图片不重复 */ background-size: 100% 100%; /* 达到窗口的百分百比例 */ background-attachment: fixed; /* 图片固定，随着页面滚动而移动 */ */ }

.scopeBox { width: 90%; margin: 0 auto; padding: 20px 0 30px 0; }

.scopeword { width: 100%; }

.scopeTitle { text-align: center; color: white; }

.scopejiangjie { margin: 20px auto; color: white; font-size: 15px; line-height: 35px; text-indent: 50px; }

.sfqBox { width: 100%; }

.sfqPicBox { /* 居中 */ width: 100%; height: 100%; display: flex; justify-content: center; /* position: relative; */ /* margin: 0 auto; */ }

.sfq1 {
    width: 100px;
    height: 150px;
    margin: 0 5px;
    transition: all 1s;
    border-radius: 20px;
    float: left;
    overflow: hidden;
    opacity: 0.8;
    position: relative;
}

.sfq1:hover {
   width:500px;
}

    .sfqPic > img {
        width: 500px;
        height: 150px;
        border-radius: 10px;
    }

.sfqWord { width: 100%; font-size: 13px; color: white; 
           position: absolute; bottom: 10px; padding-left: 5px;
           background-color:rgba(0,0,0,.4);
           white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }

.Links { width: 95%; margin: 10px auto; /*display:flex;
    justify-content:space-between;*/ }

.Linkstitle { width: 100%; font-size: 1.2rem; color: #475fb1; /*writing-mode: vertical-rl;*/ /*垂直方向，从右向左*/ }

.LinksPic{
        width: 95%;

}

.LinksPic ul {
    width: 95%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; /*允许换行*/
}

.LinksPic ul li { width: 50%; height: 40px; margin: 10px 0; padding: 0 5%;  }

    .LinksPic ul li a img {
        width: 100%;
        height: 100%;
    }

.LinksPic ul li img { width: 100%; height: 100%; }
/*ServicePerformance服务业绩*/
.servicenav { width: 100%; }

.servicenavDiv { width: 100%; height: 100%; }

.servicenavPic { width: 100%; height: 100%; }

.servicenavTitleDiv { width: 80%; height: 40px; margin: 10px auto; color: #ababab; font-size: 0.6rem; }

.servicebody { width: 80%; margin: 40px auto; }

.serviceBox { width: 60%; margin: 20px auto; box-shadow: 0 0 20px 10px rgba(0,0,0,.1); border-radius: 10px; overflow: hidden; position: relative; }

.serviceimgBox { width: 100%; height: 120px; }

.serviceimg { width: 100%; height: 100%; }

.serviceListWord { width: 100%; height: 40px; padding: 5px; }

.serviceWordTitlt { font-size: 1.6rem; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.serviceShow { width: 100%; height: 100%; background-color: rgb(255,255,255); position: absolute; padding: 20px; top: 0px; display: none; }

.serviceShow ul li { line-height: 30px; }


/* BusinessScope/业务范围 */
.businessitemize { width: 100%; }

.businessitemizeBox { width: 100%; margin: 0 auto; background-color: white; }

.businessfixed { position: fixed; left: 0; top: 0; z-index: 99; }

.businessShadow { box-shadow: 0 0 10px rgba(40,60,145,0.5); color: #475fb1; }

.businessUl { width: 90%; margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap; }

.businessUl li { width: 30%; height: 40px; line-height: 40px; text-align: center; border-radius: 10px; margin: 0.5rem; }

.businessUl li:hover { cursor: pointer; color: #475fb1; }

.scopebox { margin-top: 20px; }

.Box { width: 80%; margin: 20px auto; }

.lessTitle { font-size: 1.6rem; height: 40px; margin-left: -10px; }

.businessLess { width: 100%; margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap; text-align: center; }

.lesBox { width: 50%; box-sizing: border-box; padding: 10px; margin: 20px 0 }

.boxImg { position: relative; width: 100%; height: 12rem; margin: 0 auto; border-radius: 20px 20px 0 0; overflow: hidden; }

.boxImg img { width: 100%; height: 100%; }

.boxWord { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 20px; font-size: 1rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background-color: white; }

.scopeMroe { width: 100%; margin: 20px auto; border: none; background-color: white; }

.scopeMroe:hover { cursor: pointer; }

/*人才招聘*/


.recruitnavDiv { width: 100%; height: 350px; margin: 0; }

.recruitnavPic { width: 100%; height: 350px; }

.recruitbody { width: 80%; _height: 200px; /* 设置高度自适应,内容多大高度就有多高,但有最小高度 */ min-height: 200px; margin: auto; /* background-color: #e4ffcf; */ }

.recruitbody-top { width: 100%; height: 40px; line-height: 40px; /* background-color: #e8f3f4; */ }

.recruitbody-top span { font-size: 12px; margin-left: 50px; }

.recruithrBody { height: 0.5px; background-image: linear-gradient(to right, rgba(255, 255, 255), #4c70e5, rgba(255, 255, 255)); opacity: 0.5; }

.recruitpic { width: 80%; margin: 20px auto }

.recruitzhaopingPic { width: 100%; margin: 20px auto; }

/*联系我们/Contact*/

.contactword { width: 80%; margin: 30px auto; /* background-color: #a0afa8; */ }

.contactwordOl { width: 100%; line-height: 30px; }

.contactgzhPic { width: 80%; }


/*about关于我们*/
.aboutbody-body { width: 90%; min-height: 500px; margin:0 auto; }

    .aboutbody-body img{
        width:100%;
    }

    .aboutflexdUl {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

.aboutflexdUl li { width: 30%; height: 30px; line-height: 30px; text-align: center; margin: 1%; -webkit-box-shadow: 0 5px 8px 5px rgba(0, 0, 0, .05); -moz-box-shadow: 0 5px 8px 5px rgba(0, 0, 0, .05); box-shadow: 0 5px 8px 5px rgba(0, 0, 0, .05); }

.aboutbody-word { width: 100%; margin-top: 20px; }
    .aboutbody-word img{
        width:100%;
    }

    .aboutiframe {
        width: 100%;
        height: 350px;
    }

.bk { background: #ababab; color: #FFF; }



/*details内容详情*/



.detailssubject { width: 90%; _height: 200px; min-height: 200px; margin: 10px auto; /* 阴影兼容 */ -webkit-box-shadow: 0 5px 8px 5px rgba(0, 0, 0, .08); -moz-box-shadow: 0 5px 8px 5px rgba(0, 0, 0, .08); box-shadow: 0 5px 8px 5px rgba(0, 0, 0, .08); }

.detailstitleDivBig {  width: 100%; padding:10px;text-align: center; }

.detailstitleBig { font-size: 1.8rem; line-height: 60px; }

.detailstimeDiv { width: 80%; height: 20px; font-size: 0.8rem; color: #ababab; text-align: right; line-height: 20px; }

.detailshr { height: 0.5px; background-image: linear-gradient(to right, #cccccc, #8c8ce5, #cccccc); opacity: 0.5; }

.detailswordDiv { width: 90%; _height: 400px; min-height: 400px; margin: 20px auto; line-height: 35px; padding-bottom: 20px; word-wrap: break-word; }

/*留言*/
.communication { width: 90%; min-height: 400px; margin: 0 auto; }

.communication-inp { width: 100%; margin: 0 auto; }

.communication-inp input { width: 100%; padding: 0.5rem; margin: 10px 0; border: 1px solid #475fb1; border-radius: 1rem; }

.communicationName,
.communicationPhone,
.communicationWord { font-size: 0.8rem; }

.communication-inp button { width: 100%; height: 40px; margin-top: 20px; border: none; float: right; background-color: #475fb1; border-radius: 1rem; color: white; }

.communicationWord { width: 100%; height: 60px; padding: 0.5rem; margin: 10px 0; border: 1px solid #475fb1; border-radius: 1rem; }

.communicationTips { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.5); display: flex; justify-content: center; align-items: center; display: none; }

.communicationTips > div { height: 150px; background-color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 5rem; }

.communicationTips > div > div { font-size: 1.4rem; }

.tipshide { width: 80%; height: 30px; line-height: 30px; color: white; font-size: 1.2rem; background-color: #475fb1; border: none; border-radius: 2rem; margin: 1rem; }
/*企业动态*/

.dynamicBox { width: 100%; }

.dynamicBoxList { width: 80%; margin: 0 auto; }

.dynamicBoxTitle { white-space: nowrap; /*不换行*/ overflow: hidden; /*溢出隐藏*/ text-overflow: ellipsis; /*溢出省略号*/ }

.dynamicBoxWord { display: block; font-size: 1rem; margin: 10px 0; overflow: hidden; /*溢出隐藏*/ text-overflow: ellipsis; /*溢出省略号*/ display: -webkit-box; /*弹性盒模型*/ -webkit-box-orient: vertical; /*设置或检索排列方式*/ -webkit-line-clamp: 3; /*显示行数*/ }

.dynamicBoxBtn { width: 100%; text-align: right; }

.dynamicBoxBtn a { font-size: 0.8rem; color: #475fb1; right: 0; }

.dynamicBoxBtn:hover { cursor: pointer; }
/*搜索*/
.searchTop { width: 80%; height: 40px; margin: 20px auto; border: 1px solid #7e8fc9; border-radius: 10px; display: flex; justify-content: space-around; }

.searchInput { width: 80%; height: 100%; }

.searchTop .searchBtn { font-size: 1.8rem; height: 100%; line-height: 40px }

.searchTop .searchBtn:hover { cursor: pointer; }

.searchBody { width: 80%; margin: 2rem auto; }

.searchBodyWord { width: 90%; margin: 2rem auto; box-shadow: 0 10px 10px 5px rgba(0,0,0,.08); border-radius: 5px; padding: 1rem; }

.searchBodyWord:hover { cursor: pointer; }

.searchWordTitle { font-size: 1.6rem; margin: 10px 0; white-space: nowrap; /*不换行*/ overflow: hidden; /*溢出隐藏*/ text-overflow: ellipsis; /*溢出省略号*/ }

.searchWordWord { line-height: 30px; font-size: 1.2rem; margin: 10px 0; overflow: hidden; /*溢出隐藏*/ text-overflow: ellipsis; /*溢出省略号*/ display: -webkit-box; /*弹性盒模型*/ -webkit-box-orient: vertical; /*设置或检索排列方式*/ -webkit-line-clamp: 2; /*显示行数*/ height: 60px; }

.searchNone { font-size: 1.4rem; color: #ababab; text-align: center; }

.searchNone div { margin: 4rem 0; }
/*媒体查询/首页*/
@media (min-width:668px) {
    .carousel { height: 200px; }

    .flie { width: 85%; height: auto; margin: 20px auto; }

    .LinksPic ul li { width: 30%; height: 40px; margin: 10px 0; padding: 0 2%; }

    .servicebody { width: 85%; display: flex; justify-content: space-between; flex-wrap: wrap; }

    .serviceBox { width: 45%; }
   


    .serviceimgBox { width: 100%; height: 120px; }

    .serviceListWord { height: 50px; padding: 10px; }
    /*关于我们*/
    .aboutbody-body { width: 90%; min-height: 500px; margin: 0 auto; }
    /*留言*/
    .communication { width: 80%; }
    /*范围*/
    .businessUl { justify-content: flex-start; }

    .businessUl li { width: 80px; }

    .boxImg { width: 90%; }

    @keyframes sky {
        from { width: 0; }

        to { width: 100%; }
    }

    .businessShadow { box-shadow: none; color: #475fb1; }

    .businessShadow::after { content: ""; height: 1px; display: block; margin: 0 auto; background-color: #475fb1; animation: sky .3s ease forwards; }
}

@media (min-width:840px) {
    .dynamic-Title { font-size: 1.4rem; }

    .dynamic-Word { margin: 2rem 0; }
    .dynamic-Title {
        height: 36.8px;
    }

    /*详情页面*/
    .detailssubject { width: 80%; }
    /*留言*/
    .communication { width: 75%; }
}

@media (min-width:900px) {
    html { font-size: 70.5%; }
    .dynamic-Title {
        height: 41.6px;
    }
    .carousel-show { z-index: 1; }

    .carousel { height: 300px; }

    .carousel-direction { display: flex; }

    .flie { width: 85%; height: auto; margin: 20px auto; }

    .LinksPic ul li { width: 25%; height: 40px; margin: 10px 0; padding: 0 2%; }

    .serviceimgBox { height: 150px; }

    .serviceBox { width: 40%; margin: 10px auto; }

    /*服务范围*/
    .Box { width: 90%; }

    .businessUl li { width: 100px; }

    .lesBox { width: 30%; }

    .boxImg { width: 90%; }

    /*人才招聘*/
    .recruitpic { width: 70%; }
    /*联系我们*/
    .contactgzhPic { width: 50%; }
    /*关于我们*/
    .aboutbody-body { width: 80%; min-height: 500px; margin: 0 auto; }
    /*详情页面*/
    .detailssubject { width: 70%; }
    /*留言*/
    .communication { width: 65%; }

    .communication-inp button { width: 20%; }
    /*企业动态*/
    .dynamicBoxList { width: 70%; }
    /*搜索*/
    .searchBody,
    .searchTop { width: 70%; }
}

@media (min-width:1200px) {
    html { font-size: 90.5%; }

    .carousel { height: 350px; }

    .flie { width: 80%; height: auto; margin: 20px auto; }

    .dynamic-Title { font-size: 1.2rem; }

    .dynamic-Word { margin: 1rem 0; }
    .dynamic-Title {
        height: 46.4px;
    }


    .Links { display: flex; justify-content: space-between; }

    .Linkstitle { width: 5%; writing-mode: vertical-rl; text-align:center; /*垂直方向，从右向左*/ }

    .LinksPic ul li { width: 20%; height: 50px; margin: 10px 0; padding: 0 2%; }
    /*服务范围*/
    .servicenavDiv { height: 200px; }

    .serviceBox { width: 30%; }

    .serviceWordTitlt { font-size: 1.2rem; }
    /*人才招聘*/
    .recruitpic { width: 60%; }
    /*业务范围*/


    /*联系我们*/
    .contactgzhPic { width: 30%; }
    /*关于我们*/
    .aboutbody-body { width: 70%; min-height: 500px; margin: 0 auto; }
    /*详情页面*/
    .detailssubject { width: 65%; }
    /*留言*/
    .communication { width: 60%; }
    /*企业动态*/
    .dynamicBoxWord { font-size: 0.8rem; }

    .dynamicBoxBtn a { font-size: 0.5rem; }

    .dynamicBoxList { width: 60%; }
    /*搜索*/
    .searchBody,
    .searchTop { width: 60%; }

    .searchWordTitle { font-size: 1rem; }

    .searchWordWord { font-size: 0.8rem; }
}

@media (min-width:1400px) {
    html { font-size: 110.5%; }
    /*首页*/
    .dynamic-word { width: 50%; }
    .dynamic-Title {
        height: 41.6px;
    }

    .dynamic-Word {
        height: 57.6px;
    }

    .dot-list { margin: 0 0.2rem; }

    .flie { width: 75%; height: auto; margin: 20px auto; }

    .flie-dynamic-word { display: flex; justify-content: space-between; }

    .news1 { padding: 1rem; }

    .dynamic-Title { font-size: 0.9rem; }
    /*服务范围*/
    .servicebody { width: 80%; }

    .serviceBox { width: 30%; }

    .lesBox { width: 32%; }

    .serviceWordTitlt { font-size: 1.2rem; }

    /*人才招聘*/
    .recruitpic { width: 55%; }
    /*关于我们*/
    .aboutbody-body { width: 60%; min-height: 500px; margin: 0 auto; }
    /*留言*/
    .communication { width: 50%; }

    .communication-inp { font-size: 1rem; }
    /*搜索*/

    .searchTop { width: 50%; height: 50px; }

    .searchBody { width: 50%; }

    .searchInput { font-size: 1rem; }

    .searchTop .searchBtn { line-height: 50px; }
}

@media (min-width:1600px) {
    html { font-size: 130.5%; }
    .dynamic-Title {
        height: 49.6px;
    }

    .dynamic-Word {
        height: 64.8px;
    }

    .carousel { height: 400px; }

    .flie { width: 70%; height: auto; margin: 20px auto; }

    .dynamic-word div { width: 50%; height: 220px; margin: 10px 0; color: white; }

    .Linkstitle { font-size: 1rem; }
    /*服务范围*/
    .servicenavDiv { height: 250px; }
    /*留言*/
    .communication-inp button { width: 10%; height: 30px; }
}

@media (min-width:1800px) {
    html { font-size: 130.5%; }

    .carousel { height: 450px; }

    .flie { width: 65%; height: auto; margin: 20px auto; }

    .news2-hr { margin: 1rem; }

    .Links { width: 90%; }
    /*人才招聘*/
    .recruitpic { width: 50%; }
    /*详情页面*/
    .detailssubject { width: 60%; }
    /*留言*/
    .communication { width: 45%; }

    .dynamicBoxList { width: 50%; }
}