/*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;}
/*case*/
.case-top {margin: 2rem auto;padding: 2rem;background: #fafafa;}
.case-top h1 {font-size: 1.5rem;line-height: 2rem;}
.case-top .line{display: block;width:100%;height:1px;background:#F0F0F0;margin: 1.2rem 0 2.3rem;}
.case-top ul li i{display: inline-block;width: 75px;height: 75px;background: #fff;text-align: center;line-height: 75px;border-radius: 50%;}
.case-top ul li {text-align: center;}
.case-top ul li .item{margin-bottom: 1rem;}
.case-top ul li .item{margin-top:0.5rem}
.case-top ul li .item p{font-size: 18px;font-weight: bold;margin-bottom: 7px;}
.case-top ul li .item span{display: block;font-size: 16px;color: #333333;}
.caseleft h2 {border-bottom: 1px solid #eaeaea;line-height: 50px;font-weight: initial;color: #3b3b3b;font-size: 1.2rem;margin-bottom: 2rem;}
.caseleft h2::after{content:"";width: 65px;display: block;background: #fc7019;height: 1px;}
.caseleft p {margin-bottom: 1.5rem;font-size: 1rem;line-height: 2rem;text-indent: 2rem;}
.caseleft p img{display: block;}
.caseright{width: 285px;}
.caseright .agent {background: #f2f2f2;padding-top: 25px;padding-bottom: 18px;color: #333;text-align: center;}
.caseright .agent .head-div {width: 109px;display: block;padding: 6px;margin: 0 auto;background: rgba(255, 255, 255, 0.2);border-radius: 50%;}
.caseright .agent .head-div img {display: block;border-radius: 50%;-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.24);box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.24);}
.caseright .agent .agent-tip {padding: 12px 0 8px;font-size: 1rem;font-weight: bold;}
.caseright .agent .agent-tips {font-size: .75rem;}
.caseright .agent .agent-btn {display: block;margin: 0 auto;margin-top: 20px;width: 200px;height: 38px;line-height: 38px;background: #f60;border-radius: 5px;font-size: 14px;text-align: center;color: #fff;}
.caseright .agent .phone {padding-top: 10px;font-size: .875rem;}

.case-pros {margin:2rem auto;}
.case-pros h2{border-bottom: 1px solid #eaeaea;line-height: 3rem;font-weight: bold;color: #3b3b3b;font-size: 1.5rem;margin-bottom: 2rem;}
.case-pros h2::after{content:"";width: 65px;display: block;background: #fc7019;height: 1px;}
.case-pros p{font-size: 1rem;text-align: center;height: 4.5rem;padding: .5rem;background: #fafafa;}
/*list-case*/
.pd {padding-top: 3rem;padding-bottom: 2rem;}
.side-menu .title {width: 100%;padding: 0 20px;background-color: #0154a6;color: #fff;}
.side-menu .title b {line-height: 50px;font-weight: bold;font-size: 1.2rem;}
.side-menu ul {padding: 15px;background: #fafafa;}
.side-menu ul li {background: url(/images/icon.png) no-repeat left center;padding-left: 15px;height: 3rem;line-height: 3rem;overflow: hidden;border-bottom: 1px dashed #eaeaea;}
.list-title {border-bottom: 1px solid #eaeaea;margin-bottom: 30px;}
.list-title b{border-bottom: 1px solid #fc7019;line-height: 40px;display: inline-block;margin-bottom: -1px;font-weight: bold;color: #3b3b3b;font-size: 24px;}
.list-case .picture {overflow: hidden;transition: all .5s;}
.list-case .picture img {overflow-x: hidden;overflow-y: hidden;position: relative;z-index: 1;transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;/* Firefox 4 */-moz-transition-delay: 0s;-moz-transition-duration: 1s;-moz-transition-property: all;-moz-transition-timing-function: ease;/* Safari and Chrome */-webkit-transition-delay: 0s;-webkit-transition-duration: 1s;-webkit-transition-property: all;-webkit-transition-timing-function: ease;/* Opera */-o-transition-delay: 0s;-o-transition-duration: 1s;-o-transition-property: all;-o-transition-timing-function: ease;}
.list-case .picture:hover img {transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1); /* IE 9 */-moz-transform: scale(1.1, 1.1); /* Firefox */-webkit-transform: scale(1.1, 1.1); /* Safari and Chrome */-o-transform: scale(1.1, 1.1); /* Opera */}
.list-case ul li {margin-bottom:.5rem}
.list-case ul li .case-tit {text-align: center;overflow: hidden;height: 2.5rem;line-height: 2.5rem;font-size: 1rem;}

.page {text-align: center;}
.page ul {display: inline-block;padding: 1rem 0;}
.page .pre,.page .next {float: left;text-align: center;background-color: #d9d9d9;}
.page .next {float: right;}
.page .pre span,.page .next span {display: none}
.page .pre:hover {color: #fff;background: #fc7019;border-color: #fc7019;}
.page .pre:active {background: #fc7019;border-color: #fc7019;color: #fff    }
.page .next:hover {background: #fc7019;border-color: #fc7019;color: #fff;}
.page .next:active {background: #fc7019;border-color: #fc7019;color: #fff}
.page ul li{min-width: 35px;margin-right: 10px;color: #595959;border: 1px solid #d9d9d9;line-height: 30px;display: inline-block;border-radius: 6px;}
.page li:hover {color: #fff;border-color: #fc7019;background-color: #fc7019}
.page ul li.thisclass {background-color: #fc7019;color: #fff;border-color: #fc7019;}

.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%;}

@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%;}
    .caseright{position: unset !important;top: auto !important;margin: 0 auto !important;width: 100%;}
    .side-menu{display: none;}
}