/* CSS Document */
img { border: 0; }
.fixedImg { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.fixedImg2 { background-repeat: no-repeat; background-size: cover; }
.imgw { width: 100%; display: block; }
.imgwh { width: 100%; height: 100%; object-fit: cover; display: block; }
.imgaho { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.imgs { max-width: 100%; width: 100%; height: auto; display: block; }
a {
    text-decoration: none;
    cursor: pointer;
    transition: .3s;
}

a:link,
a:visited {
    text-decoration: none;
}
.linkA { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; }

.box4 { width: 100%; position: relative; padding: 90px 0 170px; background: #016161 url(../images/albg.jpg) no-repeat center top; background-size:cover; }
.box4 .title{ line-height:1.5; text-align:center; font-size:36px; color:#fff; font-family: "aph-b";}
.box4 .titlex{ line-height:1.2; text-align:center; font-size:20px; color:#fff; font-weight:bold; font-family: "GilroyM"; text-transform:uppercase; margin-bottom:50px;}
.box4 .swiper-box4 { width: 100%; margin-top: 55px; position: relative; }
.box4 .swiper-box4 .swiper-wrapper .swiper-slide { width:33.333333333%; position: relative; }
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s; -moz-border-radius:20px; -khtml-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; }
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a:hover .pic .img { transform: scale(1.1); }
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a .bg { background:#078c8b; height:100%; left:0; filter:alpha(opacity=0); opacity: 0; position: absolute; top: 0; transition: all 400ms ease 0s; width:100%; z-index:11; }
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a:hover .bg { filter:alpha(opacity=50); opacity: 0.5; }
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a .stit { font-size: 18px; line-height:60px; width:100%; text-align: center; position: absolute; left: 0; top: 50%; z-index:12; margin-top: -30px; color: #fff; font-weight:bold; filter:alpha(opacity=0); opacity:0; transition: all 0.6s ease 0s; }
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a:hover .stit{filter:alpha(opacity=100); opacity:1;}
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a .line { display: inline-block; width:200px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left:-100px; transition: all 0.6s ease 0s; }
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a .linet { top: 0; }
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a .lineb { bottom: 0; }
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a:hover .line { width:50px; margin-left: -25px; opacity: 0.6; filter: alpha(opacity=60); }
.box4 .swiper-box4 .prev, .box4 .swiper-box4 .next { position: absolute; top: 50%; z-index: 3; }
.box4 .swiper-box4 .prev { left: 50%; transform: translate(-50%, -50%); margin-left: -30.3%; }
.box4 .swiper-box4 .next { right: 50%; transform: translate(50%, -50%); margin-right: -30.3%; }
.prev, .next { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: white; font-size: 20px; color: #333333;  transition: .4s;
cursor: pointer; }
.prev:hover, .next:hover { background: #078c8b; color: white; }


.newsxlist{height:auto; overflow:hidden; background:#ebeff3; padding:95px 0px;}
.newsxlist .newsinner {width: 87.2%; margin: 0 auto;}
.ibox-new {border-radius:30px; box-shadow: 0 0 24px rgba(0, 0, 0, 0.09); display: flex; justify-content: space-between; background-color: #ffffff; padding: 9vh 3% 10vh; overflow: hidden;}
.ibox-new-r { width: 68%; }
.ibox-newdemo { position: relative; overflow: hidden; padding-bottom:45px; color: #000000; }
.ibox-newdemo a .imgBox { position: relative; border-radius: 8px; overflow: hidden; padding-bottom: 76%; }
.ibox-newdemo a .imgBox img { position: absolute; left: 0; top: 0; border-radius: 8px; transition: 0.8s cubic-bezier(0.26, 0.06, 0, 1); -webkit-transition: 0.8s cubic-bezier(0.26, 0.06, 0, 1); }
.ibox-newdemo a .time { display: flex; align-items: center; padding: 15px 0 20px; line-height: 1.5; }
.ibox-newdemo a .time .line { width: 1px; height: 12px; margin: 0 1rem; background-color: #000000; }
.ibox-newdemo a .title { line-height: 1.3; font-size:24px; font-weight: normal; height:63px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: 0.3s cubic-bezier(0.26, 0.06, 0, 1); -webkit-transition: 0.3s cubic-bezier(0.26, 0.06, 0, 1); }
.ibox-newdemo a:hover .title {color: #078c8b;}

.ibox-newdemo a .c { margin-top:25px; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.ibox-newdemo .swiper-scrollbar { height: 2px; left: 0; width: 100%; bottom: 0; top: auto; background: #D6D6D6; border-radius: 0; }
.ibox-newdemo .swiper-scrollbar-drag { background-color: #0C60AA; }
.ibox-new-l { position: relative; }
.ibox-title { color: #000000; }
.ibox-title .zh { line-height: 1.2; font-weight: normal; overflow: hidden; }
.ibox-title .f50{font-size:48px;}
.ibox-newl-bot { margin-top: 6rem; }
.btn-more3 { width:172px; height:46px; border-radius:25px; border: 1px solid #999999; display: flex; align-items: center; position: relative; overflow: hidden; }
.btn-more3 .base-bg { height: 102%; left: 0; position: absolute; top: 0; width: 110%; }
.btn-more3 .base-bg::before, .btn-more3 .base-bg::after {
 content: "";
 display: block;
 height: 100%;
 left: 0;
 opacity: 0.15;
 position: absolute;
 top: 0;
 transform: translateX(100%) skewX(-30deg);
 transition-property: transform;
 transition-timing-function: cubic-bezier(0.47, 0.16, 0.24, 1);
 width: 100%;
 background-color: #999999;
 transition-duration: 0.6s;
}
.btn-more3 .base-bg::after {
 transition-duration: 0.9s;
}
.btn-more3 .tbox { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0 15%; line-height: 1; width: 100%; color: #000000; }
.btn-more3 .ico { font-size:12px; }
.btn-more3:hover .base-bg { transform: rotate(180deg); }
.btn-more3:hover .base-bg::before, .btn-more3:hover .base-bg::after {
 transform: translateX(5%) skewX(-30deg);
}
.btn-more3:hover .ico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.dx-arow { width:48px; height:48px; border: 1px solid #999999; border-radius: 50%; display: block; line-height:48px; text-align: center; position: relative; transition: 0.3s; -webkit-transition: 0.3s; }
.dx-arow::before {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-color: #078c8b;
 transform: scale(0.6);
 opacity: 0;
 border-radius: 50%;
 transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
 -webkit-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.dx-arow .ico { position: relative; font-size:20px; color: #999999; font-weight: lighter; transition: 0.3s; -webkit-transition: 0.3s; }
.dx-arow:hover { border-color: transparent; }
.dx-arow:hover .ico { color: #ffffff; }
.dx-arow:hover::before {
 transform: scale(1);
 opacity: 1;
}
.dx-arow2 { background-color: #616161; border-color: #616161; }
.dx-arow2 .ico { color: #ffffff; font-weight: normal; font-size: 1.6rem; }
.dx-prev { margin-right:14px; }
.ibox-new-btn { display: flex; position: absolute; left: 0; bottom: 0; }

 @media (min-width: 0px) and (max-width:1024px) {

.box4 { width: 100%; position: relative; padding: 20px 0 20px; background: #016161 url(../images/albg.jpg) no-repeat center top; background-size:cover; }
.box4 .title{ line-height:1.2; text-align:center; font-size:24px; color:#fff; font-family: "aph-b";}
.box4 .titlex{ line-height:1.2; text-align:center; font-size:16px; color:#fff; font-weight:bold; font-family: "GilroyM"; text-transform:uppercase; margin-bottom:20px;}
.box4 .swiper-box4 { width: 100%; margin-top: 35px; position: relative; }
.box4 .swiper-box4 .swiper-wrapper .swiper-slide { width:33.333333333%; position: relative; }
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s; -moz-border-radius:20px; -khtml-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; }
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a:hover .pic .img { transform: scale(1.1); }
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a .bg { background:#078c8b; height:100%; left:0; filter:alpha(opacity=0); opacity: 0; position: absolute; top: 0; transition: all 400ms ease 0s; width:100%; z-index:11; }
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a:hover .bg { filter:alpha(opacity=50); opacity: 0.5; }
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a .stit { font-size: 18px; line-height:60px; width:100%; text-align: center; position: absolute; left: 0; top: 50%; z-index:12; margin-top: -30px; color: #fff; font-weight:bold; filter:alpha(opacity=0); opacity:0; transition: all 0.6s ease 0s; }
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a:hover .stit{filter:alpha(opacity=100); opacity:1;}
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a .line { display: inline-block; width:200px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left:-100px; transition: all 0.6s ease 0s; }
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a .linet { top: 0; }
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a .lineb { bottom: 0; }
.box4 .swiper-box4 .swiper-wrapper .swiper-slide a:hover .line { width:50px; margin-left: -25px; opacity: 0.6; filter: alpha(opacity=60); }
.box4 .swiper-box4 .prev, .box4 .swiper-box4 .next { position: absolute; top: 50%; z-index: 3; }
.box4 .swiper-box4 .prev { left: 50%; transform: translate(-50%, -50%); margin-left: -30.3%; }
.box4 .swiper-box4 .next { right: 50%; transform: translate(50%, -50%); margin-right: -30.3%; }
.prev, .next { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: white; font-size: 20px; color: #333333;  transition: .4s;
cursor: pointer; }
.prev:hover, .next:hover { background: #078c8b; color: white; }


.newsxlist{height:auto; overflow:hidden; background:#ebeff3; padding:25px 0px;}
.newsxlist .newsinner {width: 87.2%; margin: 0 auto;}
.ibox-new {border-radius:30px; box-shadow: 0 0 24px rgba(0, 0, 0, 0.09); display: flex; justify-content: space-between; background-color: #ffffff; padding: 9vh 3% 10vh; overflow: hidden;}
.ibox-new-r { width: 68%; }
.ibox-newdemo { position: relative; overflow: hidden; padding-bottom:45px; color: #000000; }
.ibox-newdemo a .imgBox { position: relative; border-radius: 8px; overflow: hidden; padding-bottom: 76%; }
.ibox-newdemo a .imgBox img { position: absolute; left: 0; top: 0; border-radius: 8px; transition: 0.8s cubic-bezier(0.26, 0.06, 0, 1); -webkit-transition: 0.8s cubic-bezier(0.26, 0.06, 0, 1); }
.ibox-newdemo a .time { display: flex; align-items: center; padding: 15px 0 20px; line-height: 1.5; }
.ibox-newdemo a .time .line { width: 1px; height: 12px; margin: 0 1rem; background-color: #000000; }
.ibox-newdemo a .title { line-height: 1.3; font-size:18px; font-weight: normal; height:47px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: 0.3s cubic-bezier(0.26, 0.06, 0, 1); -webkit-transition: 0.3s cubic-bezier(0.26, 0.06, 0, 1); }
.ibox-newdemo a:hover .title {color: #078c8b;}

.ibox-newdemo a .c { margin-top:15px; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.ibox-newdemo .swiper-scrollbar { height: 2px; left: 0; width: 100%; bottom: 0; top: auto; background: #D6D6D6; border-radius: 0; }
.ibox-newdemo .swiper-scrollbar-drag { background-color: #0C60AA; }
.ibox-new-l { position: relative; }
.ibox-title { color: #000000; }
.ibox-title .zh { line-height: 1.2; font-weight: normal; overflow: hidden; }
.ibox-title .f50{font-size:24px;}
.ibox-newl-bot { margin-top:30px; }
.btn-more3 { width:132px; height:30px; border-radius:25px; border: 1px solid #999999; display: flex; align-items: center; position: relative; overflow: hidden; }
.btn-more3 .base-bg { height: 102%; left: 0; position: absolute; top: 0; width: 110%; }
.btn-more3 .base-bg::before, .btn-more3 .base-bg::after {
 content: "";
 display: block;
 height: 100%;
 left: 0;
 opacity: 0.15;
 position: absolute;
 top: 0;
 transform: translateX(100%) skewX(-30deg);
 transition-property: transform;
 transition-timing-function: cubic-bezier(0.47, 0.16, 0.24, 1);
 width: 100%;
 background-color: #999999;
 transition-duration: 0.6s;
}
.btn-more3 .base-bg::after {
 transition-duration: 0.9s;
}
.btn-more3 .tbox { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0 15%; line-height: 1; width: 100%; color: #000000; }
.btn-more3 .ico { font-size:12px; }
.btn-more3:hover .base-bg { transform: rotate(180deg); }
.btn-more3:hover .base-bg::before, .btn-more3:hover .base-bg::after {
 transform: translateX(5%) skewX(-30deg);
}
.btn-more3:hover .ico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.dx-arow { width:30px; height:30px; border: 1px solid #999999; border-radius: 50%; display: block; line-height:30px; text-align: center; position: relative; transition: 0.3s; -webkit-transition: 0.3s; }
.dx-arow::before {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-color: #078c8b;
 transform: scale(0.6);
 opacity: 0;
 border-radius: 50%;
 transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
 -webkit-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.dx-arow .ico { position: relative; font-size:20px; color: #999999; font-weight: lighter; transition: 0.3s; -webkit-transition: 0.3s; }
.dx-arow:hover { border-color: transparent; }
.dx-arow:hover .ico { color: #ffffff; }
.dx-arow:hover::before {
 transform: scale(1);
 opacity: 1;
}
.dx-arow2 { background-color: #616161; border-color: #616161; }
.dx-arow2 .ico { color: #ffffff; font-weight: normal; font-size: 1.6rem; }
.dx-prev { margin-right:14px; }
.ibox-new-btn { display: flex; position: absolute; left: 0; bottom: 0; }
}