@charset "utf-8";

/* SECTION */
/* Section-1023 */
.section-1023{ width: 100%; height: auto; padding: 80px 0; background: #ffffff; background-size: cover; position: relative;}

.section-1023 .section-title{ width: 100%; height: auto; margin-bottom: 50px;}
.section-1023 .section-title .tit{ width: 100%; text-align: center; padding-bottom: 20px;}
.section-1023 .section-title .tit a{ font-size: 36px; font-weight: 500; color: #0b1531;}
.section-1023 .section-title .line{ width: 50px; height: 6px; border-radius: 3px; background: #ffa601; margin: 0 auto;}

.section-1023 .col1{ width: 40%;}
.section-1023 .col2{ width: 60%;}

.section-1023 .col1 .item{ width: 100%; height: auto;}
.section-1023 .col1 .item img{ width: 100%;}

.section-1023 .col2 .item{ width: 100%; height: auto; margin-bottom: 40px;}
.section-1023 .col2 .item .content{ width: 100%; height: 240px; overflow: hidden; line-height: 30px; text-align: justify; margin-bottom: 20px;}
.section-1023 .col2 .item .more{ width: 100%; height: 40px;}
.section-1023 .col2 .item .more a{ display: inline-block; width: auto; height: 40px; line-height: 40px; background: #163d8a; box-shadow: 0 1px 0 rgba(44,114,255,.08), 0 6px 12px rgba(44,114,255,.18); border-radius: 24px; cursor: pointer; padding: 0 40px; text-align: center; outline: 0; color: #ffffff;}
.section-1023 .col2 .item .more a i{ padding-left: 10px;}
.section-1023 .col2 .item .more a:hover{ background: #296bef;}
.section-1023 .col2 .about{ width: auto; height: auto; margin-left: -10px; margin-right: -10px;}
.section-1023 .col2 .about .list{ float: left; width: 25%; padding: 0 10px;}
.section-1023 .col2 .about .list a{ display: block; border: 1px solid #c4d4f5; background: #f5f9ff; box-shadow: 0 4px 20px rgba(44,114,255,.08);}
.section-1023 .col2 .about .list a .pic{ width: 100%; height: 80px; padding: 20px 0; text-align: center;}
.section-1023 .col2 .about .list a .pic i{ display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; vertical-align: bottom; color: #0b1531; font-size: 40px;}
.section-1023 .col2 .about .list a .title{ width: 100%; height: 40px; text-align: center; color: #0b1531; font-size: 18px;}
.section-1023 .col2 .about .list a:hover{ border: 1px solid #296bef; background: #296bef;}
.section-1023 .col2 .about .list a:hover .pic i{ color: #ffffff;}
.section-1023 .col2 .about .list a:hover .title{ color: #ffffff;}

@media screen and (max-width: 1240px){
    .section-1023 .col1{ width: 492px;}
    .section-1023 .col2{ width: calc(100% - 492px);}
}
@media screen and (max-width: 1024px){
    .section-1023{ padding: 50px 0;}

    .section-1023 .section-title{ margin-bottom: 30px;}
    .section-1023 .section-title .tit{ padding-bottom: 15px;}
    .section-1023 .section-title .tit a{ font-size: 30px;}

    .section-1023 .col1{ display: none;}
    .section-1023 .col2{ width: 100%;}
    /* .section-1023 .col2 .item .content{ height: auto;} */
    .section-1023 .col2 .item .more{ text-align: center;}
    .section-1023 .col2 .about .list a .title{ font-size: 16px;}
}
@media screen and (max-width: 800px){
    .section-1023 .col2 .item{ margin-bottom: 30px;}
    .section-1023 .col2 .item .content{ margin-bottom: 15px;}
    .section-1023 .col2 .about{ margin-left: -5px; margin-right: -5px;}
    .section-1023 .col2 .about .list{ padding: 0 5px;}
}
@media screen and (max-width: 600px){
    .section-1023{ padding: 30px 0;}
    /* .section-1023 .section-title{ margin-bottom: 20px;}
    .section-1023 .section-title .tit{ padding-bottom: 10px;}
    .section-1023 .section-title .tit a{ font-size: 24px;} */

    .section-1023 .col2 .item{ margin-bottom: 20px;}
    /* .section-1023 .col2 .about .list{ width: 50%; margin-bottom: 10px;}
    .section-1023 .col2 .about .list:nth-last-child(-n+3){ margin-bottom: 0;} */

    .section-1023 .section-title{ margin-bottom: 15px;}
    .section-1023 .section-title .tit{ padding-bottom: 10px;}
    .section-1023 .section-title .tit a{ font-size: 18px;}
    .section-1023 .section-title .line{ width: 30px; height: 4px; border-radius: 2px;}
    .section-1023 .col2 .item .more a{ height: 30px; line-height: 30px; padding: 0 20px; font-size: 14px;}
    .section-1023 .col2 .item .more a i{ padding-left: 6px;}
    .section-1023 .col2 .item .content{ height: 280px; line-height: 28px; margin-bottom: 15px;}
    .section-1023 .col2 .about{ width: auto; height: auto; margin-left: -10px; margin-right: -10px;}
    .section-1023 .col2 .about .list a .pic{ height: 60px; padding: 15px 0;}
    .section-1023 .col2 .about .list a .pic i{ width: 30px; height: 30px; line-height: 30px; font-size: 30px;}
    .section-1023 .col2 .about .list a .title{ height: 30px; font-size: 14px;}
}

/* Section-1024 */
.section-1024{ width: 100%; height: auto; padding: 80px 0; background: #f5f9ff; background-size: cover; position: relative;}

.section-1024 .section-title{ width: 100%; height: auto; margin-bottom: 50px;}
.section-1024 .section-title .tit{ width: 100%; text-align: center; padding-bottom: 20px;}
.section-1024 .section-title .tit a{ font-size: 36px; font-weight: 500; color: #0b1531;}
.section-1024 .section-title .line{ width: 50px; height: 6px; border-radius: 3px; background: #ffa601; margin: 0 auto;}

.section-1024 .col{ width: 100%;}

.section-1024 .col .section-content{ margin-left: -15px; margin-right: -15px;}

.section-1024 .col .list{ float: left; padding: 0 15px; width: 25%; height: auto;}
.section-1024 .col .list .item{ border: 1px solid #e9f1ff; box-shadow: 0 4px 20px rgba(44,114,255,.08); background: #ffffff;}
.section-1024 .col .list .pic{ width: 100%; height: 0px; padding-bottom: 60%; overflow: hidden; background: #eeeeee;}
.section-1024 .col .list .pic img{ width: 100%;}
.section-1024 .col .list .info{ width: 100%; height: auto; text-align: justify; padding: 25px 20px;}
.section-1024 .col .list .info .title{ width: 100%; height: 50px; line-height: 25px; overflow: hidden; margin-bottom: 15px;}
.section-1024 .col .list .info .title a{ color: #0b1531;}
.section-1024 .col .list .info .title a:hover{ color: #296bef;}
.section-1024 .col .list .info .date{ width: 100%; height: 20px; line-height: 20px; font-size: 12px; overflow: hidden; color: #7c86a5;}
.section-1024 .more{ width: 160px; height: 40px; margin: 40px auto 0 auto;}
.section-1024 .more a{ display: block; width: 160px; height: 40px; line-height: 36px; text-align: center; color: #7c86a5; border: 2px solid #c4d4f5; border-radius: 20px;}
.section-1024 .more:hover a{ color: #296bef; border: 2px solid #296bef;}

@media screen and (max-width: 1240px){
    .section-1024 .col .section-content{ margin-left: -10px; margin-right: -10px;}
    .section-1024 .col .list{ padding: 0 10px;}
}
@media screen and (max-width: 1024px){
    .section-1024{ padding: 50px 0;}

    .section-1024 .section-title{ margin-bottom: 30px;}
    .section-1024 .section-title .tit{ padding-bottom: 15px;}
    .section-1024 .section-title .tit a{ font-size: 30px;}
}
@media screen and (max-width: 800px){
    .section-1024 .col .section-content{ margin-left: -5px; margin-right: -5px;}
    .section-1024 .col .list{ padding: 0 5px; width: 50%; margin-bottom: 10px;}
    .section-1024 .col .list:nth-last-child(-n+3){ margin-bottom: 0;}
    .section-1024 .more{ margin: 30px auto 0 auto;}
}
@media screen and (max-width: 600px){
    .section-1024{ padding: 30px 0;}
    /* .section-1024 .section-title{ margin-bottom: 20px;}
    .section-1024 .section-title .tit{ padding-bottom: 10px;}
    .section-1024 .section-title .tit a{ font-size: 24px;} */

    .section-1024 .col .list .info{ padding: 15px;}
    .section-1024 .col .list .info .title{ margin-bottom: 10px;}
    .section-1024 .more{ margin: 20px auto 0 auto;}

    .section-1024 .section-title{ margin-bottom: 15px;}
    .section-1024 .section-title .tit{ padding-bottom: 10px;}
    .section-1024 .section-title .tit a{ font-size: 18px;}
    .section-1024 .section-title .line{ width: 30px; height: 4px; border-radius: 2px;}
    .section-1024 .col .list .info{ padding: 15px;}
    .section-1024 .col .list .info .title{ height: 40px; line-height: 20px; margin-bottom: 5px;}
    .section-1024 .more{ width: 120px; height: 34px;}
    .section-1024 .more a{ width: 120px; height: 34px; line-height: 30px; font-size: 14px;}
}

/* Section-1025 */
.section-1025{ width: 100%; height: auto; padding: 80px 0 0 0; background: #ffffff; background-size: cover; position: relative;}

.section-1025 .section-title{ width: 100%; height: auto; margin-bottom: 50px;}
.section-1025 .section-title .tit{ width: 100%; text-align: center; padding-bottom: 20px;}
.section-1025 .section-title .tit a{ font-size: 36px; font-weight: 500; color: #0b1531;}
.section-1025 .section-title .line{ width: 50px; height: 6px; border-radius: 3px; background: #ffa601; margin: 0 auto;}

.section-1025 .col{ width: 100%;}

.section-1025 .col .list{ float: left; width: 25%; height: auto;}
.section-1025 .col .list1{ background: #163d8a url('../image/default/computer/section/1025/1.jpg') center no-repeat; background-size: cover;}
.section-1025 .col .list2{ background: #163d8a url('../image/default/computer/section/1025/2.jpg') center no-repeat; background-size: cover;}
.section-1025 .col .list3{ background: #163d8a url('../image/default/computer/section/1025/3.jpg') center no-repeat; background-size: cover;}
.section-1025 .col .list4{ background: #163d8a url('../image/default/computer/section/1025/4.jpg') center no-repeat; background-size: cover;}
.section-1025 .col .list a{ display: block; cursor: pointer;}
.section-1025 .col .list .item{ width: 100%; height: auto; padding: 150px 0; position: relative; background: rgba(0,0,0,0.6); transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.section-1025 .col .list .item .pic{ width: 160px; height: 160px; margin: 0 auto;}
.section-1025 .col .list .item .pic img{ width: 100%;}
.section-1025 .col .list .item .title{ width: 100%; height: 50px; line-height: 50px; font-size: 24px; font-weight: 500; text-align: center; overflow: hidden; color: #ffffff;}
.section-1025 .col .list .item .des{ width: 100%; height: 56px; line-height: 28px; padding: 0 30px; font-size: 16px; font-weight: 400; text-align: center; overflow: hidden; color: #ffffff;}
.section-1025 .col .list a:hover .item{ background: rgba(16,133,228,0.8); padding: 100px 0 200px 0;}

@media screen and (max-width: 1240px){
    .section-1025 .col .list .item{ padding: 100px 0; height: 466px; overflow: hidden;}
    .section-1025 .col .list a:hover .item{ padding: 70px 0 130px 0;}
}
@media screen and (max-width: 1024px){
    .section-1025{ padding: 50px 0 0 0;}

    .section-1025 .section-title{ margin-bottom: 30px;}
    .section-1025 .section-title .tit{ padding-bottom: 15px;}
    .section-1025 .section-title .tit a{ font-size: 30px;}

    .section-1025 .col .list{ width: 50%;}
    .section-1025 .col .list .item{ padding: 80px 0; height: 350px; overflow: hidden;}
    .section-1025 .col .list .item .pic{ width: 100px; height: 100px;}
    .section-1025 .col .list .item .title{ height: 40px; line-height: 40px; font-size: 20px;}
    .section-1025 .col .list .item .des{ height: 50px; line-height: 25px; padding: 0 10px; font-size: 15px;}
    .section-1025 .col .list a:hover .item{ padding: 50px 0 110px 0;}
}
@media screen and (max-width: 800px){
}
@media screen and (max-width: 600px){
    .section-1025{ padding: 30px 0 0 0;}
    /* .section-1025 .section-title{ margin-bottom: 20px;}
    .section-1025 .section-title .tit{ padding-bottom: 10px;}
    .section-1025 .section-title .tit a{ font-size: 24px;} */

    .section-1025 .col .list .item{ padding: 40px 0; height: 270px; overflow: hidden;}
    .section-1025 .col .list .item .pic{ width: 100px; height: 100px;}
    .section-1025 .col .list .item .title{ height: 40px; line-height: 40px; font-size: 18px;}
    .section-1025 .col .list .item .des{ height: 50px; line-height: 25px; padding: 0 10px; font-size: 14px;}
    .section-1025 .col .list a:hover .item{ padding: 20px 0 60px 0;}

    .section-1025 .section-title{ margin-bottom: 15px;}
    .section-1025 .section-title .tit{ padding-bottom: 10px;}
    .section-1025 .section-title .tit a{ font-size: 18px;}
    .section-1025 .section-title .line{ width: 30px; height: 4px; border-radius: 2px;}
}
@media screen and (max-width: 480px){
    .section-1025 .col .list{ width: 100%;}
    .section-1025 .col .list .item{ padding: 40px 0; height: 270px; overflow: hidden;}
    .section-1025 .col .list .item .pic{ width: 100px; height: 100px;}
    .section-1025 .col .list .item .title{ height: 40px; line-height: 40px; font-size: 16px;}
    .section-1025 .col .list .item .des{ height: 50px; line-height: 25px; padding: 0 10px; font-size: 13px;}
    .section-1025 .col .list a:hover .item{ padding: 20px 0 60px 0;}
}

/* Section-1026 */
.section-1026{ width: 100%; height: auto; padding: 80px 0; background: #f5f9ff; background-size: cover; position: relative;}

.section-1026 .section-title{ width: 100%; height: auto; margin-bottom: 50px;}
.section-1026 .section-title .tit{ width: 100%; text-align: center; padding-bottom: 20px;}
.section-1026 .section-title .tit a{ font-size: 36px; font-weight: 500; color: #0b1531;}
.section-1026 .section-title .line{ width: 50px; height: 6px; border-radius: 3px; background: #ffa601; margin: 0 auto;}

.section-1026 .col{ width: 100%;}

.section-1026 .col .section-content{ margin-left: -20px; margin-right: -20px;}

.section-1026 .col #section1026{ width: 100%; height: auto;}
.section-1026 .col #section1026 .swiper-slide{ padding: 20px 20px 50px 20px; position: relative;}
.section-1026 .col #section1026 .swiper-slide .item{ width: 100%; height: 300px; background: #ffffff; overflow: hidden; border: 1px solid #e9f1ff; box-shadow: 0 4px 20px rgba(44,114,255,.08);}

.section-1026 .col #section1026 .swiper-slide .item .pic{ float: left; width: 500px; height: 300px; overflow: hidden; background: #163d8a;}
.section-1026 .col #section1026 .swiper-slide .item .pic img{ width: 100%;}
.section-1026 .col #section1026 .swiper-slide .item .info{ float: right; width: calc(100% - 500px); height: 300px; text-align: justify; padding: 50px;}
.section-1026 .col #section1026 .swiper-slide .item .info .title{ width: 100%; height: 50px; line-height: 50px; overflow: hidden; margin-bottom: 5px;}
.section-1026 .col #section1026 .swiper-slide .item .info .title a{ font-size: 24px; color: #0b1531;}
.section-1026 .col #section1026 .swiper-slide .item .info .title a:hover{ color: #296bef;}
.section-1026 .col #section1026 .swiper-slide .item .info .des{ width: 100%; height: 50px; line-height: 25px; font-size: 16px; overflow: hidden; color: #7c86a5; margin-bottom: 30px;}
.section-1026 .col #section1026 .swiper-slide .item .info .detail{ width: 100%; height: auto;}
.section-1026 .col #section1026 .swiper-slide .item .info .detail a{ display: inline-block; width: auto; height: 40px; line-height: 40px; background: #163d8a; box-shadow: 0 1px 0 rgba(44,114,255,.08), 0 6px 12px rgba(44,114,255,.18); border-radius: 20px; cursor: pointer; padding: 0 40px; text-align: center; outline: 0; color: #ffffff;}
.section-1026 .col #section1026 .swiper-slide .item .info .detail a:hover{ background: #296bef;}

.section-1026 .col #section1026 .swiper-pagination-bullets{ bottom: 0;}
.section-1026 .col #section1026 .swiper-pagination-bullet{ width: 16px; height: 8px; border-radius: 4px; background: #7c86a5;}
.section-1026 .col #section1026 .swiper-pagination-bullet-active{ width: 30px; height: 8px; border-radius: 4px; background: #ffa601;}

.section-1026 .more{ width: 160px; height: 40px; margin: 40px auto 0 auto;}
.section-1026 .more a{ display: block; width: 160px; height: 40px; line-height: 36px; text-align: center; color: #7c86a5; border: 2px solid #c4d4f5; border-radius: 25px;}
.section-1026 .more:hover a{ color: #296bef; border: 2px solid #296bef;}

@media screen and (max-width: 1024px){
    .section-1026{ padding: 50px 0;}

    .section-1026 .section-title{ margin-bottom: 30px;}
    .section-1026 .section-title .tit{ padding-bottom: 15px;}
    .section-1026 .section-title .tit a{ font-size: 30px;}

    .section-1026 .col #section1026 .swiper-slide{ padding: 0 20px 40px 20px;}
    .section-1026 .col #section1026 .swiper-slide .item{ height: 180px;}
    .section-1026 .col #section1026 .swiper-slide .item .pic{ width: 300px; height: 180px;}
    .section-1026 .col #section1026 .swiper-slide .item .info{ width: calc(100% - 300px); height: 180px; padding: 30px;}
    .section-1026 .col #section1026 .swiper-slide .item .info .title{ height: 30px; line-height: 30px; margin-bottom: 5px;}
    .section-1026 .col #section1026 .swiper-slide .item .info .title a{ font-size: 20px;}
    .section-1026 .col #section1026 .swiper-slide .item .info .des{ height: 25px; line-height: 25px; font-size: 15px; margin-bottom: 20px;}
    .section-1026 .more{ margin: 30px auto 0 auto;}
}
@media screen and (max-width: 800px){
    .section-1026 .col .list{ width: 50%; margin-bottom: 20px;}
    .section-1026 .col .list:nth-last-child(-n+3){ margin-bottom: 0;}

    .section-1026 .col #section1026 .swiper-slide{ padding: 0 20px 40px 20px;}
    .section-1026 .col #section1026 .swiper-slide .item .pic{ display: none;}
    .section-1026 .col #section1026 .swiper-slide .item .info{ width: 100%;}
    .section-1026 .more{ margin: 25px auto 0 auto;}
}
@media screen and (max-width: 600px){
    .section-1026{ padding: 30px 0;}
    /* .section-1026 .section-title{ margin-bottom: 20px;}
    .section-1026 .section-title .tit{ padding-bottom: 10px;}
    .section-1026 .section-title .tit a{ font-size: 24px;} */

    .section-1026 .section-title{ margin-bottom: 15px;}
    .section-1026 .section-title .tit{ padding-bottom: 10px;}
    .section-1026 .section-title .tit a{ font-size: 18px;}
    .section-1026 .section-title .line{ width: 30px; height: 4px; border-radius: 2px;}
}
@media screen and (max-width: 480px){
    /* .section-1026 .col #section1026 .swiper-slide .item{ height: auto;}
    .section-1026 .col #section1026 .swiper-slide{ padding: 0 20px 40px 20px;}
    .section-1026 .col #section1026 .swiper-slide .item .pic{ display: block; width: 100%; height: auto;}
    .section-1026 .col #section1026 .swiper-slide .item .info{ width: 100%;}
    .section-1026 .more{ margin: 25px auto 0 auto;} */

    .section-1026 .col #section1026 .swiper-slide .item{ height: auto;}
    .section-1026 .col #section1026 .swiper-slide{ padding: 0 20px 30px 20px;}
    .section-1026 .col #section1026 .swiper-slide .item .pic{ display: block; width: 100%; height: auto;}
    .section-1026 .col #section1026 .swiper-slide .item .info{ width: 100%; padding: 20px; height: auto;}
    .section-1026 .col #section1026 .swiper-slide .item .info .title a{ font-size: 16px;}
    .section-1026 .col #section1026 .swiper-slide .item .info .des{ font-size: 14px; margin-bottom: 15px;}
    .section-1026 .col #section1026 .swiper-slide .item .info .detail a{ height: 30px; line-height: 30px; padding: 0 20px; font-size: 14px;}
    .section-1026 .more{ width: 120px; height: 34px; margin: 20px auto 0 auto;}
    .section-1026 .more a{  width: 120px; height: 34px; line-height: 30px;}
}

/* Section-1027 */
.section-1027{ width: 100%; height: auto; padding: 80px 0; background: #296bef url('../image/default/computer/section/1027/1.jpg'); background-size: cover; position: relative;}

.section-1027 .section-title{ width: 100%; height: auto; margin-bottom: 50px;}
.section-1027 .section-title .tit{ width: 100%; text-align: center; padding-bottom: 20px;}
.section-1027 .section-title .tit a{ font-size: 36px; font-weight: 500; color: #ffffff;}
.section-1027 .section-title .line{ width: 50px; height: 6px; border-radius: 3px; background: #ffa601; margin: 0 auto;}

.section-1027 .col{ width: 100%;}

.section-1027 .col .section-content{ margin-left: -15px; margin-right: -15px;}

.section-1027 .col .list{ float: left; padding: 0 15px; width: 25%; height: auto;}
.section-1027 .col .list .item{ border: 1px solid #e9f1ff; box-shadow: 0 4px 20px rgba(44,114,255,.08); background: #ffffff;}
.section-1027 .col .list .pic{ width: 100%; height: 0px; padding-bottom: 60%; overflow: hidden; background: #eeeeee;}
.section-1027 .col .list .pic img{ width: 100%;}
.section-1027 .col .list .info{ width: 100%; height: auto; text-align: justify; padding: 25px 20px;}
.section-1027 .col .list .info .title{ width: 100%; height: 25px; line-height: 25px; overflow: hidden; margin-bottom: 15px; text-align: center;}
.section-1027 .col .list .info .title a{ color: #0b1531; font-size: 20px;}
.section-1027 .col .list .info .title a:hover{ color: #296bef;}
.section-1027 .col .list .info .posi{ width: 100%; height: 20px; line-height: 20px; overflow: hidden; color: #7c86a5; margin-bottom: 25px; text-align: center;}
.section-1027 .col .list .info .detail{ width: 100%; height: 40px; text-align: center;}
.section-1027 .col .list .info .detail a{ display: inline-block; width: auto; height: 40px; line-height: 40px; background: #163d8a; box-shadow: 0 1px 0 rgba(44,114,255,.08), 0 6px 12px rgba(44,114,255,.18); border-radius: 24px; cursor: pointer; padding: 0 40px; text-align: center; outline: 0; color: #ffffff;}
.section-1027 .col .list .info .detail a i{ padding-left: 10px;}
.section-1027 .col .list .info .detail a:hover{ background: #296bef;}
.section-1027 .more{ width: 160px; height: 40px; margin: 40px auto 0 auto;}
.section-1027 .more a{ display: block; width: 160px; height: 40px; line-height: 36px; text-align: center; color: #ffffff; border: 2px solid #c4d4f5; border-radius: 25px;}
.section-1027 .more:hover a{ color: #ffa601; border: 2px solid #ffa601;}

@media screen and (max-width: 1240px){
}
@media screen and (max-width: 1024px){
    .section-1027{ padding: 50px 0;}

    .section-1027 .section-title{ margin-bottom: 30px;}
    .section-1027 .section-title .tit{ padding-bottom: 15px;}
    .section-1027 .section-title .tit a{ font-size: 30px;}
}
@media screen and (max-width: 800px){
}
@media screen and (max-width: 600px){
    .section-1027{ padding: 30px 0;}
    .section-1027 .section-title{ margin-bottom: 20px;}
    .section-1027 .section-title .tit{ padding-bottom: 10px;}
    .section-1027 .section-title .tit a{ font-size: 24px;}
}

/* Section-1028 */
.section-1028{ width: 100%; height: auto; padding: 80px 0; background: #ffffff; background-size: cover; position: relative;}

.section-1028 .section-title{ width: 100%; height: auto; margin-bottom: 50px;}
.section-1028 .section-title .tit{ width: 100%; text-align: center; padding-bottom: 20px;}
.section-1028 .section-title .tit a{ font-size: 36px; font-weight: 500; color: #0b1531;}
.section-1028 .section-title .line{ width: 50px; height: 6px; border-radius: 3px; background: #ffa601; margin: 0 auto;}

.section-1028 .col{ width: 100%;}

.section-1028 .col .section-content{ margin-left: -15px; margin-right: -15px;}

.section-1028 .col .list{ float: left; padding: 0 15px; width: 16.6666%; height: auto;}
.section-1028 .col .list .item{ border: 1px solid #e9f1ff; box-shadow: 0 4px 20px rgba(44,114,255,.08); background: #ffffff;}
.section-1028 .col .list .item .pic{ width: 100%; height: 0px; padding-bottom: 60%; overflow: hidden; background: #eeeeee;}
.section-1028 .col .list .item .pic img{ width: 100%; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.section-1028 .col .list .item .pic:hover img{ transform: scale(1.1);}
.section-1028 .col .list .info{ width: 100%; height: auto; padding-top: 20px;}
.section-1028 .col .list .info .title{ width: 100%; height: 50px; overflow: hidden; text-align: center;}
.section-1028 .col .list .info .title a{ line-height: 25px; font-size: 16px; color: #0b1531;}
.section-1028 .col .list .info .title a:hover{ color: #296bef;}
.section-1028 .more{ width: 160px; height: 40px; margin: 40px auto 0 auto;}
.section-1028 .more a{ display: block; width: 160px; height: 40px; line-height: 36px; text-align: center; color: #7c86a5; border: 2px solid #c4d4f5; border-radius: 20px;}
.section-1028 .more:hover a{ color: #296bef; border: 2px solid #296bef;}

@media screen and (max-width: 1240px){
    .section-1028 .col .section-content{ margin-left: -10px; margin-right: -10px;}
    .section-1028 .col .list{ padding: 0 10px;}
}
@media screen and (max-width: 1024px){
    .section-1028{ padding: 50px 0;}

    .section-1028 .section-title{ margin-bottom: 30px;}
    .section-1028 .section-title .tit{ padding-bottom: 15px;}
    .section-1028 .section-title .tit a{ font-size: 30px;}

    .section-1028 .col .section-content{ margin-left: -5px; margin-right: -5px;}
    .section-1028 .col .list{ padding: 0 5px;}
    .section-1028 .col .list .info .title a{ font-size: 15px;}
}
@media screen and (max-width: 800px){
    .section-1028 .col .list{ width: 33.3333%; margin-bottom: 20px;}
    .section-1028 .col .list:nth-last-child(-n+4){ margin-bottom: 0;}
    .section-1028 .col .list .info{ padding-top: 15px;}
    .section-1028 .more{ margin: 30px auto 0 auto;}
}
@media screen and (max-width: 600px){
    .section-1028{ padding: 30px 0;}
    /* .section-1028 .section-title{ margin-bottom: 20px;}
    .section-1028 .section-title .tit{ padding-bottom: 10px;}
    .section-1028 .section-title .tit a{ font-size: 24px;} */

    .section-1028 .section-title{ margin-bottom: 15px;}
    .section-1028 .section-title .tit{ padding-bottom: 10px;}
    .section-1028 .section-title .tit a{ font-size: 18px;}
    .section-1028 .section-title .line{ width: 30px; height: 4px; border-radius: 2px;}

    .section-1028 .more{ margin: 20px auto 0 auto;}
    .section-1028 .more{ width: 120px; height: 34px;}
    .section-1028 .more a{ width: 120px; height: 34px; line-height: 30px; font-size: 14px;}
}
@media screen and (max-width: 480px){
    .section-1028 .col .list{ width: 33.3333%; margin-bottom: 10px;}
    .section-1028 .col .list:nth-last-child(-n+4){ margin-bottom: 0;}
    .section-1028 .col .list .info{ padding-top: 10px; padding: 10px 5px 0 5px;}
    .section-1028 .col .list .info .title a{ font-size: 14px;}
}