* {
    padding: 0;
    margin: 0;
    list-style: none;
}

.cleardiv {
    clear: both;
    height: 0;
    display: block;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: " ";
}

body {
    min-width: 1120px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: inherit;
}

.none {
    display: none;
}

.sunny01 {
    width: 100%;
    height: 570px;
    background: url("../images/sunny_01.jpg") center top no-repeat;
    background-size: auto 100%;
}

.dhbox {
    width: 971px;
    height: 520px;
    margin: 0 auto;
    position: relative;
}

.dhbox .t01 {
    position: absolute;
    width: 971px;
    height: 128px;
    top: 152px;
    left: 10px;
    background: url(../images/dh1.png) no-repeat;
    z-index: 2;
}

.dhbox .t02 {
    position: absolute;
    width: 356px;
    height: 138px;
    top: 316px;
    left: 310px;
    background: url(../images/dh2.png);
    z-index: 2;
}

.dhbox .t03 {
    position: absolute;
    width: 519px;
    height: 66px;
    top: 486px;
    left: 224px;
    background: url(../images/dh3.png?2022);
    z-index: 2;
}

.dhbox .t04 {
    position: absolute;
    width: 522px;
    height: 156px;
    top: 286px;
    left: 224px;
    background: url(../images/dh4.png);
    z-index: 1;
}

.sunny02 {
    width: 100%;
    height: 210px;
    background: url("../images/sunny_02.jpg") center top no-repeat;
    background-size: auto 100%;
}

.sunny03 {
    width: 100%;
    height: 631px;
    background: url("../images/sunny_03.jpg") center top no-repeat;
    background-size: auto 100%;
}

.sunny04 {
    width: 100%;
    height: 700px;
    background: url("../images/sunny_04.jpg?2022") center top no-repeat;
    background-size: auto 100%;
}

.sunny05 {
    width: 100%;
    height: 158px;
    background: url("../images/sunny_05.jpg") center top repeat-y;
    background-size: auto 100%;
}

.sunny06 {
    width: 100%;
    height: 860px;
    background: url("../images/sunny_06.jpg") center bottom no-repeat;
    background-size: auto 100%;
}

.sunny07 {
    width: 100%;
    height: 198px;
    background: url("../images/sunny_07.jpg") center top no-repeat;
    background-size: auto 100%;
}

.sunny08 {
    width: 100%;
    height: 415px;
    background: url("../images/sunny_08.jpg?20220808") center bottom no-repeat;
    background-size: auto 100%;
}

.sunny09 {
    width: 100%;
    height: 208px;
    background: url("../images/sunny_09.jpg") center bottom no-repeat;
    background-size: auto 100%;
    padding: 115px 0 0 0;
    box-sizing: border-box;
}

.sunny10 {
    width: 100%;
    height: 460px;
    background: url("../images/sunny_10.jpg") center top no-repeat;
    background-size: auto 100%;
}

.sunny11 {
    width: 100%;
    height: 360px;
    background: url("../images/sunny_11.jpg") center top no-repeat;
    background-size: auto 100%;
}

.sunny12 {
    width: 100%;
    height: 310px;
    background: url("../images/sunny_12.jpg") center top no-repeat;
    background-size: auto 100%;
}

.block03 {
    width: 1121px;
    height: 596px;
    margin: 0 auto;
    background: url(../images/block0.png) left center no-repeat;
}

.block03 .qul {
    padding: 50px 0 0 0;
}

.block03 .qul li {
    position: relative;
    float: left;
    width: 474px;
    padding: 0 0 0 50px;
    margin: 20px 24px 20px 60px;
    font: 20px/28px "微软雅黑";
    color: #FFF;
    background: url(../images/question.png) left top no-repeat;
    box-sizing: border-box;
    min-height: 39px;
}

.qul li:hover {
    padding: 0 0 0 0;
    font: bold 22px/26px "微软雅黑";
}

.qul li:hover .nr {
    position: absolute;
    top: -30px;
    left: -15px;
}

.qul li:hover .nr .qtable {
    min-width: 505px;
    min-height: 100px;
    background: url(../images/qtabbg.png) left center no-repeat;
}

.qul li:hover .nr .qtable .ntd01 {
    width: 110px;
    min-height: 100px;
    vertical-align: middle;
    background: url(../images/qicon.png) center center no-repeat;
}

.ul04 {
    width: 1120px;
    margin: 0 auto;
    padding: 80px 0 0 0;
}

.ul04 li .zzc {
    display: none;
}

.ul04 a {
    float: left;
    display: block;
    text-align: center;
    width: 350px;
    margin: 0 7px 0 13px;
}

