@charset "utf-8";





.col-sm-4{float:left;position:relative;width:33.33333333%; overflow:hidden;}
.selected-solution{height:770px; overflow:hidden;}
.selecteds{position:relative;width:100%;margin:0 auto; }
.selected-solution .swiper-container{height:770px;width:90%}
.selected-solution .layer-title{font-size: 36px;
    font-weight: bold;
    color: #215dac;
    display: block;
    line-height: 2em;
    text-align: center;
    margin: 40px auto 48px;

    animation: bounceIn 1.6s;}
/*主体列表*/
.selected-solution .solution-cardlist{width:100%;margin:20px auto 0}
.swiper-slide,.swiper-wrapper{height:560px!important}
.selected-solution .solution-cardlist .col-sm-4{padding:0 15px;top:0;transition:all .15s linear;box-sizing:border-box}
.selected-solution .solution-cardlist .col-sm-4 .solution-card{height:550px; background:#fff;border-radius:0px;text-align:left;overflow:hidden;transition:all .15s linear}



.selected-solution .solution-cardlist .col-sm-4 .solution-card1{height:550px; background:#f7f8fa;border-radius:0px;text-align:left;overflow:hidden;transition:all .15s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card1 img{width:100%;height:auto;transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card1 h3{margin:20px 30px 10px;font-size:20px;color:#215dac;line-height: 1.6em;text-align:left;

text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow:hidden;

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card img{width:100%;height:auto;transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card h3{margin:20px 30px 10px;font-size:20px;color:#215dac;line-height: 1.6em;text-align:left;

text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow:hidden;

}

.solution-card1 h3 a{color:#215dac;}
.selected-solution .solution-cardlist .col-sm-4 .solution-card1 p{margin:0 30px;padding-bottom:30px;font-size:15px; line-height: 1.5em;color:#3e3e3e;}

.selected-solution .solution-cardlist .col-sm-4 .solution-card1>span a span{display:inline-block;vertical-align:middle}
.selected-solution .solution-cardlist .col-sm-4 .solution-card1>span a span.arrow-f{
	width:15px;
	height:15px;
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	position:relative;
transition:.3s ease-out; 	background-image: url(../images/right.png);
background-size:100% 100%;
}
.selected-solution .solution-cardlist .col-sm-4 .solution-card1>span{margin:20px 30px 0;font-size:15px;display:inline-block;color:#215dac;letter-spacing:.51px;line-height:22px;transition:opacity .15s linear; float:right; right:20px; bottom:10%; position:absolute}









.solution-card h3 a{color:#215dac;}

.selected-solution .solution-cardlist .col-sm-4 .solution-card p{margin:0 30px;padding-bottom:30px;font-size:15px; line-height: 1.5em;color:#3e3e3e;}
.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;}
.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:15px;display:inline-block;color:#215dac;letter-spacing:.51px;line-height:22px;transition:opacity .15s linear; float:right; right:20px; bottom:10%; position:absolute}
.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:15px;
	height:15px;
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	position:relative;
transition:.3s ease-out; 	background-image: url(../images/right.png);
background-size:100% 100%;
}

/*重置swiper*/
.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination{bottom:15px}
.solution-pagination .swiper-pagination-bullet{width:11px;height:11px;border-radius:50%;overflow:hidden;background:#e4e8eb;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:#2b9aff;box-sizing:border-box}
.swiper-container-solution .swiper-button-prev{left:0;width:45px;height:45px;margin-top:0;background:url(../images/left.png);background-size:cover;transition:background-image .15s; outline:none}
.swiper-container-solution .swiper-button-next{right:0;width:45px;height:45px;margin-top:0; background:url(../images/left.png);transform:rotate(180deg);background-size:cover;transition:background-image .15s;outline:none}






.swiper-button-prev1{left:0;width:45px;height:45px;margin-top:0;background:url(../images/left.png);background-size:cover;transition:background-image .15s; outline:none;
position: absolute;
    top: 50%;
	cursor: pointer;

}
.swiper-button-next1{right:0;width:45px;height:45px;margin-top:0; background:url(../images/left.png);transform:rotate(180deg);background-size:cover;transition:background-image .15s;outline:none;

position: absolute;
    top: 50%;
	cursor: pointer;

}






@media screen and (min-width:780px) and (max-width:1300px){
	
.selected-solution .solution-cardlist .col-sm-4 .solution-card h3{margin:20px 10px 10px;font-size:17px;color:#215dac;line-height: 1.6em;letter-spacing:.65px;text-align:left}



.selected-solution .solution-cardlist .col-sm-4 .solution-card1 h3{margin:20px 10px 10px;font-size:17px;color:#215dac;line-height: 1.6em;letter-spacing:.65px;text-align:left}
.selected-solution .solution-cardlist .col-sm-4 .solution-card1 p{margin:0 10px;padding-bottom:30px;font-size:14px;color:#666a75;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	overflow:hidden;}


	
	
.selected-solution .solution-cardlist .col-sm-4 .solution-card{height:450px;background:#fff;border-radius:0px;text-align:left;overflow:hidden;transition:all .15s linear}
	.selected-solution{height:620px; overflow:hidden;}
.selecteds{position:relative;width:100%;margin:0 auto; }
.selected-solution .swiper-container{height:320px;width:90%}
.selected-solution .solution-cardlist .col-sm-4 .solution-card p{margin:0 10px;padding-bottom:30px;font-size:14px;color:#666a75;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	overflow:hidden;}
.selected-solution .solution-cardlist .col-sm-4{padding:0 5px;top:0;transition:all .15s linear;box-sizing:border-box}
.swiper-slide,.swiper-wrapper{height:400px!important}
	
	
	}
	
	@media screen and (max-width: 779px){
		
.selected-solution .solution-cardlist .col-sm-4 .solution-card h3{margin:20px 10px 10px;font-size:17px;color:#215dac;line-height: 1.6em;letter-spacing:.65px;text-align:left}
	
	
.selected-solution .solution-cardlist .col-sm-4 .solution-card{height:450px;background:#fff;border-radius:0px;text-align:left;overflow:hidden;transition:all .15s linear}
	.selected-solution{height:320px; overflow:hidden;}
.selecteds{position:relative;width:100%;margin:0 auto; }
.selected-solution .swiper-container{height:320px;width:90%}
.selected-solution .solution-cardlist .col-sm-4 .solution-card p{margin:0 10px;padding-bottom:30px;font-size:14px;color:#666a75;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	overflow:hidden;}
.selected-solution .solution-cardlist .col-sm-4{padding:0 5px;top:0;transition:all .15s linear;box-sizing:border-box}
.swiper-slide,.swiper-wrapper{height:400px!important}

.swiper-container-solution .swiper-button-prev{left:0;width:30px;height:30px;margin-top:0;background:url(../images/left.png);background-size:cover;transition:background-image .15s; outline:none}
.swiper-container-solution .swiper-button-next{right:0;width:30px;height:30px;margin-top:0; background:url(../images/left.png);transform:rotate(180deg);background-size:cover;transition:background-image .15s;outline:none}






/*第二个*/
.swiper-button-prev1{left:0;width:30px;height:30px;margin-top:0;background:url(../images/left.png);background-size:cover;transition:background-image .15s; outline:none;
position: absolute;
    top: 50%;
	cursor: pointer;

}
.swiper-button-next1{right:0;width:30px;height:30px;margin-top:0; background:url(../images/left.png);transform:rotate(180deg);background-size:cover;transition:background-image .15s;outline:none;

position: absolute;
    top: 50%;
	cursor: pointer;

}

.selected-solution .solution-cardlist .col-sm-4 .solution-card1 h3{margin:20px 30px 10px;font-size:17px;color:#215dac;line-height: 1.6em;text-align:left;

text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow:hidden;

}
.selected-solution .solution-cardlist .col-sm-4 .solution-card1 h3{margin:20px 10px 10px;font-size:17px;color:#215dac;line-height: 1.6em;letter-spacing:.65px;text-align:left}
.selected-solution .solution-cardlist .col-sm-4 .solution-card1 p{margin:0 10px;padding-bottom:30px;font-size:14px;color:#666a75;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	overflow:hidden;}


	}