/* Created by kong 20220510 */

html, body { width:100%; height:100%; min-width: 1524px; min-height: 884px; position: relative;}
body { padding-top: 0;}

.homeslide { position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.homeslide .swiper-container { width: 100%; height: 100%;}
.homeslide .swiper-slide { background-position: center center; background-repeat: no-repeat; background-size: cover;}

.wrap { height: 100%; position: relative; z-index: 2;}

.homelogo { position:absolute; left: 0; top: 69px;}

.homefooter { position:absolute; left: 0; bottom: 35px; width:100%; padding: 0 140px; box-sizing: border-box; font-size: 14px; line-height: 24px; color: #333; display: flex; justify-content: space-between;}
.sydw { height: 48px;}
.sydw img { width: auto; height: 100%;}

.quicklink { position:absolute; width: 100%; height:560px; margin-top: -280px; left:0; top: 50%; padding-top: 160px; box-sizing: border-box;}
.quicklink li { font-size: 24px; line-height: 30px; text-align: center; color: white;}
.quicklink li a { display: block; height: 100%; padding-top: 264px; box-sizing: border-box; color: white; background: rgba(37,161,143,0.9) url("../images/icon_04.png") center top no-repeat;}
.quicklink li a:hover { text-decoration: none; background-color:  rgba(37,161,143,1);}
.quicklink ol { float: left; width: 324px; display: flex; justify-content: space-between; flex-wrap: wrap; border-radius: 10px 0 0 10px; overflow: hidden;}
.quicklink ol li { width: 161px; height: 198px; font-size: 18px;}
.quicklink ol li a { padding-top: 119px; background-color: rgba(174,65,132,0.9); background-image: url("../images/icon_02.png");}
.quicklink ol li a:hover { background-color: rgba(174,65,132,1);}
.quicklink ol li:first-child { width: 100%; height: 200px; margin-bottom: 2px; background: rgba(174,65,132,0.9) url("../images/icon_01.png") center top no-repeat;}
.quicklink ol li:nth-child(3) a { background-image: url("../images/icon_03.png");}
.quicklink ul { float: right; width: 966px; display: flex; justify-content: space-between; border-radius: 0 10px 10px 0; overflow: hidden;}
.quicklink ul li { width: 240px; height: 400px;}
.quicklink ul li:nth-child(2) a { background-image: url("../images/icon_05.png");}
.quicklink ul li:nth-child(3) a { background-image: url("../images/icon_06.png");}
.quicklink ul li:nth-child(4) a { background-image: url("../images/icon_07.png");}

.sidebar { position: absolute; height:560px; margin-top: -280px; top: 50%; padding-top: 160px; box-sizing: border-box;}

.v2 .homelogo { top: 93px;}

.v2 .quicklink { width: 1129px; height: 320px; top: 241px; margin-top: 0; padding-top: 0;}
.v2 .quicklink li a { padding-top: 225px; background-image: url("../images/icon_04_v2.png");}
.v2 .quicklink ol { width: 161px;}
.v2 .quicklink ol li { height: 159px;}
.v2 .quicklink ol li a { padding-top: 99px; background-image: url("../images/icon_03_v2.png");}
.v2 .quicklink ol li:first-child { height: 159px; background: none;}
.v2 .quicklink ol li:first-child a { background-image: url("../images/icon_02_v2.png");}
.v2 .quicklink ul li { height: 320px;}
.v2 .quicklink ul li:nth-child(2) a { background-image: url("../images/icon_05_v2.png");}
.v2 .quicklink ul li:nth-child(3) a { background-image: url("../images/icon_06_v2.png");}
.v2 .quicklink ul li:nth-child(4) a { background-image: url("../images/icon_07_v2.png");}