

.s_tt h3 {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    float: left;
    line-height: 3.125rem;
}

.s_tt{text-align:center;font-size: 36px;font-weight:bold;margin-bottom:3.125rem;color:#273586;text-transform:uppercase;font-family: arial;}

.btn_more { width: 205px; position: relative; display:block; margin:0 auto; margin-top:2rem; font-family:b_Regular;

    overflow: hidden;

    height: 44px; line-height:40px;

    transition: all .3s ease;

    text-transform: uppercase;

    color: #000; text-align:center;



    border-radius: 25px;

    font-size: 1rem; 

  background: linear-gradient(to left, transparent 50%, #d0d0d0 50%);

  background-position: right bottom;

  background-size: 201% 100%; }

.btn_more > svg {

  margin-left: 15px;

  fill: #1c1c1c; }

.btn_more:hover{

    background-position: left bottom;

}

.pad_top{ padding-top:40px;}

.pad_bot{ padding-bottom:80px;}



#s_pro{ background:#f0f0f0; width:100%; overflow:hidden;}

#s_pro ul{ margin-bottom:60px;}

#s_pro ul li{}

#s_pro ul li a{ display:block; background:#fff; margin:0 22px; position:relative;}

#s_pro ul li .img{ width:100%; }

#s_pro ul li .img img{mix-blend-mode: multiply; width:100%; transition:1s; }

#s_pro ul li:hover .img img{ transform:scale(1.05);}
.foot_share .ewm {
    float: left;
    margin-right: 20px;
    width: 6.625rem;
    height: 6.625rem;
}
#s_pro ul li .txt{text-align:center;padding: 10px 1.5rem 1rem;}

#s_pro ul li .txt h5{ font-size:22px; color:#000000; font-family:b_Bold; margin-bottom:5px;}

#s_pro ul li .txt p{ font-size:14px; color:#727272; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

#s_pro ul li .txt font{ font-size:143px; color:#f0f0f0; position:absolute; bottom:-9rem; right:10px; font-family:b_Regular; transition:.7s;}

#s_pro ul li a:hover .txt font{ bottom:-4rem;}

#s_pro ul li .txt .btn_m{ width:130px; height:35px; overflow:hidden; z-index:0; line-height:35px; text-align:center; background:#1c1c1c; border-radius:22px; display:block; color:#fff; font-size:14px; font-family:b_Regular; text-transform:uppercase; margin:0 auto; margin-top:1.5rem; position:relative;}

#s_pro ul li .txt .btn_m:before{ content:""; display:block; width:0; height:100%; z-index:-1; position:absolute; top:0; left:0; background:#273586; transition: all .3s ease;}

#s_pro ul li a .txt .btn_m:hover:before{ width:100%;}



#s_pro .slick-arrow{ z-index:99; position:absolute; top: auto; bottom:-90px;  transform:translate(0,0); opacity:1;

	display:block; width: 70px; height:30px; border:1px solid #ddd; border-radius:3px; transition:.3s;}

#s_pro .slick-prev{ left:50%; margin-left:-80px;  background:url(../image/s_pro_left.png) left center no-repeat;

	transition:300ms;-webkit-transition:300ms;}

	

#s_pro .slick-next{right:50%; margin-right:-80px; background:url(../image/s_pro_right.png) right center no-repeat;

	transition:300ms;-webkit-transition:300ms;}

#s_pro .slick-arrow:hover{ border:1px solid #999;}