.ul04 a:hover h2 {
    color: #3a93ff;
}

.ul04 li:hover .zzc {
    display: block;
    top: 0;
    position: absolute;
    width: 350px;
    height: 196px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.5) url(../images/video-bf.png) no-repeat center center;
}

.ul04 li {
    position: relative;
    float: left;
    width: 350px;
    height: 290px;
    border-radius: 20px;
}

.ul04 li img {
    width: 350px;
    height: 196px;
    border-radius: 20px;
}

.ul04 li h2 {
    padding: 25px 0 0 0;
    text-align: center;
    font: bold 18px/24px "微软雅黑";
    color: #333;
}

.gd04 {
    width: 1080px;
    margin: 0 auto;
    padding: 22px 0 0 0;
    text-align: right;
}

.gd04 a {
    color: #3a93ff;
    font: bold 18px/24px "微软雅黑";
}

.b06 {
    width: 1077px;
    margin: 0 auto;
}

.b06 ul li {
    width: 510px;
    height: 85px;
    background: #ddf2f1;
    border-radius: 10px 10px 0 0;
    float: left;
    margin: 0 20px 0 0;
    font: bold 22px/85px "微软雅黑";
    color: #5fafaa;
    text-align: center;
    cursor: pointer;
}

.b06 .ultab[data-xl="1"] li[data-xl="1"],
.b06 .ultab[data-xl="2"] li[data-xl="2"] {
    background: url(../images/li06.png);
    color: #FFF;
}

.b06 .ulcon {
    clear: both;
    padding: 50px 0 50px 0;
    background: #FFF;
    border-radius: 0 10px 10px 10px;
}

.b06 .ulcon .imgcon {
    display: none;
}

.b06 .ulcon .imgcon {
    width: 95%;
    height: 680px;
    margin: 0 auto 0;
    box-sizing: border-box;
    padding: 0 0 0 30px;
    overflow-y: auto;
    overflow-x: hidden;
}

.imgcon::-webkit-scrollbar {
    width: 14px;
    height: 8px;
    background-color: #515a6e;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

.imgcon::-webkit-scrollbar:hover {
    background-color: #d1d1d1;
}

.imgcon::-webkit-scrollbar-thumb {
    background-color: rgb(221, 242, 241, 0.6);
    height: 50px;
    -webkit-border-radius: 10px;
    border-radius: 5px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

.imgcon::-webkit-scrollbar-thumb:hover,
.imgcon::-webkit-scrollbar-thumb:active {
    background-color: rgb(221, 242, 241, 0.6);
    border-right: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
}

.imgcon::-webkit-scrollbar-track {
    background-color: #fff;
}

.imgcon::-webkit-scrollbar-track:hover {
    background-color: #fff;
}

.b06 .ulcon[data-xl="1"] .imgcon[data-xl="1"],
.b06 .ulcon[data-xl="2"] .imgcon[data-xl="2"] {
    display: block;
}

.ul10 {
    width: 1120px;
    margin: 0 auto;
}

.ul10 li {
    float: left;
    width: 350px;
    height: 200px;
    box-sizing: border-box;
    background: url(../images/h01.png) no-repeat;
    color: #59a0f1;
    font: bold 18px/24px "微软雅黑";
    margin: 0 11px 22px;
}

.ul10 li:hover {
    color: #FFF;
    border: 0;
    background: url(../images/h02.png) no-repeat;
}

.ul10 li:nth-of-type(6) {
    color: #d64310;
    background: url(../images/h06.png) no-repeat;
}

.ul10 li:nth-of-type(6):hover {
    color: #FFF;
    background: url(../images/h006.png) no-repeat;
}

.ul10 li .divp {
    width: 190px;
    height: 90px;
    padding: 50px 0 0 125px;
}

.ul10 li .divp table td {
    width: 100%;
    height: 90px;
}

.ulerwm {
    width: 1000px;
    margin: 0 auto;
    padding: 60px 0 0 180px;
    box-sizing: border-box;
}

.ulerwm li {
    float: left;
    width: 200px;
    margin: 0 30px;
}

.ulerwm li img {
    width: 181px;
    height: 180px;
}

.ulerwm li h2 {
    text-align: center;
    color: #FFF;
    font: bold 21px/34px "微软雅黑";
}

.qbox {
    position: absolute;
    width: 520px;
    height: 205px;
}

.qbox:nth-of-type(2) {
    top: 105px;
    right: 103px;
}

.qbox:nth-of-type(3) {
    top: 340px;
    left: 105px;
}

.qbox:nth-of-type(4) {
    top: 340px;
    right: 103px;
}