*,

body {

    padding: 0;

    margin: 0;

    font-size: 16px;

}



button {

    outline: 0;

    cursor: pointer;

}



#index_header {

    width: 100%;

    height: 100px;

    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);

    display: flex;

    align-items: center;

    justify-content: center;

}


#index_header > div {
    width: 1195px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}



#index_header ul {

    list-style: none;

    margin-left: 25px;

}



#index_header ul li {

    display: inline-block;

    margin-left: 25px;

}


#index_header #tel {
    display: flex;
    align-items: center;
    font-size: 25px;
    font-weight: bold;
    color: #004299;
    text-decoration: none;
    margin-left: 100px;
}

#index_header #tel img {
    margin-right: 5px;
}



#index_header ul li a {

    text-decoration: none;

    color: #000000;

    padding: 5px 0;

}



#index_header ul li a:hover {

    color: #004299;

    border-bottom: 3px solid #004299;

}



#index_header ul li .choose {

    color: #004299;

    border-bottom: 3px solid #004299;

}

#index_header .zhuce{

    width: 80px;

    height: 40px;

    background-color: #ffffff;

    border: 1px solid #004299;

    color: #004299;

    border-radius: 30px !important;

    margin-left: 10px;

    line-height: 38px;

}


#index_header .zhuce:hover {

    cursor: pointer;

    background-color: #004299;

    color: #ffffff;

}



#index_header button {

    width: 80px;

    height: 40px;

    background-color: #ffffff;

    border: 1px solid #004299;

    color: #004299;

    border-radius: 30px;

    margin-left: 10px;

}



#index_header button:hover {

    cursor: pointer;

    background-color: #004299;

    color: #ffffff;

}



#index_content1 {

    margin: 30px 0;

    display: flex;

    justify-content: center;

}



.swiper-container {

    width: 750px;

    height: 300px;

    --swiper-theme-color: #ffffff;

}



#index_content1 .swiper-container img {

    width: 100%;

    height: 100%;

}



#search_div {

    width: 400px;

    height: 300px;

    margin-left: 45px;

}



#search_div #search {

    /*width: 360px;*/

    height: 50px;

    background-color: #ffffff;

    border-radius: 30px !important;

    border: 1px solid #999999;

    padding: 0 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



#search_div #search #search_key {

    width: 300px;

    height: 24px;

    border: 0;

    outline:0;

}



#search_div > a > img {

    margin-top: 20px;

    width: 100%;

}



#index_content2 {

    width: 1195px;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

}



.content2_div {

    width: 380px;

    height: 409px;

    position: relative;

}



.content2_div_top {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 20px;

}



.content2_div_bottom {

    display: flex;

    align-items: center;

    margin-bottom: 5px;

}



.content2_div_bottom a {

    text-decoration: none;

    margin-left: 5px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #000000;

    font-size: 15px;

}



.content2_div_bottom a:hover {

    color: #004299;

}



.content2_div_foot {

    width: 100%;

    margin-top: 15px;

    display: flex;

    justify-content: space-between;

    position: absolute;

    bottom: 0;

}



.content2_div_cards {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    height: calc(100% - 52px);

}



.content2_div_card {

    width: 100%;

    height: 110px;

    background-color: #f5f7fa;

    border-radius: 10px !important;

    padding: 30px;

    display: flex;

}

.content2_div_card p {
    margin: 0;
}



