@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;}


/*indexclass*/
.selected-solution .solution-cardlist .col-sm-4 .indexclassbox{width:270px; margin:0px 20px; float:left;}
.selected-solution .solution-cardlist .col-sm-4 .indexclassbox:hover{position:relative; top:-5px;}
.selected-solution .solution-cardlist .col-sm-4 .indexclassbox01{background:#fff; border-radius:7px; box-shadow:0px 0px 15px #999; color:#303f3a; }
.indexclassboximg{border-radius:105px; width:200px; height:200px; background:#e0eff0; border:5px solid #fff;}
.selected-solution .solution-cardlist .col-sm-4 .indexclassbox:hover .indexclassbox01{background:#fafafa;  }
.selected-solution .solution-cardlist .col-sm-4 .indexclassbox:hover .indexclassbox01 .indexclassboximg{background:#e0eff0; }
.indexclassboxtitle{font-size:18px; font-weight:bold; color:#303f3a; padding:20px 8px;}
.selected-solution .solution-cardlist .col-sm-4 .indexclassbox:hover .indexclassbox01 .indexclassboxtitle a{color:#56956e;}
.indexclassboxcount{font-size:16px; color:#56956e; line-height:20px; }
.selected-solution .solution-cardlist .col-sm-4 .indexclassbox:hover .indexclassbox01 .indexclassboxcount{font-weight:bold;}
.indexclassboxbutton{line-height:32px; color:#56956e; border:2px solid #56956e; border-radius:19px; padding:0px 20px; font-weight:bold; font-size:16px; display:table-cell;}
.selected-solution .solution-cardlist .col-sm-4 .indexclassbox:hover .indexclassboxbutton{color:#fff; background:#56956e;}


/*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 #999; 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 9px 9px; border-bottom:1px solid #ccc; 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:#56956e; font-weight:bold;}
.indexproboxbutton{line-height:32px; color:#56956e; border:2px solid #56956e; border-radius:19px; padding:0px 20px; font-weight:bold; font-size:16px; display:table-cell;}
.selected-solution .solution-cardlist .col-sm-4 .indexprobox:hover .indexproboxbutton{color:#fff; background:#56956e;}


/*indexvideo*/
.selected-solution .solution-cardlist .col-sm-4 .indexvideobox{width:270px; margin:0px 20px; float:left;}
.selected-solution .solution-cardlist .col-sm-4 .indexvideobox:hover{position:relative; top:-5px;}
.selected-solution .solution-cardlist .col-sm-4 .indexvideobox01{background:#fff; border:1px solid #ccc; border-radius:7px; box-shadow:0px 0px 15px #999; padding:9px 0px 20px 0px; color:#222;}
.selected-solution .solution-cardlist .col-sm-4 .indexvideobox01 img{border:0px; }
.selected-solution .solution-cardlist .col-sm-4 .indexvideobox:hover img{transform: scale(1.05);}
.indexvideoboxtitle{margin-top:15px; height:48px; padding:0px 10px; line-height:24px; font-weight:bold; margin-bottom:15px; color:#303f3a; font-weight:bold;}
.selected-solution .solution-cardlist .col-sm-4 .indexvideobox:hover .indexvideoboxtitle{color:#56956e; }
.indexvideoboximg{opacity:1;filter:alpha(opacity=100);}
.selected-solution .solution-cardlist .col-sm-4 .indexvideobox:hover .indexvideoboximg{opacity:0.8;filter:alpha(opacity=80);}
.indexvideoboxbutton{line-height:32px; color:#56956e; border:2px solid #56956e; border-radius:19px; padding:0px 20px; font-weight:bold; font-size:16px; display:table-cell;}
.selected-solution .solution-cardlist .col-sm-4 .indexvideobox:hover .indexvideoboxbutton{color:#fff; background:#56956e;}



/*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:#fff;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:#303f3a;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;}