.container{margin:0 auto;}
.yeji1{width:100%;height:675px;background:url('/images/bbb02.png') no-repeat center center;padding-top:60px;position: relative;}
.common-title{width:200px;margin: 0px auto 40px auto;text-align: center;}
.common-title h1{font-size:40px;color:var(--main-color);letter-spacing: 1px;}
.common-title h5{font-size:20px;color:var(--main-color);letter-spacing: 1px;}
.yeji1-content{width:720px;margin:0 auto;text-align: center;}
.yeji1-content p{font-size:16px;}

.c-button{width: 180px;height: 50px;border: 2px solid var(--main-color);position: absolute;bottom:40px;left:50%;margin-left:-100px;}
.c-button a{font-size:16px;line-height: 46px;padding-left: 40px;color:var(--main-color);font-weight: bold;display: inline-block;width: 100%;}
.c-button::before{position: absolute;content: "";width:2px;height:48px;right:40px;top:0px;background-color:var(--main-color);}
.c-button::after{
    position: absolute;
    content: "";
    right:10px;
    top:17px;
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: transparent transparent transparent var(--main-color);
    }

.about{width:100%;height:838px;background:url('/images/about-bg.jpg') no-repeat center center;padding: 100px 0;}
.about-in{width:1300px;margin:0 auto;background-color: rgba(255, 255, 255, 0.5);height:600px;display: flex;}
.about1{flex: 0 0 337px;background:url('/images/company1.jpg') no-repeat center center;}
.about2{flex:1 0 auto;padding: 60px 80px;position: relative;}
.about2 h1{font-size:50px; color: var(--main-color2);}
.about2 h3{font-size:18px; color: var(--main-color2);}

.about21{width: 800px;margin-top: 50px;}
.about21 p{font-size: 15px;letter-spacing: 1px;text-indent: 2em;margin-bottom: 20px;}


.about .c-button{left:100px;margin-left: 0px;bottom: 80px;}

.service{width:100%;height: auto;overflow: hidden;padding-top: 80px;background-color: #f8f9fb;}
.service .common-title{width:400px;}
.service-list{display: flex;flex-wrap: wrap;}
.service-1{flex: 1 0 21%;text-align: center;margin-bottom: 40px;padding: 0 2%;}
.service-11{height: 160px;position: relative;}
.service-11 img{position: absolute;top:0;left:0;right:0;bottom:0;margin: auto;}
.service-1 h3{font-size:20px;line-height: 60px;}
.service-1 p{font-size:14px;line-height: 20px;}


.cases{width: 100%;padding-top:80px;}
.cases .common-title{width:600px;}
.cases-list{display: flex;flex-wrap: wrap;}
.cases-list1{flex: 1 0 22%;margin: 0 1% 20px 1%;cursor: pointer;/* padding: 0 1.5%; */position: relative;height: 300px;border: 1px solid #ccc;border-radius: 20px 20px 0 0;}
.cases-list11{width: 100%;border-radius: 20px 20px 0 0;overflow: hidden;height:200px;}
.cases-list11 img{width: 100%;}
.cases-list1 h1{font-size: 18px;line-height: 30px;font-weight: bold;margin-top: 10px;}
.cases-list1 p{font-size:14px;height: 40px;line-height: 22px;}
/*
.cases-list1::before{position:absolute;bottom: 20px;width: 50px;content: "";left: 30px;height:1px;background-color:#ff3232;}
.cases-list1::after{position:absolute;bottom: 25px;width: 20px;content: "";left: 62px;height:1px;transform: rotate(30deg);background-color:#ff3232;}
*/

.cases-list12{padding: 5px 15px;}


.news{width:100%;height: 880px;background:url('/images/news-bg.jpg') no-repeat center center;padding-top: 60px;margin-top: 60px;}
.news .common-title{width:400px;}

.news1{display: flex;flex-wrap: wrap;}

.news11{background-size: 100%;grid-area: news11;}
.news12{background-color:white; grid-area: news12;}
.news13{background-color: white;grid-area: news13;}
.news14{background-color: white;grid-area: news14;}
.news15{background-color: white;grid-area: news15;}

.news-list{display:grid; grid-gap:10px;
    grid-template-rows: repeat(3, 200px);
	grid-template-columns: repeat(3, 33%);
    grid-template-areas: "news11 news12 news13"
    "news11 news12 news14"
    "news11 news12 news15";
}
.news11{position: relative;}
.news11-1{position: absolute;bottom: 0px;width: 100%;left: 0;padding: 30px;background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.6));}
.news11-1 h1{font-size: 24px;color: #fff;}
.news11-1 h3{font-size: 12px;color: #fff;line-height: 60px;}
.news11-1 a{font-size:14px;color: #fff;}

.news12-1{/* height: 300px; */flex: 0 0 100%;}
.news12-1 img{width: 100%;}

.news12-2{flex: 1 0 100%;padding: 0px 20px;height: 200px;}
.news12-2 h1{font-size: 20px;line-height: 50px;}
.news12-2 h3{font-size: 12px;color: #666;line-height: 30px;}
.news12-2 p{font-size: 14px;line-height: 24px;}
.news12-2 a{color: #ff3232;margin-top: 30px;display: block;}

.news13-1{flex: 0 0 200px;}
.news13-1 img{width:100%;height: 100%;}
.news13-2{flex: 0 1 250px;padding: 20px;}
.news13-2 h1{font-size: 18px;line-height: 40px;}
.news13-2 p{font-size: 12px;line-height: 20px;}
.news13-2 a{margin-top: 20px;display: block;}

.customer{width: 100%;padding-top:60px;}

.customer-list{display: flex;flex-wrap: wrap;}
.customer1{flex: 1 0 18%;margin: 1%;box-shadow: 0 0px 3px #ccc;}
.customer1 img{width: 100%;}