@charset "utf-8";

/* CSS Document */

 ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999999;
    font-size: 14px;
    opacity: 1;
}

 ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999999;
    font-size: 14px;
    opacity: 1;
    padding-left: 10px
}

 :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999999;
    font-size: 14px;
    opacity: 1;
    padding-left: 10px
}
@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
	
	

	.foot_bg{display:none;}
	
	.qywh{    width: 100%;
    overflow: hidden;}
	
	.yq_l {
    width: 50%;
    float: left; background:url(../images/qyln.jpg) no-repeat center; height:523px;}
	.yq_l dl{    width: 85%;
    overflow: hidden;
    float: right; padding-top:380px; }
	
	.yq_l dl dt{ font-size:22px; color:#fff; }
	.yq_l dl dd{ font-size:18px; color:#fff; text-align:center; margin-left:200px;  }
	.yq_l a{display:block; color:#fff; background:#033462; width:150px; line-height:40px; margin-top:30px;}
	
	
	.yq_r{
    width: 50%;
    float: right; background:url(../images/shzr.jpg) no-repeat center;height:523px;}
	
		.yq_r dl{    width: 85%;
    overflow: hidden;
    float: left; padding-top:300px; padding-left:30px;}
	
	.yq_r dl dt{ font-size:16px; color:#141414;line-height:32px;  }
	
	.yq_r h1{ font-size:24px; font-weight:bold; line-height:46px;text-transform:uppercase}
	.yq_r h1 span{ color:#27449b; font-style:italic;}
	.yq_r dl dd{ font-size:16px; color:#141414; text-align:center;  }
	.yq_r a{display:block; color:#fff; background:#033462; width:150px; line-height:40px; margin-top:30px;}
	
	

.yw_a{ background:url(../images/yw_a.png) center no-repeat; display:block; height:187px;}
.yw_a:hover{background:url(../images/yw_a1.png) center no-repeat;}

.yw_b{ background:url(../images/yw_b.png) center no-repeat; display:block; height:187px;}
.yw_b:hover{background:url(../images/yw_b1.png) center no-repeat;}

.yw_c{ background:url(../images/yw_c.png) center no-repeat; display:block; height:187px;}
.yw_c:hover{background:url(../images/yw_c1.png) center no-repeat;}

.yw_d{ background:url(../images/yw_d.png) center no-repeat; display:block; height:187px;}
.yw_d:hover{background:url(../images/yw_d1.png) center no-repeat;}

.yw_e{ background:url(../images/yw_e.png) center no-repeat; display:block; height:187px;}
.yw_e:hover{background:url(../images/yw_e1.png) center no-repeat;}

.yw_f{ background:url(../images/yw_f.png) center no-repeat; display:block; height:187px;}
.yw_f:hover{background:url(../images/yw_f1.png) center no-repeat;}

/* 顶部 */
html{
    font-size: 16px;
}
body {font-family: "Microsoft YaHei","iconfont" !important;}
.top{
    padding: 12px 0;
    border-bottom: 1px solid #e5e5e5;
}
.top p{
    color:#01499e;
}
.top i{
    color:#01499e;
}
.logo_img{
    margin-left: 60px;
}
#mol-menu{
    display: none;
}

.bannersize {
    height: 33vw!important;
}


/* 搜索框 */

.search_inp {
    position: fixed;
    z-index: 9;
    background: #fff;
    width: 100%;
    height: 188px;
    padding: 64px 0;
    top: 0;
    transition: all 0.6s;
    display: none;
}

.search_inp_inner {
    height: 60px;
    max-width: 1100px;
    width: 100%;
    margin: auto;
    position: relative;
}

.search_inp_inner input {
    background: transparent;
    width: 100%;
    height: 60px;
    line-height: 60px;
    border: none;
    border-bottom: 2px solid #54585a;
    font-family: Arial;
    font-size: 18px;
    color: #999;
}

.search_inp_inner .scsub {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    width: 32px;
    height: 32px;
    background: url(../images/search.png);
    border: none;
}


/* 关于我们 */

#about {
    margin: 60px 0;
}

#about .layui-container {
    transition: all 0.4s;
}

#about:hover .layui-container {
    box-shadow: #e5e5e5 10px 10px 10px 5px;
}

.ab_right {
    height: 372px;
}

.ab_r_box {
    width: 80%;
}

.ab_r_box h3 {
    font-weight: bold;
    font-family: Impact;
    color: #585858;
    font-size: 2.1875rem;
}

.ab_r_box h2 {
    font-weight: bold;
    color: #444444;
    font-size: 1.875rem;
}

.ab_r_box p {
    color: #5e5e5e;
    font-size: 16px;
    line-height: 2em;
}

.ab_more {
    margin-top: 40px;
    display: block;
    width: 186px;
    background: #0073b9;
    text-align: center;
    color: #fff;
    line-height: 44px;
}

.ab_more:hover {
    color: #fff
}

.ab-icon-box {
    margin: 60px 0;
}

.ab-i-t {
    font-family: Impact;
    color: #444444;
    font-size: 2.25rem;
}

.ab-i-t em {
    font-size: 16px;
}

.ab-i-b {
    color: #444444;
}

.ab-icon li {
    margin: 0 90px;
    transition: all 0.4s;
}


/* 工程专业 */

#engineering {

    padding: 60px 0;
    background:#f3f3f3;
}

.engin-left {
    width: 40%;
}

.engin-title {
    border-left: 4px solid #79caed;
    padding-left: 16px;
}

.engin-title h3 {
    font-size: 1.875rem;
    color: #868686;
    font-family: Impact;
    text-transform: uppercase;
}

.engin-title h2 {
    color: #27449b;
    font-size: 1.5rem;
}

.engin-right {
    width: 60%;
}

.engin-img {
    width: 100%;
    height: 545px;
    object-fit: cover;
}

.snBrand {
    position: relative;
    height: 545px;
}

.engin-choose {
    position: absolute;
    background: #fff;
    width: 700px;
    top: 100px;
    left: -600px;
    transition: all 0.4s;
}

.engin-choose li {
    width: calc(100% / 3);
    text-align: center;
    box-sizing: border-box;
    border-right: 1px solid #cedeec;
    border-bottom: 1px solid #cedeec;
}

.engin-choose li h3 {
    font-size: 16px;
    color: #000;
    margin-top: 20px;
    font-weight: bold;
}

.engin-choose span{
    font-size: 70px;
}

.engin-choose li:hover {
    background: #27449b;
}

.engin-choose li:hover h3 {
    color: #fff
}

.engin-choose li:hover span {
    color:#fff;
}


/* 服务领域 */

#service {
    margin: 60px 0;
}

.ser-title {
    border-left: 2px solid #00a2e9;
    padding-left: 16px;
}

.ser-title h3 {
    font-size: 1.875rem;
    color: #7e7e7e;
    font-family: Impact;
    text-transform: uppercase;
}

.ser-title h2 {
    color: #01499e;
    font-size: 1.5rem; font-weight:bold;
}

.ser-more {
    display: block;
    width: 130px;
    border: 1px solid #d9d9d9;
    line-height: 40px;
    text-align: center;
    border-radius: 40px;
}

.ser-icon-cr {
    background: #27449b;
    width: 92px;
    height: 92px;
    border-radius: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: calc(50% - 46px);
    top: -46px
}



.icon-ser {
    width: 55px;
    height: 55px;
    vertical-align: -0.15em;
    fill: #fff!important;
    overflow: hidden;
}

.ser-list li {
    width: 31%;
    box-shadow: #e6f2fd 3px 3px 3px 5px;
    margin: 40px 0;
    text-align: center;
    padding-bottom: 22px;
    position: relative;
    padding-top: 60px;
}

.ser-list li h3 {
    font-size: 1.5rem;
    font-weight: bold;
}

.ser-list li:hover h3 a {
    color: #27449b
}

.ser-list li p {
    margin-top: 5px;
    padding: 0 2em;
    min-height: 38px; line-height:22px;
}

.ser-list li:hover .icon-ser {
    transform: rotateY(360deg);
    transition: all 1s;
}

.ser-list li a:hover img{
transform:scale(1.1);//设置缩放比例
            -ms-transform:scale(1.1);
            -webkit-transform:scale(1.1);
            -o-transform:scale(1.1);
            -moz-transform:scale(1.1);transition: all 0.7s ease;
}

.ser-list {
    margin-top: 60px;
}


/* 工程业绩 */

#project {
    margin: 40px 0;
    padding: 50px 0;
    background: #e0e0e0;
}

