.menu-icon {
    display: none;
}

[v-cloak] {
    display: none;
}

ul,
li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

a {
    text-decoration: none;
    color: #333;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.container:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.nav {
    background-color: #fff;
    padding-top: 29px;
}
.nav .index-mobile-tab{
   height: 0;
   overflow: hidden;
}
.nav-contatiner {
    position: relative;
}

.logo-img {
    height: 54px;
    width: 230px;
}

.index-search {
    float: right;
    padding-top: 2px;
    position: relative;
}

.index-search-input {
    width: 376px;
    height: 41px;
    background: #EEEEEE;
    border: 1px solid #BBBBBB;
    border-radius: 6px;
    box-sizing: border-box;
    padding-left: 10px;
    color: #555 !important;
    font-weight: 500;
    letter-spacing:1px;
    font-family: Microsoft YaHe;
}

.index-search .index-searchIcon {
    display: block;
    width: 62px;
    height: 41px;
    background-color: #1E3F7B;
    border-radius: 0px 6px 6px 0px;
    position: absolute;
    top: 2px;
    left: 314px;
    line-height: 56px;
    text-align: center;
    cursor: pointer;
    border: 2px solid #1E3F7B;
}
.index-search .index-serchIcon-img{
    position: absolute;
    left: 334px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.nav-top-links {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
}

.nav-top-links a {
    text-decoration: none;
    float: left;
    color: #666;
    margin-left: 50px;
}

.nav-menu {
    background-color: #fff;
    padding-top: 26px;
    width: 100%;
    font-size: 16px;
    height: 40px;
}

.nav-menu ul {
    
}
.nav-menu .container .index-tab .index-tabLi{
    
}
@keyframes borderchange{
    from{width: 0;}
    to{width: 100px;}
}
.nav-menu .container .index-tab .active .index-tab-border{
    position: absolute;
    top: 37px;
    left: 0;
    height: 3px;
    background: #1E3F7B;
    animation-name: borderchange;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-fill-mode:forwards;
}
.nav-menu .container>ul>li {
    position: relative;
    height: 40px;
    float: left;
    padding: 0;
    margin: 0;
    line-height: 40px;
    color: white;
    box-sizing: border-box;
}

.nav-menu .container>ul>li:last-child {}

.nav-menu a {
    text-decoration: none;
    color: #666;
}

.nav-menu .container>ul>li>a {
    width: 100px;
    text-align: center;
    margin-right: 60px;
    display: block;
    box-sizing: border-box;
    height: 40px;
    font-size: 20px;
}
.nav-menu .container>ul>li:nth-child(1) a{
    text-align: center;
    display: block;
    height: 40px;
    width: 100px;
    box-sizing: border-box;
  
}
.nav-menu .container>ul>li>a:hover {
    
}

.nav-menu .container .active .index-tabLiA{
    color: #002569;
    
}
.index-tab-border{
    
}
.nav-menu .container>ul>li>ul {
    width: 100px;
    position: absolute;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.4);
    display: none
}

.nav-menu .container>ul>li>ul>li>ul {
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    display: none;
    left: 180px;
    margin-top: -51px;
}

.nav-menu .container>ul>li:hover>ul {
    display: block;
}

.nav-menu .container>ul>li>ul>li:hover>ul {
    display: block;
}

.nav-menu .container>ul ul li {

    font-size: 20px;
}

.nav-menu .container>ul ul li a {
    line-height: 40px;
    display: block;
    text-align: center;
    width: 100px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}

.nav-menu .container>ul ul li a:hover {
    color: #6396EB;
}

.home-slider .swiper-container {
    width: 100%;
}

.home-slider .img {
    width: 100%;
}

.home-slider .swiper-container-horizontal>.swiper-pagination-bullets,
.home-slider .swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    width: auto;
    left: auto;
    right: 160px;
}

.home-slider .swiper-container .swiper-button-next {
    right: 0px;
    background-image: url(../img/icon_next.png);
    height: 64px;
    width: 38px;
    background-size: auto
}

.home-slider .swiper-container .swiper-button-prev {
    left: 0px;
    background-image: url(../img/icon_prev.png);
    height: 64px;
    width: 38px;
    background-size: auto
}

.home-slider .swiper-container .swiper-button-next.swiper-button-disabled,
.swiper-container .swiper-button-prev.swiper-button-disabled {
    opacity: 1.0
}

.home-slider .swiper-container .swiper-wrapper {
    height: 320px
}

.index-solution {
    padding-top: 47px;
    padding-bottom: 51px;
}

.index-solution .head {
    position: relative;
    text-align: center;
    width: 366px;
    height: 64px;
    margin: 0 auto;
}

.index-solution .head span {
  font-size: 36px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #002569;
  line-height: 36px;
}
.index-solution .head p {
  margin-top: 8px;
  font-size: 24px;
  font-family: Arial;
  font-weight: 400;
  color: #002569;
  line-height: 24px;
}
.index-solution .head .index-title-leftBorder{
  position: absolute;
  top: 30px;
  left: 0;
}
.index-solution .head .index-title-rightBorder{
  position: absolute;
  top: 30px;
  right:0;
}

.index-solution .content {
    padding-top: 33px;
    width: 1192px;
    height: 696px;
    margin: 0 auto;
}
.index-pT-body{
    padding-bottom: 76px;
    display: flex;
    flex-direction: row;
}
.index-pT-body .index-pT-left{
   position: relative;
   text-align: center;
   background: url('/static/default/img/indexImg/indexPTBackground.png') no-repeat;
   width: 511px;
   height: 651px;
   background-size: cover;
}
.index-pT-body .index-pT-left h1{
  margin-top: 60px;
  font-size: 36px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 36px;
}
.index-pT-body .index-pT-left h3{
    margin-top: 10px;
    font-size: 24px;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 24px;
}
.index-pT-body .index-pT-left p{
    text-align: left;
    margin-top: 44px;
    margin-left: 45px;
    width: 420px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10; /* 闄愬埗鍦ㄤ竴涓潡鍏冪礌鏄剧ず鐨勬枃鏈殑琛屾暟 */
    -webkit-box-orient: vertical; /* 鍨傜洿鎺掑垪 */
    word-break: break-all;  /* 鍐呭鑷姩鎹㈣ */
}
.index-pT-body .index-pT-right{
    margin-top: 73px;
    background: url('/static/default/img/indexImg/indexPTBackgroundRight.png');
    width: 689px;
    height: 505px;
}
.index-pT-body .index-pT-right>img{
    width: 689px;
    height: 395px;
}
.index-pT-body .index-pT-right ul{
    width: 689px;
    height: 110px;
    background: url('/static/default/img/indexImg/indexPTUlBackground.png') no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: row;
}
.index-pT-body .index-pT-right li{
    flex: 1;
    border-left: 1px solid #fff;
    font-size: 20px;
    text-align: center;
    color: #fff;
    font-family: Adobe Heiti Std;
    cursor: pointer;
    position: relative;
}
.index-pT-body .index-pT-right li img{
    margin: 0;
    margin-top: 16px;
}
.index-pT-body .index-pT-right li p{
    display: block;
    position: absolute;
    bottom: 10px;
    left: 30px;
}
.index-pT-body .index-pT-right li:nth-child(1){
    border: none;
}
.index-pT-body .index-pT-left .index-morePuls{
    width: 119px;
    height: 58px;
    background: #4184EA;
    position: absolute;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 58px;
    top: 609px;
    left: 201px;
    cursor: pointer;

}
.index-pT-body .index-pT-left .index-page{
    position: absolute;
    top: 513px;
    left: 214px;
    width: 92px;
    height: 40px;

}
.index-pT-body .index-pT-left .index-page-left{
    font-size: 40px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 40px;
    display: inline;
}
.index-pT-body .index-pT-left .index-page-right{
    display: inline;
    font-size: 30px;
    font-family: Microsoft YaHei;
    color: #FFFFFF;
    line-height: 30px;
    display: inline;
}
.college-video {
    overflow: hidden;
    margin-bottom: 22px;
    margin-top: 20px;
}

.college-video .head {
    border-bottom: 2px solid #871519;
    width: 150px;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.college-video .head span {
    font-size: 22px;
}

.college-video .part {
    float: left;
    width: 31.3%;
    height: 198px;
    margin-bottom: 0px;
    position: relative;
    overflow: hidden;
}

.college-video .part1 {
    height: 416px;
    width: 66.6%;
    margin-right: 2%;
}

.college-video .part img {
    width: 100%;
    height: 100%;
}

.college-video .part:last-child {
    margin-top: 20px;
}

.college-video .title {
    width: 100%;
    font-size: 22px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.6);
    line-height: 60px;
    box-sizing: border-box;
    padding-left: 0px;
    text-align: center;
    position: absolute;
    bottom: 0px;
    overflow: hidden;
    white-space: nowrap
}

.college-video .part1 .title {
    text-align: left;
    text-indent: 40px
}

.college-video .title a {
    color: #ffffff;
}

.site-intro {
    overflow: hidden;
    ;
    margin-top: 20px;
}

