/* ----------------------------select-box------------------------------ */
.content,.swiper-container,.swiper-wrapper{height:100%;}
.color-title h4{    font-size: 38px;
    color: #333333; text-align: center; margin: 35px 0;}

.select-box {

    width: 100%;

    overflow: hidden;

    padding-bottom: 50px;

    background-color: #fafafa; 

}



.select {

    width: 1200px;

    margin: 0 auto;

}



.select-matter ul {

    margin-left: -1%;

}



.select-matter ul li {

    width: 24%;

    height: 470px;

    margin-left: 1%;

    float: left;

    background-repeat: no-repeat;

    border-radius: 8px;

}



.select-matter ul li:nth-child(1) {

    background-image: url('../images/index_1.jpg');

}



.select-matter ul li:nth-child(2) {

    background-image: url('../images/zc.jpg');

}



.select-matter ul li:nth-child(3) {

    background-image: url('../images/ky.jpg');

}



.select-matter ul li:nth-child(4) {

    background-image: url('../images/zz.jpg');

}



.select-matter ul li:nth-child(5) {

    background-image: url('../images/select_bg5.jpg');

}



.select-shade {

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .7);

    border-radius: 8px;

    text-align: center;

    transition: all .4s ease-in-out;

}



.select-shade i {

    width: 71px;

    height: 71px;

    display: inline-block;

    margin-top: 100px;

    transition: all .6s ease-in-out;

}



.select-shade h4 {

    font-size: 24px;

    color: #ffffff;

    width: 80%;

    margin-left: 10%;

    margin-top: 20px;

}



.select-shade p {

    font-size: 14px;

    color: #ffffff;

    width: 86%;

    margin-left: 7%;

    word-wrap: break-word;

    text-align: left;

    margin-top: 24px;

    line-height: 22px;

    overflow: hidden;

    display: -webkit-box;

    text-overflow: ellipsis;

    -webkit-line-clamp: 6;

    -webkit-box-orient: vertical;

}



.select-matter ul li:hover .select-shade {

    background-color: rgba(1, 179, 187, .9);

}



.select-icon1 {

    background-image: url('../images/jj1.png');

}



.select-icon2 {

    background-image: url('../images/zc1.png');

}



.select-icon3 {

    background-image: url('../images/yq1.png');

}



.select-icon4 {

    background-image: url('../images/zz1.png');

}



.select-icon5 {

    background-image: url('../images/jj1.png');

}



.select-matter ul li:hover .select-icon1 {

    background-image: url('../images/jj1.png');

}



.select-matter ul li:hover .select-icon2 {

    background-image: url('../images/zc1.png');

}



.select-matter ul li:hover .select-icon3 {

    background-image: url('../images/yq1.png');

}



.select-matter ul li:hover .select-icon4 {

    background-image: url('../images/zz1.png');

}



