* {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
}

ol,
ul {
    list-style: none;
}

input {
    outline: none;
}

body,html{
    scroll-behavior: smooth;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

:root {
    --navheight: 90px;
}

.inwid {
    padding: 0px 5.73%;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

/* 导航 */
.nav {
    width: 100%;
    height: 90px;
    height: var(--navheight);
    background: #FFF;
}

.nav .out {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.nav .out .logo {
    width: 210px;
    margin-right: 12.97%;
}

.nav .out .logo img {
    width: 100%;
}

.nav .out ul {
    display: flex;
    align-items: center;
    height: 100%;
}

.nav .out ul li {
    margin-right: 95px;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}
.nav .out ul li:last-child {
    margin-right: 0px;
}

.nav .out ul li .title a {
    color: #333;
    font-size: 20px;
}

.nav .out ul li.all .title a {
    color: #F0AF55;
}
.nav .out ul li:hover::after{
    width: 108px;
}
.nav .out ul li.all::after{
    width: 108px;
}
.nav .out ul li::after {
    width: 0px;
    height: 3px;
    background: #F0AF55;
    display: block;
    content: '';
    position: absolute;
    bottom: 0px;
    /* left: 50%;
    margin-left: -54px; */
    transition: 0.6s;
}

.nav .out ul li .box{
    position: absolute;
    top: 90px;
    top: var(--navheight);
    z-index: 999;
    background: #FFF;
    width: 180px;
    text-align: center;
    padding:15px;
    box-shadow: 0px 2px 20px 1px rgba(204,204,204,0.71);
    display: none;
}
.nav .out ul li .box a{
    display: block;
    line-height: 2.4em;
    color: #333;
    font-size: 16px;
}
.nav .out ul li .box a:hover {
    color: #F0AF55;
}

/* banenr */
.banner-2 img{
    width: 100%;
    display: block;
}
.banenr .BannerSwiper .swiper-slide img {
    width: 100%;
    display: block;
}

.banenr .BannerSwiper .pagination-Box {
    position: absolute;
    bottom: 10.59%;
    left: 5.73%;
}

.banenr .BannerSwiper .pagination-Box .box {
    position: relative;
    z-index: 999;
    color: #FFF;
    margin-bottom: 42px;
}

.banenr .BannerSwiper .pagination-Box .box span {
    font-size: 30px;
}

.banenr .BannerSwiper .pagination-Box .box .i-1 {
    font-size: 46px;
    color: #F0AF55;
}

.banenr .BannerSwiper .swiper-pagination {
    position: relative;
    width: auto;
    text-align: left;
}

.banenr .BannerSwiper .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    margin-right: 39px;
}

.banenr .BannerSwiper .swiper-pagination .swiper-pagination-bullet img {
    width: 10.59px;
    height: 15.65px;
}

.banenr .BannerSwiper .swiper-pagination .swiper-pagination-bullet-active {
    background: none;
}

.banenr .BannerSwiper .swiper-pagination .swiper-pagination-bullet-active img {
    content: url(../images/Pring-2.png);
}

/* 首页 标题样式  公共样式*/

.Index-title h5 {
    color: #111111;
    font-size: 48px;
    position: relative;
    z-index: 3;
}

.Index-title span {
    font-size: 56px;
    color: #E9E9E9;
    display: block;
    margin-left: 42px;
    margin-top: -48px;
    position: relative;
    z-index: 1;
}

.Index-MORE {
    width: 143px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #666666;
    font-size: 16px;
    border: 1px solid #999999;
    box-sizing: border-box;
}

.Index-MORE img {
    margin-left: 10px;
    width: 5.08px;
    height: 10.84px;
}

.Index-MORE:hover {
    border: 1px solid #F0AF55;
    color: #F0AF55;
}

.Index-MORE:hover img {
    content: url(../images/jin-jiantou.png);
}

/* 关于我们 */
.AboutUs {
    margin-top: 100px;
    overflow: hidden;
}

.AboutUs .out {
    margin-top: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.AboutUs .out .left {
    width:36.916%;
    /*height: 486px;*/
}

.AboutUs .out .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.AboutUs .out .right {
    width:59.35%;
}

.AboutUs .out .right h5 {
    color: #333333;
    font-size: 36px;
    margin-bottom: 35px;
}

.AboutUs .out .right p {
    color: #666666;
    font-size: 16px;
    line-height: 1.6em;
    /* margin-bottom: 57px; */
    margin-bottom: 6px;
    letter-spacing: 1px;
}

.AboutUs .out .right span {
    /*color: #666666;*/
    /*font-size: 16px;*/
    /*line-height: 1.5em;*/
    display: block;
    margin-bottom: 50px;
}

.AboutUs .out .right .Index-MORE{
    margin-top: 20px;
}

/* 数字滚动 */
.Numbers {
    margin-top: 71px;
    margin-bottom: 99px;
}

.Numbers .out {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.Numbers .out .box {
    width: 20%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.Numbers .out .box::after {
    width: 1px;
    height: 105px;
    background: #D2D2D2;
    content: '';
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -52.5px;
}

.Numbers .out .box:last-child::after {
    display: none;
}

.Numbers .out .box .i-1 {
    display: flex;
    align-items: baseline;
}

.Numbers .out .box .i-1 h5 {
    font-size: 66px;
    color: #F0AF55;
}

.Numbers .out .box .i-1 b {
    color: #F0AF55;
    font-size: 40px;
}

.Numbers .out .box span {
    display: block;
    color: #555555;
    font-size: 21px;
    margin-top: 10px;
}

/* 核心业务 */
.coreBusiness {
    background: url(../images/coreBusiness.png) no-repeat center;
    background-size: cover;
    /*background-attachment: fixed;*/
    width: 100%;
    min-height: 800px;
    padding-top: 80px;
    box-sizing: border-box;

    background-image: url(../images/coreBusiness.png) !important;
}

.coreBusiness .Index-title h5 {
    color: #FFF;
}

.coreBusiness .Index-title span {
    color: #FFF;
    opacity: 0.36;
}

.coreBusiness .out {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 103px;
}

.coreBusiness .out .left {
    width: 40%;
}

.coreBusiness .out .left h5 {
    color: #FFFFFF;
    font-size: 38px;
    font-weight: 400;
    margin-bottom: 63px;
}

.coreBusiness .out .left p {
    color: #FFFFFF;
    font-size: 22px;
    line-height: 1.4em;
    margin-bottom: 40px;
    height: 180px;
      /*    overflow: hidden;*/
      /*text-overflow: ellipsis;*/
      /*display: -webkit-box;*/
      /*-webkit-line-clamp:5;*/
      /*-webkit-box-orient: vertical;*/

}

.coreBusiness .out .left .Index-MORE {
    color: #FFF;
    border: 1px solid #FFF ;
}
.coreBusiness .out .left .Index-MORE:hover{
    background: #F0AF55;
    border: none;
}
.coreBusiness .out .left .Index-MORE:hover img {
    content: url(../images/bai-jiantou.png);
}

.coreBusiness .out .right {
    border-right: 4px solid rgba(255, 255, 255, 0.44);
    padding-right: 70px;
    box-sizing: border-box;
    position: relative;
    
            
}

.coreBusiness .out .right a {
    display: block;
    color: #FFFFFF;
    font-size: 24px;
    margin-bottom: 68px;
    text-align: right;
    
   
    
}

.coreBusiness .out .right a:last-child {
    margin-bottom: 0px;
}

.coreBusiness .out .right a.all{
    transform: scale(1.1);
}

.coreBusiness .out .right .xian {
    position: absolute;
    right: -4px;
    top: 0px;
    width: 4px;
    height: 27px;
    background: #F0AF55;
    transition: 0.6s;
}

/* 工程案例 */
.Engineering {
    margin-top: 101px;
}

.Engineering .out .swiper-slide {
    width: 33.3%;
    text-align: center;
    transition: 0.6s;
}

.Engineering .out .swiper-slide img {
    width: 100%;
    height: 24.4797vw;
    object-fit: cover;
}

.Engineering .out .swiper-slide-active {
    transform: scale(1.3);
    z-index: 999;
}

.Engineering .out .Engineering-swiper {
    padding: 115px 0px;
}

.Engineering .out .swiper-slide span {
    color: #666666;
    font-size: 18px;
    margin-top: 32px;
    display: block;
}

.Engineering .out .swiper-button-prev,
.Engineering .out .swiper-button-next {
    width: 49px;
    height: 49px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
}

.Engineering .out .swiper-button-prev:hover,
.Engineering .out .swiper-button-next:hover {
    background: rgba(240, 175, 85, 0.8);
}

.Engineering .out .swiper-button-prev::after,
.Engineering .out .swiper-button-next::after {
    font-size: 22px;
    color: #FFF;
}

.Engineering .Index-MORE {
    margin: 0 auto;
    color: #F0AF55;
    border: 1px solid #F0AF55;
}
.Engineering .Index-MORE:hover{
    background: #F0AF55;
    color: #FFF;
}
.Engineering .Index-MORE:hover img{
    content: url(../images/bai-jiantou.png);
}
.Engineering .Index-MORE img {
    content: url(../images/jin-jiantou.png);
}

/* 新闻中心 */
.CASENEWS {
    margin-top: 100px;
    overflow: hidden;
}

.CASENEWS .out {
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
    align-items: center;
}

.CASENEWS .out .left {
    width: 16.3%;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.CASENEWS .out .left a {
    display: flex;
    color: #666666;
    font-size: 24px;
    margin-bottom: 50px;
    align-items: center;
    margin-right: 43px;
}

.CASENEWS .out .left a.all {
    color: #F0AF55;
}

.CASENEWS .out .left a.all::before {
    width: 43px;
    height: 2px;
    background: #F0AF55;
    content: '';
    margin-right: 31px;
}

.CASENEWS .out .left .Index-MORE {
    font-size: 20px;
    color: #F0AF55;
    border: 1px solid #F0AF55;
    margin-right: 0px;
    width: 183px;
    height: 54px;
    margin-top: 190px;
}
.CASENEWS .out .left .Index-MORE:hover {
    background: #F0AF55;
    color: #FFF;
}
.CASENEWS .out .left .Index-MORE:hover img{
    content: url(../images/bai-jiantou.png);
}
.CASENEWS .out .left .Index-MORE img {
    content: url(../images/jin-jiantou.png);
}

.CASENEWS .out .right {
    width: 81%;
}

.CASENEWS .out .right {
    display: flex;
    justify-content: space-between;
}

.CASENEWS .out .right .box {
    width: 32%;
    padding: 46px 30px 62px 30px;
    box-sizing: border-box;
}

.CASENEWS .out .right .box:hover {
    background: url(../images/News-bei.png) no-repeat center;
    background-size: cover;
}

.CASENEWS .out .right .box .day h5 {
    color: #F0AF55;
    font-size: 60px;
}

.CASENEWS .out .right .box .day span {
    color: #888888;
    font-size: 18px;
    display: block;
    margin-top: 18px;
    margin-bottom: 23px;
}

.CASENEWS .out .right .box .p-1 {
    color: #333333;
    font-size: 20px;
    margin-bottom: 24px;
    margin-top: 0px;
}

.CASENEWS .out .right .box .img {
    width: 100%;
    height: 231px;
}

.CASENEWS .out .right .box .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.CASENEWS .out .right .box p {
    color: #777777;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 36px;
}

.CASENEWS .out .right .box .box-chan{
    margin-top: 41px;
    display: flex;
    color: #888888;
    font-size: 16px;
    align-items: center;
}
.CASENEWS .out .right .box .box-chan img{
    margin-left: 8px;
    margin-top: 4px
}

.CASENEWS .out .right .box:hover .day h5,.CASENEWS .out .right .box:hover .day span,.CASENEWS .out .right .box:hover p,.CASENEWS .out .right .box:hover .box-chan{
    color: #FFF;
}
.CASENEWS .out .right .box:hover .box-chan img{
    content: url(../images/bai-jiantou.png);
}

/* 合作伙伴 */
.Partners {
    margin-top: 100px;
}
.Partners .out{
    margin-top: 60px;
    margin-bottom: 40px;
}
.Partners .out .img{
    width: 15%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 2%;
    margin-bottom: 2%;
    box-shadow: 0px 0px 10px 1px #9999996e;
    border-radius: 5px;
}
.Partners .out .img img{
    width: 80%;
    height: 80%;
    object-fit: contain;
}
.Partners .out .box-1 .img:nth-child(6n){
    margin-right: 0px;
}
.Partners .out .box-1{
    display: flex;
    flex-wrap: wrap;
}
.Partners .out .box-2{
    display: flex;
    justify-content: center;
}

/* 底部 */
.footer {
    background: #F7F5F4;
    padding-top: 88px;
    box-sizing: border-box;
}

.footer .out {
    display: flex;
    justify-content: space-between;
    padding-bottom: 60px;
}
.footer .out .left{
    width: 30%;
}
.footer .out .left .logo{
    display: flex;
    align-items: center;
    margin-bottom: 79px;
}
.footer .out .left .logo img{
    width: 85% ;
    /* height: 77px; */
    object-fit: contain;
}
.footer .out .left .logo h1{
    color: #333333;
    font-size: 35px;
}
.footer .out .left .txt-box a{
    display: block;
    color: #666666;
    font-size: 16px;
    margin-bottom: 42px;
}
.footer .out .left .txt-box span{
    color: #666666;
    font-size: 16px;
}

.footer .out .right{
    width: 56%;
    display: flex;
    padding-top: 22px;
    justify-content: space-between;
    padding-right: 73px;
    box-sizing: border-box;
    box-sizing: border-box;
}  
.footer .out .right .box a{
    display: block;
    color: #666666;
    font-size: 16px;
    margin-bottom: 45px;
}
.footer .out .right .box .title{
    color: #333333;
    font-size: 18px;
    margin-bottom: 60px;
}

.footer-2{
    padding: 23px 0px;
    box-sizing: border-box;
    border-top: 1px solid #CBCBCB;
    box-sizing: border-box;
}
.footer-2 .inwid {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-2 .inwid a,.footer-2 .inwid span{
    color: #999999;
    font-size: 14px;
}

/* 关于我们页面 */
.About-body  .Index-title{
    text-align: center;
}
.About-body  .Index-title span{
    margin-left: 0px;
}

.About-body .AboutUs .out{
    flex-direction: row-reverse;
}

/* 企业文化 */
.Culture .out .left{
    display: flex;
    margin-top: 49px;
    margin-bottom: 87px;
}
.Culture .out .left a{
    color: #444444;
    font-size: 26px;
    margin-right: 5.21%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.Culture .out .left a.all::after,.Culture .out .left a:hover::after{
    width: 99px;
}
.Culture .out .left a::after{
    width: 0px;
    height: 4px;
    background: #F0AF55;
    display: block;
    content: '';
    bottom: -24px;
    transition: 0.5s;
    position: absolute;
}
.Culture .out .left a:last-child{
    margin-right: 0px;
}
.Culture .out .right{
    display: flex;
    align-items: center;
} 
.Culture .out .right .img{
    width: 47.72%;
}
.Culture .out .right .img img{
    width: 100%;
}
.Culture .out .right .txt{
    width: 37.8%;
    margin-left: 7.4%;
}
.Culture .out .right .txt h5{
    color: #111111;
    font-size: 42px;
}
.Culture .out .right .txt h5::after{
    width: 53px;
    height: 6px;
    background: #F0AF55;
    display: block;
    content: '';
    margin: 36px 0px;
}
.Culture .out .right .txt span{
    color: #F0AF55;
    font-size: 22px;
    display: block;
    margin-bottom: 28px;
}
.Culture .out .right .txt p{
    color: #555555;
    font-size: 20px;
    line-height: 1.5em;
}

/* 办公环境 */
.Ouroffice{
    margin-top: 91px;
}
.Ouroffice .out .Ouroffice-swiper{
    padding-top: 110px;
    padding-bottom: 135px;
}
.Ouroffice .out .swiper-slide{
    width: 33.3%;
    text-align: center;
    transition: 0.5s;
}
.Ouroffice .out .swiper-slide .img img{
    width: 100%;
}
.Ouroffice .out .swiper-slide span{
    color: #666666;
    font-size: 28px;
    display: block;
    margin-top: 30px;
    opacity: 0;
}
.Ouroffice .out .swiper-slide-active{
    transform: scale(1.2);
    z-index: 999;
}
.Ouroffice .out .swiper-slide-active span{
    opacity: 1;
}
.offtran .swiper-pagination-bullet{
    width: 10.59px;
    height: 15.65px;
    background: none;
    margin-right: 39px !important;
    opacity: 1;
}
.offtran .swiper-pagination-bullet:last-child{
    margin-right: 0px !important;
}
.offtran  .swiper-pagination-bullet-active img{
    content: url(../images/Pring-2.png);
}
.offtran  .swiper-pagination{
    position: relative;
    margin: 0px 61px;
    width: auto !important;
    bottom: 0px;
    left: auto !important;
    transform: translateX(-10%) !important;
}

.offtran .swiper-button-next, .offtran .swiper-button-prev{
    top: auto;
    margin-top: 0px;
    bottom: 0px;
    position: relative;
    width: 64px;
    height: 64px;
    border: 1px solid #F0AF55;
    border-radius: 50%;
}
.offtran .swiper-button-next::after, .offtran .swiper-button-prev::after{
    font-size: 16.12px;
    color: #F0AF55;
}
.offtran .swiper-button-next:hover, .offtran .swiper-button-prev:hover{
    background: #F0AF55;
}
.offtran .swiper-button-next:hover::after, .offtran .swiper-button-prev:hover::after{
   color: #FFF;
}
.offtran{
    display: flex;
    align-items: center;
    position: absolute;
    justify-content: center;
    bottom: 0px;
    width: 100%;
    margin-top: 30px;
}

.Honor{
    margin-top: 83px;
    margin-bottom: 90px;
}
.Honor .out .Honor-swiper{
    padding-bottom: 135px;
}
.Honor .out .Honor-swiper .swiper-wrapper{
  align-items: end;
}
.Honor .out .swiper-slide {
    width: 20.8%;
    margin-right: 5.21%;
    margin-top: 60px;
    text-align: center;
}
.Honor .out .swiper-slide span{
    color: #555555;
    font-size:23px;
    margin-top: 45px;
    display: block;
}
.Honor .out .swiper-slide:last-child{
    margin-right: 0px;
}
.Honor .out .swiper-slide .img{
    width: 100%;
}
.Honor .out .swiper-slide .img img{
    width: 100%;
}

/* Tap栏 */
.inTap{
    height: 80px;
    border-bottom: 1px solid #E8E8E8;
}
.inTap .inwid{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.inTap .Tap-out2 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.inTap .Tap-out2 a{
    height: 100%;
    width: 218px;
    /* background: #F0AF55; */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555555;
    font-size: 20px;
}
.inTap .Tap-out2 a.all{
    color: #FFF;
    background: #F0AF55;
}
.inTap .Tap-out {
    height: 100%;
    display: flex;
    align-items: center;

}
.inTap .Tap-out .box>img{
    margin-left: 12px;
}
.inTap .Tap-out .box{
    margin-left: 33px;
}
.inTap .Tap-out .box a{
    color: #999999;
    font-size: 16px;
}


.intitle{
    text-align: center;
}
.intitle h5{
    color: #F0AF55;
    font-size: 69px;
    opacity: 0.32;
    position: relative;
    z-index: 1;
}
.intitle span{
    color: #111111;
    font-size: 38px;
    font-weight: bold;
    display: block;
    margin-top: -45px;
    position: relative;
    z-index: 3;
}
.intitle  i{
    width: 4px;
    height: 38px;
    background: #F0AF55;
    display: block;
    margin: 0 auto;
    margin-top: 26px;
}

.corebusiness{
    margin-top: 18px;
    margin-bottom: 90px;
}
.corebusiness .out{
    margin-top: 53px;
    
}

.corebusiness .out .box{
    margin-bottom: 101px;
}
.corebusiness .out .box a{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.corebusiness .out .box .left{
    width:43%;
    overflow: hidden;
}
.corebusiness .out .box .left img{
    width: 100%;
    transition: 0.6s;
}
.corebusiness .out .box .right{
    width: 49.15%;
} 
.corebusiness .out .box .right h5{
    color: #333333;
    font-size: 24px;
    display: flex;
    align-items: center;
    margin-bottom: 73px;
}
.corebusiness .out .box .right h5::before{
    width: 109px;
    height: 2px;
    background:#F0AF55;
    content: '';
    display: block;
    margin-right: 2.29%;
}
.corebusiness .out .box .right p{
    color: #666666;
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 101px;
}

.corebusiness .out .box:hover .left img{
    transform: scale(1.1);
}

.corebusiness .out .box .right .Index-MORE{
    border: 1px solid #F0AF55;
    color: #F0AF55;
}
.corebusiness .out .box:hover .right .Index-MORE{
    background: #F0AF55;
    color: #FFF;
}
.corebusiness .out .box:hover .right .Index-MORE img{
    content: url(../images/bai-jiantou.png);
}


.bottonaniu {
    display: flex;
    justify-content: center;

}

.bottonaniu a {
    display: block;
    text-align: center;
    line-height: 41px;
    background: #EEEEEE;
    border-radius: 2px;
    margin-right: 10px;
    color: #555555;
    font-size: 16px;
}
.bottonaniu a:hover {
    background: #F0AF55;
    color: #fff;
}
.bottonaniu .a-1 {
    width: 49px;
    height: 41px;


}
.bottonaniu .a-2 {
    width: 66px;
    height: 41px;

}
.bottonaniu .a-3 {
    width: 41px;
    height: 41px;

}
.Cor-details{
    margin-bottom: 100px;
}
.Cor-details .out .box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Cor-details .out .box .right .Index-MORE{
    justify-content: center;
}
.Cor-details .out .box:hover .right .Index-MORE{
    background: none;
    color: #F0AF55;
}
.Cor-details .out .box:hover .right .Index-MORE img{
    content: url(../images/jin-jiantou.png);
}
.Cor-details .out .box .right .Index-MORE:hover {
    background: #F0AF55;
    color: #FFF;
}
.Cor-details .out .box .right .Index-MORE:hover img{
    content: url(../images/bai-jiantou.png);
}
.Cor-details .out .box-2 h5{
    color: #F0AF55;
    font-size: 28px;
    display: flex;
    align-items: center;
    margin-bottom: 41px;
}
.Cor-details .out .box-2 img{
    width: auto;
    max-width: 100%;

}
.Cor-details .out .box-2 h5::before{
    width: 4px;
    height: 34px;
    background: #F0AF55;
    display: block;
    content: '';
    margin-right: 10px;
}
.Cor-details .out .box-2 p{
    /*color: #666666;*/
    /*font-size: 20px;*/
    /*line-height: 1.5em;*/
    /*margin-bottom: 85px;*/
}
.Cor-details .out .box-2 .anniu{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.Cor-details .out .box-2 .anniu a{
    width: 126px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0AF55;
    color: #FFF;
    font-size: 20px;
    border-radius: 23px;
}

.project-out{
    margin-bottom: 138px;
}
.project-out .out{
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px;
}
.project-out .out .box{
    width: 30.86%;
    margin-right: 3.7%;
    background: #FFF;
    transition: 0.5s;
    margin-bottom: 55px;
}
.project-out .out .box:nth-child(3n){
    margin-right: 0px;
}

.project-out .out .box .img{
    width: 100%;
    overflow: hidden;
}
.project-out .out .box .img img{
    width: 100%;
    height: 435px;
    transition: 0.5s;
    object-fit: cover;
}
.project-out .out .box  .txt{
    text-align: center;
}

.project-out .out .box  .txt h5{
    color: #333333;
    font-size: 20px;
    margin-top: 24px;
    margin-bottom: 20px;
}
.project-out .out .box  .txt .Pr-anniu{
    display: flex;
    align-items: center;
    color: #888888;
    font-size: 14px;
    justify-content: center;
    margin-bottom: 31px;
}
.project-out .out .box  .txt .Pr-anniu img{
    margin-left: 10px;
    height: 10.84px;
}
.project-out .out .box:hover{
    box-shadow: 0px 2px 20px 1px rgba(204,204,204,0.71);
    border-radius: 5px;
}
.project-out .out .box:hover .img img{
    transform: scale(1.2);
}
.project-out .out .box:hover h5{
    color: #F0AF55;
}
.project-out .out .box:hover .Pr-anniu{
    color: #F0AF55;
}
.project-out .out .box:hover .Pr-anniu img{
    content: url(../images/jin-jiantou.png);
}

/* 新闻中心 */
.NEWS-out .box-1{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 108px;
    padding-bottom: 60px;
    overflow: hidden;
    border-bottom: 1px solid #CBCBCB;
}
.NEWS-out .box-1:hover{
    border-bottom: 1px solid #F0AF55;
}
.NEWS-out .box-1:hover .left img{
    transform: scale(1.1);
}
.NEWS-out .box-1:hover .right h5{
    color: #F0AF55;
}
.NEWS-out .box-1 .left{
    width: 40%;
    overflow: hidden;
}
.NEWS-out .box-1 .left img{
    width: 100%;
    transition: 0.6s;
}
.NEWS-out .box-1 .right {
    width: 54.7%;
}

.NEWS-out .box-1 .right h5{
    color: #333333;
    font-size: 24px;
    margin-bottom: 44px;
}
.NEWS-out .box-1 .right span{
    color: #C1C1C1;
    font-size: 20px;
}
.NEWS-out .box-1 .right p{
    color: #666666;
    font-size: 18px;
    margin-top: 50px;
    line-height: 1.5em;
    margin-bottom: 48px;
}

.NEWS-out .box-1 .right .Index-MORE:hover{
    background: #F0AF55;
    color: #FFF;
    border: none;
}
.NEWS-out .box-1 .right .Index-MORE:hover img{
    content: url(../images/bai-jiantou.png);
}
.NEWS-out{
    margin-bottom: 100px;
}
.NEWS-out .out {
    display: flex;
    flex-wrap: wrap;
    padding-top: 70px;
    /* border-top: 1px solid #F0AF55; */
}
.NEWS-out .out .box{
    width: 30.86%;
    margin-right: 3.7%;
    background: #FFF;
    margin-bottom: 55px;
}
.NEWS-out .out .box:nth-child(3n){
    margin-right: 0px;
}
.NEWS-out .out .box .title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}
.NEWS-out .out .box .title b{
    color: #333333;
    font-size: 40px;
}
.NEWS-out .out .box .title span{
    color: #888888;
    font-size: 18px;
}
.NEWS-out .out .box .img{
    width: 100%;
    overflow: hidden;
}
.NEWS-out .out .box .img img{
    width: 100%;
    transition: 0.5s;
}
.NEWS-out .out .box .txt p{
    color: #333333;
    font-size: 20px;
    margin-top: 36px;
    margin-bottom: 31px;
    white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}

.NEWS-out .out .box .txt .anniu{
    color: #999999;
    font-size: 14px;
    padding: 33px 0px;
    box-sizing: border-box;
    width: 100%;
    border-top: 1px solid #E8E8E8;
}
.NEWS-out .out .box .txt .anniu img{
    margin-left: 10px;
  
}
.NEWS-out .out .box:hover .img img{
    transform: scale(1.2);
}
.NEWS-out .out .box:hover .anniu{
    border-top: 1px solid #F0AF55;
    color: #F0AF55;
}
.NEWS-out .out .box:hover p{
    color: #F0AF55;
}
.NEWS-out .out .box:hover .txt .anniu img{
    content: url(../images/jin-1.png);
}


/* 详情页 */
.NEWS-list .max-width {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.NEWS-list {
    padding: 100px 0px;
}

.NEWS-list .titel {
    text-align: center;
}

.NEWS-list .titel h5 {
    font-size: 42px;
    color: rgba(51, 51, 51, 1);
    font-weight: 400;
}

.NEWS-list .release {
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(227, 227, 227, 1);
    border-bottom: 1px solid rgba(227, 227, 227, 1);
    margin-top: 48px;
}

.NEWS-list .release i {
    display: block;
    width: 1px;
    height: 14px;
    background: rgba(153, 153, 153, 1);
    margin: 0px 30px;
}

.NEWS-list .release span {
    font-size: 13px;
    color: rgba(102, 102, 102, 1);
}

.NEWS-list .text {
    padding: 43px 73px 73px 73px;
    box-sizing: border-box;
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    line-height: 1.5em;
    border-bottom: 1px solid rgba(227, 227, 227, 1);
}

.NEWS-list .text img {
    width: auto;
    max-width: 100%;
}

.NEWS-list .text video {
    width: auto;
    max-width: 100%;
}

.shangyiye {
    margin-top: 34px;
    padding-left: 73px;
    box-sizing: border-box;
}

.shangyiye span {
    display: block;
    margin-bottom: 15px;
    font-size: 13px;
}

.shangyiye span a {
    color: rgba(51, 51, 51, 1);
}

.shangyiye span a:hover {
    color: #F0AF55;
}


/* 服务支持 */
.Service-out{
   margin-top: 30px;
   margin-bottom: 100px;
   overflow: hidden;
}
.Service-out .out{
    margin-top: 51px;
    margin-bottom: 30px;
}
.Service-out .out span{
    width: 100%;
    display: block;
    height: 1px;
    background: #F0AF55;
    margin-bottom: 71px;
}
.Service-out .out .box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 70px;
}
.Service-out .out .box .left{
    width: 46.4%;
}
.Service-out .out .box .left h5{
    color: #333333;
    font-size: 29px;
}
.Service-out .out .box .left i{
    width: 77px;
    height: 3px;
    display: block;
    background: #F0AF55;
    margin-top: 46px;
    margin-bottom: 73px;
}
.Service-out .out .box .left p{
    color: #666666;
    font-size: 16px;
    line-height: 1.5em;
}

.Service-out .out .box .right{
    width: 50.447%;
}
.Service-out .out .box .right img{
    width: 100%;
}

/* 联系我们 */
.contact-out .out-1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 123px;
    margin-bottom: 90px;
}
.contact-out .out-1 .box{
    width: 27.242%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 64px;
    box-sizing: border-box;
    border-radius: 18px;
}

.contact-out .out-1 .box .img{
    width: 138.11px;
    height: 138.11px;
    border-radius: 50%;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 53px;
  
}
.contact-out .out-1 .box .img img{
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
.contact-out .out-1 .box h5{
    color: #333333;
    font-size: 26px;
    margin-bottom: 32px;
    margin-top: 57px;
}
.contact-out .out-1 .box  i{
    background: #FFF;
    width: 43px;
    height: 2px;
    display: block;
    opacity: 0;
    margin-bottom: 62px;
}
.contact-out .out-1 .box  span{
    color: #888888;
    font-size: 26px;
    padding: 0px 30px;
    box-sizing: border-box;
    text-align: center;
    height: 30px;
}

.contact-out .out-1 .box:hover{
    background: #F0AF55;
}
.contact-out .out-1 .box:hover i{
    opacity: 1;
}
.contact-out .out-1 .box:hover h5{
    color: #FFF;
}
.contact-out .out-1 .box:hover span{
    color: #FFF;
}

.contact-out .out-2 .title{
    color: #111111;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 101px;
}
.contact-out .out-2 .box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact-out .out-2 .box input ,.contact-out .out-2 .box  textarea {
    width:47.6%;
    height: 46px;
    padding-left:1%;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #CFD5DB;
    margin-bottom: 40px;
}

.contact-out .out-2 .box  textarea{
    height: 128px;
    padding-top: 1%;
    box-sizing: border-box;
}
.contact-out .out-2  button{
    width:24.7%;
    height: 58px;
    display: block;
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 100px;
    border: none;
    outline: none;
    color: #FFF;
    background: #F0AF55;
    font-size: 22px;
    border-radius:30px;
    cursor: pointer;
}




/* 切换 */
.Handover {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #ffffffd6;
    display: none;
    box-shadow: 0px 0px 10px 1px #00000012;

}

.Handover img {
    width: 100%;
    height: 100%;
    opacity: 0.3;
    transform: rotate(45deg) scale(0.7);
    transition: 0.5s;
}

.Handover.all img {
    transform: rotate(0) scale(0.7);
}

/* 小导航 */
.Setup-Wizard {
    position: absolute;
    background: #FFF;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    display: none;
    z-index: 9999;
}

.Setup-Wizard li .title img {
    transition: 0.5s;
    height: 12px;
}

.Setup-Wizard li .title img.all {
    transform: rotate(90deg);
}

.Setup-Wizard li .title {
    display: flex;
    justify-content: space-between;
    line-height: 30px;
    align-items: center;
    border-bottom: 1px solid #EEEEEE;
}

.Setup-Wizard li .title a {
    color: #333333;
}

.Setup-Wizard li .N-box {
    padding: 10px;
    box-sizing: border-box;
    display: none;
}

.Setup-Wizard li .N-box a {
    display: block;
    line-height: 30px;
    color: #333333;

}