#project h3 {
    color: #4c4c4c;
    font-family: Impact;
    font-size: 2.8125rem;
    text-align: center;
    text-transform: uppercase;
    opacity: 0.78;
}

#project hr {
    width: 5%;
    background: #e70012;
    height: 2px;
    margin: 16px auto;
}

#project h2 {
    color: #01499e;
    font-size: 1.875rem;
    text-align: center;
}

.pro-t-p {
    color: #7b7b7b;
    text-align: center;
    font-size: 1.125rem;
    margin-top: 20px;
}

.project_list img {
    width: 100%;
    height: 248px;
    object-fit: cover;
}

.project_list {
    position: relative;
}

.project_list h4 {
    position: absolute;
    font-size: 1.125rem;
    color: #fff;
    bottom: 1em;
    left: 1em;
    font-weight: bold;
}

.project_list_cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    background: rgba(3, 114, 188, 0.8);
    opacity: 0;
}

.project_list_cover h5 {
    font-size: 1.125rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 8px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.project_list_more {
    width: 96px;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
    line-height: 34px;
    margin: 38px auto 0 auto;
}

.project_list:hover .project_list_cover {
    opacity: 1;
}

.project_list:hover h4 {
    opacity: 0;
}


/* 新闻 */

#news {
    margin: 60px 0;
}

