@font-face {
font-family: 'Georgia';
src: url('/english/fonts/georgia.woff2') format('woff2'),
url('/english/fonts/georgia.woff') format('woff'),
url('/english/fonts/georgia.ttf') format('ttf');
font-weight: normal;
font-style: normal;
}
.banner a {
display: block;
padding-bottom: 41.67%;
}
main {
display: block;
overflow: hidden;
}
.mode1 {
overflow: hidden;
padding-top: 80px;
overflow: hidden;
}
.mode1Pic {
display: block;
width: 60%;
clip-path: polygon(0% 0%, 92% 0%, 100% 100%, 0% 100%);
/* shape-outside: polygon(0% 0%, 92% 0%, 100% 100%, 0% 100%); */
/* shape-margin: 50px; */
margin-top: -40px;
overflow: hidden;
}
.mode1Img {
padding-bottom: 51.84%;
/* clip-path: polygon(0% 0%, 92% 0%, 100% 100%, 0% 100%); */
/* shape-outside: polygon(0% 0%, 92% 0%, 100% 100%, 0% 100%); */
shape-margin: 50px;
}
.title {
padding: 20px 101px 30px 50px;
box-sizing: border-box;
background: #00479d;
font-family: 'Georgia';
line-height: 1;
display: inline-block;
clip-path: polygon(0% 0%, 92% 0%, 100% 100%, 0% 100%);
position: relative;
z-index: 10;
text-transform: uppercase;
}
.title:hover {
color: #fff;
}
.more {
font-weight: bold;
color: #00479d;
line-height: 80px;
font-family: 'Georgia';
letter-spacing: 1px;
text-transform: uppercase;
}
.mode1r {
color: #333;
line-height: 30px;
height: 270px;
padding-top: 20px;
overflow: hidden;
font-family: 'Georgia';
text-align: justify;
}
.mode1r::before {
content: '';
display: block;
float: left;
height: 100%;
width: 7%;
shape-outside: polygon(0 100%, 100% 100%, 0 0);
}
.mode2 {
overflow: hidden;
background: #eef3f8;
padding-bottom: 60px;
box-sizing: border-box;
}
.mode2 .gp-container {
/* overflow: hidden; */
}
.title2 {
color: #00479d;
display: block;
margin: 53px 0 32px;
font-family: 'Georgia';
text-transform: uppercase;
}
.mode1l {
margin-left: -50px;
box-sizing: border-box;
}
.listContent12 {
position: relative;
padding-bottom: 40px;
box-sizing: border-box;
/* overflow: hidden; */
}
/* .listContent12 .swiper-wrapper{
margin: 0 -20px;
overflow: hidden;
} */
.listContent12 .swiper-wrapper a {
display: block;
margin: 0 20px;
}
.listContent12 .swiper-wrapper a span.gp-img-responisve {
padding-bottom: 56.52%
}
.listName {
line-height: 1;
padding: 20px 0;
box-sizing: border-box;
color: #333;
font-family: 'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;
}
.listContent12 .swiper-scrollbar-drag {
background: #00479d;
border-radius: 5px;
width: 200px !important;
}
.swiper-scrollbar {
background: none;
}
.swiper-scrollbar::after {
content: '';
background: #dcdcdc;
height: 1px;
position: absolute;
left: 0;
right: 0;
top: 5px;
}
.listContent12 {
/* margin-right: -503px; */
/* margin-left: 251.5px; */
/* overflow: visible; */
/* overflow: hidden; */
}
.listContent12 .swiper-wrapper {
margin: 0 -20px;
}
.listContent12 .swiper-wrapper li {
width: calc(100% / 3);
float: left;
}
@media screen and (max-width:1460px) {
/* .listContent12 {
margin-right: -90px;
} */
.mode1l {
margin: 0;
}
}
@media screen and (max-width:1300px) {
/* .listContent12 {
margin-right: -55px;
} */
}
@media screen and (max-width:1200px) {
/* .listContent12 {
margin-right: -50px;
} */
}
@media screen and (max-width:1024px) {
.listContent12 .swiper-wrapper {
margin: 0 -5px
}
.listContent12 .swiper-wrapper a {
margin: 0 5px
}
}
@media screen and (max-width:997px) {
.mode1 {
padding-top: 40px;
padding-bottom: 40px;
}
.title2 {
margin: 40px 0 20px;
}
.mode2 {
padding-bottom: 40px;
}
.mode1Pic {
width: 100%;
float: none;
margin-top: 20px;
margin-bottom: 20px;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.mode1r::before {
display: none
}
.mode1r {
height: auto;
max-height: 270px;
padding-top: 0;
}
}
@media screen and (max-width:767px) {
.listContent12 .swiper-wrapper li {
width: 50%
}
}
@media screen and (max-width:640px) {
.title {
padding: 20px 35px 20px 10px;
}
.more {
line-height: 60px;
}
.listContent12 .swiper-wrapper li {
width: 100%
}
/* .listContent12 .swiper-wrapper a {
margin: 0 5px;
}
.listContent12 {
padding-bottom: 15px;
} */
}