.container{max-width:1230px}
.header{background:#fff;width:100%;box-shadow:0 4px 5px 0 rgba(0,0,0,.06), 0 1px 10px 0 rgba(0,0,0,.04), 0 0 4px -1px rgba(0,0,0,.08)}
.header .container{justify-content:space-between}
.header .logo{padding:15px 0}
.header .logo img{max-height:50px}
.nav{display:flex;justify-content:space-between}
.nav li{padding:0 30px;display:flex;align-items: center}
.nav li > a{font-size:15px;color:#333;height:100%;display:flex;align-items: center;position:relative}
.nav li.active > a:after{content:'';position:absolute;right:0;bottom:0;width:100%;height:3px;background: #f70420}
.nav li > a:hover{font-weight: 600}
.nav li.extend{position:relative}
.nav li.extend dl{position:absolute;z-index:2;top:90%;left:0;background:#fff;padding:6px 0;box-shadow:0 0 10px rgba(0,0,0,0.1);min-width:100%;border-radius:2px;opacity: 0;visibility: hidden;margin-top:20px;transition:0.2s}
.nav li.extend:hover dl{opacity:1;visibility:visible;margin-top:0}
.nav li.extend dl:before{content:" ";height:0;width:0;border-color:transparent;border-style:solid;border-width:8px;border-bottom-color:#fff;position:absolute;left:30px;top:-14px}
.nav li.extend dd{line-height:32px;text-align:center}
.nav li.extend dd:hover{background:#f9f9f9}
.nav-btn{display:none}
.home-banner .swiper-pagination{}
.home-banner .swiper-pagination-bullet-active{background: #389c47}
.home-banner .swiper-slide{height:500px;background-repeat:no-repeat;background-position:center 0;background-size:auto 100%}
.banner-page{height:200px;background-repeat:no-repeat;background-position:center 0;background-size:auto 100%}
.home-box{padding:60px 0}
.article-detail h1{margin:30px 0 22px;text-align: center}
.article-detail .meta{font-size:12px;text-align: right;padding:5px;background: #fbfbfb;margin:22px 0}
.article-detail .detail{}
.article-detail .detail p{line-height:1.8;margin-bottom:12px}
.article-detail .detail img{max-width:100%}
.article-detail .neighbor{margin:50px 0;border-top:solid 1px #ddd;padding-top:12px;justify-content: space-between}
.article-detail .neighbor div{color:#777}
.article-detail .neighbor a:hover{text-decoration: underline}
.main-title{text-align: center;padding-bottom:20px;position:relative}
.main-title span{font-size: 28px}
.main-title:after{content:'';position:absolute;right:50%;bottom:0;margin-right:-25px;width:50px;height:5px;background: #f70420}
.main-more{text-align: center;margin-top:30px}
.main-more a{display:inline-block;background: #389c47;padding:6px 20px;color:#fff;border-radius:3px;transition: .3s}
.main-more a:hover{opacity: .8}
.home-product{}
.product-list{justify-content: space-between;margin-top:30px}
.product-list li{flex:0 0 24%;padding:12px;margin-bottom:20px;background: #f1f1f1}
.product-list li:hover{box-shadow: 0 0 9px 1px rgba(0,0,0,.05)}
.product-list figure{}
.product-list figure img{width:100%;height:200px}
.product-list a.name{display:block;margin-top:9px;text-align: center}
.product-list li.last{padding:0;margin-bottom:0;background: transparent;}
.home-about{background: #f1f1f1}
.home-about .flex-wrap{justify-content:space-between}
.home-about figure{flex:0 0 45%}
.home-about figure img{width:100%}
.home-about article{flex:0 0 50%;padding-top:9px}
.home-about h3{position:relative;font-size:28px;padding-bottom:50px}
.home-about h3:after{content:'';position:absolute;left:0;bottom:25px;width:50px;height:3px;background: #f70420}
.home-about p{line-height:2;font-size:15px}
.home-about a.more{display:inline-block;border:solid 1px #389c47;padding:6px 20px;border-radius:3px;font-size:12px;margin-top:20px;transition: .3s}
.home-about a.more:hover{background: #389c47;color:#fff}
.home-news{}
.home-news ul{justify-content: space-between;margin-top:40px}
.home-news li{flex: 0 0 48%;width:48%;margin-bottom:30px;padding:20px;display:flex;background: #f5f5f5;justify-content: space-between;transition: .3s}
.home-news li:hover{transform: translateY(-10px)}
.home-news dl{flex:0 0 70px;text-align: center;color:#389c47}
.home-news dt{font-size:35px;font-weight: bold}
.home-news dd{}
.home-news article{width:calc(100% - 85px)}
.home-news article a{width:100%;font-size:18px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home-news article a:hover{color: #f70420}
.home-news article p{padding-top:9px;color:#777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.footer{background: #444;padding:40px 0}
.footer .flex-wrap{justify-content: space-between}
.footer .text{padding-top:10px}
.footer .logo img{max-height:40px;display:block;margin-bottom:6px}
.footer .logo span{font-size:16px;color:#fff;font-weight: 100}
.footer .copyright{font-size:14px;color:#fff;font-weight: 100;margin-top:20px}
.footer .copyright a{color:#fff}
.footer .qrcode li{text-align: center;flex:0 0 120px;}
.footer .qrcode li:last-child{;margin-left:40px}
.footer .qrcode img{width:100%}
.footer .qrcode span{display:block;font-size:12px;color:#fff}
.page-box{min-height:500px}
.page-box h1{text-align: center;padding:30px;font-size:30px}
.page-box p{line-height:2;margin-bottom:20px}
.content{justify-content: space-between;margin:30px 0 80px}
.content .item{flex:0 0 32%;position:relative;padding-left:70px}
.content .item:before{content:'';width:56px;height:56px;font-size:25px;border-radius:100%;background:#f5f5f5;position:absolute;top:0;left:0;font-family: iconfont;display:flex;align-items: center;justify-content: center}
.content .item:nth-child(1):before{content:'\e633'}
.content .item:nth-child(2):before{content:'\e634'}
.content .item:nth-child(3):before{content:'\e636'}
.content .item h5{font-size:16px;padding-bottom:9px}
.content .item span{font-size:14px;color:#777}
.article-list{margin:20px auto}
.article-list li{display:flex;justify-content: space-between;margin-bottom:30px;padding-bottom:30px;border-bottom:solid 1px #ddd}
.article-list dl{background: #f2f2f2;flex:0 0 120px;width:120px;height:90px;padding-top:18px;text-align: center}
.article-list dt{font-size:25px;line-height:1.2}
.article-list dd{font-size:14px}
.article-list article{flex-grow: 2;margin-left:20px}
.article-list article a{font-size:17px}
.article-list article a:hover{color: #0093d6}
.article-list article p{color:#999;margin-top:9px;line-height:1.7}
.select-type {margin-top:12px;padding:5px;background: #f9f9f9}
.select-type dd{padding:3px 7px;border-radius:5px;margin:7px 2px 0;}
.select-type dd.active,
.select-type dd:hover{background: #389c47;}
.select-type dd.active a,
.select-type dd:hover a{color:#fff;}
.page-case {}
.page-case p{margin-bottom:20px;text-align: center}
.page-case img{max-width:100%;border-radius:15px}
.page-case-table {}
.page-case-table dt{text-align: center;font-size:20px;margin:20px 0}
.page-case-table dd{background: #f9f9f9;padding:3px 5px;margin-bottom:5px}
.home-branch__name{font-size:20px;font-weight:600;margin:48px 0 20px}
.home-branch__content{line-height:2;font-size: 15px;}