.casebanner{background-image: url(/images/1.0/case/casebanner.jpg);height: 430px;background-repeat: no-repeat;    background-position: center center;margin: 0px auto;}
.bannertext {padding-right: 10%;padding-left: 15%;margin-right: auto;margin-left: auto;padding-top: 2%;}
.bannertext h1{font-size: 36px;padding: 1.8em 0em 0em 0em;color: #fff;}
.bannertext p {line-height: 2em;font-size: 1.0em;color: #fff;padding: 0.5em 0em 0em 0em;}


.main {width: 1200px;margin: 0 auto;clear: both;overflow: hidden;}


.case-layout{width:1200px;margin: 0 auto;overflow: hidden;}
.casebox{overflow: hidden;margin: 0 auto;}
.casebox h1{font-size: 1.8em;line-height: 40px;color: #222;font-weight: bold;margin-top: 4%;margin-bottom: 2%;}
.mainleft{width:70%;margin: 0 auto;float: left;}
.mainright{width:25%;margin: 0 auto;float: right;}
.caseDet-head-art{border-top: 1px solid #f1f1f1;background: #f6f6f6;padding: 3% 4%;}
.caseDet-head-text-top{color: #828282;font-size: 16px;display: inline;}
.caseDet-head-text-bot{font-size: 16px;color: #555;display: inline;}
.caseDet-head-text-bot a {color: #2b8cf4;}
.caseDet-head-text-bot .tz-cpxq-jt {display: inline-block;vertical-align: middle;width: 8px;height: 26px;margin-left: 7px;}

.questions-center-right {padding: 20px 20px 30px;background-color: #f6f6f6;position: relative;}
.questions-center-img {overflow: hidden;}
.questions-center-img img {width: 100%;vertical-align: middle;}
.cd-bartit {font-size: 16px;line-height: 26px;color: #555;margin-top: 8px;text-align: center;}
.casemain.questions-center-btn {margin-top: 15px;}
.questions-center-btn a {display: block;width: 100%;height: 40px;background-color: #e03b3b;border-radius: 2px;font-size: 14px;color: #fff;line-height: 40px;text-align: center;transition: 0.36s;}

.detail-page-slide {width: 290px;float: right;}
.server-type-ask {box-sizing: border-box;padding: 20px;background-color: #ffffff;border: 1px solid #E8EDF2;}
.server-type-ask img {display: block;width: 100%;height: 128px;}
.server-type-ask p {width: 100%;max-height: 44px;margin-top: 18px;line-height: 22px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.server-type-ask .btn {display: block;height: 44px;line-height: 44px;margin-top: 16px;padding: 0;text-align: center;}
.btn-orange {background-color: #dd0d01;color: #ffffff;width: 100%;margin-top: 15px;}
.mt-20 {margin-top: 20px !important;}
.plan-get-form-mini {box-sizing: border-box;width: 100%;padding: 168px 20px 30px;background: #E8EDF2 url(/images/1.0/case/dingzhi.jpg) no-repeat center top;}
.plan-get-form-mini h5 {    text-align: center;height: 20px;margin-bottom: 16px;line-height: 20px;color:#fff;letter-spacing: 0.1em;}
.plan-get-form-mini h5 span {font-weight: bold;font-size: 16px;}
.plan-get-form-mini .get-plan-form-item {margin-bottom: 15px;position: relative;}
.plan-get-form-mini .u-input, .plan-get-form-mini .u-select, .plan-get-form-mini .u-textarea {width: 100%;border-color: #ffffff;}
.get-plan-form-phone{margin-top: 15px;text-align: center;}
.get-plan-form-phone span{font-weight: bold;}
.plan-get-form-mini .get-plan-form-item i.u-item-icon {display: block;width: 16px;height: 16px;line-height: 16px;text-align: center;position: absolute;top: 12px;left: 12px;color: #686F88;}
.m-select-imit {display: inline-block;width: 360px;height: 40px;position: relative;vertical-align: iddle;}
.plan-get-form-mini .get-plan-form-item .m-select-panel {padding-left: 44px;}
.m-select-imit .m-select-panel {box-sizing: border-box;width: 100%;height: 40px;padding: 10px 54px 10px 12px;border: 1px solid #E0E6ED;background-color: #ffffff;position: relative;cursor: pointer;}
.plan-get-form-mini .get-plan-form-item .m-select-panel span {color: #686F88;}
.m-select-imit .iconfont {position: absolute;top: 8px;right: 12px;}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;}

.weixin{text-align: center;margin-top: 20px;}
.weixin span{display: block;font-size: 14px;}
.main-text{background-color: #fff;padding: 20px 0 10px;}
.main-text img{display: block;margin: 0 auto 10px;padding: 2px;border: #ccc solid 1px;max-width: 100%;}
.main-text p{margin: 15px auto;text-indent: 2em;font-size: 14px;}

.caseDet-case{margin-top: 50px;}
.Solution-det-bottom {width: 100%;}
.caseDet-case .Solution-det-bottom .sd-bottom-case {border-top: none;}
.rTit {overflow: hidden;line-height: 26px;}
.rTitText {float: left;font-size: 22px;font-weight: bold;color: #222;padding-left: 13px;background: url(/images/1.0/case/rtit.png) no-repeat 0 center;}
.rTitMore {float: right;font-size: 14px;color: #999;transition: 0.3s;}
.rTitMore span {display: inline-block;padding-right: 25px;background: url(/images/1.0/case/rearr.png) no-repeat right center;}
.sd-bottom-case-main {margin-top: 15px;    margin-bottom: 25px;}
.sd-bottom-case-main li{width: 33.33%;float: left;padding: 10px;margin-top: 15px;}
.caseCont .list-item {background-color: #fff;transition: all 0.36s ease;}
.caseCont .list-img {overflow: hidden;}
.caseCont .list-img img {/* transition: all ease-out 0.36s; */}
.sd-bottom-case .sd-bottom-case-main .list-info {background-color: #f6f6f6;}
.caseCont .list-info {    background-color: #fff;    padding: 24px 44px 30px 30px;}
.caseCont .list-tit {font-size: 16px;line-height: 30px;color: #222;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.caseCont .list-tit a{color:#555;}
.caseCont .list-tit span {display: inline-block;width: 8px;height: 12px;background: url(/images/1.0/case/case-img-icon_03.png) no-repeat left 0px;margin-left: 14px;}
.caseCont .list-text {color: #828282;font-size: 14px;line-height: 26px;margin-top: 18px;}
.caseCont .list-text p:first-child {background: url(/images/1.0/case/case-picon1_03.png) no-repeat left center;margin-top: 0;}
.caseCont .list-text p {padding-left: 30px;margin-top: 4px;background: url(/images/1.0/case/case-picon2_03.png) no-repeat left center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.caseDet-foot {background-color: #f6f6f6;padding: 40px 30px;}
.caseBox .wrap{width: unset;}
.caseDet-foot-amin {padding-left: 14%;background: url(/images/1.0/case/kehu03.png) no-repeat 0 0;background-size: 10%;font-size: 14px;}
.caseDet-foot-text {color: #555;line-height: 32px;text-indent: 2em;}
.caseDet-foot-hf {color: #555;line-height: 26px;margin-top: 2%;padding-left: 58px;background: url(/images/1.0/case/kehu02.jpg) no-repeat left center;}

.wsc-relate{margin: 40px auto;}
.contents li{width: 33.33%;float: left;padding: 10px;margin-top: 15px;}
.reMain {margin-top: 3%;}
.reMain li {width: 33.33%;float: left;padding: 10px;margin-top: 15px;}

.repro-list .list-item:hover {box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);}

.list-tit:hover {color: #1d2088 !important;}
.repro-list .list-item:hover {box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);}
.list-chanpin{border: solid 1px #eaeaea;}
.repro-list .list-tit {padding: 13px 30px 11px;background-color: #f0f0f0;}
.repro-list .list-tit a {display: block;color: #555;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: center;}
.repro-list .list-info {padding: 5px 5px;}
.repro-list .list-img {overflow: hidden;position: relative;}
.repro-list .list-img img {margin: auto;}
.repro-list .list-btn {margin-top: 14px;text-align: center;font-size: 0;padding: 20px;}
.repro-list .list-btn .btn {width:50%;line-height: 30px;}
.btn-red {background-color: #dd0d01;border: 1px solid #dd0d01;color: #fff;}
.btn-pd {background-color: #e7ecf1;color: #555;}
.form-control{float:left; margin-top:15px;margin-bottom: 5px;}
.bootsms .submit{margin-top: 15px;}

.list-main li{width: 33.33%;float: left;padding: 10px;margin-top: 15px;}
.list-bj{background-color: #f6f6f6;padding: 5px 5px;padding: 24px 44px 30px 30px;}
.paging-inner {height: 46px;margin: 40px auto 0;text-align: center;font-size: 0;}
.paging-inner a {margin: 0 5px;height: 46px;width: 46px;transition: 0.36s;}
.paging-inner .current, .paging-inner a:hover {background-color: #1d2088;color: #fff;}
.caseCont .paging-inner .current {background-color: #1d2088;}
.caseCont .paging-inner a {background-color: #fff;}
.paging-inner span, .paging-inner a {    display: inline-block;vertical-align: top;text-align: center;color: #555;    font-size: 16px;line-height: 46px;}
.paging-inner .next {background: #f6f6f6 url(/images/1.0/case/pageNext_03.png) no-repeat center center;}

.fenye{display: block;text-align:center;}
.fenye ul{display: inline-block;margin: 2% auto;}
.fenye ul li{float:left;margin: 0 5px;padding: 0.4rem 1rem;display: block;line-height: 1.5em;border:1px solid #d8dadf;}
.fenye ul li a{color:#000}
.fenye ul li:hover{text-decoration:none;color:#fff;border: 1px #1677ff solid;background-color: #1677ff;}
.fenye ul li:hover a{color:#fff}
.fenye ul li.thisclass{color: #000;}


@media screen and (max-width:768px){
.case-layout{width: 100%;padding: 0 3%;margin-top: 2%;}
.main,.mainleft,.mainright,.detail-page-slide,.contents li{width: 100%;}
.server-type-ask img{height:auto;}
.list-main li{padding: 0;width: 100%;margin: 0 auto;margin-bottom: 2%;}
.caseCont .list-info{padding: 3% 5%;}
.casebox h1{font-size: 1.3em;}
.caseDet-foot{padding: 4% 5%;}
}