@charset "utf-8";

:after,:before{box-sizing:inherit}
ul{list-style:none}
.col-sm-4{float:left;position:relative;}     /*设置width百分比调整显示个数*/
.selected-solution{}
.selected-solution>div{position:relative; margin:0 auto}
.selected-solution .swiper-container{width:1240px; padding-bottom:45px;}  /*宽度要算上box两边的padding*/
.selected-solution .layer-title{color:#393b40;padding:40px 0 30px;text-align:center;font-size:30px;letter-spacing:1.09px}
/*主体列表*/
.selected-solution .solution-cardlist{max-width:1240px; margin-top:20px;}
.swiper-slide,.swiper-wrapper{}
.selected-solution .solution-cardlist .col-sm-4{padding:10px 0px;}


/*indexpro
.selected-solution .solution-cardlist .col-sm-4 .indexprobox{width:270px; margin:0px 20px; float:left;}
.selected-solution .solution-cardlist .col-sm-4 .indexprobox:hover{position:relative; top:-5px;}
.selected-solution .solution-cardlist .col-sm-4 .indexprobox01{background:#f4f4f4; border:1px solid #ccc; border-radius:7px; box-shadow:0px 0px 10px #ccc; padding:9px; color:#222;}
.selected-solution .solution-cardlist .col-sm-4 .indexprobox01 img{width:250px; height:250px; border:0px;}
.selected-solution .solution-cardlist .col-sm-4 .indexprobox:hover .indexprobox01{background:#4783ff; border:0px; }
.selected-solution .solution-cardlist .col-sm-4 .indexprobox:hover .indexprobox01 img{width:230px; height:230px; margin-top:15px; border-radius:115px;}
.selected-solution .solution-cardlist .col-sm-4 .indexprobox .indexprobox01 .indexproboxtitle{height:60px; line-height:26px; overflow:hidden; font-size:17px; padding:0px 10px;}
.selected-solution .solution-cardlist .col-sm-4 .indexprobox:hover .indexprobox01 .indexproboxtitle{color:#fff; font-weight:bold;}
*/

/*indexpro*/
.selected-solution .solution-cardlist .col-sm-4 .indexprobox{width:270px; margin:0px 20px; float:left;}
.selected-solution .solution-cardlist .col-sm-4 .indexprobox:hover{position:relative; top:-5px;}
.selected-solution .solution-cardlist .col-sm-4 .indexprobox01{background:#fff; border:1px solid #ccc; border-radius:7px; box-shadow:0px 0px 15px #ddd; padding:9px 0px 20px 0px; color:#222;}
.selected-solution .solution-cardlist .col-sm-4 .indexprobox01 img{border:0px; }
.selected-solution .solution-cardlist .col-sm-4 .indexprobox:hover img{transform: scale(1.05);}
.indexproboximg{margin-bottom:15px; padding:0px 9px; border-bottom:1px solid #ccc; height:250px; overflow:hidden;}
.indexproboxtitle{height:52px; line-height:26px; overflow:hidden; font-size:17px; padding:0px 10px; margin-bottom:15px;}
.selected-solution .solution-cardlist .col-sm-4 .indexprobox:hover .indexproboxtitle{color:#4783ff; font-weight:bold;}
.indexproboxbutton{line-height:32px; color:#4783ff; border:2px solid #4783ff; border-radius:19px; padding:0px 20px; font-size:16px; display:table-cell;}
.selected-solution .solution-cardlist .col-sm-4 .indexprobox:hover .indexproboxbutton{color:#fff; background:#4783ff;}


/*indexcase*/
.selected-solution .solution-cardlist .col-sm-4 .indexcasebox{width:380px; margin:0px 15px; float:left;}
.selected-solution .solution-cardlist .col-sm-4 .indexcasebox:hover{position:relative; top:-5px;}
.selected-solution .solution-cardlist .col-sm-4 .indexcasebox01{background:#fff; border:1px solid #ccc; border-radius:7px; box-shadow:0px 0px 10px #ddd; padding:9px 9px 20px 9px;}
.selected-solution .solution-cardlist .col-sm-4 .indexcasebox01 img{border:0px; opacity:0.95; filter:alpha(opacity=95);}
.selected-solution .solution-cardlist .col-sm-4 .indexcasebox:hover img{opacity:1;filter:alpha(opacity=100); transform: scale(1.05);}
.indexcaseboxtitle{height:26px; margin-bottom:10px; line-height:26px; overflow:hidden; font-size:20px; color:#222;}
.selected-solution .solution-cardlist .col-sm-4 .indexcasebox:hover .indexcasebox01 .indexcaseboxtitle{color:#4783ff; font-weight:bold;}
.indexcaseboxtitle01{line-height:24px; height:72px; padding:0px 10px; overflow:hidden; margin-bottom:20px; font-size:15px; color:#666666;}
.selected-solution .solution-cardlist .col-sm-4 .indexcasebox:hover .indexcasebox01 .indexcaseboxtitle01{color:#666;}
.indexcaseboxbutton{line-height:32px; color:#4783ff; border:2px solid #4783ff; border-radius:19px; padding:0px 25px; font-size:16px; display:table-cell;}
.selected-solution .solution-cardlist .col-sm-4 .indexcasebox:hover .indexcasebox01 .indexcaseboxbutton{color:#fff; background:#4783ff;}




.cf:after,.cf:before{content:" ";display:table;line-height:0}
.cf:after{clear:both}


/*了解更多*/
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span{display:inline-block;vertical-align:middle}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span.arrow-f{width:13px;height:13px;background:url(../images/marketplace-selected-arrow0.svg);display:inline-block;vertical-align:middle;margin-left:5px;position:relative;transition:.3s ease-out}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover{color:#e6c16c}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover span.arrow-f{transform:translate(4px,0);background:url(../images/marketplace-selected-arrow2.svg)}
/*重置swiper*/
.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination{bottom:0px;}
.solution-pagination .swiper-pagination-bullet{width:24px;height:4px;border-radius:100px;overflow:hidden;background:#aaa;border:none;cursor:pointer;content:'';display:inline-block;box-sizing:border-box;opacity:1;vertical-align:middle}
.solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#4783ff;box-sizing:border-box}
.swiper-container-solution .swiper-button-prev{left:0;width:30px;height:50px;margin-top:-50px; top:50%; background-image:url(../../images/goleft.png);background-size:cover;transition:background-image .15s; outline:none;}
.swiper-container-solution .swiper-button-next{right:0;width:30px;height:50px;margin-top:-50px; top:50%; background-image:url(../../images/goleft.png);transform:rotate(180deg);background-size:cover;transition:background-image .15s; outline:none;}
.swiper-container-solution .swiper-button-next:hover,.swiper-container-solution .swiper-button-prev:hover{background-image:url(../../images/goleft1.png);transition:background-image .2s; outline:none;}