.news-main {
    margin-top: 25px;
}

.news-left {
    width: 63.33%;
    box-shadow: #ebf2f7 3px 3px 3px 5px;
}

.news-left-contain {
    width: 95%;
    padding-top: 40px;
    padding-bottom: 20px;
}

.news-title h4 {
    font-size: 1.5rem;
    color: #393939;
    font-weight: bold;
}

.news-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.news-left h5 {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0;
}

.news-left em {
    color: #666666
}

.news-left p {
    color: #a3a3a3;
    line-height: 2rem;
}

.news-left ul li {
    padding-bottom: 20px;
    border-bottom: 1px dashed #e7e7e7;
}

.time {
    color: #999999
}

.news-left ul li:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}

.news-right {
    width: 34.2%;
    box-shadow: #ebf2f7 3px 3px 3px 5px;
}

.news-right-contain {
    width: 85%;
    padding-top: 40px;
    padding-bottom: 40px;
}

.news-right ul {
    padding: 32px 0 4px 0;
}

.news-right ul li {
    padding-bottom: 20px;
    border-bottom: 1px dashed #e7e7e7;
}

.news-right ul li:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}

.news-right h5 {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0;
}


/* 底部 */



.r21 {
    font-size: 1.3125rem;
}

footer hr {
    width: 140px;
    margin: 16px 0;
    background: #2e3b50;
    height: 2px;
}

.foot-quick li {
    margin: 17px 0;
}

.foot-quick li a {
    color: #454545;
    font-size: 16px;
}

.follow-icon {
    margin-right: 20px;
}

.follow-icon a {
    display: block;
    width: 100%;
    height: 100%;
}

.follow-icon i {
    font-size: 3rem;
    color: #fff;
    opacity: 0.7;
}

.ewm-box {
    margin-top: 25px;
}

.ewm-box p {
    width: 1em;
    margin-left: 10px;
}

.bds_weixin {
    width: 52px!important;
    height: 52px!important;
    background: url(../images/weixin.png) no-repeat!important;
    float: none!important;
    padding-left: 0px!important;
    line-height: 0px!important;
}