.select-matter ul li:hover .select-icon5 {

    background-image: url('../images/select_icon5H.png');

}

 
.content-2 ul{}
.content-2 li{text-align:center;position:relative;float:left;width:25%;box-sizing:border-box;border-right:1px solid #dcdcdc;}
.content-2 li:nth-child(4n){border-right:0;}
.content-2 li:hover{}
.content-2 li h3{margin:20px 0 6px 0;font-size:24px;color:#1f1f1f;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.content-2 li h4{font-size:14px;color:#ccc;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.content-2 li p{font-size:14px;line-height:26px;height:78px;overflow:hidden;color:#646464;margin-top:20px;text-align:center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.content-2 li .wenz{padding:10% 10px;position:relative;z-index:2;}
.content-2 li .pic{opacity:0;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.content-2 li>a{display:block;width:100%;height:100%;left:0;top:0;position:absolute;z-index:6;}
.content-2 li .wenz .jia{margin-top:15%;}
.content-2 li .wenz img{height:51px;text-align: center}
.content-2 li .wenz  .hide{display:none;}
.content-2 li:hover .wenz .hide{display:inline-block;}
.content-2 li:hover .wenz .show{display:none;}
.content-2 li:hover p,.content-2 li:hover h4,.content-2 li:hover h3{}
.content-2 li.cur p,.content-2 li.cur h4,.content-2 li.cur h3{color:#fff;}
.content-2 li:hover .pic,.content-2 li.cur .pic{opacity:1;border: 1px solid #009ee0}
#item2 .swiper-button-prev,#item2 .swiper-button-next{display:none;}
.content,.swiper-container,.swiper-wrapper{height:100%;}
.content{box-sizing:border-box;}
.wrapper{max-width:1200px;width:100%;margin:auto;}
img{border:none; display:inline-block; vertical-align:middle;}
 
/* ---------------------------educa-box------------------------------- */
/*产品展示*/
.col-sm-3{float:left;position:relative;width:24.33333333%}
 
.selected-solution{height:605px;background:url(../images/indexbg.jpg) no-repeat center center;background-size:cover;margin-bottom: 30px;margin-top: 30px;}


.selected-solution>div{position:relative;width:1200px;margin:0 auto}
.selected-solution .swiper-containera{height:auto;width:1200px; }
.swiper-containera{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.selected-solution .layer-title{color:#000;padding:37px 0 20px;text-align:center;font-size:36px;letter-spacing:1.09px;font-weight: 700;}
/*主体列表     display: flex;
    justify-content: space-between;
    flex-wrap: wrap;*/ 
.selected-solution .solution-cardlist{max-width:1200px;margin:20px auto 0;display: flex;
    justify-content:flex-start;    height: 473px;
   }
.swiper-slide,.swiper-wrapper{height:auto}
.selected-solution .solution-cardlist .col-sm-3{padding:5px;top:0;transition:all .15s linear;box-sizing:border-box}
.selected-solution .solution-cardlist .col-sm-3 .solution-card{height:auto;background:#fff;border-radius:6px;text-align:center;overflow:hidden;transition:all .15s linear;padding: 2px;height:420px}
.selected-solution .solution-cardlist .col-sm-3:hover{position:relative;top:-5px;transition:all .25s linear}
.selected-solution .solution-cardlist .col-sm-3:hover .solution-card{height:420px;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-3 .solution-card img{width:100;height:190px;transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-3 .solution-card h3{margin:0 10px 10px;font-size:14px;color:#009ee0;letter-spacing:.65px;text-align:center; border-bottom: 1px solid #eee;
    padding: 12px 0px;}
.selected-solution .solution-cardlist .col-sm-3 .solution-card p{margin:0 10px;padding-bottom:30px;font-size:12px;color:#666a75;letter-spacing:.51px}
.selected-solution .solution-cardlist .col-sm-3 .solution-card dl{margin:0 10px;overflow:visible}
.cf:after,.cf:before{content:" ";display:table;line-height:0}
.cf:after{clear:both}
.selected-solution .solution-cardlist .col-sm-3 .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-3 .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-3 .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-3 .solution-card>span{margin:0 5px 5px;font-size:12px;display:inline-block;color:#666a75;letter-spacing:.51px;line-height:22px;opacity:1;transition:opacity .15s linear;    text-align: justify;}
.selected-solution .solution-cardlist .col-sm-3:hover .solution-card>span{opacity:1;transition:opacity .2s linear 50ms}
/*了解更多*/
.selected-solution .solution-cardlist .col-sm-3 .solution-card>span a span{display:inline-block;vertical-align:middle}
.selected-solution .solution-cardlist .col-sm-3 .solution-card>span a span.arrow-f{width:13px;height:13px;background:url(https://www.dlbaili.com/Templates/cn/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-3 .solution-card>span a:hover{color:#e6c16c}
.selected-solution .solution-cardlist .col-sm-3 .solution-card>span a:hover span.arrow-f{transform:translate(4px,0);background:url(https://www.dlbaili.com/Templates/cn/images/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:#dfe1f1;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:#f66f6a;box-sizing:border-box}
.swiper-container-solution .swiper-button-prev{left:-51px;width:47px;height:47px;margin-top:0;background-image:url(../images/mfrl.png);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next{right:-51px;width:47px;height:47px;margin-top:0;background-image:url(../images/mfrl.png);transform:rotate(180deg);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next:hover,.swiper-container-solution .swiper-button-prev:hover{background-image:url(../images/mfrl.png);transition:background-image .2s}

/* 新闻资讯 */
.xwzixun_box {
    width: 100%;
    height:auto;
}
.xwzixun_box_bg {
    width: 66%;
    margin: 0 auto;
    height: 386px;  
}
.xwzixun_box_bg_1 {
    width: 48%;
    height: 195px;
    float: left;
    background: white;
    margin-bottom: 1px;margin-right: 5px
}
.xwzixun_box_bg_1:hover {
    box-shadow:0px 0px 2px #C2C2C2; -webkit-box-shadow:0px 0px 2px #C2C2C2; box-shadow:0px 0px 8px #C2C2C2;
    transition: 0.5s;
}
.xwzixun_box_bg_1:hover img {
    transform: scale(1.1);
    transition: 0.3s;
}
.xwzixun_box_bg_1:hover h1 {
    color: rgb(82, 181, 72);
    transition: 0.5s;
}

.xwzixun_box_bg_2 {
    width: 95%;
    height: 193px;
    margin: 0 auto;
}
.xwzixun_box_bg_text {
    margin-top: 30px;
    
}
.xwzixun_box_bg_tp {
    width: 219px;
    height: 131px;
    float: left;
    margin: 5px auto;
    margin-right: 20px;
    overflow: hidden;
}
.xwzixun_box_bg_tp img {
    width: 219px;
    height: 131px;
}

.xwzixun_box_bg_text_biaoti h2 {
    font-size: 16px;
    font-weight: 100;
    color: black;
    font-weight: 100;
}
.xwzixun_box_bg_text_biaoti span {
    font-weight: 100;;font-size: 12px;color: rgba(136,136,136,1);display: block
}
.xwzixun_box_bg_text_biaoti p {
    font-size: 14px;
    color:rgba(136,136,136,1) ;
    margin-top: 20px;
    line-height: 2;
}

.contain{width:1200px;margin:0 auto;}

/*--- Container ---*/
.p-title{text-align:center;}
.p-title .t{line-height:49px;font-size:36px;font-weight:700}
.p-title .s{display:block;width:20px;height:3px;background:#e50012;margin:10px auto 0;}
.p-title .c{line-height:27px;font-size:16px;color:#666666;margin:13px 0 0;}
.index-news{padding:50px 0 66px;}
.Inews-nav{text-align:center;font-size:0px;margin:25px 0 0;}
.Inews-nav li{display:inline}
.Inews-nav li a{display:inline-block;width:148px;height:48px;line-height:46px;font-size:15px;color:#666666;border:1px solid #cecccc;margin:0 6px;}
.Inews-nav li a.cur,
.Inews-nav li a:hover{color:#fff;border-color:#e50012;background:#e50012;}

/*--------------f---------------*/

/* -------- Footer Css -------- */

.footer_area {
	padding:0px ;
	position: relative;
	color: #d6d6d6;
	z-index: 100;
	word-break: break-all;
	word-wrap: break-word;
}
.footer-top{
	padding: 40px 0 30px;
	background: #111;
}
.single_ftr i{
	margin-right: 5px;
}
.single_ftr{
	margin-bottom: 30px;
}
.single_ftr form{
	margin-top: 8px;
}
.single_ftr p{
	margin-bottom: 10px;
}

.sf_title{
    color: #fff;
    text-transform: capitalize;
    font-size: 19px;
	margin-top: 0px;
	margin-bottom: 25px;
	letter-spacing: 1px;
}
.ftr_logo {
    float: left;
    padding: 15px 46px 0 0;
}
.ftr_logo a img {
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
}
.ftr_logo a:hover img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;
}
.newsletter_form form{
	position: relative;
	display: block;
}
.newsletter_form {
	margin-top: 0px;
	overflow: hidden;
}

.single_ftr p{
	display: inline-block;
}
.newsletter_form p{
	margin-bottom: 15px;
}
.newsletter_form .form-control {
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 8px 20px;
    width: 100%;
	position: relative;
	background: #fff;
	color: #777;
	border-radius: 4px;
	font-size: 14px;
}

.newsletter_form button {
	border-radius: 0 4px 4px 0;
	background: #ff546e;
	color: #fff;
	text-transform: uppercase;
	box-shadow: none;
	border: 1px solid #ff546e;
	transition: 0.5s;
	letter-spacing: 0.5px;
	position: absolute;
	right: 0px;
	top: 0;
	padding: 12px 20px;
	transition: .5s;
}

.newsletter_form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #777;
    opacity: 1
}

.newsletter_form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #777;
    opacity: 1
}
.newsletter_form :-ms-input-placeholder {
    /* IE 10+ */
    color: #777;
    opacity: 1
}
.newsletter_form :-moz-placeholder {
    /* Firefox 18- */
    color: #777;
    opacity: 1
}
.form-control{

}
.form-control:focus{
	border-color: #009ee0;
}

.single_ftr li {
    margin-bottom: 8px;
    color: #737373;
}
.single_ftr a {
    color: #737373;
	font-size: 15px;
}
.single_ftr a:hover {
    color: #009ee0;
}

.ftr_social_icon li {
	display: inline-block;
	text-align: center;
	padding: 4px;
}


.ftr_social_icon ul li a {
    border: 1px solid #d6d6d6;
    border-radius: 50%;
    color: #d6d6d6;
    display: inline-block;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    width: 35px;
	transition: .5s;
}
.ftr_social_icon ul li a:hover{
	background: #ff546e;
	border-color: #ff546e;
	color: #fff;
}

.ftr_btm_area {
	background: transparent;
	padding-top: 25px;
	padding-bottom: 20px;
	z-index: 100;
	position: relative;
	background: #000;
}
.ftr_btm_area img{
	display:inline-block;
}
.copyright_text{
    margin: 0;
	font-size: 15px;
}
.copyright_text p{
 line-height:25px !important
}
.copyright_text a{ color: #fff
}
.payment_mthd_icon{
	margin-top: 10px;
}

.contain{width:1200px;margin:0 auto;}
.ind-abt{margin-top:95px;background-position:center bottom;background-repeat: no-repeat;padding-bottom:465px;}
.ind-abt .intro{padding:0px 5%;line-height:30px;text-align: center;}
.ind-abt dl{background:#fff;position:relative;padding:70px 15%;overflow:hidden;}
.ind-abt dl dd{float:left;text-align: center;width:33.3333%;}
.ind-abt dl dd span{font-family: Arial;font-size: 40px;font-weight: bold;color:#009ee0;display:block;margin-bottom:5px;}
.ind-abt dl dd p{font-size: 18px;}
.ind-tit1{font-size:36px;color:#333;font-weight: bold;text-align: center;position: relative;margin-bottom:45px;padding-bottom:15px;padding-top:50px}
.ind-tit1:after{content:"";position:absolute;left:50%;bottom:0px;width:45px;height:5px;background:#888;margin-left:-22px;} 
.wtaboimg{width: 100%;overflow: hidden;display: none;}
.wtaboimg img{min-height: 180px;width: 100%;object-fit: cover;}



@media screen and (max-width: 1600px){
      .content-2 .title{padding-top:8%;}
     .content-2 .title img{width:60px;}
    .content-2 li .wenz img{height:44px;}
    .content-2 li .wenz{padding:6% 30px;}
    .content-2 ul{padding-top:2.8%;}
    .content-2 li h3{font-size:20px;margin:12px 0 3px 0;}
    .content-2 li .wenz .jia{width:38px;height:38px;margin-top:12%;}
    
}
@media screen and (max-width: 1440px){
    
    .content-2 .title{padding-top:3%;}}

@media all and (max-width:1280px) {
  .select {

        width: 96%;

        margin-left: 0%;

    }
}

@media screen and (max-width: 1100px){
    
    .content-2 .title{padding-top:7%;}}

@media screen and (max-width: 960px){
     

    .content-2 .title{padding-top:1%;}}

@media all and (max-width:980px){
    .contain{width:100%;padding:0 2%;}
    .ind-abt{padding-bottom: 280px;}
    
    
    
}
@media all and (max-width:900px) {
     .select-matter ul li {

        width: 49%;

        height: 300px;

        margin-top: 12px;

    }

    .select-shade i {

        margin-top: 10px;

    }

    .select-shade h4 {

        font-size: 16px;

        margin-top: 10px;

    }

    .select-shade p {

        font-size: 12px;

        width: 88%;

        margin-left: 7%;

        margin-top: 9px;

        line-height: 20px;

    }

    .select-matter ul li:nth-child(5){

        width: 100%;

        height: 210px;
        background-size: cover;
        -moz-background-size: cover;

    }

    .select-box {

        padding-bottom: 20px;

    }

    
}
@media screen and (max-width: 800px){
    #item2 .swiper-button-prev{display:block;background:url(../images/l.png);width:46px;height:65px;background-size:100% 100% !important;}
    #item2 .swiper-button-next{display:block;background:url(../images/r.png);width:46px;height:65px;background-size:100% 100% !important;}
}
@media screen and (max-width: 800px) and ( min-width:641px ){
    
    .content-2 .title{padding-top:25%;}}
@media all and (max-width:768px){
    
    .ind-abt{background-size:cover;padding:30px 0;color:#fff;}
	.ind-abt .ind-tit1{color:#fff;}
	.ind-abt dl{padding:24px 5%;margin-top:0px;color:#666;}
	.ind-abt .intro{background: #fff;color: #666;padding-top: 20px;}
    
}
@media screen and (max-width: 640px){
    .content-2 li{text-align:center;position:relative;float:left;width:100%;box-sizing:border-box;border-right:1px solid #dcdcdc;}
    .content-2 li .wenz .hide{display:inline-block;}
    .content-2 li .wenz .show{display:none;}
    .content-2 li p,.content-2 li h4,.content-2 li h3{color:#fff;}
    .content-2 li .pic{opacity:1;}
    .content-2 li .wenz{padding:11% 20px;}
    .content-2 .swiper-button-prev{left:0;}
    .content-2 .swiper-button-next{right:0;}
    .content-2 li p{padding:0 20px;}

  .content-2 li{border-right:0;}
    .content-2 .title{padding-top:9%;}
  #item2 .swiper-container{width:85%;}
 
    
    	.ind-abt{background: #eee !important;}
	.wtaboimg{display: block;}
	.ind-abt .ind-tit1{color: #333;padding-top:0px;margin-bottom:35px;}
    
    
    .ind-abt dl dd span{font-family: Arial;font-size: 25px;font-weight: bold;color:#009ee0;display:block;margin-bottom:5px;}
.ind-abt dl dd p{font-size: 14px;}
    
    .ind-abt{margin-top:0px;}
    
    
    .Inews-nav li a{width:130px;}
    
    
    
    
   /* 新闻资讯 */
.xwzixun_box {
    width: 100%;
    height:auto;
}
.xwzixun_box_bg {
    width: 100%;
    margin: 0 auto;
    height:auto;  
}
.xwzixun_box_bg_1 {
    width: 48%;
    height: 195px;
    float: left;
    background: white;
    margin-bottom: 1px;margin-right: 5px
}
.xwzixun_box_bg_1:hover {
    box-shadow:0px 0px 2px #C2C2C2; -webkit-box-shadow:0px 0px 2px #C2C2C2; box-shadow:0px 0px 8px #C2C2C2;
    transition: 0.5s;
}
.xwzixun_box_bg_1:hover img {
    transform: scale(1.1);
    transition: 0.3s;
}
.xwzixun_box_bg_1:hover h1 {
    color: rgb(82, 181, 72);
    transition: 0.5s;
}

.xwzixun_box_bg_2 {
    width: 95%;
    height:auto;
    margin: 0 auto;
}
.xwzixun_box_bg_text {
    margin-top: 0px;
    
}
.xwzixun_box_bg_tp {
    width: 219px;
    height: 105px;
    float: left;
    margin: 5px auto;
    margin-right: 20px;
    overflow: hidden;
}
.xwzixun_box_bg_tp img {
    width: 170px;
    height: 100px;
}

.xwzixun_box_bg_text_biaoti h2 {
    font-size: 16px;
    font-weight: 100;
    color: black;
    font-weight: 100;
}
.xwzixun_box_bg_text_biaoti span {
    display:none
}
.xwzixun_box_bg_text_biaoti p { display: none
} 
    
    
    
 /*产品展示*/
.col-sm-30{float:left;position:relative;width: 48.3333%!important;}
.selected-solution{height:auto;background:#f0f0f0;margin-bottom: 30px;margin-top: 30px;}
.selected-solution>div{position:relative;width:100%;margin:0 auto}
.selected-solution .swiper-containera{height:auto;width:100%; }
.swiper-containera{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.selected-solution .layer-title{color:#000;padding:15px 0 10px;text-align:center;font-size:30px;letter-spacing:1.09px}
/*主体列表*/ 
.selected-solution .solution-cardlist{width:100%;margin:20px auto 0}
.swiper-slide,.swiper-wrapper{height:auto}
.selected-solution .solution-cardlist .col-sm-3{padding:5px 10px;top:0;transition:all .15s linear;box-sizing:border-box}
.selected-solution .solution-cardlist .col-sm-3 .solution-card{height:auto;background:#fff;border-radius:6px;text-align:center;overflow:hidden;transition:all .15s linear;padding: 15px;}
.selected-solution .solution-cardlist .col-sm-3:hover{position:relative;top:-5px;transition:all .25s linear}
.selected-solution .solution-cardlist .col-sm-3:hover .solution-card{height:100%;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-3 .solution-card img{width:auto;height:auto;transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-3 .solution-card h3{margin:20px 5px 10px;font-size:14px;color:#252b3a;letter-spacing:.65px;text-align:center}
.selected-solution .solution-cardlist .col-sm-3 .solution-card p{margin:0;padding-bottom:0px;font-size:12px;color:#666a75;letter-spacing:.51px}
.selected-solution .solution-cardlist .col-sm-3 .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-3 .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-3 .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-3 .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-3 .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-3 .solution-card>span{margin:0 5px 5px;font-size:12px;display:inline-block;color:#666a75;letter-spacing:.51px;line-height:22px;opacity:1;transition:opacity .15s linear;    text-align: justify;}



.selected-solution .solution-cardlist .col-sm-3:hover .solution-card>span{opacity:1;transition:opacity .2s linear 50ms}
/*了解更多*/
.selected-solution .solution-cardlist .col-sm-3 .solution-card>span a span{display:inline-block;vertical-align:middle}
.selected-solution .solution-cardlist .col-sm-3 .solution-card>span a span.arrow-f{width:13px;height:13px;background:url(https://www.dlbaili.com/Templates/cn/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-3 .solution-card>span a:hover{color:#e6c16c}
.selected-solution .solution-cardlist .col-sm-3 .solution-card>span a:hover span.arrow-f{transform:translate(4px,0);background:url(https://www.dlbaili.com/Templates/cn/images/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:#dfe1f1;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:#f66f6a;box-sizing:border-box}
.swiper-container-solution .swiper-button-prev{left:-41px;width:47px;height:47px;margin-top:0;background-image:url(../images/mfrl.png);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next{right:-41px;width:47px;height:47px;margin-top:0;background-image:url(../images/mfrl.png);transform:rotate(180deg);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next:hover,.swiper-container-solution .swiper-button-prev:hover{background-image:url(../images/mfrl.png);transition:background-image .2s}   
    
    
    
    
    
    
    
}

@media screen and (max-width: 360px){ .content-2 .title{padding-top:4%;}
    .content-2 li .wenz{padding:9% 15px;}
     .content-2 li .wenz img{height:45px;}
}


@media all and (max-width:900px) {
    
  
    .select-matter ul li {

        width: 49%;

        height: 300px;

        margin-top: 12px;

    }
 .select-matter ul li:nth-child(5){

        width: 100%;

        height: 210px;
        background-size: cover;
        -moz-background-size: cover;

    }
  
    
    
}