@charset "utf-8";
/*成功案例*/
.success-case-box{padding-bottom: 40px;}
.success-case-box *{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
/*banner1*/
.success-case-box .banner1{position: relative;padding-top: 90%;background-position: center top;background-size: 100% auto;background-repeat: no-repeat;color: #fff;}
.success-case-box .banner1 .title{position: absolute;left: 0;top: 60px;width: 100%;text-align: center;}
.success-case-box .banner1 .title .tit1{font-size: 32px;line-height: 60px;}
.success-case-box .banner1 .title .tit2{margin-top: 10px;font-size: 56px;}
.success-case-box .banner1 .info{position: absolute;left: 0;bottom: 0;width: 100%;padding: 10% 50px 5%;background-image: linear-gradient(180deg,transparent,#4a8ed8 25%);}
.success-case-box .banner1 .info .tit{padding-bottom: 36px;border-bottom: 1px solid rgba(255,255,255,.3);font-size: 22px;line-height: 30px;}
.success-case-box .banner1 .info .tit span{margin-left: 8px;font-size: 14px;font-weight: normal;text-transform: uppercase;font-style: italic;}
.success-case-box .banner1 .info .tit span:before{content: "/";margin-right: 8px;}
.success-case-box .banner1 .info .txt{margin-top: 30px;font-size: 16px;line-height: 32px;text-align: justify;}
/*banner2*/
.success-case-box .banner2{position: relative;padding-top: 71%;background-position: center top;background-size: cover;background-repeat: no-repeat;color: #fff;}
.success-case-box .banner2 .title{position: absolute;left: 50%;top: 50%;padding: 15px 0 20px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;text-align: center;font-weight: bold;transform: translate(-50%,-50%);white-space: nowrap;}
.success-case-box .banner2 .title .tit1{font-size: 46px;line-height: 60px;}
.success-case-box .banner2 .title .tit2{font-size: 32px;line-height: 50px;}
/*banner3*/
.success-case-box .banner3{position: relative;padding-top: 52%;background-position: center top;background-size: cover;background-repeat: no-repeat;color: #fff;}
.success-case-box .banner3 .title{position: absolute;left: 0;top: 50%;padding: 15px 0 20px;font-weight: bold;transform: translate(0,-50%);white-space: nowrap;}
.success-case-box .banner3 .title .tit1{display: inline-block;padding: 0 40px;border-bottom: 1px solid rgba(255,255,255,.25);font-size: 32px;line-height: 60px;}
.success-case-box .banner3 .title .tit2{padding: 0 180px 0 64px;border-bottom: 1px solid rgba(255,255,255,.25);font-size: 46px;line-height: 72px;}

/*主要内容*/
.success-case-box .main-content{min-height: 500px;padding: 60px 50px 20px;background-color: #fff;}
/*标题*/
.success-case-box .main-content .common-title{padding-left: 24px;margin-bottom: 30px;background-image: linear-gradient(90deg,#4a8ed8,transparent);font-size: 22px;line-height: 55px;color: #fff;}
.success-case-box .main-content .common-title span{margin-left: 8px;font-size: 14px;font-weight: normal;text-transform: uppercase;font-style: italic;}
.success-case-box .main-content .common-title span:before{content: "/";margin-right: 8px;}
/*布局*/
.success-case-box .main-content > .item{margin-bottom: 20px;}
.success-case-box .main-content > .item:last-child{margin-bottom: 0;}
.success-case-box .main-content > .item > .content{padding: 30px 0;border-top: 1px solid #e9e9e9;font-size: 16px;line-height: 32px;text-align: justify;}

/*通用边距*/
.success-case-box .mt30{margin-top: 30px;}
.success-case-box .mt50{margin-top: 50px;}
.success-case-box .mb30{margin-bottom: 30px;}
.success-case-box .mb50{margin-bottom: 50px;}

/*文字列表左侧带小圆点*/
.text-dot-list{}
.text-dot-list li{position: relative;padding-left: 34px;margin-bottom: 36px;text-align: justify;}
.text-dot-list li:before{content: "";position: absolute;left: 0;top: 11px;width: 10px;height: 10px;background-color: #000;border-radius: 50%;}

/*左文右图内容*/
.info-pic-wrap{overflow: hidden;}
.info-pic-wrap > .con-l{float: left;width: 35%;}
.info-pic-wrap > .con-l p{margin-bottom: 30px;text-align: justify;}
.info-pic-wrap > .con-r{margin-left: 40%;}
.info-pic-wrap > .con-r img{width: 100%;}
/*样式2*/
.info-pic-wrap.style2 > .con-l{width: 37%;}
.info-pic-wrap.style2 > .con-l p{margin-bottom: 40px;}
.info-pic-wrap.style2 > .con-r{margin-left: 42%;}

/*图片横向列表*/
.pic-list{overflow: hidden;margin: 10px 0;}
.pic-list li{float: left;width: 32.6%;margin-left: 1.1%;}
.pic-list li:first-child{margin-left: 0;}
.pic-list li img{width: 100%;}
/*样式2*/
.pic-list.style2 li{border: 1px solid #dbdbdb;}
/*样式3*/
.pic-list.style3{margin: 30px 0;}
.pic-list.style3 li{width: 50%;padding: 0 30px;margin-left: 0;text-align: center;}
.pic-list.style3 li .pic-wrap{display: inline-block;}

/*带名称图片*/
.pic-wrap{text-align: center;}
.pic-wrap img{display: block;width: 100%;}

/*左文右图列表*/
.info-pic-list{}
.info-pic-list > li{overflow: hidden;margin-bottom: 50px;}
.info-pic-list > li .info{float: left;width: 42%;}
.info-pic-list > li .tit{font-size: 25px;color: #4a8dd7;}
.info-pic-list > li .txt{margin-top: 28px;}
.info-pic-list > li .pic{float: right;width: 54%;}

/*右侧悬浮栏*/
.fixed-win{z-index: 10;position: absolute;left: 50%;top: 660px;width: 50px;margin-left: 570px;transition: 0.2s;}
.fixed-win *{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.fixed-win .links{text-align: center;}
.fixed-win .links a{position: relative;display: block;width: 50px;height: 50px;margin-bottom: 3px;background-color: #ddd;font-size: 14px;color: #fff;}
.fixed-win .links a img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 16px;height: 16px;margin: auto;}
.fixed-win .links a span{position: absolute;right: 48px;padding: 0 20px;background-color: #4a8dd7;line-height: 50px;color: #fff;white-space: nowrap;transform: scaleX(0);transform-origin: right;transition: 0.3s;}
.fixed-win .links a:hover{background-color: #4a8dd7;}
.fixed-win .links a:hover span{transform: scaleX(1);}
.fixed-win .share-wrap{text-align: center;}
.fixed-win .share-wrap .bdsharebuttonbox a{width: 50px;height: 50px;margin: 0 0 1px;background-color: #fff;background-size: 28px 28px;}

/*弹窗-技术支持*/
.popup-tech{display: none;z-index: 10;position: fixed;left: 50%;top: 50%;min-width: 300px;transform: translate(-50%,-50%);box-shadow: 0 0 20px rgba(0,0,0,.3);}
.popup-tech *{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.popup-tech .close-btn{position: absolute;right: 10px;top: 10px;width: 24px;height: 24px;background-color: #0083bb;border-radius: 50%;font-size: 14px;text-align: center;line-height: 24px;color: #fff;cursor: pointer;}
.popup-tech .title{padding: 0 50px 0 20px;background-color: #009adc;line-height: 44px;color: #fff;}
.popup-tech .content{padding: 20px;background-color: #fff;}
.popup-tech .content .row{margin-bottom: 10px;}
.popup-tech .content .row input{width: 100%;height: 40px;padding: 0 1em;border: 1px solid #ccc;border-radius: 20px;font-size: 12px;}
.popup-tech .content .row textarea{width: 100%;height: 100px;padding: .5em 1em;border: 1px solid #ccc;border-radius: 10px;font-size: 12px;resize: none;}
.popup-tech .content .row input:focus{border-color: #009adc;}
.popup-tech .content .row textarea:focus{border-color: #009adc;}
.popup-tech .content .row input::-webkit-input-placeholder{color: #999;}
.popup-tech .content .row textarea::-webkit-input-placeholder{color: #999;}
.popup-tech .btns-area .btn{width: 100%;padding: 0;margin: 0;background-color: #d9f0fa;border: 0;border-radius: 20px;font-size: 12px;line-height: 40px;color: #009adc;}


/*小屏PC:>=1025px && <=1200px*/
@media screen and (max-width: 1200px){
	/*右侧悬浮栏*/
	.fixed-win{left: auto;right: 0;margin-left: 0;}
}

/*pad横屏:>=769px && <=1024px*/
@media screen and (max-width: 1024px){
	
}

/*phone:<=768px*/
@media screen and (max-width: 768px){
	/*右侧悬浮栏*/
	.fixed-win{top: 218px;width: 24px;}
	.fixed-win .links a{width: 24px;height: 24px;margin-bottom: 1px;font-size: 12px;}
	.fixed-win .links a img{width: 14px;height: 14px;}
	.fixed-win .links a span{right: 22px;padding: 0 .5em;line-height: 24px;}
	.fixed-win .share-wrap .bdsharebuttonbox a{width: 24px;height: 24px;background-size: 16px 16px;}
	
	/*弹窗-技术支持*/
	.popup-tech .title{padding: 8px 40px 8px 10px;font-size: 12px;line-height: 24px;white-space: nowrap;}
	.popup-tech .content{padding: 20px 10px;}
	.popup-tech .content .row{margin-bottom: 5px;}
	.popup-tech .content .row input{height: 30px;border-radius: 15px;}
	.popup-tech .content .row textarea{}
	.popup-tech .btns-area .btn{line-height: 30px;}

	/*成功案例*/
	.success-case-box{padding-bottom: 20px;}
	/*banner1*/
	.success-case-box .banner1 .title{top: 20px;}
	.success-case-box .banner1 .title .tit1{padding: 0 20px;font-size: 16px;line-height: 24px;}
	.success-case-box .banner1 .title .tit2{margin-top: 5px;font-size: 24px;}
	.success-case-box .banner1 .info{padding: 10% 10px 5%;}
	.success-case-box .banner1 .info .tit{padding-bottom: 5px;font-size: 16px;}
	.success-case-box .banner1 .info .txt{max-height: 100px;padding: 0 10px;margin-top: 5px;font-size: 12px;line-height: 20px;overflow: hidden;}
	/*banner2*/
	.success-case-box .banner2 .title{width: 90%;padding: 10px;}
	.success-case-box .banner2 .title .tit1{font-size: 22px;line-height: 30px;}
	.success-case-box .banner2 .title .tit2{font-size: 12px;line-height: 24px;}
	/*banner3*/
	.success-case-box .banner3 .title .tit1{padding: 0 10px;border-bottom: 0;font-size: 16px;line-height: 24px;}
	.success-case-box .banner3 .title .tit2{padding: 0 30px 0 10px;margin-top: 5px;border-bottom: 0;font-size: 22px;line-height: 30px;}

	/*主要内容*/
	.success-case-box .main-content{padding: 20px 10px;}
	/*标题*/
	.success-case-box .main-content .common-title{padding-left: .8em;margin-bottom: 10px;background-image: linear-gradient(90deg,#4a8ed8 60%,transparent);font-size: 15px;line-height: 40px;}
	.success-case-box .main-content .common-title span{display: inline-block;margin-left: 5px;font-size: 12px;transform: scale(.8);transform-origin: left;}
	.success-case-box .main-content .common-title span:before{margin-right: 5px;}
	/*布局*/
	.success-case-box .main-content > .item{margin-bottom: 10px;}
	.success-case-box .main-content > .item > .content{padding: 10px;font-size: 14px;line-height: 24px;}

	/*通用边距*/
	.success-case-box .mt30{margin-top: 10px;}
	.success-case-box .mt50{margin-top: 10px;}
	.success-case-box .mb30{margin-bottom: 10px;}
	.success-case-box .mb50{margin-bottom: 10px;}

	/*文字列表左侧带小圆点*/
	.text-dot-list li{padding-left: 15px;margin-bottom: 15px;}
	.text-dot-list li:before{top: 9px;width: 6px;height: 6px;}

	/*左文右图内容*/
	.info-pic-wrap > .con-l{float: none;width: 100%;}
	.info-pic-wrap > .con-l p{margin-bottom: 15px;}
	.info-pic-wrap > .con-r{margin-left: 0;}
	/*样式2*/
	.info-pic-wrap.style2 > .con-l{width: 100%;}
	.info-pic-wrap.style2 > .con-l p{margin-bottom: 15px;}
	.info-pic-wrap.style2 > .con-r{margin-left: 0;}

	/*图片横向列表*/
	.pic-list li{float: none;width: 100%;margin-left: 0%;}
	.pic-list li:first-child{margin-left: 0;}
	/*样式3*/
	.pic-list.style3{margin: 10px 0;}
	.pic-list.style3 li{width: 100%;padding: 0 10px;margin-bottom: 20px;}

	/*左文右图列表*/
	.info-pic-list > li{margin-bottom: 10px;}
	.info-pic-list > li .info{float: none;width: 100%;}
	.info-pic-list > li .tit{font-size: 16px;}
	.info-pic-list > li .txt{margin-top: 10px;}
	.info-pic-list > li .pic{float: none;width: 100%;}
}