/***********全局重置CSS*****************/
body, h1, h2, h3, h4, h5, h6, ul, ol, dl, dd {margin: 0;}
p {margin: 0;}
ul, ol, li {padding-left: 0;list-style-type: none;}
/***消除img默认边框*****/
img {border: 0;display: block;}
a {text-decoration: none;color: inherit;}
/*细线表格*/
table {border-collapse: collapse;}
em {font-style: normal;}
/***默认让所有浏览器出现右边滚动条****/
html {overflow-y: scroll;font-size: 16px;}
/***默认清除浮动****/
body {font-family: "微软雅黑", "sans-serif", "Arial";position: relative;}
.conter{max-width: 1420px;margin: 0 auto;position: relative;}

@font-face {
    font-family: source-han-sans-simplified-c;
    src: url("SourceHanSansCN-Regular.otf") format("opentype");
}

.com_tit{font-size: 2.375rem;font-weight: bold;line-height: 1.75rem;color: #fff;text-align: center;}
.com_tit span{display: inline-block;height: 4.625rem;padding: 0.875rem 2.75rem 0;box-sizing: border-box;background: center center no-repeat;background-size: 100% auto;}
.t1 span{background-image: url("index20240207_4.png");}
.t2 span{background-image: url("index20240207_5.png");}
.t3 span{background-image: url("index20240207_6.png");}
.t4 span{background-image: url("index20240207_7.png");}

.list1 ul{display: flex;flex-wrap: wrap;justify-content: center;}
.list1 li{height: 5.125rem;}
.list1 li a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 1.5rem;line-height: 1.75rem;border: 0.125rem solid #5AB6E0;box-sizing: border-box;background: #fff;}

.header{height: 44.9rem;background: url("index20240207_10.png") center center no-repeat;background-size: cover;}
.header .conter{background: url("index20240207_11.png") top 5.5625rem right 1.625rem no-repeat;background-size: 39.2957% auto;height: 100%;}
.header .top{padding-top: 2.375rem;display: flex;justify-content: space-between;align-items: center;}
.header .top .logo img{width: 21.5506rem;}
.header .top_cont{display: flex;align-items: center;}
.header .top_cont form{width: 19.3125rem;height: 2.875rem;background: #fff;border-radius: 0.25rem;position: relative;margin-right: 2.75rem;}
.header .top_cont form input{width: 100%;height: 100%;background: none;border: 0;padding: 0.75rem 3.25rem 0.625rem 0.875rem;box-sizing: border-box;outline: none;font-size: 1rem;line-height: 1.448;}
.header .top_cont form input::placeholder{font: inherit;color: #9E9E9E;}
.header .top_cont form .search_btn{position: absolute;background: none;border: 0;top: 0.75rem;right: 1.225rem;outline: none;cursor: pointer;padding: 0;}
.header .top_cont form .search_btn img{width: 1.5rem;height: 1.5rem;}
.header .top_cont .wza a{font-size: 1.25rem;line-height: 1.32;position: relative;}
.header .top_cont .wza a:not(:last-of-type){margin-right: 2.84375rem;}
.header .top_cont .wza a:not(:last-of-type):before{content: '';position: absolute;width: 0.0625rem;height: 0.9062rem;background: #000;top: 0.375rem;left: calc(100% + 1.4218rem);}
.header .title{width: 70rem;margin-left: 5.8125rem;user-select: none;margin-top: 4.1068rem;position: relative;}
.header .title:before{content: '';clear: both;}
.header .title .p1{width: 44.75rem;float: left;margin-bottom: 1.5rem;}
.header .title .p2{width: 32.6875rem;float: right;}

.main{position: relative;background: url("index20240207_12.png"),url("index20240207_13.png");background-position: left -3rem top 30rem,right -1.8125rem bottom -1.54125rem;background-repeat: no-repeat,no-repeat;background-size: 29.25rem auto,40.5rem auto;}
.main:before{content: '';position: absolute;z-index: -1;width: 100%;height: 19.125rem;background: linear-gradient(180deg, rgba(221, 240, 254, 1) 0%, rgba(255, 255, 255, 0) 100%);top: 16rem;left: 0;}
.main .zw_box{padding: 3rem 0;overflow: hidden;margin-top: -16.275rem;}
.main .zw{width: 100%;height: 36.4375rem;box-sizing: border-box;border-width: 0 0.3125rem 0.3125rem 0.3125rem;border-style: solid;border-color: #74A7ED;border-radius: 0 10rem 0 10rem;background: #fff;position: relative;box-shadow: 3px 3px 8px rgba(8,65,117,0.16);}
.main .zw .bd{font-size: 15rem;line-height: 1.448;color: #7ECEF3;font-family: source-han-sans-simplified-c,sans-serif;-webkit-text-stroke: 2px #fff;text-stroke: 2px #fff;position: absolute;left: -3.5625rem;top: -6.4375rem;user-select: none;}
.main .zw .tit{font-size: 1.5rem;line-height: 1.448;padding: 2.4375rem 0 2.3125rem;font-weight: bold;text-align: center;}
.main .zw .text{height: 24.5rem;padding: 0 3.5625rem 0 3.1875rem;font-size: 1.125rem;line-height: 1.5555;margin: 0 1rem;overflow: auto;}
.main .zw .text p{text-indent: 2em;}
.main .zw .more{margin-top: 0.9375rem;}
.main .zw .more a{width: 7.5rem;height: 2.125rem;margin: 0 auto;display: flex;justify-content: center;align-items: center;border: 0.0625rem #5AABE6 solid;box-sizing: border-box;background: #fff;color: #5AABE6;font-size: 1.125rem;line-height: 1.5555;}
.main .zw .bd.rotate{transform: rotate(-180deg);right: -3.75rem;bottom: -7.0625rem;top: auto;left: auto;}

.main .wqnb ul{display: flex;justify-content: space-between;margin: 2rem 0 0.5rem;flex-wrap: wrap;}
.main .wqnb li{width: 47.0422%;height: 8.125rem;margin-bottom: 2.5rem;background: #fff;box-shadow: 0 0 12px rgba(41, 86, 171, 0.2);}
.main .wqnb li a{width: 100%;height: 100%;box-sizing: border-box;padding: 2.375rem 2.75rem 2.25rem 9.625rem;display: inline-block;font-size: 1.375rem;line-height: 1.75rem;background: url("index20240207_8.png") left 5.5rem center no-repeat;background-size: 2.8125rem auto;}

.main .qsjd ul{justify-content: space-between;margin: 2rem 0 1.1875rem;}
.main .qsjd li{width: 18.0985%;margin-bottom: 1.9375rem;}
.main .qzfb .list_box{background: #358ADE;}
.main .qzfb .list{width: 100%;padding: 3.125rem 2rem 1.25rem 4.75rem;margin: 2rem 0 3rem;display: flex;justify-content: space-between;box-sizing: border-box;}
.main .qzfb li a{color: #fff;font-size: 1.375rem;line-height: 2.625rem;margin-bottom: 1.875rem;display: inline-block;}
.main .sydw ul{margin: 2rem 0 0.8125rem;}
.main .sydw li{width: 16.0625rem;margin: 0 1.0625rem 2rem;}
.main .gkpt ul{margin: 2rem 0 2.0625rem;}
.main .gkpt li{width: 21.875rem;margin: 0 1.3437rem 2rem;}

@media (min-width: 1920px) {
    html{font-size: 0.8333vw;}
    .conter{max-width: 88.75rem;}
}
@media (max-width: 1420px) {
    html{font-size: 14px;}
    .conter{margin: 0 3%;}

    .header .title{width: 57rem;}
    .main .qzfb .list{padding: 3.125rem 2rem 1.25rem 2rem;flex-wrap: wrap;justify-content: flex-start;}
    .main .qzfb ul{width: 33.3333%;}
}
@media (max-width: 830px) {
    html{font-size: 3.75vw;}

    .com_tit{font-size: 1.375rem;}
    .list1 li a{font-size: 1.2rem;}

    .header{height: 39rem;}
    .header .top{flex-direction: column;align-items: flex-start;}
    .header .top .logo img{width: 18rem;}
    .header .top_cont{width: 100%;flex-direction: column-reverse;align-items: flex-end;margin-top: 1rem;}
    .header .top_cont form{width: 70%;margin: 1.5rem auto 0;}
    .header .title{width: 90%;margin-left: 5%;margin-top: 1.75rem;}
    .header .title .p1{width: 80%;}
    .header .title .p2{width: 40%;}

    .main .zw{border-radius: 0;}
    .main .zw .bd{display: none;}
    .main .zw .text{padding: 0;height: 22.5rem;}

    .main .qzfb .list_box{padding: 1rem;}
    .main .qzfb .list{height: 25rem;overflow: auto;padding: 0;margin: 0;}
    .main .qzfb ul{width: 100%;}

    .main .zw_box{padding: 1rem 0 0;}
    .main .wqnb{margin-top: 1rem;}
    .main .wqnb li{width: 100%;margin-bottom: 1.25rem;height: 6.125rem;}
    .main .wqnb li a{padding: 1.375rem 1.5rem 1.25rem;background: none;}
    .main .qsjd li{width: 30%;}
    .main .sydw li{width: 100%;}
    .main .gkpt li{width: 100%;}
}