.site-intro .head {
    border-bottom: 2px solid #871519;
    width: 180px;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.site-intro .head span {
    font-size: 22px;
}

.site-intro .author-info {
    width: 48%;
    float: left;
}

.site-intro .author-info .content .img {
    width: 40%;
    float: left;
    height: 280px;
    text-align: center;
    overflow: hidden;
}

.site-intro .author-info .content .desc {
    width: 50%;
    margin-left: 5%;
    float: left;
    text-indent: 2rem;
}

.site-intro .author-info .content .img img {
    height: 100%;
    position: relative;
    left: -30%;
    right: -30%;
}

.site-intro .author-say-list {
    width: 48%;
    float: left;
    margin-left: 4%;
}

.site-intro .author-say-list .content {
    margin-top: -10px;
}

.site-intro .author-say-list .content li {
    padding: 15px 0;
    border-bottom: 1px dashed #c2c2c2;
    overflow: hidden;
}

.site-intro .author-say-list .content li .title {
    float: left;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #333;
}

.site-intro .author-say-list .content li .date {
    float: right;
    width: 20%;
    text-align: right;
    font-size: 12px;
    color: #0085AA;
}

.index-newsConsultation .head h1{
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #002569;
    line-height: 36px;
}
.index-newsConsultation .head h3{
    margin-top: 9px ;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #002569;
    line-height: 24px;
}

.index-newsConsultation .content {
    margin-top: 25px;
    display: flex;
    flex-direction: row;
}
.index-newsConsultation .content .left{
    padding-top: 9px;

}
.index-newsConsultation .content .left .top{
    position: relative;
}
.index-newsConsultation .content .left .top a{
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #002569;
    width: 440px;
    line-height: 20px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 闄愬埗鍦ㄤ竴涓潡鍏冪礌鏄剧ず鐨勬枃鏈殑琛屾暟 */
    -webkit-box-orient: vertical; /* 鍨傜洿鎺掑垪 */
    word-break: break-all;  /* 鍐呭鑷姩鎹㈣ */
}
.index-newsConsultation .content .left .top span{
    margin-top: 14px;
    display: block;
    width: 452px;
    height: 2px;
    border-bottom: 2px dashed #DDDDDD;
    box-sizing: border-box;
}
.index-newsConsultation .content .left .top .article{
    width: 449px;
    height: 167px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #777777;
    line-height: 30px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5; /* 闄愬埗鍦ㄤ竴涓潡鍏冪礌鏄剧ず鐨勬枃鏈殑琛屾暟 */
    -webkit-box-orient: vertical; /* 鍨傜洿鎺掑垪 */
    word-break: break-all;  /* 鍐呭鑷姩鎹㈣ */
}
.index-newsConsultation .content .left .top .date{
    position: absolute;
    left: 532px;
    top: 10px;
}
.index-newsConsultation .content .left .top .date .day{
    width: 39px;
    height: 29px;
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #002569;
    line-height: 29px;
}
.index-newsConsultation .content .left .top .date .year-month{
    width: 80px;
    height: 20px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #002569;
    line-height: 20px;
    margin-top: 5px;
}
.index-newsConsultation .content .left .top .articleTitle ul{
    width: 604px;
}
.index-newsConsultation .content .left .top .articleTitle ul li{
    width: 604px;
    height: 37px;
    margin-top: 14px;
    border-bottom: 2px dashed #ddd;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

}
.index-newsConsultation .content .left .top .articleTitle ul li a:nth-child(1){
    text-decoration: none;
    display: inline-block;
    height: 20px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 闄愬埗鍦ㄤ竴涓潡鍏冪礌鏄剧ず鐨勬枃鏈殑琛屾暟 */
    -webkit-box-orient: vertical; /* 鍨傜洿鎺掑垪 */
    word-break: break-all;  /* 鍐呭鑷姩鎹㈣ */
    width: 440px;
}
.index-newsConsultation .content .left .top .articleTitle ul li div:nth-child(2){
    display: inline;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
}
.index-newsConsultation .content .right{
    display: flex;
    flex-direction: column;
    background: url('/static/default/img/indexImg/newsBackground.png')  no-repeat;
    width: 535px;
    height: 554px;
    margin-left: 57px;
}.index-newsConsultation .content .right .top img{
    width: 534px;
    height: 397px;
    border-radius:38px 0 0 0 ;
}
.index-newsConsultation .content .right .bottom{
    display: flex;
    flex-direction: row;
}
.index-newsConsultation .content .right .bottom .date{
    margin-top: 30px;
    margin-left:32px;
}
.index-newsConsultation .content .right .bottom .date p:nth-child(1){
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #F8CB60;
    text-align:center;
}
.index-newsConsultation .content .right .bottom .date p:nth-child(2){
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #F8CB60;
    width: 80px;
}
.index-newsConsultation .content .right .bottom .message{
    margin-top: 30px;
    width: 354px;
    height: 71px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #DDDDDD;
    line-height: 27px;
    margin-left:19px;
}
.index-aboutUs{
    margin-top:103px;
}
.index-aboutUs .content  {
    position:relative;
    background:url("/static/default/img/indexImg/aboutUsBackground.png") no-repeat;
    width: 840px;
    height: 437px;
}
.index-aboutUs .content .title {
    position: relative;
    text-align: center;
    width: 366px;
    height: 64px;
    left: 226px;
    top: -37px;
}

.index-aboutUs .content .title span {
  font-size: 36px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #002569;
  line-height: 36px;
}
.index-aboutUs .content .title p {
  margin-top: 8px;
  font-size: 24px;
  font-family: Arial;
  font-weight: 400;
  color: #002569;
  line-height: 24px;
}
.index-aboutUs .content .title .index-title-leftBorder{
  position: absolute;
  top: 30px;
  left: 0;
}
.index-aboutUs .content .title .index-title-rightBorder{
  position: absolute;
  top: 30px;
  right:0;
}
.index-aboutUs .content .article{
    width: 564px;
    margin-left:36px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #202020;
    line-height: 30px;
    text-indent: 2em;
}
.index-aboutUs .content .aboutUsPic{
    position: absolute;
    top: 41px;
    left:672px;
    z-index:10;
}
.index-aboutUs .content .more{
    position:absolute;
    top: 386px;
    left:553px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #000000;
}

.contact-info {
    width: 1312px;
    margin: 0 auto;
    margin-top:55px;
}
.contact-info .head {
    position:relative;
    margin: 0 auto;
    text-align: center;
    width: 366px;
    height: 64px;
}

.contact-info .head  span {
  font-size: 36px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #002569;
  line-height: 36px;
}
.contact-info .head  p {
  margin-top: 8px;
  font-size: 24px;
  font-family: Arial;
  font-weight: 400;
  color: #002569;
  line-height: 33px;
}
.contact-info .head .index-title-leftBorder{
  position: absolute;
  top: 30px;
  left: 0;
}
.contact-info .head .index-title-rightBorder{
  position: absolute;
  top: 30px;
  right:0;
}
.contact-info .content{
    position: relative;
  overflow: hidden;
  margin-top:22px;
  width: 1312px;
  height: 371px;
  background:url('/static/default/img/indexImg/qualficationBackground.png') no-repeat;
}
.contact-info .content .mark{
    z-index: 9999;
    background:rgba(0, 0, 0, 0.4);
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
.contact-info .content .mark img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    /*margin:50px auto;*/
    display: block;
    width: 500px;
    height: auto;
}
.contact-info .content .swiper-container1{
    position: absolute;
    top: 20px;
    left: 95px;
}
.contact-info .content .swiper-container1 .title{
    text-align: center;
}
.contact-info .content .swiper-container1 .title a{
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #002569;
}
.contact-info .content .swiper-button-next1{
    position:absolute;
    top: 116px;
    left:4px;
    width: 52px;
    height: 130px;
    background:url('/static/default/img/indexImg/swiperLeft.png') no-repeat;
    cursor: pointer;
}
.contact-info .content .swiper-button-prev1{
    cursor: pointer;
    position:absolute;
    top: 116px;
    right:4px;
    width: 52px;
    height: 130px;
    background:url('/static/default/img/indexImg/swiperRight.png') no-repeat;
}

.bottomTabbar{
    margin-top:47px;
    background:url('/static/default/img/indexImg/bottomTabbar.png') no-repeat;
    background-position: top;
}
.bottomTabbar table thead{
     height: 60px;
}
.bottomTabbar table thead th {
padding-right: 50px;
}
.bottomTabbar table thead th:nth-child(3) {
    padding-right: 550px;
    }
    .bottomTabbar table thead th:nth-child(4){
        text-align: left;
    }
.bottomTabbar table thead th a{
    font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
line-height: 60px;
}
.bottomTabbar table tbody tr td a{
display: block;
width: 80px;
height: 20px;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #666666;

}
.bottomTabbar table tbody tr td{
    text-align: center;
}
.bottomTabbar table tbody tr td:nth-child(4){
    text-align: left;
}
.bottomTabbar table tbody tr td:nth-child(4) a{
    width:280px;
}
.bottomTabbar table tbody tr{
    height: 40px;
}
.bottomTabbar .copyMessage{
    margin-top: 55px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    font-size: 14px;
    color: #666;
}
.bottomTabbar .copyMessage a{
    color: #666;
}
/* .bottomTabbar table tbody tr:nth-child(1){
    height: 30px;
} */
.copyright {
    background: #871519;
    padding: 16px 0;
    font-size: 12px;
    line-height: 1.33;
    overflow: hidden;
}
.listBanner{
    background:url('/static/default/img/DetailImg/listBanner.png') no-repeat;
    width: 100%;
    height: 400px;
    background-position: center;
}
.companyIntroductDetail{
    
}
.companyIntroductDetail .left .top {
     margin-left:30px;
     margin-top:51px;
}

.companyIntroductDetail .left .top h1{
font-size: 36px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #202020;
}
.companyIntroductDetail .left .top h3{
margin-top:18px;
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #202020;

}
.companyIntroductDetail .left .bottom{
    background:#F4F4F4;
    min-height:272px;
    width: 800px;
    height: auto;
    margin-top:31px;
}
.companyIntroductDetail .left .bottom .bottomMessage{
    height: auto;
    padding-left: 34px;
    padding-right: 34px;
    padding-bottom: 20px;
    padding-top: 20px;
}
.companyIntroductDetail .left .bottom .bottomMessage img{
    max-width:732px ;
}
.companyIntroductDetail .left .bottom  p{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
    letter-spacing: .8px;
}
.companyIntroductDetail .left .bottom .pic{
    display: flex;
    flex-direction: row;
    margin-top:33px;
    margin-left:27px;
}
.companyIntroductDetail .right{
    position: absolute;
    width: 315px;
    height: 515px;
    background: url('/static/default/img/DetailImg/aboutUsListBackground.png');
    right: 9px;
    top: -109px;
}
.companyIntroductDetail .right ul li{
    text-align: right;
    padding-right: 30px;
}
.companyIntroductDetail .right ul li{
    cursor: pointer;
    margin-top:30px;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
}
.companyIntroductDetail .right ul li a{
    cursor: pointer;
    margin-top:30px;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
display: block;
}
.companyIntroductDetail .right ul li:nth-child(1){
    margin-top: 117px;
}
.companyIntroductDetail .right ul .active a{
    background: url('/static/default/img/DetailImg/line.png') no-repeat;
    background-position: 30px !important;
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #002569;
}
.aboutUsList{
    
}
.aboutUsList .left .top {
    margin-left:30px;
    margin-top:51px;
}

.aboutUsList .left .top h1{
font-size: 36px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #202020;
}
.aboutUsList .left .top h3{
margin-top:18px;
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #202020;

}
.aboutUsList .left .bottom{
   width: 800px;
   height: 736px;
   margin-top:31px;
}
.aboutUsList .left .bottom ul li{
    width: 800px;
    height: 182px;
    cursor: pointer;
}
.aboutUsList .left .bottom ul li a{
    width: 800px;
    height: 182px;
    display: flex;
    flex-direction:row;
}
@keyframes aboutUsListActive{
    from{
      background-size: 0%;
    }
    to{
       background-size:100%;
    }
}
.aboutUsList .left .bottom ul .active{
    animation-name: aboutUsListActive;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-fill-mode:forwards;
    background:url('/static/default/img/listImg/aboutUsListBackground.png') no-repeat;
}
.aboutUsList .left .bottom ul .active .left{
    margin-left:31px;
    color: #fff;
}
.aboutUsList .left .bottom ul .active .border{
    display: block;
}
.aboutUsList .left .bottom ul .active .icon{
    margin-left: 62px;
}
.aboutUsList .left .bottom ul .active .rightMessage h5{
   color: #fff;
}
.aboutUsList .left .bottom ul .active .rightMessage span{
    color: #fff;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 闄愬埗鍦ㄤ竴涓潡鍏冪礌鏄剧ず鐨勬枃鏈殑琛屾暟 */
    -webkit-box-orient: vertical; /* 鍨傜洿鎺掑垪 */
    word-break: break-all; 
}
.aboutUsList .left .bottom ul li .left{
    margin-left: 143px;
    margin-top:75px;
font-size: 40px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #333333;
}
.aboutUsList .left .bottom ul li .border{
    margin-top:98px;
    margin-left:33px;
    display: none;
    width: 110px;
    height: 1px;
    background: #FFFFFF; 
}
.aboutUsList .left .bottom ul li .icon{
    margin-top:75px;
    margin-left:93px;
}

.aboutUsList .left .bottom ul li .rightMessage{
    width: 248px;
    margin-top:29px;
    margin-left:123px;
}
.aboutUsList .left .bottom ul li .rightMessage h5{
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #202020;
}
.aboutUsList .left .bottom ul li .rightMessage span{
    display: block;
    margin-top:15px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #202020;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 闄愬埗鍦ㄤ竴涓潡鍏冪礌鏄剧ず鐨勬枃鏈殑琛屾暟 */
    -webkit-box-orient: vertical; /* 鍨傜洿鎺掑垪 */
    word-break: break-all; 
}
.aboutUsList .right{
    position: absolute;
    width: 315px;
    height: 515px;
    background: url('/static/default/img/DetailImg/aboutUsListBackground.png');
    right: 9px;
    top: -109px;
}
.aboutUsList .right ul li{
    text-align: right;
    padding-right: 30px;
}
.aboutUsList .right ul li{
    cursor: pointer;
    margin-top:30px;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
}
.aboutUsList .right ul li a{
    display: block;
    cursor: pointer;
    margin-top:30px;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
}
.aboutUsList .right ul li:nth-child(1) {
    margin-top: 117px;
}
.aboutUsList .right ul .active a{
    background: url('/static/default/img/DetailImg/line.png') no-repeat;
    background-position: 30px;
font-size: 36px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #002569;
}
.outlet .head{
    margin-top:20px;

}
.outlet .head i{
    margin-left:23px;
}
.outlet .head span{
    padding-right: 20px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
}
.outlet .head span:nth-of-type(1){
    margin-left:20px;
    background:url('/static/default/img/listImg/slash.png') no-repeat;
    background-position: 72px;
}
.outlet .head span:nth-of-type(2){
    background:url('/static/default/img/listImg/slash.png') no-repeat;
    background-position: 72px;
}
.outlet .head span:nth-of-type(3){
    color:#002569 ;
}
.outlet .title{
    text-align:center;
    margin-top:10px;
}
.outlet .title h1{
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #202020;
    font-size: 36px;
}
.outlet .title h3{
    margin-top:20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #202020;
    font-size: 24px;
}
.outlet .body {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.outlet .body .message{
    background:url('/static/default/img/listImg/city.png') no-repeat;
    width: 382px;
    height: 250px;
    margin-top:33px;
    text-align:center;
    position: relative;

}
.outlet .body .message h3{
    position:inherit ;
    margin-top:88px;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    z-index: 2;
}
.outlet .body .message a{
    position:inherit ;
    display: inline-block;
    border:1px solid rgba(255, 255, 255, 0.6);
    width: 72px;
    height: 32px;
    margin-top: 18px;
    font-size: 20px;
    text-align:center;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    line-height: 30px;
    box-sizing: border-box;
    z-index: 2;
}
.outlet .body .message .mark{
    cursor: pointer;
    z-index: 999;
    display: none;
    width: 382px;
    height: 250px;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top:0;
    left: 0;
    z-index: 1;
}
.outlet .body .message:hover>.mark{
    background: rgba(0, 0, 0, 0.5);
}
.outlet .body .message:hover>.mark{
    display: block;
}
.outlet .body .message:hover>a{
    border:1px solid #fff;
    color: #fff;
}
.outlet .body .message:hover>h3{
    color: #fff;
}
.outlet .changePage{
    width: fit-content;
    margin: 0 auto;
}
.outlet .changePage .page{
    font-size :0;
    margin-top: 32px;
    height: 32px;
}
.outlet .changePage .page ul li{
    float: left;
    height: 32px;
    width: auto;
}
.outlet .changePage .page a{
    display: inline-block;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    min-width: 32px;
    width: auto;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
    text-align: center;
    
} 
.outlet .changePage .page span{
    display: inline-block;
    width: auto;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    min-width: 32px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
    text-align: center;
    
} 
.outlet .changePage .page .active span{
    background: #002569;
    border-color: #002569;
    color:#FFFEFE;
}

.outlet .changePage .page .prev a{
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    width: 82px;
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
} 
.outlet .changePage .page .noPrev span{
    cursor: not-allowed;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    width: 82px;
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #DDDDDD;
    line-height: 32px;
}

.outlet .changePage .page .next a{
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    width: 82px;
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
}
.outlet .changePage .page .noNext span{
    cursor: not-allowed;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    width: 82px;
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #DDDDDD;
    line-height: 32px;
}
.outletDetail .head{
    margin-top:20px;

}
.outletDetail .head i{
    margin-left:23px;
}
.outletDetail .head span{
    padding-right: 20px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
}
.outletDetail .head span:nth-of-type(1){
    margin-left:20px;
    background:url('/static/default/img/listImg/slash.png') no-repeat;
    background-position: 72px;
}
.outletDetail .head span:nth-of-type(2){
    background:url('/static/default/img/listImg/slash.png') no-repeat;
    background-position: 72px;
}
.outletDetail .head span:nth-of-type(3){
    background:url('/static/default/img/listImg/slash.png') no-repeat;
    background-position: 72px;
}
.outletDetail .head span:nth-of-type(4){
    color: #002569;
}
.outletDetail .body{
    width: 100%;
    height:auto;
    background:#F4F4F4;
    margin-top:30px;
}
.outletDetail .body .title{
    text-align: center;
    padding-top: 34px;
    padding-bottom:28px;
}
.outletDetail .body .title h3{
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: 600;
    color: #333333;
}
.outletDetail .body .title h6{
    display: inline-block;
    margin-top: 10px;
    font-weight: 100;
    color: #666;
}
.outletDetail .body .title h6:nth-of-type(2){
    margin-left:10px;
}
.outletDetail .body .message{
    padding: 0 40px;
    width: auto;
    height: auto;
    padding-bottom:62px;
    overflow: hidden;
}
.outletDetail .body .message .top p{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
    letter-spacing: .8px;
}
.outletDetail .body .message .top img{
    max-width: 1120px;
}
.outletDetail  .changePage{
    width: 100%;
    height: auto;
    margin-top: 23px;
}
.outletDetail  .changePage .prev{
    float: left;
    width: 265px;
    height: 65px;
    background:url('/static/default/img/DetailImg/outletDetailButtonBackground.png') no-repeat;
    background-size:cover;
    text-align: center;
}
.outletDetail .changePage .prev span{
    margin: 0 15px;
    text-decoration: none;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 65px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 闄愬埗鍦ㄤ竴涓潡鍏冪礌鏄剧ず鐨勬枃鏈殑琛屾暟 */
    -webkit-box-orient: vertical; /* 鍨傜洿鎺掑垪 */
    word-break: break-all;  /* 鍐呭鑷姩鎹㈣ */
}
.outletDetail  .changePage .next{
    float: right;
    width: 265px;
    height: 65px;
    background:url('/static/default/img/DetailImg/outletDetailButtonBackground.png') no-repeat;
    background-size:cover;
    text-align: center;
}
.outletDetail .changePage .next span{
    margin: 0 15px;
    text-decoration: none;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 65px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 闄愬埗鍦ㄤ竴涓潡鍏冪礌鏄剧ず鐨勬枃鏈殑琛屾暟 */
    -webkit-box-orient: vertical; /* 鍨傜洿鎺掑垪 */
    word-break: break-all;  /* 鍐呭鑷姩鎹㈣ */
}

.productService .left .top {
    margin-left:30px;
    margin-top:51px;
}

.productService .left .top h1{
font-size: 36px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #202020;
}
.productService .left .top h3{
margin-top:18px;
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #202020;

}
.productService .left .bottom{
   width: 800px;
   height: auto;
   margin-top:31px;
}
.productService .left .bottom ul li{
    width: 800px;
    height: 182px;
    cursor: pointer;
}
.productService .left .bottom ul li a{
    width: 800px;
    height: 182px;
    display: flex;
    flex-direction:row;
}
@keyframes productServiceActive{
    from{
      background-size: 0%;
    }
    to{
       background-size:100%;
    }
}
.productService .left .bottom ul .active{
    animation-name: productServiceActive;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-fill-mode:forwards;
    background:url('/static/default/img/listImg/aboutUsListBackground.png') no-repeat;
}
.productService .left .bottom ul .active .left{
    margin-left:31px;
    color: #fff;
}
.productService .left .bottom ul .active .border{
    display: block;
}
.productService .left .bottom ul .active .icon{
    margin-left: 62px;
}
.productService .left .bottom ul .active .rightMessage h5{
   color: #fff;
}
.productService .left .bottom ul .active .rightMessage span{
    color: #fff;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 闄愬埗鍦ㄤ竴涓潡鍏冪礌鏄剧ず鐨勬枃鏈殑琛屾暟 */
    -webkit-box-orient: vertical; /* 鍨傜洿鎺掑垪 */
    word-break: break-all; 
}
.productService .left .bottom ul li .left{
    margin-left: 143px;
    margin-top:75px;
font-size: 40px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #333333;
}
.productService .left .bottom ul li .border{
    margin-top:98px;
    margin-left:33px;
    display: none;
    width: 110px;
    height: 1px;
    background: #FFFFFF; 
}
.productService .left .bottom ul li .icon{
    margin-top:75px;
    margin-left:93px;
}
.productService .left .bottom ul li .rightMessage{
    width: 248px;
    margin-top:29px;
    margin-left:123px;
}
.productService .left .bottom ul li .rightMessage h5{
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #202020;
}
.productService .left .bottom ul li .rightMessage span{
    display: block;
margin-top:15px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #202020;
overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 闄愬埗鍦ㄤ竴涓潡鍏冪礌鏄剧ず鐨勬枃鏈殑琛屾暟 */
    -webkit-box-orient: vertical; /* 鍨傜洿鎺掑垪 */
    word-break: break-all; 
}
.productService .right{
    position: absolute;
    width: 315px;
    height: 515px;
    background: url('/static/default/img/DetailImg/aboutUsListBackground.png');
    right: 9px;
    top: -109px;
}
.productService .right ul li{
    text-align: right;
    padding-right: 30px;
}
.productService .right ul li{
    cursor: pointer;
    margin-top:30px;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
}
.productService .right ul li a{
    display: block;
    cursor: pointer;
    margin-top:30px;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
}
.productService .right ul li:nth-child(1) {
    margin-top: 117px;
}
.productService .right ul .active a{
    background: url('/static/default/img/DetailImg/line.png') no-repeat;
    background-position: 30px;
font-size: 36px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #002569;
}
.productServiceDetail{
}
.productServiceDetail .left .top {
     margin-left:30px;
     margin-top:51px;
}

.productServiceDetail .left .top h1{
font-size: 36px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #202020;
}
.productServiceDetail .left .top h3{
margin-top:18px;
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #202020;

}
.productServiceDetail .left .bottom{
    background:#F4F4F4;
    width: 800px;
    height: auto;
    margin-top:31px;
}
.productServiceDetail .left .bottom .topMessage{
    margin-left:39px;
    padding-top:34px;
    width: 698px;
    height: auto;
}
.productServiceDetail .left .bottom .topMessage p{
    text-indent:2em;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
}
.productServiceDetail .left .bottom .pic{
    display: flex;
    flex-direction: row;
    margin-top:33px;
    margin-left:27px;
}
.productServiceDetail .left .bottom .pic img{
    width: 346px;
    height: 234px;
    margin-left: 12px;
}
.productServiceDetail .left .bottom .bottomMessage{
    height: auto;
    padding-top: 20px;
    padding-left: 34px;
    padding-right: 34px;
    padding-bottom: 20px;
}
.productServiceDetail .left .bottom .bottomMessage img{
    max-width:732px ;
}
.productServiceDetail .left .bottom  p{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
    letter-spacing: .8px;
}
.productServiceDetail .left .bottom .pic{
    display: flex;
    flex-direction: row;
    margin-top:33px;
    margin-left:27px;
}
.productServiceDetail .right{
    position: absolute;
    width: 315px;
    height: 515px;
    background: url('/static/default/img/DetailImg/aboutUsListBackground.png');
    right: 9px;
    top: -109px;
}
.productServiceDetail .right ul li{
    text-align: right;
    padding-right: 30px;
}
.productServiceDetail .right ul li{
    cursor: pointer;
    margin-top:30px;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
}
.productServiceDetail .right ul li a{
    cursor: pointer;
    margin-top:30px;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
display: block;
}
.productServiceDetail .right ul li:nth-child(1){
    margin-top: 117px;
}
.productServiceDetail .right ul .active a{
    background: url('/static/default/img/DetailImg/line.png') no-repeat;
    background-position: 30px;
font-size: 36px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #002569;
}
.companyNews .head{
    margin-top:20px;

}
.companyNews .head i{
    margin-left:23px;
}
.companyNews .head span{
    padding-right: 20px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
}
.companyNews .head span:nth-of-type(1){
    margin-left:20px;
    background:url('/static/default/img/listImg/slash.png') no-repeat;
    background-position: 72px;
}
.companyNews .head span:nth-of-type(2){
    background:url('/static/default/img/listImg/slash.png') no-repeat;
    background-position: 72px;
}
.companyNews .head span:nth-of-type(3){
    color:#002569 ;
}
.companyNews .title{
    text-align:center;
    margin-top:10px;
}
.companyNews .title h1{
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #202020;
    font-size: 36px;
}
.companyNews .title h3{
    margin-top:20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #202020;
    font-size: 24px;
}
.companyNews .body {
    display:flex;
    flex-direction: column;
}
.companyNews .body .message{
    margin-top: 56px;
    width: 1144px;
    height: 316px;
    border: 4px solid #f4f4f4 ;
    position: relative;
    display: flex;
    flex-direction: row;
}
.companyNews .body  .message .left{
    text-align: center;
    width: 654px;
    
}
.companyNews .body .message .left h3{
    margin: 0 auto;
    margin-top: 37px;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #202020;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 闄愬埗鍦ㄤ竴涓潡鍏冪礌鏄剧ず鐨勬枃鏈殑琛屾暟 */
    -webkit-box-orient: vertical; /* 鍨傜洿鎺掑垪 */
    word-break: break-all;  /* 鍐呭鑷姩鎹㈣ */
    width: 536px;
    

}
.companyNews .body .message .left .line{
    margin: 0 auto;
    margin-top: 20px;
    width: 90px;
    height: 1px;
    background:#ddd;
    
}
.companyNews .body .message .left p{
    display: block;
    line-height: 30px;
    font-size: 16px;
    color: #333;
    width: 549px;
    height: 116px;
    margin-left: 65px;
    margin-top: 31px;
    text-align: left;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 闄愬埗鍦ㄤ竴涓潡鍏冪礌鏄剧ず鐨勬枃鏈殑琛屾暟 */
    -webkit-box-orient: vertical; /* 鍨傜洿鎺掑垪 */
    word-break: break-all;  /* 鍐呭鑷姩鎹㈣ */
    
}
.companyNews .body .message .left .more a{
    display: block;
    margin: 0 auto;
    margin-top:24px;
    background:url('/static/default/img/listImg/companyNewsListMore.png') no-repeat;
    width: 107px;
    height: 32px;
    display: flex;
    flex-direction:row ;
    justify-content: space-between;

}
.companyNews .body .message .left .more span{
    margin-top: 3px;
    width: 78px;
    height: 25px;
    text-align: center;
    display: block;
    line-height: 25px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #002569;
}
.companyNews .body .message .left .more i{
    margin-top: 3px;
    margin-right: 4px;
    display: block;
    width: 25px;
    height: 25px;
    background:url('/static/default/img/listImg/companyNewsListUnselectArrow.png') no-repeat;
}
.companyNews .body .active{
    border: 4px solid #002569 ;
}
.companyNews .body .active .left .more a:hover>span{
    background: #002569;
    color: #fff;
}
.companyNews .body .active .left .more a:hover>i{
    background:url('/static/default/img/listImg/companyNewsListSelectArrow.png') no-repeat !important;
}

.companyNews .body .message .right{
    width: 475px;
    height: 316px;
}
.companyNews .body .message .right img{
    width: 475px;
    height: 316px;
    position: absolute;
    top: -26px;
    right: -26px;
}
.companyNews .body .active .right img{
    top: 0px;
    right: 0px;
}
.companyNews .changePage{
    width: fit-content;
    margin: 0 auto;
}
.companyNews .changePage .page{
    font-size :0;
    margin-top: 32px;
    height: 32px;
}
.companyNews .changePage .page ul li{
    float: left;
    height: 32px;
    width: auto;
}
.companyNews .changePage .page a{
    display: inline-block;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    min-width: 32px;
    width: auto;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
    text-align: center;
    
} 
.companyNews .changePage .page span{
    display: inline-block;
    width: auto;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    min-width: 32px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
    text-align: center;
    
} 
.companyNews .changePage .page .active span{
    background: #002569;
    border-color: #002569;
    color:#FFFEFE;
}

.companyNews .changePage .page .prev a{
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    width: 82px;
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
} 
.companyNews .changePage .page .noPrev span{
    cursor: not-allowed;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    width: 82px;
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #DDDDDD;
    line-height: 32px;
}

.companyNews .changePage .page .next a{
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    width: 82px;
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
}
.companyNews .changePage .page .noNext span{
    cursor: not-allowed;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    width: 82px;
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #DDDDDD;
    line-height: 32px;
}
.companyNewsDetail .head{
    margin-top:20px;

}
.companyNewsDetail .head i{
    margin-left:23px;
}
.companyNewsDetail .head span{
    padding-right: 20px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
}
.companyNewsDetail .head span:nth-of-type(1){
    margin-left:20px;
    background:url('/static/default/img/listImg/slash.png') no-repeat;
    background-position: 72px;
}
.companyNewsDetail .head span:nth-of-type(2){
    background:url('/static/default/img/listImg/slash.png') no-repeat;
    background-position: 72px;
}
.companyNewsDetail .head span:nth-of-type(3){
    background:url('/static/default/img/listImg/slash.png') no-repeat;
    background-position: 72px;
}
.companyNewsDetail .head span:nth-of-type(4){
    color: #002569;
}
.companyNewsDetail .body{
    width: 100%;
    height:auto;
    background:#F4F4F4;
    margin-top:30px;
}
.companyNewsDetail .body .title{
    text-align: center;
    padding-top: 34px;
    padding-bottom:28px;
}
.companyNewsDetail .body .title h3{
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: 600;
    color: #333333;
}
.companyNewsDetail .body .title h6{
    display: inline-block;
    margin-top: 10px;
    font-weight: 100;
    color: #666;
}
.companyNewsDetail .body .title h6:nth-of-type(2){
    margin-left:10px;
}
.companyNewsDetail .body .message{
    padding: 0 40px;
    width: auto;
    height: auto;
    padding-bottom:62px;
    overflow: hidden;
}
.companyNewsDetail .body .message .top p{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
    letter-spacing: .8px;
}
.companyNewsDetail .body .message .top img{
    max-width: 1120px;
}
.companyNewsDetail  .changePage{
    width: 100%;
    height: auto;
    margin-top: 23px;
}
.companyNewsDetail  .changePage .prev{
    float: left;
    width: 265px;
    height: 65px;
    background:url('/static/default/img/DetailImg/outletDetailButtonBackground.png') no-repeat;
    background-size:cover;
    text-align: center;
}
.companyNewsDetail .changePage .prev span{
    margin: 0 15px;
    text-decoration: none;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 65px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 闄愬埗鍦ㄤ竴涓潡鍏冪礌鏄剧ず鐨勬枃鏈殑琛屾暟 */
    -webkit-box-orient: vertical; /* 鍨傜洿鎺掑垪 */
    word-break: break-all;  /* 鍐呭鑷姩鎹㈣ */
}
.companyNewsDetail  .changePage .next{
    float: right;
    width: 265px;
    height: 65px;
    background:url('/static/default/img/DetailImg/outletDetailButtonBackground.png') no-repeat;
    background-size:cover;
    text-align: center;
}
.companyNewsDetail .changePage .next span{
    margin: 0 15px;
    text-decoration: none;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 65px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 闄愬埗鍦ㄤ竴涓潡鍏冪礌鏄剧ず鐨勬枃鏈殑琛屾暟 */
    -webkit-box-orient: vertical; /* 鍨傜洿鎺掑垪 */
    word-break: break-all;  /* 鍐呭鑷姩鎹㈣ */
}
.newsMedia .afterClickMessage{
    z-index: 9999;
    background:rgba(0, 0, 0, 0.4);
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
.newsMedia .afterClickMessage .mainMessage{
    width: 900px;
    height: 506px;
    background: #fff;
    margin:160px auto;
}
.newsMedia .afterClickMessage .mainMessage video{
    width: 100%;
    height: 100%;
    background: #000;
}
.newsMedia .head{
    margin-top:20px;

}
.newsMedia .head i{
    margin-left:23px;
}
.newsMedia .head span{
    padding-right: 20px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
}
.newsMedia .head span:nth-of-type(1){
    margin-left:20px;
    background:url('/static/default/img/listImg/slash.png') no-repeat;
    background-position: 72px;
}
.newsMedia .head span:nth-of-type(2){
    background:url('/static/default/img/listImg/slash.png') no-repeat;
    background-position: 72px;
}
.newsMedia .head span:nth-of-type(3){
    color:#002569 ;
}
.newsMedia .title{
    text-align:center;
    margin-top:10px;
}
.newsMedia .title h1{
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #202020;
    font-size: 36px;
}
.newsMedia .title h3{
    margin-top:20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #202020;
    font-size: 24px;
}
.newsMedia .body {
    display:flex;
    flex-direction: column;
}
.newsMedia .body .message{
    margin-top: 56px;
    width: 1144px;
    height: 316px;
    border: 4px solid #f4f4f4 ;
    position: relative;
    display: flex;
    flex-direction: row;
}
.newsMedia .body  .message .left{
    text-align: center;
    width: 654px;
    
}
.newsMedia .body .message .left h3{
    margin-top: 37px;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #202020;

}
.newsMedia .body .message .left .line{
    margin: 0 auto;
    margin-top: 20px;
    width: 90px;
    height: 1px;
    background:#ddd;
    
}
.newsMedia .body .message .left p{
    display: block;
    line-height: 30px;
    color: #333;
    width: 549px;
    height: 116px;
    margin-left: 65px;
    font-size: 16px;
    margin-top: 31px;
    text-align: left;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 闄愬埗鍦ㄤ竴涓潡鍏冪礌鏄剧ず鐨勬枃鏈殑琛屾暟 */
    -webkit-box-orient: vertical; /* 鍨傜洿鎺掑垪 */
    word-break: break-all;  /* 鍐呭鑷姩鎹㈣ */
    
}
.newsMedia .body .message .left .more .moreClick{
    cursor: pointer;
    display: block;
    margin: 0 auto;
    margin-top:24px;
    background:url('/static/default/img/listImg/companyNewsListMore.png') no-repeat;
    width: 107px;
    height: 32px;
    display: flex;
    flex-direction:row ;
    justify-content: space-between;

}
.newsMedia .body .message .left .more .moreClick span{
    margin-top: 3px;
    width: 78px;
    height: 25px;
    text-align: center;
    display: block;
    line-height: 25px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #002569;
}
.newsMedia .body .message .left .more .moreClick i{
    margin-top: 3px;
    margin-right: 4px;
    display: block;
    width: 25px;
    height: 25px;
    background:url('/static/default/img/listImg/companyNewsListUnselectArrow.png') no-repeat;
}
.newsMedia .body .active .left .more .moreClick:hover>span{
    background: #002569;
    color: #fff;
}
.newsMedia .body .active .left .more .moreClick:hover>i{
    background:url('/static/default/img/listImg/companyNewsListSelectArrow.png') no-repeat !important;
}

.newsMedia .body .message .right{
    width: 475px;
    height: 316px;
}
.newsMedia .body .message .right img{
    width: 475px;
    height: 316px;
    position: absolute;
    top: -26px;
    right: -26px;
}
.newsMedia .body .active .right img{
    top: 0px;
    right: 0px;
}
.newsMedia .body .active{
    border: 4px solid #002569;
}
.newsMedia .changePage{
    width: fit-content;
    margin: 0 auto;
}
.newsMedia .changePage .page{
    font-size :0;
    margin-top: 32px;
    height: 32px;
}
.newsMedia .changePage .page ul li{
    float: left;
    height: 32px;
    width: auto;
}
.newsMedia .changePage .page a{
    display: inline-block;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    min-width: 32px;
    width: auto;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
    text-align: center;
    
} 
.newsMedia .changePage .page span{
    display: inline-block;
    width: auto;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    min-width: 32px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
    text-align: center;
    
} 
.newsMedia .changePage .page .active span{
    background: #002569;
    border-color: #002569;
    color:#FFFEFE;
}

.newsMedia .changePage .page .prev a{
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    width: 82px;
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
} 
.newsMedia .changePage .page .noPrev span{
    cursor: not-allowed;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    width: 82px;
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #DDDDDD;
    line-height: 32px;
}

.newsMedia .changePage .page .next a{
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    width: 82px;
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
}
.newsMedia .changePage .page .noNext span{
    cursor: not-allowed;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    width: 82px;
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #DDDDDD;
    line-height: 32px;
}



.talentSearching .title{
    text-align:left;
    margin-left:30px;
    margin-top:50px;
}
.talentSearching .title h1{
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #202020;
    font-size: 36px;
}
.talentSearching .title h3{
    margin-top:14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #202020;
    font-size: 24px;
}
.talentSearching .body {
    margin-top: 30px;
    display:flex;
    flex-direction: column;
}
.talentSearching .body .message{
    position: relative;
    display: block;
    text-decoration: none;
    width: 1210px;
    height: 190px;
}
.talentSearching .body .message:hover{
    background: url('/static/default/img/listImg/talentSearchingBackground.png') no-repeat;
    background-size:cover;
}
.talentSearching .body .message h3{
    display: block;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 30px;
    height: 30px;
    margin-top:30px;
    margin-left:36px;
    padding-left: 24px;
    background: url('/static/default/img/listImg/talentSearchingLine.png') no-repeat;
    background-position: left;
}
.talentSearching .body .message .mianMessage{
    width: 760px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 7px;
    margin-left: 60px;
}
.talentSearching .body .message .mianMessage span{
    margin-top: 18px;
    margin-left: 80px;
}
.talentSearching .body .message .mianMessage span:nth-of-type(1){
    margin-left: 0;
}
.talentSearching .body .message .mianMessage span:nth-of-type(4){
    margin-left: 0;
}
.talentSearching .body .message .mianMessage span h6{
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}
.talentSearching .body .message .mianMessage span p{
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999;
}
.talentSearching .body .message .more{
    position: absolute;
    left: 1087px;
    top: 77px;
    background: url('/static/default/img/listImg/talentSearchingMore.png') no-repeat;
    background-size: cover;
    width: 18px;
    height: 35px;
}
.talentSearching .changePage{
    width: fit-content;
    margin: 0 auto;
}
.talentSearching .changePage .page{
    font-size :0;
    margin-top: 32px;
    height: 32px;
}
.talentSearching .changePage .page ul li{
    float: left;
    height: 32px;
    width: auto;
}
.talentSearching .changePage .page a{
    display: inline-block;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    min-width: 32px;
    width: auto;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
    text-align: center;
    
} 
.talentSearching .changePage .page span{
    display: inline-block;
    width: auto;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    min-width: 32px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
    text-align: center;
    
} 
.talentSearching .changePage .page .active span{
    background: #002569;
    border-color: #002569;
    color:#FFFEFE;
}

.talentSearching .changePage .page .prev a{
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    width: 82px;
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
} 
.talentSearching .changePage .page .noPrev span{
    cursor: not-allowed;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    width: 82px;
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #DDDDDD;
    line-height: 32px;
}

.talentSearching .changePage .page .next a{
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    width: 82px;
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
}
.talentSearching .changePage .page .noNext span{
    cursor: not-allowed;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    width: 82px;
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #DDDDDD;
    line-height: 32px;
}


.contactUs .title{
    text-align:left;
    margin-left:30px;
    margin-top:50px;
}
.contactUs .title h1{
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #202020;
    font-size: 36px;
}
.contactUs .title h3{
    margin-top:14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #202020;
    font-size: 24px;
}
.contactUs .body .top{
    width: 680px;
    display: flex;
    flex-wrap: wrap;
    
}
.contactUs .body .top .iconMessage{
    margin-top: 48px;
    text-align: center;
}
.contactUs .body .top .iconMessage:nth-child(2){
    margin-left: 210px;
}
.contactUs .body .top .iconMessage:nth-child(3){
    margin-top:67px;
}
.contactUs .body .top .iconMessage:nth-child(4){
    width: 380px;
    margin-left: 116px;
    margin-top:58px;
}

.contactUs .body .top .iconMessage p{
    display: block;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #202020;
}
.contactUs .body .top .iconMessage:nth-child(1) p{
    margin-top:29px;
}
.contactUs .body .top .iconMessage:nth-child(2) p{
    margin-top:32px;
}
.contactUs .body .top .iconMessage:nth-child(3) p{
    margin-top:30px;
}
.contactUs .body .top .iconMessage:nth-child(4) p{
    margin-top:28px;
}
.contactUs .body .bottom{
    width: 820px;
    height: 460px;
    margin-top:50px;
}
.contactUs .body .bottom #allmap{
    height: 100%;
    width: 100%;
}
.talentSearchingDetail .head{
    margin-top:20px;

}
.talentSearchingDetail .head i{
    margin-left:23px;
}
.talentSearchingDetail .head span{
    padding-right: 20px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
}
.talentSearchingDetail .head span:nth-of-type(1){
    margin-left:20px;
    background:url('/static/default/img/listImg/slash.png') no-repeat;
    background-position: 72px;
}
.talentSearchingDetail .head span:nth-of-type(2){
    background:url('/static/default/img/listImg/slash.png') no-repeat;
    background-position: 72px;
}

.talentSearchingDetail .head span:nth-of-type(3){
    color: #002569;
}
.talentSearchingDetail .body{
    width: 100%;
    height:auto;
    background:#F4F4F4;
    margin-top:30px;
}
.talentSearchingDetail .body .title{
    text-align: center;
    padding-top: 34px;
    padding-bottom:28px;
}
.talentSearchingDetail .body .title h3{
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}
.talentSearchingDetail .body .message{
    padding: 0 40px;
    width: auto;
    height: auto;
    padding-bottom:62px;
    overflow: hidden;
}
.talentSearchingDetail .body .message .top p{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
    letter-spacing: .8px;
}
.talentSearchingDetail .body .message .top img{
    max-width: 1120px;
}

.searchList .title{
    text-align:left;
    margin-left:30px;
    margin-top:50px;
}
.searchList .title h1{
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #202020;
    font-size: 36px;
}
.searchList .title h3{
    margin-top:14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #202020;
    font-size: 24px;
}
.searchList .body {
    margin-top: 30px;
    display:flex;
    flex-direction: column;
}
.searchList .body .message{
    position: relative;
    display: block;
    text-decoration: none;
    width: 1210px;
    height: 190px;
    margin-top: 20px;
    background: url('/static/default/img/listImg/talentSearchingBackground.png') no-repeat;
    background-size:cover;
}
.searchList .body .message:hover{
   
    
}
.searchList .body .message h3{
    display: block;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 30px;
    height: 30px;
    margin-top:30px;
    margin-left:36px;
    padding-left: 24px;
    background: url('/static/default/img/listImg/talentSearchingLine.png') no-repeat;
    background-position: left;
}
.searchList .body .message .mianMessage{
    width: 760px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 7px;
    margin-left: 60px;
}
.searchList .body .message .mianMessage span{
    margin-top: 18px;
    margin-left: 80px;
    display: flex;
    flex-direction: row;
}
.searchList .body .message .mianMessage span:nth-of-type(1){
    margin-left: 0;
}
.searchList .body .message .mianMessage span:nth-of-type(2){
    margin-left: 0;
}
.searchList .body .message .mianMessage span h6{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}
.searchList .body .message .mianMessage span p{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999;
    width: 650px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 闄愬埗鍦ㄤ竴涓潡鍏冪礌鏄剧ず鐨勬枃鏈殑琛屾暟 */
    -webkit-box-orient: vertical; /* 鍨傜洿鎺掑垪 */
    word-break: break-all;  /* 鍐呭鑷姩鎹㈣ */
}
.searchList .body .message .more{
    position: absolute;
    left: 1087px;
    top: 77px;
    background: url('/static/default/img/listImg/talentSearchingMore.png') no-repeat;
    background-size: cover;
    width: 18px;
    height: 35px;
}
.searchList .changePage{
    width: fit-content;
    margin: 0 auto;
}
.searchList .changePage .page{
    font-size :0;
    margin-top: 32px;
    height: 32px;
}
.searchList .changePage .page ul li{
    float: left;
    height: 32px;
    width: auto;
}
.searchList .changePage .page a{
    display: inline-block;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    min-width: 32px;
    width: auto;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
    text-align: center;
    
} 
.searchList .changePage .page span{
    display: inline-block;
    width: auto;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    min-width: 32px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
    text-align: center;
    
} 
.searchList .changePage .page .active span{
    background: #002569;
    border-color: #002569;
    color:#FFFEFE;
}

.searchList .changePage .page .prev a{
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    width: 82px;
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
} 
.searchList .changePage .page .noPrev span{
    cursor: not-allowed;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    width: 82px;
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #DDDDDD;
    line-height: 32px;
}

.searchList .changePage .page .next a{
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    width: 82px;
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
}
.searchList .changePage .page .noNext span{
    cursor: not-allowed;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    width: 82px;
    display: inline-block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #DDDDDD;
    line-height: 32px;
}







@media screen and (max-width: 480px) {
    *{
        box-sizing: border-box;
    }
    .nav{
        position: fixed;
        height: 80px;
        top: 0;
        padding-top: 10px;
        z-index: 9999999;
        
    }
    @keyframes indexNavChange{
        0%{height: 0;}
        100%{height:300px;}
    }
    @keyframes indexNavUnChange{
        0%{height: 300px;}
        100%{height:0;}
    }
    .nav .index-mobile-tab {
        overflow: scroll;
        width: 100%;
        padding: 0;
        background: #fff;
        position: fixed;
        left: 0;
        top: 80px;
        z-index: 999999;
        box-shadow: 0 20px 40px -10px rgb(0 0 0 / 15%);
        animation-duration: .6s;
        animation-fill-mode: both;
        animation-name: indexNavUnChange;
        
    }
    .nav .activeTab{
        overflow: scroll;
        border-top: 2px solid #002569;
        width: 100%;
        position: fixed;
        left: 0;
        top: 80px;
        z-index: 999999;
        animation-duration: .8s;
        animation-fill-mode: both;
        animation-name: indexNavChange;
        height: 300px;
        background: #fffefe;
        box-shadow: 0 20px 40px -10px rgb(0 0 0 / 15%);
    }
    @keyframes indexTabLiUl{
        0%{opacity: 0;}
        100%{opacity: 1;}
    }
    
    
    .nav .index-mobile-tab .index-tabLi ul{
         height: 0;
         overflow: hidden;
    }
    .nav .index-mobile-tab .tabLiUlActive ul{
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-name: indexTabLiUl;
        background: #eee;
        height: auto;
    }
    .nav .index-mobile-tab .tabLiUlActive ul li{
        padding-left: 30px;
    }
    .nav .index-mobile-tab .tabLiUlActive ul li a{
        background: url('/static/default/img/indexImg/point.png')no-repeat;
        padding-left: 20px;
    }
    .nav .index-mobile-tab .index-tabLi{
        min-height: 42px;
        line-height: 42px;
        position: relative;
    }
    .nav .index-mobile-tab .index-tabLi a{
        padding-left: 30px;
    }
    .nav .index-mobile-tab .active a{
        font-weight: 600;
        color: #1c3c75;   
    }
    .nav .index-mobile-tab .active ul li a{
        color: #444;
        font-weight:400;
    }
    @keyframes spanUnActive{
        0%{transform: rotate(0deg);}
        100%{transform: rotate(90deg);}
    }
    .nav .index-mobile-tab .index-tabLi span{
        position: absolute;
        right: 25px;
        transform: rotate(90deg);
        top: -12px;
        padding: 12px;
        animation-duration: 0.3s;
        animation-timing-function:linear;
        animation-fill-mode: both;
        animation-name: spanUnActive;
    }
    @keyframes spanActive{
        0%{transform: rotate(90deg);}
        100%{transform: rotate(0deg);}
    }
    .nav .index-mobile-tab .index-tabLi .spanActive{
        transform: rotate(0deg);
        animation-duration: 0.3s;
        animation-timing-function:linear;
        animation-fill-mode: both;
        animation-name: spanActive;
    }

    .inner-header-icon{
        color: #ffffff;
        height: 50px;
        font-size:25px;
        text-align: center;
        float:right;
        width: 50px;
        position: relative;
        -webkit-transition: background 0.5s;
        -moz-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .inner-header-icon:hover{
        background-color: rgba(255,255,255,0.2);
        cursor: pointer;
    }
    .inner-header-icon span{
        position: absolute;
        left: calc((100% - 25px) / 2);
        top: calc((100% - 14px) / 2);
        width: 20px;
        height: 2px;
        background-color: rgb(94, 91, 91);
    }
    .inner-header-icon span:nth-child(1){
        top: 15px;
        -webkit-transform:translateY(4px) rotateZ(0deg);
        -ms-transform:translateY(4px) rotateZ(0deg);
        transform: translateY(4px) rotate(0deg);
    }
    
    .inner-header-icon span:nth-child(2){
        opacity: 0;
    }
    
    .inner-header-icon span:nth-child(3){
        top: 21px;
        transform: translateY(-4px) rotate(0deg);
        -webkit-transform:translateY(-4px) rotateZ(0deg);
        -ms-transform:translateY(-4px) rotateZ(0deg);
    }
    
    
    .inner-header-icon-click span:nth-child(1){
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: clickfirst;
        }
    
    .inner-header-icon-click span:nth-child(2){
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: clicksecond;
    }
    
    .inner-header-icon-click span:nth-child(3){
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: clickthird;
        }
    
    
    /*绗竴鏉＄嚎鏃嬭浆鍔ㄧ敾*/
    @keyframes clickfirst {
    0% {
        opacity: 0;
        top: 15px;
        transform: translateY(4px) rotate(0deg);
        -webkit-transform:translateY(4px) rotateZ(0deg);
        -ms-transform:translateY(4px) rotateZ(0deg);
        
    }
    
    100% {
        opacity: 1;
        transform: translateY(0) rotate(45deg);
        -webkit-transform:translateY(0px) rotateZ(45deg);
        -ms-transform:translateY(0px) rotateZ(45deg);
        top: 18px;

    }
    }
    /*绗簩鏉＄嚎娣″叆娣″嚭鍔ㄧ敾鍔ㄧ敾*/
    @keyframes clicksecond {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    
    /*绗笁鏉＄嚎鏃嬭浆鍔ㄧ敾*/
    @keyframes clickthird {
    0% {
        opacity: 0;
        top: 21px;
        transform: translateY(-4px) rotate(0deg);
        -webkit-transform:translateY(-4px) rotateZ(0deg);
        -ms-transform:translateY(-4px) rotateZ(0deg);
    }
    
    100% {
        opacity: 1;
        transform: translateY(0) rotate(-45deg);
        -webkit-transform:translateY(0px) rotateZ(-45deg);
        -ms-transform:translateY(0px) rotateZ(-45deg);
        top: 18px;
    }
    }	
    
    .inner-header-icon-out span:nth-child(1){
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: outfirst;
        }
    
    .inner-header-icon-out span:nth-child(2){
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: outsecond;
    }
    .inner-header-icon-out span:nth-child(3){
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: outthird;
        }
    
    @keyframes outfirst {
    0% {
        top: 18px;
        transform: translateY(0) rotate(-45deg);
        -webkit-transform:translateY(0px) rotateZ(-45deg);
        -ms-transform:translateY(0px) rotateZ(-45deg);
    }
    
    100% {
        top: 15px;
        transform: translateY(-4px) rotate(0deg);
        -webkit-transform:translateY(-4px) rotateZ(0deg);
        -ms-transform:translateY(-4px) rotateZ(0deg);
        
    }
    }
    
    @keyframes outsecond {
    0% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
    }
    
    @keyframes outthird {
        0% { 
            
            top: 18px;
            transform: translateY(0) rotate(45deg);
            -webkit-transform:translateY(0px) rotateZ(45deg);
            -ms-transform:translateY(0px) rotateZ(45deg);
        }
    
        100% {
            transform: translateY(4px) rotate(0deg);
            -webkit-transform:translateY(4px) rotateZ(0deg);
            -ms-transform:translateY(4px) rotateZ(0deg);
            top: 21px;
        }
    }

    .container {
        width: auto;
        padding: 10px;
        overflow: hidden;
    }
    .index-search{
        display: none;
    }
    .home-slider{
        padding-top: 80px;
    }
    .home-slider .swiper-container .swiper-wrapper{
        height: 190px !important;
    }
    .nav-menu{
        display: none;
    }
    .nav-menu .index-mobile-tab{
        display: block;
        position:fixed;
        z-index: 999999;
    }
    
    
    .logo-img{
        height: auto;
        width: 48%;
    }
    .index-solution .head{
        width: 100%;
        height: auto;
    }
    .index-solution .content {
       height: auto;
       width: auto;
    }
    .index-solution .content img{
        width: 100%;
        height: auto;
    }
    .index-pT-body{
        flex-direction: column;
        padding-bottom: 0;
    }
    .index-pT-body .index-pT-left h1{
        font-size: 32px;
        margin-top: 24px;
    }
    .index-pT-body .index-pT-left{
        padding-bottom: 160px;
        width: 100%;
        height: auto;
    }
    .index-pT-body .index-pT-left p{
        margin-top: 5%;
        margin-left: 10%;
        width: 80%;
        height: 150px;
        font-size:16px;
        -webkit-line-clamp:5;
    }
    .index-pT-body .index-pT-right{
        width: 100%;
        height: auto;
        margin-top:0 ;
    }
    .index-pT-body .index-pT-right>img:nth-of-type(1){
        width: 100%;
        height: auto;
    }
    .index-pT-body .index-pT-right ul{
        width: 100%;
        height: 75px;
    }
    .index-pT-body .index-pT-right li img{
        display: none;
    }
    .index-pT-body .index-pT-left{
        padding-bottom: 110px;
    }
    .index-pT-body .index-pT-left .index-page{
        top: 76%;
        left: 37%;
        width: 92px;
        height: 40px;
    }
    .index-pT-body .index-pT-left .index-morePuls{
        background: none;
        top: 86%;
        left: 6%;
    }
    .index-pT-body .index-pT-right ul{
        background: #1c3c75;
    }
    .index-pT-body .index-pT-right li p{
        left: 18%;
        width: 65%;
        font-size:18px;
        bottom:15%;

    }
    .index-newsConsultation{
        width: 100%;
        box-sizing: border-box;
    }
    .index-newsConsultation .head{
        text-align: center;
    }
    .index-newsConsultation .content{
        flex-direction: column-reverse;
    }
    .index-newsConsultation .content .right{
        margin-left: 0;
        width: 100%;
        height: auto;
    }
    .index-newsConsultation .content .right .bottom .date p:nth-child(1){
        text-align: left;
    }
    .index-newsConsultation .content .right .top img{
        width: 100%;
        height: auto;
    }
    .index-newsConsultation .content .right .bottom{
        flex-direction: column;
    }
    .index-newsConsultation .content .right .bottom .date{
        display: none;
    }
    .index-newsConsultation .content .right .bottom .message{
        width: 95%;
        height: auto;
        margin-left: 4%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .index-newsConsultation .content .left{
        margin-top:14px;
    }
    .index-newsConsultation .content .left .top a{
        width: 100%;
        margin-left:2%;
        height: 18px;
        font-size: 18px;
        line-height: 18px;
        
    }
    .index-newsConsultation .content .left .top span{
       width: 100%;
    }
    .index-newsConsultation .content .left .top .article{
        width: 95%;
        margin-left: 3%;
        height: auto;
        padding-top: 5px;
    }
    .index-newsConsultation .content .left .top .articleTitle ul{
        width: 100%;
    }
    .index-newsConsultation .content .left .top .articleTitle ul li{
        width: 100%;
    }
    .index-newsConsultation .content .left .top .articleTitle ul li a:nth-child(1){
        width: 95%;
        font-size: 16px;
        line-height: 16px;
        height: 16px;
    }
    .index-newsConsultation .content .left .top .articleTitle ul li div:nth-child(2){
        display: none;
    }
    .index-newsConsultation .content .left .top .date{
        display: none;
    }
    .index-aboutUs{
        margin-top: 10px;
    }
    .index-aboutUs .content{
        width: 100%;
        height: auto;
        background: none;
    }
    .index-aboutUs .content .title{
        position: relative;
        text-align: center;
        width: auto;
        height: auto;
        left: 0;
        top: 0;
    }
    .index-aboutUs .content .article{
        width: 100%;
        padding: 0 10px;
        margin-left: 0;
        height: auto;
        margin-top: 10px;
        box-sizing: border-box;
        
    }
    .index-aboutUs .content .aboutUsPic {
        margin-top: 10px;
        position: inherit;
        top: 0;
        left: 0;
    
    }
    .index-aboutUs .content .aboutUsPic img{
        width: 100%;
        height: auto;
    }
    .contact-info{
        width: 100%;
        margin-top: 10px;

    }
    .contact-info .content{
        width: 100%;
        background-position: 2%;
    } 
    .contact-info .content .swiper-slide{
        width: 100% !important;
    }
    .contact-info .content .swiper-slide a img{
        width: 20% !important;
        height: auto !important;
        margin-left:7%;
        margin-top: 1%;
    }
    .contact-info .content .swiper-slide .title a{
        display: block;
        width: 35%;
        text-align: center;
    }
    .contact-info .content .swiper-button-next2{
        display: none;
    }
    .contact-info .content .swiper-button-prev2{
        display: none;
    }
    .bottomTabbar{
        margin-top: 10px;
        padding-bottom: 20px;
        position: relative;
        height: 70px;
        background-size: cover;
    }
     .bottomTabbar .left{
         display: none;
     }
     .bottomTabbar .right{
        display: none;
    }
    .bottomTabbar .copyMessage{
        flex-direction: column-reverse;
        color: #eee;
        position: absolute;
        
        margin: 0;
        top: 0;
    }
    .bottomTabbar .copyMessage a{
        margin-top: 10px;
        color: #eee;
    }
    .bottomTabbar span{
        margin-top: 10px;
    }

    /* 鍏充簬鎴戜滑鍒楄〃椤 */
    .listBanner{
        width: 100%;
        height: 20vh;
        background-size: cover;
        margin-top: 90px;
    }
    .article-list{
        padding: 0;
    }
    .aboutUsList .left{
        width: 100%;
    }
    .aboutUsList .left .top{
        margin-top: 0;
        margin-left: 0px;
        
    }
    .aboutUsList .left .top h1{
        font-size: 12px;
    }
    .aboutUsList .left .top h3{
        font-size: 8px;
        margin-top: 0;
    }
    .aboutUsList .left .bottom{
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .aboutUsList .left .bottom ul li{
        width: 100%;
        height: auto;
    }
    .aboutUsList .left .bottom ul li a{
        width: 100%;
        margin-bottom: 15px;
        height: 75px;
    }
    .aboutUsList .left .bottom ul li a{
        background:url('/static/default/img/listImg/aboutUsListBackground.png') no-repeat;
        background-size:cover ;
    }
    .aboutUsList .left .bottom ul .active{
        background:url('/static/default/img/listImg/aboutUsListBackground.png') no-repeat;
    }
    .aboutUsList .left .bottom ul .active .left{
        margin-left: 25px;
        color: #fff;
    }
    .aboutUsList .left .bottom ul .active .border{
    }
    .aboutUsList .left .bottom ul .active .rightMessage h5{
       font-size: 14px;
       color: #eee;
    }
    .aboutUsList .left .bottom ul .active .rightMessage span{
        color: #fff;
        font-size: 8px;
        -webkit-line-clamp: 2;
        line-height: 12px;
    }
    
    .aboutUsList .left .bottom ul li .left{
        margin-top: 25px;
        font-size: 18px;
        color: #fff;
        margin-left: 25px;
        width: 18px;

    }
    
    .aboutUsList .left .bottom ul li .border{
        display: block;
        width: 18px;
        height: 18px;
        margin: 26px 46px;
        
    }
    .aboutUsList .left .bottom ul li:nth-child(1) .border{
        background: url('/static/default/img/listImg/companySelected.png') no-repeat;
        background-size: cover;
    }
    .aboutUsList .left .bottom ul li:nth-child(2) .border{
        background: url('/static/default/img/listImg/bookSelected.png') no-repeat;
        background-size: cover;
    }
    .aboutUsList .left .bottom ul li:nth-child(3) .border{
        background: url('/static/default/img/listImg/leaderSelected.png') no-repeat;
        background-size: cover;
    }
    .aboutUsList .left .bottom ul li:nth-child(4) .border{
        background: url('/static/default/img/listImg/historySelected.png') no-repeat;
        background-size: cover;
    }
    .aboutUsList .left .bottom ul li .icon{
        display: none;
    }
    .aboutUsList .left .bottom ul li .rightMessage{
        width: 50%;
        margin-left: 0;
        margin-right: 10px;
        margin-top: 10px;
    }
    .aboutUsList .left .bottom ul li .rightMessage h5{
        font-size: 14px;
        color: #eee;
    }
    .aboutUsList .left .bottom ul li .rightMessage span{
        font-size: 8px;
        margin-top: 5px;
        -webkit-line-clamp: 2;
        line-height: 12px;
        letter-spacing: .5px;
        color: #fff;
    }
    .aboutUsList .right{
        display: none;
    }
    /* 鑱旂郴鎴戜滑 */
    .contactUs .title{
        margin-left: 10px;
        margin-top: 10px;
        
    }
    .contactUs .title h1{
        font-size: 24px;
    }
    .contactUs .title h3{
        margin-top: 6px;
        font-size: 12px;
    }
    .contactUs .body .top{
        width: 680px;
        flex-direction: row;
    }
    .contactUs .body .bottom{
        width: 100%;
        height: 200px;
        margin-top: 30px;
    }
    .contactUs .body .top .iconMessage{
        flex: 1;
    }
    .contactUs .body .top .iconMessage p{
        font-size: 14px;
        word-wrap:break-word ;
        min-width: 176px;
    }
    .contactUs .body .top .iconMessage:nth-child(2){
        margin-left: 0;
    }
    .contactUs .body .top .iconMessage:nth-child(4){
        margin-left: 0;
    }

    /* 鍏充簬鎴戜滑璇︽儏椤 */
    .companyIntroductDetail .container{
        padding-left: 20px;
        padding-right:20px;
    }
    .companyIntroductDetail .left .bottom .bottomMessage{
        padding-left: 10px;
        padding-right: 10px;
    }
    .companyIntroductDetail .left .top{
        margin: 0;
        margin-top: 10px;
    }
    .companyIntroductDetail .left .top h1{
        font-size: 24px;
     }
    .companyIntroductDetail .left .top h3{
       font-size: 16px;
       margin-top: 6px;
    }
    .companyIntroductDetail .right{
        display: none;
    }
    .companyIntroductDetail .left .bottom{
        width: 100%;
        height: auto;
        margin-top: 15px;
    }
    .companyIntroductDetail .left .bottom .bottomMessage{
        padding-top: 10px;
    }
    .companyIntroductDetail .left .bottom .bottomMessage img{
        width: 100% !important;
        height: auto !important;
    }
    .companyIntroductDetail .left .bottom p{
        line-height: 24px;
        font-size: 14px;
    }
    /* 浼佷笟妗堜緥璇︽儏椤 */
    .outletDetail .container{
        padding-left:20px ;
        padding-right: 20px;
    }
    .outletDetail .body{
        margin-top: 10px;
    }
    .outletDetail .head{
        display: none;
    }
    .outletDetail .body .message{
        padding: 0 10px;
        padding-bottom: 20px;

    }
    .outletDetail .body .title h3{
        font-size: 18px;
    }
    .outletDetail .body .title{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .outletDetail .body .message .top img{
        width: 100% !important;
        height: auto !important;
    }
    .outletDetail .body .message .top p{
        line-height: 24px;
        font-size: 14px;

    }
    /* 浜у搧鏈嶅姟璇︽儏椤 */
    .productServiceDetail .container{
        padding-left: 20px;
        padding-right:20px;
    }
    .productServiceDetail .left .bottom .bottomMessage{
        padding-left: 10px;
        padding-right: 10px;
    }
    .productServiceDetail .left .top{
        margin: 0;
        margin-top: 10px;
    }
    .productServiceDetail .left .top h1{
        font-size: 24px;
     }
    .productServiceDetail .left .top h3{
       font-size: 16px;
       margin-top: 6px;
    }
    .productServiceDetail .right{
        display: none;
    }
    .productServiceDetail .left .bottom{
        width: 100%;
        height: auto;
        margin-top: 15px;
    }
    .productServiceDetail .left .bottom .bottomMessage{
        padding-top: 10px;
    }
    .productServiceDetail .left .bottom .bottomMessage img{
        width: 100% !important;
        height: auto !important;
    }
    .productServiceDetail .left .bottom p{
        line-height: 24px;
        font-size: 14px;
    }
    /* 浼佷笟璧勮璇︽儏椤 */
    .companyNewsDetail .container{
        padding-left:20px ;
        padding-right: 20px;
    }
    .companyNewsDetail .body{
        margin-top: 10px;
    }
    .companyNewsDetail .head{
        display: none;
    }
    .companyNewsDetail .body .message{
        padding: 0 10px;
        padding-bottom: 20px;

    }
    .companyNewsDetail .body .title h3{
        font-size: 18px;
    }
    .companyNewsDetail .body .title{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .companyNewsDetail .body .message .top img{
        width: 100% !important;
        height: auto !important;
    }
    .companyNewsDetail .body .message .top p{
        line-height: 24px;
        font-size: 14px;

    }
    .companyNewsDetail .changePage{
        display: none;
    }
    /* 鎷涜搐绾冲＋璇︽儏椤 */
    .talentSearchingDetail .container{
        padding-left:20px ;
        padding-right: 20px;
    }
    .talentSearchingDetail .body{
        margin-top: 10px;
    }
    .talentSearchingDetail .head{
        display: none;
    }
    .talentSearchingDetail .body .message{
        padding: 0 10px;
        padding-bottom: 20px;

    }
    .talentSearchingDetail .body .title h3{
        font-size: 18px;
    }
    .talentSearchingDetail .body .title{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .talentSearchingDetail .body .message .top img{
        width: 100% !important;
        height: auto !important;
    }
    .talentSearchingDetail .body .message .top p{
        line-height: 24px;
        font-size: 14px;

    }
    /* 浜у搧鏈嶅姟鍒楄〃椤 */
    .productService .left{
        width: 100%;
    }
    .productService .left .top{
        margin-top: 0;
        margin-left: 0px;
        
    }
    .productService .left .top h1{
        font-size: 12px;
    }
    .productService .left .top h3{
        font-size: 8px;
        margin-top: 0;
    }
    .productService .left .bottom{
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .productService .left .bottom ul li{
        width: 100%;
        height: auto;
    }
    .productService .left .bottom ul li a{
        width: 100%;
        margin-bottom: 15px;
        height: 75px;
    }
    .productService .left .bottom ul li a{
        background:url('/static/default/img/listImg/aboutUsListBackground.png') no-repeat;
        background-size:cover ;
    }
    .productService .left .bottom ul .active{
        background:url('/static/default/img/listImg/aboutUsListBackground.png') no-repeat;
    }
    .productService .left .bottom ul .active .left{
        margin-left: 25px;
        color: #fff;
    }
    .productService .left .bottom ul .active .border{
    }
    .productService .left .bottom ul .active .rightMessage h5{
       font-size: 14px;
       color: #eee;
    }
    .productService .left .bottom ul .active .rightMessage span{
        color: #fff;
        font-size: 8px;
        -webkit-line-clamp: 2;
        line-height: 12px;
    }
    
    .productService .left .bottom ul li .left{
        margin-top: 25px;
        font-size: 18px;
        color: #fff;
        margin-left: 25px;
        width: 18px;

    }
    
    .productService .left .bottom ul li .border{
        display: block;
        width: 18px;
        height: 18px;
        margin: 26px 46px;
        
    }
    .productService .left .bottom ul li:nth-child(1) .border{
        background: url('/static/default/img/listImg/outletSelected.png') no-repeat;
        background-size: cover;
    }
    .productService .left .bottom ul li:nth-child(2) .border{
        background: url('/static/default/img/listImg/pipelineSelected.png') no-repeat;
        background-size: cover;
    }
    .productService .left .bottom ul li:nth-child(3) .border{
        background: url('/static/default/img/listImg/microstationSelected.png') no-repeat;
        background-size: cover;
    }
    .productService .left .bottom ul li:nth-child(4) .border{
        background: url('/static/default/img/listImg/transportationSelected.png') no-repeat;
        background-size: cover;
    }
    .productService .left .bottom ul li:nth-child(5) .border{
        background: url('/static/default/img/listImg/gateSelected.png') no-repeat;
        background-size: cover;
    }
    .productService .left .bottom ul li .icon{
        display: none;
    }
    .productService .left .bottom ul li .rightMessage{
        width: 50%;
        margin-left: 0;
        margin-right: 10px;
        margin-top: 10px;
    }
    .productService .left .bottom ul li .rightMessage h5{
        font-size: 14px;
        color: #eee;
    }
    .productService .left .bottom ul li .rightMessage span{
        font-size: 8px;
        margin-top: 5px;
        -webkit-line-clamp: 2;
        line-height: 12px;
        letter-spacing: .5px;
        color: #fff;
    }
    .productService .right{
        display: none;
    }
    /* 浼佷笟璧勮鍒楄〃椤 */
    .companyNews .head {
        display: none;
    }
    .companyNews .title{
        text-align: left;
        margin-top: 0;
    }
    .companyNews .title h1{
        font-size: 12px;
    }
    .companyNews .title h3{
        font-size: 8px;
        margin-top: 0;
    }
    .companyNews .body .message{
        width: 100%;
        height: 292px;
        border: 4px solid #002569;
        margin-top: 8px;
        display: block;
    }
    .companyNews .body .message .right{
        height: 200px;
        width: 100%;
        position: absolute;
        top: 0;
    }
    .companyNews .body .message .right img{
        width: 100%;
        height: 200px;
        top: 0;
        left: 0;
    }
    .companyNews .body .message .left{
        width: 100%;
        max-height: 126px;
        position: absolute;
        top: 200px;
    }
    .companyNews .body .message .left h3{
        margin-top: 6px;
        font-size: 10px;
        width: 100%;
        padding: 0 10%;
        font-weight: 600;
    }
    .companyNews .body .message .left .line{
        margin-top: 10px;
    }
    .companyNews .body .message .left p{
        font-size: 7px;
        line-height: 14px;
        margin-top: 6px;
        margin-left: 0;
        -webkit-line-clamp: 3;
        width: 100%;
        padding: 0 15px;
        height: auto;
        text-indent: 2em;
        display: none;
    }
    .companyNews .body .message .left .more a{
        margin-top: 10px;
    }
    .companyNews .body .message .left .more span{
        font-size: 14px;
        margin-top: 4px;
        margin-left: 5px;
    }
    /* 浼佷笟妗堜緥鍒楄〃椤 */
    .outlet .head {
       display: none;
    }
    .outlet .title{
        margin-top: 0;
        text-align: left;
    }
    .outlet .title h1{
        font-size: 14px;
    }
    .outlet .title h3{
        font-size: 10px;
        margin-top: 0;
    }
    .outlet .body .message{
        margin-top: 10px;
        width: 100%;
        height: 234px;
        background-size: cover;
    }
    .outlet .body .message:hover>.mark{
        display: none;
    }
    /* 鎷涜搐绾冲＋鍒楄〃椤 */
    .talentSearching .title{
        margin-top: 0;
        margin-left: 0;
        padding-bottom: 10px;
    }
    .talentSearching .title h1{
        font-size: 14px;
    }
    .talentSearching .title h3{
        font-size: 10px;
        margin-top: 0;
    }
    .talentSearching .body{
        margin-top: 0px;
    }
    .talentSearching .body .message{
        width: 100%;
        border-bottom: 1px solid #ddd;
        margin-top: 10px;
        height: 156px;
    }
    .talentSearching .body .message .mianMessage{
        width: 100%;
        margin-top: 10px;
        margin-left: 34px;
    }
    .talentSearching .body .message:hover{
        background: none;
    }
    .talentSearching .body .message h3{
        font-size: 14px;
        margin-top: 0;
        margin-left: 10px;

    }
    .talentSearching .body .message .mianMessage span h6{
        font-size: 12px;
    }
    .talentSearching .body .message .mianMessage span p{
        font-size: 12px;
    }
    .talentSearching .body .message .mianMessage span{
        margin-top: 0;
        margin-left: 0;
        min-width: 250px;
        margin-bottom: 10px;
        
    }
    .talentSearching .body .message .more{
        display: none;
    }
    /* 濯掍綋鎶ラ亾 */
    .newsMedia .head{
        display: none;
    }
    .newsMedia .title{
        margin: 0;
        text-align: left
    }
    .newsMedia .title h1{
        font-size: 14px;
    }
    .newsMedia .title h3{
        font-size: 10px;
        margin-top: 0;
    }
    .newsMedia .body .message{
        width: 100%;
        margin-top: 10px;
        border: 4px solid #002569;
        position: relative;
        display: block;
    }
    .newsMedia .body .message .left{
        position: absolute;
        top: 200px;
        width: 100%;
    }
    .newsMedia .body .message .right{
        width: 100%;
        position: absolute;
        height: 200px;
        top: 0;
    }
    .newsMedia .body .message .right img{
        top: 0;
        left: 0;
        width: 100%;
        height: 200px;
    }
    .newsMedia .body .message .left h3{
        margin-top: 10px;
        font-size: 10px;
        width: 100%;
        padding: 0 10%;
        font-weight: 600;
    }
    .newsMedia .body .message .left .line{
        margin-top: 10px;
    }
    .newsMedia .body .message .left p{
        display: none;
    }
    .newsMedia .body .message .left .more a{
        margin-top: 10px;
    }
    .newsMedia .body .message .left .more span{
        font-size: 14px;
        margin-top: 4px;
        margin-left: 5px;
    }
    .newsMedia .afterClickMessage .mainMessage{
        width: 96%;
        height: 40vh;
        padding: 20px auto;
    }
}