



.section_wrap{margin-top:50px;}
.section_wrap .title_wrap{text-align: center;}
.section_wrap .title_wrap h1{font-size: 32px;color: #333;margin-bottom:30px;}
.section_wrap .title_wrap p{font-size:16px;color: #707070;}
.content_wrap{margin-top:20px;padding:0 10px;}
/*产品中心*/
.product_wrap .content_item{height:400px;text-align: center;background: #fff;border:none;position: relative;}
.product_wrap .content_item:hover {box-shadow: 0 0 1px rgba(39, 142, 255, 0.1);z-index: 5;}
.product_wrap .item_tit{height:150px;margin:20px -15px 0;margin-left: -16px;background: #f6f8fb; border:1px solid #e8ebee;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s;}
.product_wrap .content_item:hover .item_tit{height:170px;margin: 0 -15px;margin-left: -16px;padding-top:20px;background: #268cf4;border-color: #268cf4;}
.product_wrap .item_cont{height:210px;margin:0 -15px;margin-left: -16px;padding-top:40px;border:1px solid #e8ebee;border-top:none;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s;}
.product_wrap .content_item:hover .item_cont{height:230px;border-color:#268CF4;}
.product_wrap .item_tit {text-align: center;}
/*.product_wrap .item_tit .item_icon{margin-top:34px;display: inline-block;height: 60px;width: 60px;background: url(../images/product_icon.png) no-repeat;}
.content_item:hover .item_icon{background: url(../images/product_icon_hover.png) no-repeat;}
.product_wrap .item_icon.item_icon_1{background-position: 0 0;}
.product_wrap .item_icon.item_icon_2{background-position: 0 -60px;}
.product_wrap .item_icon.item_icon_3{background-position: 0 -120px;}
.product_wrap .item_icon.item_icon_4{background-position: 0 -180px;}
.product_wrap .item_icon.item_icon_5{background-position: 0 -240px;}
.product_wrap .item_icon.item_icon_6{background-position: 0 -300px;}
.product_wrap .item_icon.item_icon_7{background-position: 0 -360px;}
.product_wrap .item_icon.item_icon_8{background-position: 0 -420px;}*/
.product_wrap .item_tit h3{margin:10px 0;font-size: 16px;color: #333;}
.product_wrap .content_item:hover .item_tit h3{color: #fff;}
.product_wrap .item_cont .txt_box{width: 70%;height:60px;margin:0 auto;color: #828282;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.product_wrap .item_cont .btn{display: inline-block;width:140px;height:40px;line-height:40px;margin-top:26px;padding:0;color: #ffa200;border:1px solid #ffa200;font-size: 16px;position: relative;}
.product_wrap .item_cont .btn .move_bg{position: absolute;top:0;left: 0;transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;z-index: -1;width: 0;height:100%;}

.product_wrap .item_cont .btn:hover{color: #fff;}
.product_wrap .item_cont .btn:hover .move_bg{width: 100%;background: #ffa200;}


@media screen and (max-width: 767px){
	.product_wrap .item_tit{;margin:20px 0px 0;}
	.product_wrap .content_item:hover .item_tit{margin: 0;}
	.product_wrap .item_cont{margin:0;}
}


/*解决方案*/
.program_wrap{background: #f6f8fb;padding-top:40px;}
.program_wrap .content_wrap{padding: 40px 0 40px;}
.program_wrap .item_wrap{max-width:370px;margin:0 auto 30px;height:264px;background: #fff;overflow: hidden;position: relative;}
.plan_item{text-align: center;height: 100%;padding-top:40px;}
.plan_item h3{margin-top:30px;font-size: 16px;color: #333;}
.program_wrap .item_wrap:hover .plan_item{display: none;}
.plan_hover{position: absolute;top: 0;left: 0; opacity:0;height: 100%;text-align: center;color: #fff;padding-top:40px;}
.plan_hover_wrap{margin-top:22px;transition:0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s;}
.desc_txt{width:80%;margin:20px auto;line-height: 200%;}
.program_wrap .item_wrap:hover .plan_hover{opacity: 1;}
.program_wrap .item_wrap:hover .plan_hover_wrap{margin-top:0;}

/*.plan_hover_1{background: #ff842d;}
.plan_hover_2{background: #66a3ff;}
.plan_hover_3{background: #1be17f;}
.plan_hover_4{background: #ff5353;}
.plan_hover_5{background: #ff842d;}
.plan_hover_6{background: #66a3ff;}*/


/*案例*/
.section_wrap.case_wrap{margin:0;padding:30px 0 50px;background: url(../images/case_bg.jpg) no-repeat center;background-size: cover;}
.case_wrap .title_wrap{margin-top:40px;}
.case_wrap .title_wrap h1{color: #fff;}
.case_wrap .title_wrap p{color: #fff;}
.case_tab{margin-top:40px;text-align: center;}
.case_tab li{display:inline-block;width:132px;height: 40px;line-height: 40px;margin:10px 6px 0 0;text-align:center;color:#fff;border: 1px solid #fff;cursor: pointer;}
.case_tab li.active{background: #268cf4;border-color: #268cf4;}
.case_content_box{margin-top:50px;display: none;}
.case_item{display:block;max-width:370px;margin:0 auto;text-align: center;margin-bottom:20px;}

.case_img{height:292px;overflow: hidden;background: #fff;border-bottom:1px solid #eee;}
.case_img img{width:100%;height:auto;transition: 0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;}
.case_img:hover img{transform:scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}

@media screen and (min-width: 768px){
	.case_img{height:168px;}
}
@media screen and (min-width: 992px){
	.case_img{height:226px;}
}
@media screen and (min-width: 1200px){
	.case_img{height:280px;}
}

.case_name{height: 40px;line-height: 40px;padding:0 20px;background: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;}
