*{margin: 0;padding: 0;box-sizing: border-box;}
h1,h2,h3{margin: 0;}
dd, dl, dt, li, ol, ul{list-style: none;}
a{text-decoration: none;}
img {vertical-align: middle;}
header{background-color: #00c0b5;}
.menu{display: flex;justify-content: center;height: 60px;margin: 0 auto;color: #ffffff;line-height: 60px;}
.menu ul{height: 100%;display: flex;}
.menu ul li{padding: 0 40px;}
.menu ul li a{color: #ffffff;}
.menu>ul>li:first-child{padding-left: 0;}
#container{width: 100%;}
#container .sec {width: 100%;height: auto;position: relative;}
.wrapper{padding: 0 10%;}
.sec1{width: 100%;margin-bottom: 130px;}
.sec1 img{width: 100%;}
.sec2{margin-bottom: 175px;}
.sec2 .content{background-color: #00c0b5; background-size: 50% auto;height: 510px;padding: 40px 0;}
.sec2 .scene-list{display: flex;flex-wrap: wrap;margin-left: 40px;}
.sec2 .scene-list .item{width: 25%;
height: 208px;position: relative;}
.sec2 .scene-list .item img{width: 100%;height: 100%;}
.sec2 .scene-list .item .name{display: block;width: 100%;padding: 10px 0;font-weight: bold;font-size: 26px;text-align: center;color: #ffffff;position: absolute;bottom: 0px;z-index: 99;background: #00c0b5;background-color: rgba(0, 192, 181, 0.5);}
.sec2 .scene-list .tit{font-size: 31px;color: #ffffff;margin-top: 25px;}
.sec2 .scene-list .desc{font-size: 20px;color: #ffffff;}

.sec3{margin-bottom: 120px;}
.sec3 .content{border: 1px solid #00c0b5;padding: 35px 50px;}
.sec3 .content h2{font-size: 24px;}
.sec3 .content h3{font-size: 21px;}
.sec3 .content .text{font-size: 14px;line-height: 28px;}
.sec3 .content p{text-indent:2em;}

.sec4{margin-bottom: 120px;}
.sec4 img{width: 100%;}


.sec5 .content{display: flex;justify-content: space-between;}
.sec5 .solution-list{margin-right: 50px;}
.sec5 .solution-list .item{margin-bottom: 14px;display: flex;}
.sec5 .solution-list .item .solution-img{border: 1px solid #00c0b5;width: 20%;width: 156px;height: 138px;}
.sec5 .solution-list .item .solution-img img{width: 100%;height: 100%;}
.sec5 .solution-list .item .solution-txt{padding: 10px 0;width: 75%;height: 135px;}
.sec5 .solution-list .item .solution-txt .wrap{background: #E5E5E5;padding: 15px 20px;}
.sec5 .solution-list .item .solution-txt .tit{font-size: 19px;font-weight: bold;margin-bottom: 15px;}
.sec5 .solution-list .item .solution-txt .desc{font-size: 12px;line-height: 19px;}
.sec5 .solution-box{position: relative;}
.sec5 .solution-box img{width: 100%;height: 100%;}
.sec5 .solution-box .txt{background-color: #00c0b5;padding: 25px 0;text-align: center;position: absolute;top: 0px;width: 100%;color: #ffffff;}
.sec5 .solution-box .txt h2{font-size: 31px;}
.sec5 .solution-box .txt h3{font-size: 20px;}

#container.about .tit{color: #1B1B1B;font-size: 40px;font-weight: bold;}
#container.about hr{border-top: 1px solid #000;width: 120px;height: 5px;background-color:#000000;}
#container.about .content p{text-indent:2em;font-size: 24px;line-height: 44px;}
#container.about .content img{max-width: 100%;}

#container.contact .banner img{width: 100%;}
#container.contact .contact-box{display: flex;margin-top: 185px;}
#container.contact .my-map{width: 656px;height: 468px;margin-right: 125px;}
#container.contact .amap-container{height: 100%;}
#container.contact .contact-info h2{font-size: 40px;color: #1B1B1B;font-weight: bold;margin-bottom: 100px;}
#container.contact .contact-info p{font-size: 24px;line-height: 44px;}



footer{background-color: #00c0b5;margin-top: 110px;}
.copyright{color: #ffffff;font-size: 14px;padding: 20px 0;}
.copyright a{color: #ffffff;}