html,
body {
    height: 100%;
    width: 100%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Roboto", "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", BlinkMacSystemFont, -apple-system, "Segoe UI", "Microsoft Yahei", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    margin: 0;
}

a {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: #474157;
}

a:hover,
a:focus {
    color: #474157;
}
a{text-decoration: none;}
hr {
    max-width: 100px;
    margin: 25px auto 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, 0.1);
}

hr.light {
    border-color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 200;
    letter-spacing: 1px;
}
.clear{clear: both;}
body{background-color: #F8FAFC;}
.cybanner{position: relative;text-align: center;}
.cybanner img{width: 100%;}
.cybanner .cybancon{color: #594EC3;position: absolute;top: 60px;width: 100%;}
.cybanner .cybancon h3{font-size: 48px;font-weight: bold;margin: 0px;}
.cybanner .cybancon .desc{margin: 30px 0;padding: 30px;color: #0E3987;}
.cybanner .liaojie{color: #3170FF;  padding: 10px 20px;   background-color: #fff;border-radius: 20px;}
.cybanner .shenqing{margin-left:60px;color: #fff;  padding: 10px 20px;   background-color: #D4AF37;border-radius: 20px;}

.content1{margin: 50px auto;width: 1220px;}
.content1 h1{font-weight: bold;text-align: center;}
.content1 .desc{color: #AAAAAA;text-align: center;}
.content1 .items{display: flex;}

.content1 .item{margin: 20px;padding: 20px;background-color: #fff;border-radius: 8px;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);flex: 1;}
.content1 .item h3{font-weight: bold;}
.content1 .ljxq{color: #5287fe;}
.content1 .itema{flex: 1;margin: 20px;border-radius: 8px;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);position: relative;}
.content1 .itema .tp{width: 100%;}
.content1 .itema span{position: absolute;left: 20px;top: 78px;color: #fff;background-color: #165DFF;padding: 6px 10px;border-radius: 10px;font-size: 12px;}
.content1 .itema h3{font-weight: bold;padding: 0px 20px;position: absolute;left: 0px;top: 90px;color: #fff;}
.content1 .itema p{padding: 0px 20px;}
.content1 .itema p s{color: #909399;}
.content1 .itema p .baoming{background-color: #165DFF;color: #fff;padding: 4px 8px;float: right;border-radius: 6px;font-size: 14px;}
.content1 .itema h4{font-weight: bold;padding: 0px 20px;font-family: auto;}
.content1 .itema .biaoqian{display: flex;font-size: 12px;color: #666;}
.content1 .itema .biaoqian .it{flex: 1;padding: 0px 20px}
.content1 .itema .biaoqian .tr{text-align: right;}
.content1 .itema .bq{top: 20px;border-radius: 20px;padding: 2px 8px;}

.items .zhinengtu{width: 40px;height: 40px;float: left;background-color: #E7EEFF;text-align: center;    line-height: 44px;   border-radius: 20px;}
.items .zhinengtext{float: left;margin-left: 51px;margin-top: -60px;}
.items .zhinantu{width: 50px;height: 50px;float: left;background-color: #E7EEFF;text-align: center;    line-height: 50px;   border-radius: 25px;}
.items .zhinantext{float: left;margin-left: 36px;margin-top: -18px;}
.items .mingzi h3{margin: 8px;}
.items .mingzi span{margin-left: 8px;}



.content1 .checkmore{text-align: center;margin: 50px 0px;}
.content1 .checkmore a{color: #165DFF;padding: 12px;border:1px solid #165DFF;border-radius: 25px;}
.content1 .item .touxiang{float: left;}
.content1 .item .mingzi{float: left;}



.content2{margin: 50px auto;width: 1220px;background-color: #324EF1;border-radius: 8px;}
.content2 .items{display: flex;}
.content2 .items .item{flex: 1;}
.content2 .items .item h1{color: #fff;font-weight: bold;text-align: center;}
.content2 .items .item p{color:rgba(255, 255, 255, 0.7);text-align: center;}
.content2 .items .item .questions{margin:30px;border-radius:6px;color:#000;text-align:left;background-color: #fff;padding-left:30px;height: 60px;line-height: 60px;font-weight: bold;}
.content2 .items .item .questions span{color: #324EF1;float: right;font-size: 24px;margin-right: 30px;}
.content2 .items .item .ercode{margin: 30px;position: relative;}
.content2 .items .item .ercode p{position: absolute;top: 10px;left: 250px;}
.content2 .items .item .form{background-color: #fff;margin: 30px;border-radius:6px;padding: 30px 0px;}
.content2 table {
    border-collapse: collapse;
    width: 100%;
    max-width: 800px;
}
.content2 td {
    padding: 12px;
    vertical-align: top;
}
.content2 input[type="text"], textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}
.content2 textarea {
    min-height: 100px;
    resize: vertical;
}
.content2 .checkbox-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.content2 .checkbox-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 8px;
}
.content2 .checkbox-item {
    display: flex;
    align-items: center;
    gap: 6px;
}
.content2 .form a{display: block;
    margin: 30px;
    background-color: #324EF1;
    padding: 11px;
    color: #fff;
    text-align: center;
    border-radius: 20px;
}