/*banner*/
.banner {width: 100%;position: relative;overflow: hidden;}
.banner .content {position: relative;padding-top: 23%;}
.banner .content img {position: absolute;width: 100%;top: 0;left: 0;height: 100%;}
.banner .content .mask {position: absolute;height: 100%;width: 100%;left: 0;top: 0;text-align: center;color: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background-color: rgba(0, 0, 0, .5);}
.banner .content .mask .banner-tit {font-size: 2.5rem;color: #fff;letter-spacing: 10px;line-height: normal;margin: 0;font-weight: 400;}
.position {background: #fafafa;font-size: .875rem;}
.position a{padding: 0 5px;}

/*contact*/
.path {height: 60px;line-height: 60px;overflow: hidden;background-color: #eee;}
.home-nav{text-align: center;}
.home-nav ul li{border-left: 1px solid #ddd;display: block;}
.home-nav ul li:first-child{border-left: 1px solid #ddd;}
.home-nav ul .on,.home-nav ul li:hover{background-color: #fff;}
.content-title {margin:4rem auto 2rem;text-align: center;}
.content-title h1 {font-size: 2rem;font-weight: normal;margin: 0 0 20px;}
.content-title p {font-size: 16px;text-transform: capitalize;color: #999;}

.contact{margin:1rem auto 2rem auto;}
.contact ul li>div {border: 1px solid #e7e7e7;background-color: #f5f5f5;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;text-align: center;border-radius: 10px;margin:.5rem auto;padding: 2rem;}
.contact ul li>div:hover {box-shadow: 0 0 10px #ccc;}
.contact ul li h3 span{display:block;color: #0154a6;font-size: 1.2rem;font-weight: bold;margin-top: .5rem;}
.contact ul li h3 a{font-size: 1rem;color: #212529;font-weight: initial;}
.botsms {background: #fafafa;padding:3rem 1.5rem;margin-bottom: 3rem;}
.botsms-tit {text-align: center;font-size: 1.8rem;margin-bottom: 2rem;}
.botsms .fdb-block {width: 75%;margin: 0 auto;}
.botsms .fdb-block .form-control {margin-bottom: 1rem;}
.botsms .fdb-block .btn-primary {width: 30%;}
/*aboutus*/
.about-box{margin-bottom: 2rem;margin-top: 2rem;}
.about-box p{font-size: 1rem;line-height: 2rem;text-indent: 2rem;padding-bottom: 15px;}
.items{padding-bottom: 15px;}
.items dl{text-align: center;}
.items dl dt{font-size: 2rem;color: #fc7019;margin-bottom: 10px;font-weight: normal;}
.items dd{font-size: 14px;color: #666;}
.about-img {margin-bottom: 15px;}

@media (max-width: 768px){
    .banner .content{padding-top: 35%;}
    .banner .content .mask .banner-tit{font-size: 1.2rem;}
    .position{font-size: .75rem;}
    .path{height: 2.5rem;line-height: 2.5rem;}
    .about-box{margin-top: 1rem;}
    .botsms .fdb-block{width: 100%;}
    .contact ul li .dis h3 span {display: none;}
}