.content2_div_card_text {

    width: 306px;

    margin-left: 10px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.content2_div_card_texts {

    display: flex;

    font-size: 12px;

    justify-content: space-between;

    color: #999999;

}



.content2_div_card_texts p {

    font-size: 12px;

}



.content2_div_imgs {

    width: 100%;

    height: calc((100% - 52px)/2);

    display: flex;

    justify-content: space-between;

}



.content2_div_imgs a {

    width: 180px;

    text-decoration: none;

    color: #000000;

    font-size: 15px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}


.content2_div_imgs a img {

    width: 180px;

    height: 135px;

}


.content2_div_imgs p {
    margin: 0;
}



.content2_div_imgs p {

    font-size: 14px;

    line-height: 30px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.content2_div_imgs a:hover {

    color: #004299;

}



.content2_div_imgs a img {

    transition: all 0.5s;

    width: 100%;

}



.content2_div_imgs a img:hover {

    transform: scale(1.1);

}



.index_position {

    position: relative;

}



.index_position_right {

    width: calc((100% - 1235px)/2);

    position: absolute; 

    bottom: 0; 

    right: 0;

}



.index_position_left {

    width: calc((100% - 1195px)/2);

    position: absolute; 

    bottom: 0;

    left: 0;

}



.index_position_right img {

    width: 100%;

}



.index_position_left img {

    width: 100%;

}



#index_content3 {

    width: 1195px;

    margin: 0 auto;

    margin-top: 30px;

}



.index_content3_header {

    display: flex;

    justify-content: space-between;

    margin-bottom: 20px;

}



.index_content3_header a {

    text-decoration: none;
    cursor: pointer;
    opacity: 0.6;

}

.index_content3_header a:hover
{
    opacity: 1;
}


.index_content3_header .left {

    margin-right: 20px;
  

}



.index_content3_cards {

    width: 100%;

    height: 400px;

    display: flex;

    justify-content: space-between;

}



.index_content3_card {

    width: 100%;

    height: 400px;

    padding: 20px;

    background-color: #f5f7fa;

    z-index: 999;

    text-align: center;

}



.card_header {

    width: 50px;

    height: 50px;

    border-radius: 50% !important;

    margin: 0 auto;

    font-size: 30px;

    color: #ffffff;

    text-align: center;

    line-height: 50px;

}



.card_color1 {

    background-color: #f6a240;

}



.card_color2 {

    background-color: #3ebb6b;

}



.card_color3 {

    background-color: #2a7ae1;

}



.card_color4 {

    background-color: #c062ec;

}



.card_title {

    margin-top: 10px;

    margin-bottom: 20px;

    font-weight: bold;

    font-size: 20px;

}



.card_title_color1 {

    color: #f6a240;

    border-color: #f6a240 !important;

}



.card_title_color2 {

    color: #3ebb6b;

    border-color: #3ebb6b !important;

}



.card_title_color3 {

    color: #2a7ae1;

    border-color: #2a7ae1 !important;

}



.card_title_color4 {

    color: #c062ec;

    border-color: #c062ec !important;

}



.card_text {

    color: #999999;

    font-size: 15px;

    line-height: 3em;

    height: 180px;

    overflow: hidden;

}

.card_text a {
    text-decoration: none;
    color: #999999;
}



.card_footer {

    margin: 20px auto;



}



.card_btn {

    width: 150px;

    height: 35px;

    background-color: #f5f7fa;

    border: 1px solid #f6a240;

}



#index_content4 {

    margin: 30px auto;

    width: 1195px;

    display: flex;

    justify-content: space-between;

}



.content4_div {

    width: 585px;

}



.content4_div_footer {

    display: flex;

    justify-content: space-between;

    /*height: 222px;*/

}



.content4_div_footer_text {

    width: 300px;

}



.content4_div_footer_text a {

    display: block;

    width: 100%;

    text-decoration: none;

    color: #000000;

    font-size: 15px;

    line-height: 2.5em;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.content4_div_footer_text a:hover {

    color: #004299;

}


.content4_div_footer_img {
    display: none;
}

.content4_div_footer_img, .content4_div_footer_img img {

    height: 150px;

    width: 273px;

    object-fit: fill;

}



#index_content5 {

    margin: 30px auto;

    width: 1195px;

    display: flex;

    justify-content: space-between;

}



.content5_div1 {

    width: 730px;

}



.content5_div2 {

    width: 420px;

}



.content5_div_footer_img, .content5_div_footer_img img {

    width: 100%;

}



