@import "./base.css?v=5";

.swiper {
    width:100%;
}
.swiper img{
    width:100%;
}

/* 公司介绍 */
.main-intro {
    width: 1420rem;
    position:relative;
    margin: 15rem auto;
}
.main-intro .bg {
    width: 1420rem;
    height: auto;
}
.main-intro .bg img {
    width: 100%;
    height: auto;
}
.main-intro .text {
    position: absolute;
    left: 7%;
    top: 5%;
    width: 35%;
    color: #fff;
}
.main-intro .t1 {
    font-size: 24rem;
    font-weight: bold;
    padding-bottom: 5%;
    /* border-bottom: 2rem solid #ff9900; */
    position: relative;
    margin-bottom: 5%;
}
.main-intro .t1:after {
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3rem;
    width: 45rem;
    background: #ff9900;
}
.main-intro .t2 {
    font-size: 14rem;
    line-height: 1.8;
}
.main-intro .intro-pic {
    margin-top: 10rem;
}
.main-intro .intro-pic div {
    margin-right: 18rem;
}
.main-intro .intro-pic div:last-child {
    margin-right: 0;
}
.main-intro .intro-pic img {
    width: 100%;
    height: auto;
}

.main-wrapper {
    width: 1420rem;
    margin: 0 auto;
}
.main-recommand {
    background: #f2f2f2;
    margin-top: 15rem;
    padding: 65rem 0 110rem 0;
}
.main-recommand .item {
    background: #fff;
    padding: 30rem 0;
    width: 23.5%;
    margin-right: 2%;
    margin-top: 40rem;
}
.main-recommand .item:last-child {
    margin-right: 0;
}
.main-recommand .title {

}
.main-recommand .title .t1 {
    font-size: 40rem;
    font-weight: bold;
}
.main-recommand .title .t2 {
    border: 1rem solid #ff9900;
    border-radius: 20rem;
    padding: 3rem 27rem;
    color: #ff9900;
    font-size: 14rem;
    margin-top: 30rem;
}
.main-recommand .title .t2 span {
    margin-right: 6rem;
}

.main-recommand .item img {
    width: auto;
    height: 324rem;
}
.main-recommand .item p {
    font-size: 18rem;
    color: #444444;
    line-height: 2;
    margin-top: 10rem;
}
.main-recommand .item:nth-child(1),
.main-recommand .item:nth-child(2) {
    width: 49%;
    margin-right: 0;
}
.main-recommand .item:nth-child(2) {
    margin-left: 2%;
}
/* .main-recommand .main-wrapper {
    float: left;
} */
.main-recommand .item:last-child {margin-right: 0;}
.main-projects {
    margin: 15rem 0;
}
.main-projects .title {
    background: url('/static/images/img8.jpg') no-repeat;
    background-size: cover;
    padding: 70rem 0;
    color: #fff;
    font-size: 50rem;
    font-weight: bold;
    line-height: 2;
}
.main-projects .item {
    width: 33.333%;
    height: 330rem;
    background: #f2f2f2;
}
.main-projects .item.cover-img img{
    width: 100%;
    height: 100%;
}
.main-projects .item .t1,
.main-projects .item .t2,
.main-projects .item .t3 {
    width: 229rem;
    margin: 0 auto;
    color: #444444;
    position: relative;
}
.main-projects .item .t1 {
    font-size: 32rem;
    font-weight: bold;
}
.main-projects .item .t2 {
    font-size: 30rem;
    padding-bottom: 35rem;
    margin-bottom: 35rem;
}
.main-projects .item .t2:after {
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3rem;
    width: 65rem;
    background: #444444;
}
.main-projects .item .t3 {
    font-size: 7rem;
    color:#000;
    text-transform: uppercase;
}

.main-news {

}
.main-news .title {
    background: url('/static/images/img13.jpg') no-repeat;
    background-size: cover;
    padding: 72rem 0;
}
.main-news .title .t1 {
    color: #fff;
    font-size: 68rem;
    font-weight: bold;
    position: relative;
    padding-bottom: 20rem;
    margin-bottom: 20rem;
}
.main-news .title .t1:after {
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 8rem;
    width: 104rem;
    background: #ff9900;
}
.main-news .title .t2 {
    font-size: 36rem;
    color: #fff;
    opacity: 0.64;
}
.main-news .list .item {
    width: 49%;
    margin-right: 2%;
    border-bottom: 1rem solid #bdc2d9;
    padding: 32rem 0;
}
.main-news .list .item:nth-child(2n) {
    margin-right: 0;
}
.main-news .list .item .date {
    background: #132a88;
    color: #fff;
    width: 154rem;
    height:154rem;
    text-align: center;
    margin-right: 18rem;
}
.main-news .list .item .date span{
    font-size: 48rem;
    font-weight: bold;
}
.main-news .list .item .date p {
    font-size: 37rem;
}
.main-news .list .item .info {
    flex:1;
    color: #444444;
}
.main-news .list .item .info .t1 {
    font-size: 24rem;
    font-weight: bold;
    margin: 15rem 0;
}

.main-news .list .item .info .t2 {
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    font-size: 18rem;
}
.main-news .list .item .info a {
    display: block;
    color: #444444;
    margin: 10rem 0;
    font-weight: bold;
    font-size: 18rem;
}

@media (max-width: 768px) {
    .swiper img {height: auto}
    .main-intro {
        width:100%;
    }
    .main-intro .bg {width: 100%;height:500rem;background: #132a88;}
    .main-intro .bg img {display: none}
    .main-intro .text {width:86%;}
    .main-intro .intro-pic {padding: 0 10rem;}
    .main-wrapper {width:100%;}

    .main-recommand {padding: 15rem 0 20rem 0}
    .main-recommand .item:nth-child(1), .main-recommand .item:nth-child(2) {width:98%;margin-left: 0;margin-right: 0;}
    .main-recommand .item {width: 98%;margin-top: 10rem;}
    .main-projects .title {font-size: 30rem;}
    .main-projects .item {width:100%}
    .main-projects {margin: 0;}
    .main-projects .title {padding: 20rem 0;}
    .main-projects .item .t1, .main-projects .item .t2, .main-projects .item .t3 {width: 380rem;}

    .main-news .title {padding: 20rem 10rem;}
    .main-news .list .item {width:98%;}
    .main-news .title .t1 {font-size: 48rem;}
    .main-news .title .t2 {font-size: 24rem;}
}