
.foreign_list1{position:relative;padding:240px 0 0;height:700px;background:url(../image/jjl/foreign_list1.jpg);color:#fff}
.foreign_list1 .tit .t1{font-size:48px;line-height:1.2}
@media screen and (max-width: 1400px){
.foreign_list1 .tit .t1{font-size:42px}
}
@media screen and (max-width: 768px){
.foreign_list1 .tit .t1{font-size:28px}
}
.foreign_list1 .slick-mod{margin-top:30px}
.foreign_list1 .slick-item{position:relative;overflow:hidden;height:819px}
.foreign_list1 .slick-item > a{position:relative;display:block}
.foreign_list1 .slick-item > a::after{content:"";position:absolute;right:0;top:0;left:0;bottom:0;background:url(../../image/jjl/foreign_list1.png);background-size:cover}
.foreign_list1 .slick-item .mask{bottom:57px;text-align:center;position:absolute;left:280px;right:280px;z-index:1;top:auto;font-size:20px}
@media screen and (max-width: 768px){
.foreign_list1 .slick-item .mask{font-size:18px}
}
.foreign_list1 .slick-arrow{position:absolute;bottom:55px}
.foreign_list1 .slick-prev{left:55px}
.foreign_list1 .slick-next{right:55px}
.foreign_list2{padding:580px 0 290px;background:url(../image/jjl/artgallery2.jpg);position:relative}
.foreign_list2 .tit .t1{font-size:48px;line-height:1.2}
@media screen and (max-width: 1400px){
.foreign_list2 .tit .t1{font-size:42px}
}
@media screen and (max-width: 768px){
.foreign_list2 .tit .t1{font-size:28px}
}
.foreign_list2 .list{margin:30px 0 80px}
.foreign_list2 .list .item{background:#fff;overflow:hidden;width:100%}
.foreign_list2 .list .item + .item{margin-top:30px}
.foreign_list2 .list .item .img{width:615px;height:410px;overflow:hidden;float:left}
.foreign_list2 .list .item .img img{width:100%;height:auto}
.foreign_list2 .list .item .text{overflow:hidden}
.foreign_list2 .list .item .text .padd{padding:75px 65px}
.foreign_list2 .list .item .text .t1{font-size:28px}
@media screen and (max-width: 768px){
.foreign_list2 .list .item .text .t1{font-size:22px}
}
.foreign_list2 .list .item .text .t2{margin:15px 0 20px;font-size:20px}
@media screen and (max-width: 768px){
.foreign_list2 .list .item .text .t2{font-size:18px}
}
.foreign_list2 .list .item .text .t2 .ico{margin-right:15px;max-width:18px;height:auto;display:inline-block;vertical-align:sub}
.foreign_list2 .list .item .text .p{color:#666666;line-height:1.6;text-align:justify;text-justify:inter-ideograph}
.foreign_list1.not-banner{height:auto;padding-bottom:240px}
.foreign_list2.not-banner{padding-top:140px}
.foreign_list3{position:relative;height:290px}
/*	pc 端	*/
@media screen and (min-width: 769px){
.foreign_list1 .slick-item img{-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.foreign_list1 .slick-item:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.foreign_list2 .list .item .img img{-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.foreign_list2 .list .item .img:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
}
/*	移动端	*/
@media screen and (max-width: 768px){
.foreign_list1{padding:50px 0;height:auto}
.foreign_list1 .slick-mod{margin-top:20px}
.foreign_list1 .slick-arrow{top:50%;bottom:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.foreign_list1 .slick-arrow::before{display:none}
.foreign_list1 .slick-prev{left:20px}
.foreign_list1 .slick-next{right:20px}
.foreign_list1 .slick-item{height:auto}
.foreign_list1 .slick-item .mask{bottom:20px;left:15px;right:15px}
.foreign_list2{padding:50px 0}
.foreign_list2 .list .item + .item{margin-top:20px}
.foreign_list2 .list .item .img{float:none;width:auto;height:auto}
.foreign_list2 .list .item .text .padd{padding:25px 15px}
.foreign_list2 .list .item .text .t2{margin:10px 0 15px}
.foreign_list2 .list{margin:20px 0 40px}
.foreign_list1.not-banner{padding-bottom:50px}
.foreign_list2.not-banner{padding-top:50px}
}