.bds_sqq {
    width: 52px!important;
    height: 52px!important;
    background: url(../images/qq.png) no-repeat!important;
    float: none!important;
    padding-left: 0px!important;
    line-height: 0px!important;
}

.bds_tsina {
    width: 53px!important;
    height: 53px!important;
    background: url(../images/weibo.png) no-repeat!important;
    float: none!important;
    padding-left: 0px!important;
    line-height: 0px!important;
}

.clwh {
    position: fixed;
    height:49px;
    bottom: 0;
    background: #333;
    width: 100%;
    z-index: 10;
    display: none;
}


/* 内页 */

.in-bannersize {
    height: 20vw!important;
}

.in-nav li {
    width: calc(100% / 8);
    font-size: 1.0rem;
    padding: 20px 0;
    text-align: center;
    font-weight: bold;
}

.in-nav li:hover a {
    color: #0161b1
}

.path-bg {
    background: #fafafa;
    padding: 10px 0;
    color: #333
}

.path-bg a {
    color: #333
}

.path-bg i {
    color: #0161b1;
    font-weight: bold;
    padding-right: 10px;
}

.path-bg a:hover {
    color: #0161b1;
}

.content {
    padding: 40px 0;
}

.content-title {
    padding-left: 40px;
    background: url(../images/logo-in.png) no-repeat left center;
    background-size: contain;
}

.in-img-list img {
    width: 100%;
    height: 290px;
    object-fit: cover;
    transition: all 0.4s;
}



.release {
    text-align: center;
    font-size: 12px;
    color: #999;
    padding: 20px 0;
    border-bottom: 1px dashed #999;
}

.release i {
    padding-left: 10px;
    padding-right: 5px;
}

.in-news-list-left {
    width: 20%;
}

.in-news-list-left img {
    width: 100%;
    height: 185px;
    object-fit: cover;
}

.in-news-list-right {
    padding: 20px;
    width: calc(80% - 40px);
    background: #f5f5f5;
    height: 145px;
}

.in-news-list-right h3 {
    margin-bottom: 10px;
}

.in-news-list li {
    width: 80%;
    margin: 20px auto;
}

.col9 {
    color: #999
}

.disabled,
.page a {
    padding: 0 15px;
    line-height: 40px;
    height: 40px;
    border-radius: 5px;
    font-size: 14px;
    display: inline-block;
    margin-left: 10px;
    box-shadow: 0px 2px 3px #bdbdbd
}

.current.disabled {
    box-shadow: none;
    background: #0161b1;
    color: #fff
}

.pageinfli {
    justify-content: space-between;
    padding: 0.3rem 0;
    border-top: 1px dotted #e7e7e7;
}

.pageinfliflbor {
    background: #f6f5f5;
    color: #a2a2a2;
    padding: 0.4rem 0.8rem;
}

.pageinfli:first-child {
    border-top: none;
}
article{
overflow:hidden;

}
article img{
    max-width: 100%;
    height: auto!important;
}
.honor_img{
    width: 100%;
    height: 450px;
    object-fit: contain;
}
.contact-list {
    width: 30%;
    margin: 20px 0;
   
}

.contact-list h3 {
  color:#585858;
  line-height: 1.5em;
}
.contact-list p{
    color:#585858;
    line-height: 1.5em;
}
.mob-icp{
    display: none;
}
.nei-r30{
    font-size: 30px;
}
.nei-r24{
    font-size: 24px;
}
.cont-le30{
    padding-left: 60px;
}
.layer-box {
    width:100vw;
    height:100vh;
}
.layergre img {
    max-height: 60%;
    max-width: 60%;
}
.BimgItem{
    display: none;
}
@media screen and (min-width: 1500px) {
    .layui-container {
        padding: 0;
        width: 1500px;
    }
}

