@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:100%; padding-bottom:0px;}  /*宽度要算上box两边的padding, padding-bottom决定导航ICON位置*/

/*主体列表*/
.selected-solution .solution-cardlist{max-width:100%; margin:0px;}
.swiper-slide,.swiper-wrapper{}
.selected-solution .solution-cardlist .col-sm-4{padding: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;}
*/


/*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;}
.selected-solution .solution-cardlist .col-sm-4 .indexcasebox01 img{border:0px; opacity:0.9; filter:alpha(opacity=90);}
.selected-solution .solution-cardlist .col-sm-4 .indexcasebox:hover img{opacity:1;filter:alpha(opacity=100); transform: scale(1.1);}
.selected-solution .solution-cardlist .col-sm-4 .indexcasebox .indexcasebox01 .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;}
.selected-solution .solution-cardlist .col-sm-4 .indexcasebox .indexcasebox01 .indexcaseboxtitle01{line-height:24px; height:72px; padding:0px 10px; overflow:hidden; margin-bottom:10px; font-size:15px; color:#666666;}
.selected-solution .solution-cardlist .col-sm-4 .indexcasebox:hover .indexcasebox01 .indexcaseboxtitle01{color:#666;}

.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:20px;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;}