:root{
  --main-color: #507786;
  --home-info-padding:40px;
}
.container{max-width:1324px}
/*header start*/
.header{padding-top:25px;padding-bottom:25px;justify-content: space-between;align-items: center;background:#fff}
.logo img{max-height:50px;backface-visibility:hidden;display: block}
.header-tel{position:relative;padding-left:45px;}
.header-tel:before{content:'\e635';font-family: iconfont;color:var(--main-color);font-size:34px;position:absolute;top:4px;left:0;}
.header-tel span{color:#666;margin-left:3px;}
.header-tel strong{color:#0054a6;font-size:23px;display:block;line-height:1}
.nav{background:var(--main-color)}
.nav-wrapper {display:flex;justify-content: space-between;}
.nav__item{flex:0 0 12.4%;padding:15px 0;position:relative;text-align: center}
.nav__item:after{content:'';position:absolute;top:2px;right:0;bottom:2px;width:1px;background: #5c8671}
.nav__item:last-child:after{display:none}
.nav__item.cur,
.nav__item:hover{background: #dca51c;}
.nav__item > a{font-size:16px;transition:color .3s;color:#fff;}
.nav__item__extend{z-index:-10;opacity:0;position:absolute;top:130%;left:0;width:100%;padding:8px 0;border:solid 1px #ddd;border-radius:3px;box-shadow:0 2px 5px 1px rgba(0,0,0,.05);background:#fff;transition:all .1s ease 0s}
.nav__item__extend a{display:block;text-align: center;padding:5px 0}
.nav__item__extend a:hover{background: #f9f9f9}
.nav__item:hover .nav__item__extend{top:100%;z-index:101;opacity:1;transition:all .3s ease .1s}
.nav-switch{display:none}
@media (max-width:1200px){
  .nav__item{padding:12px 15px}
  .search{display:flex;width:280px}
  .search input[type=text]{flex:0 0 200px}
}
@media (max-width:1024px){
  .logo img{max-height:36px}
  .nav__item{padding:12px 10px}
  .nav__item > a{font-size:14px}
}
@media (max-width:768px){
  :root{--header-height:58px}
  body:before{content:'';display:block;height:var(--header-height)}
  .header{padding-top:13px;padding-bottom:12px;position:fixed;top:0;right:0;width:100%;border-bottom:solid 1px #eee;z-index:101}
  .header:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background: #fff;z-index:-1}
  .logo img{max-height:32px}
  .header-tel{display:none}
  .nav{padding:0 8%;position:fixed;top:var(--header-height);left:0;right:0;height:0;background: #fcfcfc;overflow:hidden;transition:height .3s}
  .nav[is-open]{overflow:auto;height:calc(100vh - var(--header-height));z-index:11}
  .nav-wrapper{flex-direction:column;justify-content:flex-start;}
  .nav__item{width:100%;border-bottom:solid 1px #eee;margin-top:15px;padding:0 10px 12px;}
  .nav__item:after{display:none}
  .nav__item > a{font-weight:600;font-size:15px;color:#333}
  .nav__item.cur,
  .nav__item:hover{background:transparent}
  .nav__item.more{position: relative}
  .nav__item.more:after{content:'+';position:absolute;top:0;right:9px;color:#999;font-size:18px}
  .nav__item__extend{display:none;position:static;top:auto;z-index:101;opacity:1;transition:none;width:100%;border:0;box-shadow: none;background: transparent}
  .nav__item__extend a{color:#666;text-align: left;padding-left:20px}
  .nav__item.unfold .nav__item__extend{display:block}
  .nav__item.unfold:after{content:'-';}
  .nav-switch{display:flex;width:22px;height:16px;;position:relative;border-top:solid 2px #555;border-bottom:solid 2px #555;transition: .4s}
  .nav-switch:before,
  .nav-switch:after{content:'';height:2px;width:100%;position:absolute;right:0;top:5px;background: #555;transition: .3s}
  .nav-switch.open{border-color:#fff}
  .nav-switch.open:before{transform: rotate(45deg)}
  .nav-switch.open:after{transform: rotate(-45deg)}
}
/*header end*/
/*footer*/
.footer{background:#f0f8ff;padding-top:40px;;color:#999}
.footer a{color:#999}
.footer-text{flex-basis: 70%}
.footer-link{padding-bottom:20px;word-spacing:20px;font-size:15px}
.footer-contact{}
.footer-contact li{padding:5px 0}
.footer-contact li:before{content:'';font-family: iconfont;font-size:16px;color:#aaa;margin-right:12px}
.footer-contact li:nth-child(1):before{content:'\e634'}
.footer-contact li:nth-child(2):before{content:'\e633'}
.footer-contact li:nth-child(3):before{content:'\e620'}
.footer-contact li:nth-child(4):before{content:'\e636'}
.footer-qrcode{margin-top:10px}
.footer-qrcode__item{text-align: center;margin-left:20px}
.footer-qrcode__item img{display:block;width:120px;margin-bottom:9px}
.footer-qrcode__item span{}
.copyright{background:#dfe6ed;margin-top:18px;border-top:solid 1px #c9dbec;padding:10px 0;text-align: center;color:#999;font-size:12px}
.copyright a{color:#999}
@media (max-width:768px){
  .footer{padding-top:25px;padding-bottom:15px}
  .footer-text{flex-basis: 100%}
  .footer-link{text-align:center}
  .footer-qrcode{display:none}
  .footer-text .link{word-spacing:5px;font-size:14px}
}
@media (max-width:512px){
  .footer{padding-bottom:10px}
  .footer-text{font-size:12px;padding-bottom:10px}
  .footer-link{padding-bottom:10px;word-spacing:2px;font-size:12px}
  .copyright{margin-top:5px}
}
/*footer end*/
/*banner*/
.home-banner{position:relative}
.home-banner .swiper-slide{height:750px;background-repeat:no-repeat;background-position:center 0;background-size:cover}
.page-banner{height:350px;background-repeat:no-repeat;background-position:center 0;background-size:cover}
@media (max-width:1500px){
  .home-banner .swiper-slide{height:50vw}
  .page-banner{height:29vw}
}
/*banner end*/
/*home*/
.home-box{padding-top:80px;padding-bottom:60px}
@media (max-width:1200px){
  .home-box{padding-top:60px;padding-bottom:50px}
}
@media (max-width:1024px){
  .home-box{padding-top:50px;padding-bottom:40px}
}
@media (max-width:768px){
  .home-box{padding-top:40px;padding-bottom:30px}
}
@media (max-width:512px){
  .home-box{padding-top:25px;padding-bottom:25px}
}
.more-box a{position:relative;display:inline-block;padding:5px 12px 5px 32px;border:solid 1px #055d8b;border-radius:0 0 6px 0;background:#fff;transition: .3s}
.more-box a:before{content:'';position:absolute;top:0;bottom:0;left:0;width:20px;background: #055d8b}
.more-box a:hover{background:#effaff}
@media (max-width:768px){
  .more-box a{font-size:12px}
}
@media (max-width:512px){
  .more-box a{padding:5px 12px 5px 22px;font-size:12px}
  .more-box a:before{content:'';position:absolute;top:0;bottom:0;left:0;width:12px;background: #055d8b}
}
.main-title{display:flex;justify-content: space-between}
.main-title__name{}
.main-title__name p{font-size:45px;color:#507786;}
.main-title__name small{font-size:14px;color:#ccc;font-family: "Dinrsed";}
.main-title__more {padding:12px 26px 0;margin-top:12px;height:40px;border-radius: 20px 0 20px 0;;background:#507786;}
.main-title__more:hover{background: #406675;}
.main-title__more a{color:#fff;}
.main-title.white p{color: #fff;}
.main-title.white small{color: rgba(255,255,255,0.2);}
.main-title.white .main-title__more {background: rgba(255,255,255,0.5)}
.main-title.white .main-title__more:hover{background: rgba(255,255,255,0.3)}
@media (max-width:1200px){
  .main-title__name p{font-size:40px}
}
@media (max-width:1024px){
  .main-title__name p{font-size:35px}
}
@media (max-width:768px){
  .main-title__name p{font-size:30px}
  .main-title__more {padding:6px 20px 0;height:32px;margin-top:5px;}
}
@media (max-width:512px){
  .main-title__name p{font-size:22px}
  .main-title__more {padding:6px 20px 0;height:30px}
  .main-title__more a{font-size:12px}
}
.home-advantage{padding:80px 0;background:#f0f8ff}
.home-advantage__item{flex:0 0 32%;height:200px;position:relative}
.home-advantage__item:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;border-radius:15px;;opacity: 0}
.home-advantage__item:hover:before{opacity:.3;transition: .3s}
.home-advantage__item img{width:100%;height:100%;object-fit: cover;border-radius:15px;display:block}
.home-advantage__item article{position:absolute;bottom:20px;left:20px;color:#fff;z-index:2;transition:.3s}
.home-advantage__item:hover article{bottom:40px;transition:.3s}
.home-advantage__item small{}
.home-advantage__item p{font-size:25px;}
@media (max-width:1200px){
  .home-advantage{padding:70px }
  .home-advantage__item{height:18vw}
}
@media (max-width:1024px){
  .home-advantage{padding:60px 0}
}
@media (max-width:768px){
  .home-advantage{padding:30px 0}
}
@media (max-width:512px){
  .home-advantage{padding:25px 0}
  .home-advantage__item article{bottom:10px;left:10px}
  .home-advantage__item p{font-size:15px}
}

.home-info{background: url("../images/home-info-bg.jpg") no-repeat center 0;background-size: cover}
.home-info-box{margin-top:50px;border-top: 4px solid #b4bec6;border-bottom: 4px solid #fff;}
.home-info-box:nth-child(2){background:#dde9f3;}
.home-info-box:nth-child(3){background:#f8f4e8}
.home-info__name{font-size:25px;padding:20px var(--home-info-padding);font-weight:600;color: #507786;border-bottom: 1px solid rgba(128,128,128,0.1);}
.home-info__list{padding:20px var(--home-info-padding);}
.home-info__item{padding:22px 15px;flex:0 0 50%;background: rgba(255,255,255,0.15);position:relative}
.home-info__item:after{content:'';position:absolute;width:0;top:0;bottom:0;left:0;z-index:1;background:#507786;transition: .5s}
.home-info__item:hover:after{width:100%;transition: .3s}
.home-info__item > a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}
.home-info__item:before{content:'\e618';font-family: iconfont;margin-right:5px;position:relative;z-index:2;transition: .5s}
.home-info__item:hover:before{color:#fff;transition: .5s}
.home-info__item span{position:relative;z-index:2;transition: .5s}
.home-info__item:hover span{color:#fff;transition: .5s}
.home-info__item:nth-child(1),
.home-info__item:nth-child(2){background: rgba(255,255,255,0.5);}
.home-info__more{padding:10px var(--home-info-padding) 20px;}
.home-info__more a{color: #507786;}
.home-info__more img{vertical-align: -2px;display:inline-block;margin-left:5px}
.home-info-box:nth-child(3) .home-info__more a{color:#dca51c;}
.home-info-box:nth-child(3) .home-info__item:after{background:#dca51c}
@media (max-width:1200px){
  .home-info-box{margin-top:40px}
  .home-info__name{font-size:20px}
}
@media (max-width:1024px){
  :root{
    --home-info-padding:30px;
  }
  .home-info-box{margin-top:30px}
}
@media (max-width:768px){
  :root{
    --home-info-padding:20px;
  }
  .home-info-box{margin-top:20px}
  .home-info__name{font-size:18px}
  .home-info__item{padding:18px 12px;flex:0 0 100%}
}
@media (max-width:512px){
  :root{
    --home-info-padding:12px;
  }
}
.home-about{background:#f0f8ff}
.home-about-box{justify-content:space-between;margin-top:50px;}
.home-about__title{font-size:28px;font-weight:400;margin-bottom:25px;display:block;position:relative}
.home-about__title:after{content:'';position:absolute;top:125%;left:0;width:38px;height:2px;background:#1a70da}
.home-about__tips{font-size:14px;color:#999}
.home-about article{flex:0 0 55%}
.home-about__desc{margin-top:35px;font-size:15px;line-height:2}
.home-about figure{flex:0 0 40%;position:relative}
.home-about figure:before{content:'';position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:4px solid #fff;z-index:2;opacity: .5}
.home-about figure img{width:100%;height:100%;object-fit:cover}
@media (max-width:1300px){
  .home-about article{flex:0 0 58%;}
}
@media (max-width:1200px){
  .home-about-box{margin-top:40px;}
  .home-about article{flex:0 0 62%;padding-top:0}
  .home-about__title {font-size:22px}
  .home-about__desc{margin-top:25px;font-size:14px}
  .home-about figure{flex:0 0 35%}
}
@media (max-width:1024px){
  .home-about-box{margin-top:30px;}
  .home-about__desc{margin-top:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
}
@media (max-width:768px){
  .home-about-box{margin-top:20px}
  .home-about article{flex:0 0 100%;margin-top:15px}
  .home-about__title{font-size:18px;margin-bottom:18px}
  .home-about__title:after{top:125%}
  .home-about__tips {font-size:12px;color:#999}
  .home-about figure{flex:0 0 100%;height:30vw}
  .home-about figure:before{top:12px;right:12px;bottom:12px;left:12px;border:3px solid #fff}
}
.home-news {background: #fafafa}
.home-news-wrapper{}
.home-news-box{flex:0 0 49%;border-radius:20px 0 20px}
.home-news-box:nth-child(1){background:#fbf9ee}
.home-news-box:nth-child(2){background:#f0f8ff}
.home-news__content{display:flex;justify-content: space-between}
.home-news__name{flex:0 0 160px;display:flex;align-items: center;justify-content:center;padding:20px;border-radius: 20px 0 0 0;border-right:solid 1px #eeede3}
.home-news__name p{margin-top:9px}
.home-news__info{padding:40px 15px;flex-grow: 2}
.home-news__info a{font-weight: 600;}
.home-news__info a:hover{color:var(--main-color)}
.home-news__info p{margin:15px 0;text-indent: 20px;color:#999}
.home-news__info small{color:#999}
.home-news__more{padding:15px;border-top:solid 1px #eeede3;border-radius: 0 0 20px 0;}
.home-news__more a{color:#999}
.home-news__more a:hover{color:var(--main-color)}
.home-news__more img{vertical-align: -2px}
.home-news-box:nth-child(1) .home-news__name p{color:#dca51c}
.home-news-box:nth-child(2) .home-news__name p{color:var(--main-color)}
@media (max-width:1024px){
  .home-news-box{flex:0 0 100%;margin-bottom:25px}
}
@media (max-width:768px){
  .home-news__name{flex:0 0 100px;}
  .home-news__info{padding:20px 15px;}
}
.home-friend{padding:50px 0;background: var(--main-color)}
.home-friend__title{color:#fff;font-size:16px;margin-bottom:9px}
.home-friend-list{}
.home-friend__item{flex:0 0 23%;height:66px;}
.home-friend__item img{width:100%;height:100%}
@media (max-width:1200px){
  .home-friend{padding:40px 0}
  .home-friend__item{height:7vw;}
}
@media (max-width:1024px){
  .home-friend{padding:30px 0}
}
@media (max-width:768px){
  .home-friend{padding:20px 0 10px}
  .home-friend__item{flex:0 0 48%;height:14vw;margin-bottom:12px}
}
.page-breadcrumb{background:#eaeaea}
.page-breadcrumb .container{;align-items: center}
.page-nav{height:60px;}
.page-nav a{font-size:16px;color:#666;padding:0 50px;border-right:solid 1px #ddd;display:flex;align-items: center}
.page-nav a.cur,
.page-nav a:hover{background: var(--main-color);color:#fff;}
@media (max-width:1024px){
  .page-nav{height:50px;}
}
@media (max-width:768px){
  .page-nav{height:40px;}
  .page-nav a{padding:0 40px;font-size:15px}
}
@media (max-width:512px){
  .page-nav a{padding:0 12px;font-size:14px}
}
.page-main{padding-top:50px;padding-bottom:50px}
.page-text{font-size:16px;line-height:1.8}
.page-text p{margin-bottom:15px;}
.page-text img{max-width:100%}
@media (max-width:1024px){
  .page-main{padding-top:40px;padding-bottom:40px}
}
@media (max-width:768px){
  .page-main{padding-top:30px;padding-bottom:30px}
}
@media (max-width:512px){
  .page-main{padding-top:20px;padding-bottom:20px}
  .page-text{font-size:14px}
}
.contact-info{margin:30px auto;justify-content: space-between}
.contact-info__item{flex:0 0 24%;background: #fcfcfc;padding:20px 12px;border-radius:6px;text-align: center}
.contact-info__item:before{content:'';font-family: iconfont;color:#999;font-size:2rem}
.contact-info__item.address:before{content:'\e636'}
.contact-info__item.tel:before{content:'\e632'}
.contact-info__item.wechat:before{content:'\e623'}
.contact-info__item.qq:before{content:'\e624'}
.contact-info__item.email:before{content:'\e620'}
.contact-info span{color:#777}
.contact-info small{display:block;margin:9px 0;color:#555}
.content-map{height: 500px;border: #ccc solid 1px}
@media (max-width:1024px){
  .contact-info__item{flex:0 0 49%;margin-bottom:12px}
}
@media (max-width:512px){
  .contact-info{margin:10px auto 20px}
  .contact-info__item{text-align:left;flex:0 0 100%;position:relative;padding: 0 0 12px 60px;border-bottom:dashed 1px #eee}
  .contact-info__item:before{font-size:1.6rem;position:absolute;top:12px;left:20px}
}
.feedback {max-width:680px;margin:25px auto 0}
.feedback__row{margin-bottom:25px}
.feedback input[type=text]{width:100%;height:50px;padding-left:12px;border:solid 1px #ddd;background: #f7f8fa}
.feedback input[type=text].cur{border:solid 1px var(--main-color);}
.feedback input[type=submit]{width:230px;height:46px;background: #446f80;;color:#fff;border-radius:5px}
@media (max-width:1024px){
}
@media (max-width:512px) {
  .feedback__row{margin-bottom:15px}
}
/*article*/
.article-list{margin:20px auto}
.article-list__item{display:flex;justify-content: space-between;margin-bottom:30px;padding-bottom:30px;border-bottom:solid 1px #ddd}
.article-list__date{flex:0 0 120px;width:120px;min-height:76px;display:flex;justify-content:center;align-items:center;background: #f2f2f2}
.article-list__date dl{text-align: center;color:#555}
.article-list__date dt{font-size:25px;line-height:1.2}
.article-list__date dd{font-size:14px;color:#999}
.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}
@media (max-width:1024px){
  .article-list__date{flex:0 0 100px;width:100px}
}
@media (max-width:512px){
  .article-list__item{margin-bottom:20px;padding-bottom:20px}
  .article-list__date{display:none}
  .article-list article{margin-left:0}
  .article-list article a{font-size:15px}
  .article-list article p{font-size:12px}
}
.ui-pagination{justify-content: center;margin-bottom:35px}
.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;color:#777}
.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}
@media (max-width:768px){
  .article-detail h1{margin-top:20px;font-size:17px}
  .article-detail .neighbor div{flex:0 0 100%;margin-bottom:9px}
}
/*article end*/
.object-search{}
.object-list{}
.object-list__row{margin-bottom:20px;font-size:16px}
.object-list__row span{color:var(--main-color)}
.object-list__row a{flex-grow: 2;margin-left:12px}
.object-list__row small{float:right}
@media (max-width:1024px){

}
@media (max-width:768px){
  .object-list__row{font-size:14px}
  .object-list__row small{display:none}
}
.download{margin:30px auto}
.download-title{font-size:17px;font-weight:600;margin-bottom:18px;}
.download-file{margin-top:15px;}
.download-file a{color:#008ae1}