@media screen and (max-width:1500px) {
   
    .ab_right {
        height: 360px;
    }
    .ab-img {
        width: 100%;
        height: 360px;
        object-fit: cover;
    }
    .ab-icon li {
        margin: 0 60px;
    }
    .engin-choose {
        left: -450px;
    }
    .ser-list li p {

    min-height: 57px;
}
}

@media screen and (max-width:1200px) {
    .ab-icon li {
        margin: 0 30px;
    }
    .engin-choose {
        left: -400px;
    }
    .lgdn {
        display: none;
    }
    .in-news-list li {
        width: 100%;
        margin: 20px auto;
    }
    .in-news-list-left img {
        height: 150px;
    }
    .in-news-list-right {
        height: 110px;
    }
      .ser-list li p {

    min-height: 76px;
    
}
.content table{
    width: 100%!important
}
.content td{
   word-wrap:break-word;
   width: 100%!important
   display: block;
}
}

@media screen and (max-width:992px) {
.yq_l{width:100%; margin:0 auto;}
.yq_l dl{width:80%; text-align:center; float:none;margin:0 auto; padding-top:280px;}
.yq_l dl dt{ font-size:24px; line-height:34px;}
.yq_l dl dd{ margin-left:50px;}
.yq_r{width:100%}
.yq_r h1 span{font-size:16px;}
.yq_r dl dt{line-height:22px;}
    nav li i {
        display: none;
    }
    .ab-img {
        height: 180px;
    }
	

    .ab-icon-box {
        margin: 40px 0;
    }
    .ab-icon li {
        margin: 10px 60px;
    }
    .engin-left,
    .engin-right {
        width: 100%;
        margin: 10px 0;
    }
    .engin-choose {
        position: initial;
        width: 100%;
    }
    .snBrand {
        position: relative;
        height: auto;
    }
    .engin-img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }
    .engin-choose li {
        padding: 10px 0;
    }
    .news-left {
        width: 100%;
    }
    .news-right {
        width: 100%;
    }
    .ser-list li p {

    min-height: 95px;
}
}

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

