.search {
    padding: 10px 10%;
    overflow: hidden;
}

.search form {
    display: inline-block;
    float: right;
    border-bottom: 1px solid #005BAD;
}

.search form input[type="text"] {
    border: none;
    width: 30vw;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #979797;
    position: relative;
    top: -4px;
}

.search form input[type="text"]:focus-visible {
    outline: none;
}

.search form .sub {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #d5d5d5;
    border-radius: 50%;
}

.search form .sub img {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.search #closeSearch {
    float: right;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #979797;
    line-height: 20px;
    -webkit-text-stroke: 1px #979797;
    text-stroke: 1px #979797;
    margin-left: 20px;
}
.header{
    position: relative
}
.header #openSearch{
    position: absolute;
    right: calc(10vw - 40px);
    top: 26.5px;
}

.banner {
    width: 100%;
    overflow: hidden;
}

.banner .flexslider {
    border: none;
}

.banner .flexslider .flex-control-nav {
    bottom: 0;
    z-index: 3;
}

.banner .flexslider .flex-direction-nav {
    display: none;
}

.column1 {
    padding: 30px 10%;
    padding-bottom:10px;
    overflow: hidden;
}

.colTitle {
    border-bottom: 1px solid #005bad;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.colTitle .columnTitle {
    color: #005bad;
    font-size: 24px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
}

.colTitle .columnMore {
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #005BAD;
    float: right;
}

.colLeft1 {
    max-width: 40%;
    max-height: 400px;
    padding-left:29px;
    padding-top: 16px;
    /* margin-right: 10%; */
    float: left;
    /* overflow: hidden; */
}
.colLeft1 .flexslider{
    border:none;
    -webkit-box-shadow:none;
    box-shadow: none;
    max-height: 400px;
}
.colLeft1 .flex-control-nav{
    display: none;
    bottom: -30px;
    z-index: 3;
}
.colLeft1 img{
    max-height: 400px;
    object-fit: contain;
}
.colLeft1 .flex-direction-nav{
    /* display: none; */
}
.colLeft1 .flex-prev{
    background: url("../images/left.png") 100% no-repeat;
   
}
.flexslider:hover .flex-prev{
    left: -40px;
}
.colLeft1 .flex-next{
    background: url("../images/right.png") 100% no-repeat;
}
.flexslider:hover .flex-next{
    right: -40px;
}
/* .colLeft1 span {
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #222222;
    line-height: 22px;
}

.colLeft1 p {
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #8D8D8D;
} */

.colRight1 {
    width: 50%;
    float: right;
}

.colRight1 ul li {
    border-bottom: 1px dotted #D5D5D5;
    padding: 13px 0;
    /* overflow: hidden; */
    position: relative;
    margin-left: 4em;
}

.colRight1 ul li a {
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #303030;
}

.colRight1 ul li::before {
    content: url('../images/listIcon.png');
    position: absolute;
    left: calc(37px - 4em);
}

.colRight1 ul li:last-child {
    border-bottom: none;
}

.column2 {
    background-image: url('../images/colbg.png');
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 0 10%;
    position: relative;
    overflow: hidden;
    padding-top: 10px;
}

.column2 .colTab2 {
    box-sizing: border-box;
    border-bottom: 2px solid #e0e0e0;
}

.column2 .colTab2 .tab1 {
    display: inline-block;
    font-size: 24px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #005BAD;
    border-bottom: 2px solid #005BAD;
    padding-bottom: 8px;
    position: relative;
    top: 2px;
}

.column2 .colTab2 .tabPoint {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3a3a3a;
    margin: 6px;
}
.column2 .colTab2 .columnMore{
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #005BAD;
    float: right;
}
.column2 .colTab2 .tab2 {
    display: inline-block;
    padding-bottom: 8px;
    position: relative;
    top: 2px;
}

.column2 .colTab2 .tab2 a {
    color: #3A3A3A;
    font-size: 24px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
}

.column2 .colMain2 {
    margin: 25px 0;
}

.column2 .colMain2 table {
    width: 100%;
}

.column2 .colMain2 tr td {
    width: 50%;
    text-align: left;
    line-height: 42px;
    padding-left: 4em;
    position: relative;
}

.column2 .colMain2 tr td a {
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #303030;
}

.column2 .colMain2 tr td::before {
    content: url('../images/listIcon.png');
    position: absolute;
    left: 37px;
}

.column3 {
    padding: 10px 10%;
}

.column3 .columnMain3 {
    padding: 8px 20px;
    box-shadow: 0px 1px 3px 0px rgba(168, 168, 168, 0.7);
    border: 1px solid #EBEBEB;
    position: relative;
}

#imgList {
    white-space: nowrap;
    overflow: hidden;
    max-height: 600px;
    transition: left 1s;
}

#imgList .imgBox {
    display: inline-block;
    padding: 8px;
    width: calc(26.6vw - 37.3px);
    min-width: 280px;
    overflow: hidden;
}

#imgList .imgBox img,{
    
}
#imgList .imgBox span {
    text-align: center;
    display: block;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #303030;
    margin: 10px 0;
}

#imgList .imgBox img {
    width: 100%;
    /* max-height: 220px; */
}

.column3 .columnMain3 .colBtn3 {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 3;
    top: 39%;
    border-radius: 50%;
    background: #707070;
    text-align: center;
}

.column3 .columnMain3 .colBtn3 .arrow {
    color: #ffffff;
    line-height: 40px;
    font-size: larger;
}

.colBtn3.pre {
    left: -15px;
}

.colBtn3.next {
    right: -15px;
}