.company_section{width:1200px;margin: 0 auto;margin-bottom:80px}

.company_section .mtit{
    width: 100%;line-height: 60px;font-size:25px;text-align: center;margin-bottom:20px;
}

.backimg_section{
    width: 100%; min-width: 1200px;
    overflow: hidden;
} 

.backimg_section img{width:100%;height:auto;animation: banner_outside 6s infinite alternate}
@keyframes banner_outside {
    0% {
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
100% {
    -o-transform: scale(1);
    transform: scale(1);
}
}
.sele_section{width:100%;margin-top:40px;
    min-width: 1200px;}
.sele_section .sele_list{margin:0 auto;display: flex;    line-height: 50px;    text-align: center;align-items: center;    justify-content: center;}
.sele_section .sele_tit{width:200px;padding-left:20px;padding-right:20px;border:1px solid #ececec;margin-bottom:10px;height:50px;font-size:16px;position:relative;cursor: default;}
.sele_section .sele_tit.sele{background-color:rgb(0, 159, 233);color:#ffffff!important;border:0px!important}
.sele_section .sele_tit .layui-edge-bottom{
    position: absolute;
    top: 50px; 
    left: 115px;
    border-top-color: rgb(0, 159, 233);
    display: none;
}
.sele_section .sele_tit.sele .layui-edge-bottom{display:block}
.con_section{width:100%;margin-top:30px;min-height:500px}
.con_section .con_list{width:100% }
.company_section .intro_section{width:100%;
    margin-top:30px;}


.company_section .serve_section{width:100%;display:ruby;
    margin-top:50px;}
.company_section .serve_section .item{width:370px;height:370px;margin-right:45px;background-size:cover;margin-bottom:30px;position:relative}
.company_section .serve_section .item:nth-child(3n){margin-right:0px!important}
.company_section .serve_section .item .tit{
    width: 100%;line-height:40px;font-size:18px;text-align: center;
    position: absolute;
    bottom: 0px;
    background-color: rgb(0 0 0 / 50%);
    color: #ffffff;
}
.company_section .serve_section .item:hover .tit{visibility: hidden;}
.company_section .serve_section .item .intro{
    visibility: hidden;
    transition: transform 3s ease;
    position: absolute;
    width: 100%;
    top: 0px;bottom:0px;text-align:center;background-color: rgb(0 0 0 / 50%);color:#ffffff;
}
.company_section .serve_section .item:hover .intro {
  visibility: visible;
  transform: translateY(0);
}
.company_section .serve_section .item .intro .name{width:100%;font-size:18px;line-height:24px;margin-top: calc(50% - 24px);}
.company_section .serve_section .item .intro .des{width:100%;font-size:14px;line-height:24px}


.company_section .save_section{width:100%;display:ruby;
    margin-top:50px;}
.company_section .save_section .item{width:370px;height:370px;margin-right:45px;background-size:100% 100%;margin-bottom:30px;position:relative;display: grid;
    align-items: center;background-position: center;  transition: background-size 0.3s ease,visibility 0.5s ease;}
.company_section .save_section .item:hover{
    background-size: 120% 120%; 
  
}
.company_section .save_section .item:nth-child(3n){margin-right:0px!important}
.company_section .save_section .item .post{
    /*visibility: hidden;*/
    width: 60%;
    left:20%;
    background-color:#ffffff ;
    position: absolute;
    text-align: center;
    padding:10px;
    margin-left:-10px;
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
}
.company_section .save_section .item:hover .post{/*visibility: visible;*/opacity: 1;}
.company_section .save_section .item .tit{
    width: 100%;
    font-size:20px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: bold;
}
.company_section .serve_section .item .intro{ 
    width: 100%;
    font-size:18px;
    line-height: 30px;
}


.company_section .info_section{width:100%;display:flex;margin-top:50px}
.company_section .info_section .mdtit{
    writing-mode: vertical-lr;
    width: 100px;
    font-size:30px;
}
.company_section .info_section .list{width:calc(50% - 50px);flex:1;text-align:center;display:flex;align-items: center; }
.company_section .info_section .list .layui-icon{font-size:40px;color:red;margin-right:20px}
.company_section .info_section .list .slist{width:calc(100% - 60px);text-align:left;}
.company_section .info_section .list .tit{line-height:40px;width:100%;font-size:16px}

.company_section .con_section img{/*width:100%*/display:block;margin:0 auto}

.fixck {    font-family: Arial, Verdana, sans-serif !important;    font-size: 12px !important;    color: #222 !important;    line-height: normal !important;} .fixck p {    margin: 12px 0 !important;} .fixck a {    text-decoration: underline !important;    color: #00E !important;} .fixck ul,.fixck ol {    padding-left: 40px !important;    padding-right: 40px !important;}.fixck ul {    list-style: disc outside none !important;}.fixck ol {    list-style: decimal outside none !important;}.fixck li {    display: list-item !important;} .fixck h1 {    font-weight: bold !important;    font-size: 32px !important;    margin: 21px 0 !important;}.fixck h2 {    font-weight: bold !important;    font-size: 24px !important;    margin: 19px 0 !important;}.fixck h3 {    font-weight: bold !important;    font-size: 19px !important;    margin: 18px 0 !important;}.fixck h4 {    font-weight: bold !important;    font-size: 16px !important;    margin: 21px 0 !important;}.fixck h5 {    font-weight: bold !important;    font-size: 13px !important;    margin: 22px 0 !important;}.fixck h6 {    font-weight: bold !important;    font-size: 11px !important;    margin: 24px 0 !important;}