@media screen and (max-width:500px) {
    html{
        font-size: 14px!important;
    }
    .logo_img img {
        width: 200px;
    }
    nav li {
        width: calc(100% / 4);
        border: none;
        font-weight: bold;
    }
    nav li a {
        padding: 5px 0;
    }
    .top-ser img {
        width: 15px;
    }
    nav li:hover {
        border: none;
    }
    .ab-img {
        height: 150px;
    }
    .ab-icon {
        display: none;
    }
    .engin-choose li {
        border: none;
    }
    #news,
    #about,
    #engineering,
    #service {
        margin: 20px 0;
    }
    .ser-icon-cr {
        width: 46px;
        height: 46px;
        border-radius: 46px;
        left: calc(50% - 23px);
        top: -23px;
    }
    .icon-ser {
        width: 20px;
        height: 20px;
    }
    .ser-list li {
        margin: 20px 0;
        text-align: center;
        padding-bottom: 22px;
        position: relative;
        padding-top: 25px;
    }
    .ser-list li p {
        font-size: 16px;
    }
    #project {
        padding: 20px 0;
        background: #e0e0e0;
    }
    .project_list img {
        width: 100%;
        height: 120px;
        object-fit: cover;
    }
    .project_list_cover {
        display: none;
    }

    .xldn {
        display: none;
    }
    .xlbl {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .xlbl h3 {
        font-size: 2rem;
    }
    .clwh {
        display: block;
    }
    .in-nav li {
        width: calc(100% / 3);
        font-size: 1rem;
        padding: 10px 0;
    }
    .in-news-list-left {
        display: none;
    }
    .in-news-list-right {
        padding: 10px;
        width: 100%;
        height: auto;
    }
    .search_inp {
        height: 50px;
    }
    .honor_img{
    width: 100%;
    height: 250px;
    object-fit: contain;
  }
.contact-list {
    width: 100%;
    margin: 20px 0;
}




.ab_right {
    height: auto;
}
.top{
    display: none;
}
.ser-list li p {

   display: none;
}
.logo_img img{
    width: 100px;
}
.top-ser img{
    width: 20px;
}
.engin-choose li h3 {
    font-size: 12px;
    font-weight: normal;
    padding: 0 10px;
    height: 32px;
    overflow: hidden;
    margin-top: 10px;
}
.ser-list li h3 {
    font-size: 1rem;

}
.icon-ser {
    width: 25px;
    height: 25px;
}
#project h3{
    font-size: 1.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;

}
.bannersize {
    height: 50vw!important;
}
.bannersize button{
    display: none;
}
.infoInput,.blue2{
    padding:5px;margin: 0px;border:1px solid #d5d5d5;width:calc(100% - 12px);
 
    
}
.control_required {
    float: left;
    width: 100%;
    overflow: hidden;
}
.control_label {
    width: 25%;
    text-align: left;
}
.content {
    padding: 0px 0;
}
.in-bannersize {
    height: 40vw!important;
}
.disabled, .page a {
   padding: 0 2px; 
    line-height:1em; 
     height: auto; 
    border-radius: 0px; 
    font-size: 14px;
    display: inline-block;
    margin-left: 10px;
    box-shadow: none
}
.r28 {
    font-size: 1.25rem;
}
.ab_r_box{
    margin-top: 20px;
}
.ab_more {
    margin-top: 20px;
}
.ab_r_box {
    width: 100%;
}
.project_list h4 {
    font-size: 12px;
    font-weight: normal;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
}
.foot-ewm{
    display:flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start
}
.xldb{
    display: block!important;
}
.in-img-list img{
   height: 105px;     
}
.in-img-list h3{
    line-height: 1.5em!important;
    height: 21px;
    overflow: hidden;
}
 .icon use .svg{
     width: 50px!important;
     height: 50px!important;
 }
 .ewm-box img{
     width: 100px;
 }
 .xlbl h3 {
    font-size: 1.5rem;
}
 .xlbl h4{
      font-size: 1rem;
 }
 .footer-contain {
    padding: 0px;
}
.bds_weixin {
    width: 30px!important;
    height: 30px!important;
    background: url(../images/weixin.png) no-repeat!important;
    background-size: contain!important;
    float: none!important;
    padding-left: 0px!important;
    line-height: 0px!important!important;
}

.bds_sqq {
    width: 30px!important;
    height: 30px!important;
    background: url(../images/qq.png) no-repeat!important;
    float: none!important;
    padding-left: 0px!important;
    line-height: 0px!important;
    background-size: contain!important;
}

.bds_tsina {
    width: 30px!important;
    height: 30px!important;
    background: url(../images/weibo.png) no-repeat!important;
    float: none!important;
    padding-left: 0px!important;
    line-height: 0px!important;
    background-size: contain!important;
}
.slick-prev {
    left: -5px!important;
}
.slick-next {
    right: -5px!important;
}
.mob-icp{
    display: block;
    margin-top: 5px;
}
.span-corss{
    width: 70px;
    height: 70px;
    margin: 0 auto;
    line-height: 70px;
    text-align: center;
}
.engin-choose li:nth-child(1) span{
    font-size: 50px;
}
.engin-choose li:nth-child(3) span{
    font-size: 50px;
}
.engin-choose li:nth-child(6) span{
    font-size: 50px;
}
.engin-choose li:nth-child(5) span{
    font-size: 60px;
}
.nei-r30{
    font-size: 20px;
}
.nei-r24{
    font-size: 16px!important;
}
.cont-le30{
    padding-left: 0;
}
.logo_img{
    margin-left: 0;
}
.layergre{
    display:none!important;
}
#mol-menu{
    display:block;
}
nav{
    display: none;
}
.en-ab-icon h3{
    font-size: 10px!important;
    height: 57px;
    display: flex;
    justify-content: center;
    flex-direction:row;
    align-items:center;
    padding: 0 5px;
   word-break: keep-all;
   word-wrap: break-word;
    overflow: hidden;
   
}
}