@charset "utf-8";
/* CSS Document */

.zjsz-container{ width:1400px}
.zjsz-clear{ clear:both;}
.zjsz-wrap {
  overflow: hidden; background: url(1.jpg) left center no-repeat;
}
.current-box{ margin:12px auto; position:relative; box-shadow:1px 1px 10px rgba(0,0,0,0.1); padding:10px 0; overflow:hidden; background:#fff;}
.current-cont{ font-size:18px;display:inline-block; }
.current-cont a{ font-size:18px;}
.current-box::before{ display:inline-block; margin:2px 12px 0;
  content: '';
  width: 18px;
  height: 18px;
   background: url(zwgk/1.png) left center no-repeat;
 
}
.impression-box{ overflow:hidden;}
.impression-tit{ padding:60px 0;}
.impression-left{ float:left; width:854px; height:480px;}
.szimages-box{ overflow:hidden;}
.szimages-a{ float:right; color:#fff; background:#e2cfbb; padding:5px 20px; border-radius:5px; margin:15px 0 0;}
.szimages-ul{ float:left; width:100%; margin-bottom:10px;display: flex;justify-content: space-between;}
.szimages-ul li{ float:left; width:400px; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.1); margin:0 40px 30px 0; overflow:hidden;}
.szimages-ul li:nth-child(3n){ margin-right:0}
.szimages-ul li img{ width:100%; display:block;transition: transform 0.5s;}
.szimages-ul li:hover img {
    transform: scale(1.05);
}
.szimages-ul li span{ line-height:50px; height:50px;text-align:center; display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:20px;}
.development-ul{float:left; width:100%;display: flex;justify-content: space-between;}
.development-ul li{ float:left; width:306px; margin-right:20px;}
.development-ul li:last-child{ margin-right:0}
.development-ul li::after{content: '';width: 306px;height:170px;background: url(10.png) left center no-repeat; display:block; margin-top:-120px;}
.development-ul li a{ text-align:center; display:block; font-size:24px;}
.development-ul li a i { display:block; text-align:center; margin:12px auto; border-radius:50%; line-height:130px;width:130px;height:130px;background:#fff; position:relative;box-shadow:0 0 5px rgba(0,0,0,0.1);}
.development-ul li a i img {vertical-align: middle;display: inline-block;transition: transform 0.5s;}
.development-ul li a:hover img{ transform: rotate3d(-5, -10, 0, 35deg);}
.swim-box{ overflow:hidden;}
.swim-ul{
    display: flex;
    justify-content: space-between;
}
.swim-ul li{ width:235px; height:268px; float:left; }
.swim-ul li a{ display:block; text-align:center;}
.swim-ul li a i{ background:#fff;border-radius:50%; line-height:80px;width:80px;height:80px;background:#fff; display:block; font-style:normal; font-size:28px;}
.swim-ul li a span{display:inline-block;margin-top:80px;width:80px;height:80px; padding:10px;border-radius:50%; border:1px dashed #fff;transition: transform 0.5s; }
.swim-ul li a:hover span{ transform: rotate3d(-3, 10, 0, 15deg);}
.swim-li01{ background:url(11.png)center no-repeat}
.swim-li02{ background:url(12.png)center no-repeat}
.swim-li03{ background:url(13.png)center no-repeat}
.swim-li04{ background:url(14.png)center no-repeat}
.swim-li05{ background:url(15.png)center no-repeat}
.swim-ul li.swim-li01 a{ color:#f6914d}
.swim-ul li.swim-li02 a{ color:#7276a3}
.swim-ul li.swim-li03 a{ color:#4d9900}
.swim-ul li.swim-li04 a{ color:#4c8fdd}
.swim-ul li.swim-li05 a{ color:#6a9362}

/* 畅游 */
.zj-mt-3 {
    margin-top: 0;
    margin-top: 0;
}

.zj-changyou-box {
    height: 430px;
    /* width: 150px; */
    overflow: hidden;
    margin-top: 0;
    display: flex;
    justify-content: space-between;
}

.zj-changyou-box>li {
    width: 176px;
    float: left;
    height: 430px;
    overflow: hidden;
    position: relative;
    transition: all .5s; margin-right:10px;
}

.zj-changyou-box:hover li:nth-child(4) {
    width: 160px;
}

.zj-changyou-box:hover li {
    opacity: .55;
    filter: alpha(opacity=55);
}

.zj-changyou-box:hover li:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.zj-changyou-box>li:nth-child(4),
.zj-changyou-box>li:hover:nth-child(4),
.zj-changyou-box>li:hover {
    width: 570px;
}

.zj-changyou-box>li>span { 
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: absolute;
    left:45px;
    top: 0;
    z-index: 2;
}
.humanities-fra{ float:left; width:142px; height:365px; box-shadow:0 0 10px rgba(0,0,0,0.2); background-color:#f5f5f5; border-radius:20px 20px 10px 10px; margin:35px 0 0 10px; background-repeat:no-repeat; background-position: center bottom; position:relative; z-index:1}
.zj-changyou-box>li:hover .humanities-fra {
  background-color:#f3f6fa;
}
.zj-changyou-box>li:nth-child(4) .humanities-fra {
  background-color:#f3f6fa;
}
.humanities-f01{background-image:url(21.png)}
.humanities-f02{background-image:url(22.png)}
.humanities-f03{background-image:url(23.png)}
.humanities-f04{background-image:url(24.png)}
.humanities-f05{background-image:url(25.png)}
a.humanities-a01{ position:absolute; bottom:20px; left:50%; margin-left:-35px; background:#c7a078; color:#fff; width:70px; text-align:center; line-height:30px; height:30px; border-radius:10px; display:none;}
.zj-changyou-box>li:hover .humanities-a01{ display:block;}
.humanities-right{ position:absolute; left:95px; top:35px; width:380px; height:340px; background-color:#f3f6fa; border:1px solid #f0ebf5; display:none; padding:24px 0 0 90px; background-image:url(26.png); background-repeat:no-repeat; background-position:90px bottom; z-index:0}
.zj-changyou-box>li:nth-child(4) .humanities-right{background-color:#f3f6fa; display:block;}
.zj-changyou-box>li:hover .humanities-right {background-color:#f3f6fa;display:block;}
.humanities-right dt{ width:340px; height:182px; border:1px solid #fff; box-shadow:0 0 5px rgba(0,0,0,0.3); background:#fff; margin:0 0 20px ;}
.humanities-right dt img{ display:block; width:100%}
.humanities-right dd a{ float:left; font-size:18px; line-height:2; margin:10px 10px 0 0; width:80px;}
.humanities-right dd a::before {
    content: '';
    width: 5px;
    height: 5px;
    display: block;
    background-color: #e3d2c3;
    float: left;
    margin-top: 15px;
    margin-right: 10px;
}

.impression-right{ float:left; width:612px; position:relative; z-index:1; margin-left:-66px;}
.zhen_iptop2{float: left;width: 100%;height: 25px; padding:10px 0; margin-top:-100px}
.zhen_iptop2 span{  float:left; line-height:30px; margin-left:100px; color:#333333;cursor:pointer; font-size:22px;}
.zhen_iptop2 span.pro_tab{font-weight: bold;color: #2072e4;}
.yao_nfra3{ width:602px; height:355px; background:#fff; margin:124px 0 0 0; position:relative; padding: 0 0; box-shadow:0 5px 5px rgba(0,0,0,0.1)}
.swiper{ padding:55px 0 0!important;}
.swiper-pagination{ top:0!important; font-size:18px; bottom:none!important; height:50px; color:#5e5e5e; line-height:50px;}
.swiper-pagination-current{ color:#2072e4; font-size:24px;}
.swiper-button-next, .swiper-button-prev{ top:30px!important;}
.swiper-button-next{ left:40px!important}
:root{--swiper-navigation-size:20px!important}
.impression-txt{ padding:10px 30px; line-height:2; font-size:20px; margin-top:20px;}
.swiper-slide{ border-top:1px solid #d2d2d2}
a.sw_a01 {position: absolute; color:#464e5a;right: 15px;top: 13px; background:#d2d2d2; width:120px; height:30px; text-align:center; line-height:30px; border-radius:15px; z-index:11;}