.content5_div2_footer {

    width: 100%;

    height: 331px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.content5_div2_footer_video {

    width: 100%;

    height: 250px;

}



.content5_div2_footer_video .swiper-container {

    width: 100%;

    height: 100%;

    position: relative;

}



.content5_div2_footer_video .swiper-container img {

    width: 100%;

    height: 100%;

}



.content5_div2_footer_video .swiper-container .bf_btn {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    text-align: center;

    background-color: #33333366;

}

.card_color5 {
    background-color: #f8666c;
}

.card_title_color5 {
    color: #f8666c;
    border-color: #f8666c !important;
}

.card_color6 {
    background-color: #A58E5A;
}

.card_title_color6 {
    color: #A58E5A;
    border-color: #A58E5A !important;
}



.content5_div2_footer_video .swiper-container .bf_btn img {

    margin-top: 94px;

    width: 62px;

    height: 62px;

}



.content5_div2_footer_video .swiper-container .swiper-pagination {

    margin-left: 170px;

}



.content5_div2_footer_video_bottom {

    width: 100%;

    height: 40px;

    position: absolute;

    bottom: 0;

    background-color: #3333339e;

    line-height: 40px;

    display: flex;

    align-items: center;

}



.content5_div2_footer_video_bottom_text {

    color: #ffffff !important;

    font-size: 15px;

}



.content5_div2_footer_video_bottom img {

    width: 20px !important;

    height: 20px !important;

    margin-left: 10px;

    margin-right: 10px;

}



.content5_div2_footer_btn, .content5_div2_footer_btn img {

    width: 100%;

}



#index_content6 {

    margin: 30px auto;

    width: 1195px;

    display: flex;

    justify-content: space-between;

}



.content6_div {

    width: 100%;

}



.content6_div_footer {

    width: 100%;

    display: flex;

    justify-content: space-between;

}



.content6_div_footer .content2_div_footer_card {

    width: 186px;

    cursor: pointer;

}



.content6_div_footer .content2_div_footer_card_img {

    padding: 20px 25px 30px 25px;

    border: 1px solid #e6e6e6;

    border-radius: 5px;

    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);

    width: 186px;

    height: 230px;

}



.content6_div_footer .content2_div_footer_card_img img {

    width: 100%;

    height: 100%;

    transition: all 0.5s;

}



.content2_div_footer_card_img img:hover {

    transform: scale(1.1);

}



.content2_div_footer_card_text {

    text-align: center;

    margin-top: 20px;

    color: #666666;

}



#index_content7 {

    margin: 30px auto;

    width: 1195px;

}



.index_content7_footer {

    width: 100%;

    display: flex;

    justify-content: space-between;

}

#index_content3_card5 {
    display: none;
}

#index_content3_card6 {
    display: none;
}

.index_content7_footer_left {
    width: 777px;
    height: 383px;
    overflow: hidden;
}

.index_content7_footer_left img {
    width: 100%;
}

.index_content7_footer_left img:hover {
    cursor: pointer;
}

.index_content7_footer_left video {
    width: 777px;
    height: 383px;
    object-fit:cover;
}



.index_content7_btn {

    position: absolute;

    top: calc(50% - 31px);

    left: calc(50% - 31px);

}



.index_content7_btn img {

    width: 62px;

}



.index_content7_footer_right {

    width: 418px;

    position: relative;

}



.index_content7_footer_right img {

    width: 418px;

    height: 383px;

}



.index_content7_footer_right_title {

    position: absolute;

    top: 50px;

    text-align: center;

    width: 418px;

}



.index_content7_footer_right_content {

    position: absolute;

    top: 145px;

    left: 50px;

}



.saxd_title {

    font-size: 20px;

    font-weight: bold;

    color: #004299;

}



.saxd_name {

    font-size: 14px;

    margin-top: 20px;

    color: #808080;

}



.saxd_content {

    font-size: 14px;

    color: #666666;

    width: 318px;

    word-break: break-all;

	display: -webkit-box;

	-webkit-line-clamp: 7;    /* 指定行数*/

	-webkit-box-orient: vertical;

    overflow: hidden;

    line-height: 1.6em;

}



#about_me {

    width: 100%;

    height: 512px;

    background-image: url(../img/about_me_bg.png);

}



#index_content8 {

    margin: 30px auto;

    width: 1195px;

    display: flex;

    justify-content: space-between;

}



.index_content8_left {

    width: 560px;

    margin-top: 50px;

    position: relative;

}



.index_content8_left_line {

    position: absolute;

    top: 60px;

    right: 20px;

}



.index_content8_right {

    width: 635px;

    margin-top: 110px;

}



