* {

    padding: 0;

    margin: 0;

    font-family: "微软雅黑";

    box-sizing: border-box;

    outline: none

}



:after,

:before {

    box-sizing: inherit

}



a {

    text-decoration: none;

    color: inherit

}



ul {

    list-style: none

}



.col-sm-4 {

    float: left;

    position: relative;

    width: 33.33333333%

}



.selected-solution {

	

    height: 600px;

   

}



.selected-solution>div {

    position: relative;

    width: 1270px;

    margin: 0 auto

}



.selected-solution .swiper-container {

  

    width: 1200px;

    max-width: 100%;

}



.selected-solution .layer-title {

    color: #393b40;

    padding: 50px 0 30px;

    text-align: center;

    font-size: 30px;

    letter-spacing: 1.09px

}



/*分页 begin*/

.text-center .pagination li {margin:0 6px;font-size:14px;border:none;border-radius:4px;float: left;}

.text-center .pagination li a {border-radius:4px;color:#333;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;}

/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */

.text-center .pagination li.active a,.text-center .pagination li a:hover {background:#23AF37;color:#fff;border:1px solid #23AF37;}

.text-center .pagination{padding-bottom: 60px;}

/*主体列表*/



.selected-solution .solution-cardlist {

    width: 1200px;

    max-width: 100%;

    margin: 0px auto 0

}



/*.swiper-slide,

.swiper-wrapper {

    height: 560px!important

}*/



.selected-solution .solution-cardlist .col-sm-4 {

    padding: 10px 10px;

    top: 0;

    transition: all .15s linear;

    box-sizing: border-box;

    background: #fff;

    border-radius: 10px;

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card {

   /* height: 480px;*/

    background: #fff;

    border-radius: 6px;

    text-align: left;

    overflow: hidden;

    transition: all .15s linear

}



.selected-solution .solution-cardlist .col-sm-4:hover {

    position: relative;

    /*top: -20px;*/

    transition: all .25s linear

}



.selected-solution .solution-cardlist .col-sm-4:hover .solution-card {

    height: 530px;

    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .1);

    transition: all .2s linear

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card img {

    width: 100%;

    transition: all .2s linear

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card h3 {

   margin: 20px 10px 10px;

    font-size: 16px;

    color: #252b3a;

    letter-spacing: .65px;

    text-align: left;

    line-height: 24px;

    height: 24px;

    display: -webkit-box;

  

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card p {

    font-size: 14px;

    color: #666a75;

    letter-spacing: .51px

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card dl {

    margin: 0 30px;

    overflow: visible

}



.cf:after,

.cf:before {

    content: " ";

    display: table;

    line-height: 0

}



.cf:after {

    clear: both

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt {

    margin-bottom: 10px;

    font-size: 14px;

    color: #252b3a;

    letter-spacing: .51px;

    line-height: 19px;

    position: relative

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt:before {

    position: absolute;

    display: inline-block;

    left: -8px;

    top: 7px;

    content: '';

    vertical-align: middle;

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background: #252b3a

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dd {

    float: left;

    width: 50%;

    margin-bottom: 6px;

    font-size: 12px;

    color: #a0a2a8;

    letter-spacing: .44px;

    line-height: 20px

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card>span {

    margin: 20px 30px 0;

    font-size: 14px;

    display: inline-block;

    color: #666a75;

    letter-spacing: .51px;

    line-height: 22px;

    opacity: 0;

    transition: opacity .15s linear

}



.selected-solution .solution-cardlist .col-sm-4:hover .solution-card>span {

    opacity: 1;

    transition: opacity .2s linear 50ms

}





/*了解更多*/



.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(../fonts/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(../fonts/marketplace-selected-arrow2.svg)

}





/*重置swiper*/



.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination {

    bottom: 15px

}



.solution-pagination .swiper-pagination-bullet {

    width: 24px;

    height: 4px;

    border-radius: 100px;

    overflow: hidden;

    background: green;

    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: green;

    box-sizing: border-box

}



.swiper-container-solution .swiper-button-prev {

    left: 0;

    width: 30px;

    height: 30px;

    margin-top: -15px;

     background: none;

}



.swiper-container-solution .swiper-button-next {

    right: 0;

    width: 30px;

    height: 30px;

    margin-top: -15px;

     background: none;

}



.swiper-container-solution .swiper-button-next:hover,

.swiper-container-solution .swiper-button-prev:hover {

     background: none;

}