.header-top{ position: static; height: auto;box-sizing: border-box; display:block}
a.logo{position: static; align-self: flex-start;}
a.logo img{ height: 60px}
nav{display: none}
.banner-text .text{ display: flex; flex-flow: column nowrap; align-items:center; justify-content: center; margin: 0; height: 100%}
.banner-text .text p:nth-child(1){ font-size: 30px}
.banner-text .text p:nth-child(2){ font-size: 14px}
.banner-text .text p:nth-child(3){ font-size: 14px}
.box > div{min-height:auto}
.mobile-nav{ display: flex; flex-flow:row wrap; justify-content: space-between; background: #152f4f; padding:10px; box-sizing: border-box;}
.mobile-nav a{ display: flex; flex-flow:  column nowrap; font-size: 0; width: calc((100% - 30px) / 4); align-items: center; justify-content: center}
.mobile-nav a span{ font-size: 14px; color: #fff;}

.title{flex-direction: column; margin-bottom: 0}
.title:before{display: none}
.title a{display: none;}
.title div{ display: flex; align-items: center;flex-direction: column}
.pro-box{ box-sizing: border-box; padding: 0 10px; margin-bottom:30px}
.pro-box a{width: calc(50% - 5px); margin: 5px 0;}
.pro-box a span{top: 10px; left: 10px; padding: 5px 10px; font-size: 14px}
.about-box{background: none; flex-flow: column nowrap}
.about-logo{ display: flex; justify-content: center; margin: 30px 0}
.about-text{width: 100%; padding: 0 10px; box-sizing: border-box;}
.about-img{width:100%; margin: 0}
.about-img img{ width: 100%}
.about-bar{ margin:30px 0; box-sizing: border-box; padding: 0 10px}
.about-bar a{width: 80px; height:80px}
.about-bar a span{font-size: 12px}
.news-box{ flex-flow: column wrap; padding: 0 10px; box-sizing: border-box;}
.news-box a{width: 100%; margin:10px 0}
.news-box a div.time{width: 80px; height: 80px}
.news-box a div.time span{ font-size: 40px}
.news-box a div.time b{font-size: 12px}
.news-box a div.text{width: calc(100% - 90px)}
.news-box a div.text p{-webkit-line-clamp:2}
.since-title{margin: 30px 0; font-size: 24px}
#since .swiper-slide span{font-size:150px; padding:30px 0}
#since .swiper-slide img{ width: 100%}
#since .swiper-slide div p{font-size: 14px}
#sinceThumbs{margin-bottom: 50px}
#sinceThumbs .swiper-slide img{width: 50px; height: auto}
.service-box{padding: 0 10px; box-sizing: border-box; flex-flow: column nowrap; margin-bottom: 30px}
.service-box > div{width: 100%}
#service{margin-bottom: 10px}
#service .swiper-slide a img{width: 100%; height: auto}
.service-list a{align-items: center; margin: 5px 0}
.service-list a div.text{align-self: stretch}
.service-list a div.text p{-webkit-line-clamp:2}
.code{flex-flow:column nowrap}
.code img{ margin: 20px 0}
.copyright{height:auto; line-height:2; text-align: left; padding: 10px; font-size: 12px; box-sizing: border-box}

.contact-link a{ margin: 20px 5px}
.contact p{font-size: 30px}
.contact p:first-line{ font-size: 20px}



.mobile-bot-nav{position: fixed; width: 100%; bottom: 0; left:0; background: #fff; justify-content:space-between; display: flex; flex-flow: row nowrap; box-sizing: border-box; padding:10px; z-index: 999;border-top: 2px solid #152f4f}
.mobile-bot-nav a{font-size: 0; display: flex; flex-flow: column nowrap; align-items: center; width: 25%; }
.mobile-bot-nav a span{font-size:12px;}

.current-title{height: 180px}
.list-main-bar-title:before{ display: none}
.list-main-bar-title a{width: 30px; height: 30px; font-size: 20px; color: #fff;  line-height: 30px; text-align: center; right: 20px; position: absolute; display: block; transition: all 0.4s}
.list-main-bar-title a.acitve{transform: rotate(180deg)}
.list-main-bar-title{height:80px; background-image:none; background-color:#152f4f; border-top: 2px solid #fff }
.list-box{flex-flow: column nowrap}
.list-main-bar{width: 100%}
.list-main-bar-main{display: none}
.list-main-bar-main a{padding: 0 20px}
.list-main-bar-main a span{height:40px; line-height: 40px;border-color:#EBEBEB}

.list-box-main{width: 100%; border:none}

.page *{ display:none}
.page .next,
.page .prev{ display:block; height:50px; font-size:16px; line-height:50px; width:50%;}

.cont-title{height:120px; flex-wrap:nowrap}
.cont-title h3{ font-size:16px;}
.cont-page{ margin-top: 20px;padding:20px 0; flex-flow:column nowrap;align-items:flex-start}
.cont-page > a{margin-top:20px;}