.index_content8_right_header {

    width: 100%;

    display: flex;

    justify-content: space-between;

}



.index_content8_right_content {

    font-size: 15px;

    color: #999999;

    margin-top: 20px;

}



.index_content8_right_cards {

    display: flex;

    margin-top: 40px;

}



.index_content8_right_card {

    width: 150px;

    height: 150px;

    margin-right: 15px;

    background-color: #333333;

    color: #ffffff;

    text-align: center;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.index_content8_right_card img {

    margin-top: 10px;

}



.index_content8_right_card:hover {

    background-color: #004299;

    cursor: pointer;

}


.hover_move {
    transition: all 0.5s;
}


.hover_move:hover {

    -webkit-transform:translateY(-20px);

    -moz-transform:translateY(-20px);

    -ms-transform:translateY(-20px);

    -o-transform:translateY(-20px);

    transform:translateY(-20px);

}



#index_content9 {

    margin: 30px auto;

    width: 1195px;

    margin-top: 100px;

}



.index_content9_cards {

    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

}

.index_content9_card {

    width: 280px;

    height: 400px;

    border: 1px solid #e6e6e6;

    border-radius: 10px;

    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);

    position: relative;

}


.index_content9_card >div > img {
    width: 278px;
    height: 278px;
}



.szjs_div {

    padding: 30px 20px;

    width: 100%;

    position: absolute;

    bottom: 0px;

    background-color: #ffffff;

}



.szjs_div_name {

    display: flex;

}



.szjs_name {

    font-size: 25px;

    margin-left: 10px;

    font-weight: 500;

}



.szjs_div_js {

    margin-top: 10px;

    color: #666666;

}



.szjs_div_xxjs {

    margin-top: 10px;

    color: #999999;

    font-size: 15px;

    display: none;

}



.index_content9_card:hover .szjs_div_xxjs {

    display: block;

}



#foot {

    margin-top: 50px;

    width: 100%;

    background-image: url(../img/foot_bg.png);

    padding: 50px 0 20px 0;

}



#index_content10 {

    margin: 0px auto;

    width: 1195px;

    color: #ffffff;

    display: flex;

    justify-content: space-between;

}



.index_content10_header ul {

    list-style: none;

}



.index_content10_header ul li {

    display: inline-block;

    color: #ffffff;

    margin-right: 30px;

}



.index_content10_header ul li a {

    color: #ffffff;

    text-decoration: none;

}



.index_content10_header ul li a:hover {

    color: #004299;

}



.index_content10_left_text1 {

    margin-top: 20px;

}



.index_content10_left_text2 {

    font-size: 25px;

    font-weight: bold;

}



.index_content10_left_text3 {

    margin-top: 20px;

}



.index_content10_right {

    display: flex;

    margin-top: 50px;

}



.index_content10_right_div {

    margin-left: 20px;

}



.index_content10_right_text {

    text-align: center;

    color: #999999;

}



.foot_line, .foot_line img {

    width: 100%;

    margin-top: 20px;

}



.index_content10_lj {

    margin: 20px auto;

    width: 1195px;

}



.index_content10_lj ul {

    list-style: none;

}



.index_content10_lj ul li {

    display: inline-block;

    margin-right: 10px;

    color: #999999;

}



.index_content10_lj ul li a {

    text-decoration: none;

    color: #999999;

    font-size: 15px;

}



.index_content10_lj ul li a:hover {

    color: #004299;

}



.foot_line2, .foot_line2 img {

    width: 100%;

}



.index_content10_bq {

    margin: 20px auto;

    width: 1195px;

    color: #999999;

    font-size: 15px;

    text-align: center;

}



.title_list {

    margin-top: 50px;

    margin-bottom: 20px;

    width: 100%;

}



.title_list ul {

    list-style: none;

}



.title_list ul li {

    display: inline-block;

    margin-right: 50px;

}



.title_list ul li a {

    text-decoration: none;

    color: #808080;

    font-size: 20px;

    font-weight: bold;

}



.title_list ul li a:hover {

    color: #333333;

}



.title_list .choose {

    color: #333333 !important;

}



.sc:hover {

    cursor: pointer;

}