* {
    margin: 0;
    padding: 0;
}

:root {
    --j_flex: flex;
    --j_text_decoration: none;
    --j_webkit_flex: -webkit-flex;
    --j_flex_direction: row;
    --j_flex_direction_column: column;
    --j_inline_block: inline-block;
    --j_a_text_decoration: none;
    --j_container_width: 1299px;
    --j_margin_auto: 0 auto;
    --j_width: 100%;
    --j_height: auto;
    --j_color-fff: #fff;
    --j_position_absolute: absolute;
    --j_flex_warp: wrap;
    --j_list_style: none;
    --j_h3_font_size: 30px;
    --j_h3_font_weight: 400;
    --j_border_bottom_h3: 2px solid #000;
    --j_border_bottom_h3_margin: .5em auto;
}

.j_logo h3 a {
    text-decoration: none;
    color: #fff;
}

.j_container {
    --j_positon_fixed: fixed;
    --j_z_index: 2;
    --j_box_top: 0;
    --j_box_left: 0;
    --j_container_bgcolor: rgba(255, 255, 255, 0);
    ;
    background-color: var(--j_container_bgcolor);
    width: var( --j_width);
    height: 60px;
    top: var(--j_box_top);
    top: var(--j_box_left);
    position: var(--j_positon_fixed);
    z-index: 999;
}

.container {
    width: var(--j_container_width);
}

.j_box {
        padding: 10px 0;
    --j_flex_justify_content: space-between;
    --j_header_padding: 20px 0;
    color: var(--j_color-fff);
    display: var(--j_flex, --j_webkit_flex);
    flex-direction: var(--j_flex_direction);
    justify-content: var(--j_flex_justify_content);
    margin: var(--j_margin_auto);
}

.j_logo {
    padding: 6px 0;
}

.j_nav {
    --j_nav_padding: 0 9px;
    padding: 8px 0;
}

.j_nav ul li {
    display: var(--j_inline_block);
}

.j_nav ul li a {
    text-decoration: var(--j_a_text_decoration);
    /*padding: var(--j_nav_padding);*/
    color: var(--j_color-fff);
  
    /*margin-right: 48px;*/
}

.j_video_mp4 video {
    --j_min_width: 100%;
    --j_min_height: 100%;
    min-width: var(--j_min_width);
    min-height: var(--j_min_height);
    width: 100%;
}

.j_video_container {
    width: var(--j_width);
    height: var(--j_height);
}

.j_video_title {
    width: var(--j_width);
    height: var(--j_height);
    position: var(--j_position_absolute);
    top: 30%;
    display: var(--j_flex);
    flex-direction: var(--j_flex_direction_column);
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
}

.j_video_title_content {
    max-width: 850px;
}

.j_video_title_content h3 {
    font-size: 49px;
}

.j_video_title_content p {
    font-size: 29px;
}


.j_video_title_content h3,
.j_video_title_content p {
    line-height: 2.9em;
}

.j_video_title_icon {
    margin-top: 90px;
    font-size: 19px;
    color: #fff;
}
#xq{
    color: #fff;
    padding: 18px 56px;
    border: 2px solid;
    border-radius: 6px;
}
#xq:hover {
    color: #007aad;
    background: #fff;
    border: none;
    transition: background 1s;
}


.j_video_title_border_icon {
    width: 20px;
    height: 20px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: transparent;
    border-left: transparent;
    margin: var(--j_margin_auto);
    transform: rotate(134deg);
    margin-top: 10px;
}

.j_content_section {
    width: var( --j_width);
    height: var(--j_height);
    /*margin-top: 60px;*/
    background-color: #f8f8f8;
}

.j_content_box {
    display: var(--j_flex);
    flex-direction: var(--j_flex_direction_column);
    margin-top: 60px;
    margin: var(--j_margin_auto);
}

.j_content_title {
    text-align: center;
    max-width: 760px;
    margin: 30px auto 0 auto;
    
}

.j_content_title h3 {
    font-size: 20px;
    font-weight: 400;
}

.j_content_title h3::after {
    content: '';
    display: block;
    max-width: 198px;
    border-bottom: 1px solid #000;
    margin: .5em auto;
}

.j_content_title p {
    line-height: 1.6em;
}


.j_content_list {
    margin: var(--j_margin_auto);
    margin-top: 60px;
}

.j_content_list ul {
    display: var(--j_flex);
    flex-direction: var(--j_flex_direction);
    justify-content: space-between;
    padding: 0 0 90px;
}

.j_content_list ul li {
    list-style: var(--j_list_style);
    width: 25%;
    text-align: center;
}

.j_content_list_img_figure {
    height: 76px;
}

.j_content_list_img_figure img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.j_content_list .j_content_list_title_1 h4 {
    padding: 15px 0 25px;
}

.j_content_list .j_content_list_title_1 p {
    line-height: 1.9em;
}

.j_content_section_1 {
    margin-top: 50px;
}

.j_content_box_1 {
    margin: var(--j_margin_auto);
}

.j_content_box_1 .j_content_title_1 {
    /*max-width: 760px;
    margin: var(--j_margin_auto);*/
    text-align: center;
    margin: 0 auto;
    width: 60%;
}

.j_content_box_1 .j_content_title_1 h3 {
    font-size: var(--j_h3_font_size);
    font-weight: var(--j_h3_font_weight);
}

@media (max-width: 575px){
.j_content_box_1 .j_content_title_1 h3{
    font-size: 23px;
    font-weight: 400;
}
}
.j_content_box_1 .j_content_title_1 h3::after {
    content: "";
    display: block;
    border-bottom: 1px solid;
    max-width: 124px;
    margin: var(--j_border_bottom_h3_margin);
}

.j_content_img_title {
    /* display: var(--j_flex); */
    flex-direction: var(--j_flex_direction);
    justify-content: space-between;
    margin: var(--j_margin_auto);
}

.j_content_img_title_1 {
    width: 32.28%;
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

.j_content_img_a_figure_1 {
    padding-top: 50px;
    position: relative;
}

.j_content_img_a_figure_1 img {
    width: 100%;
    max-width: 100%;
}

#tips{
    display: none;
    position: absolute;
    color: #fff;
    top: 65%;
    left: 37%;
}
#tips1{
    display: none;
    position: absolute;
    width: 50px;
     top: 45%;
    left: 45%;
    z-index: 2;
}

.j_content_img_a_figure_1 img:hover {
    box-shadow: 0 0 19px rgba(125, 125, 125, 0.8);
    transition: box-shadow 1s;
}
.j_content_img_a_figure_1:hover #tips{
    display: block;
}
.j_content_img_title_1:hover #tips1{
    display: block;
}

.j_content_img_a_1 {
    text-decoration: var(--j_text_decoration);
}

.j_content_img_a_title_1 {
    margin-top: 20px;
}

.j_content_img_a_title_1 p {
    line-height: 2em;
}

.j_content_img_a_title_1 strong {
    color: #0072a1;
}

.j_content_1_footer {
    width: var(--j_width);
}

.j_content_1_footer_warp {
    margin: var(--j_margin_auto);
}

.j_content_1_footer_button {
    padding: 50px 2px;
    text-align: center;
}

.j_content_1_footer_button button {
    border: none;
    background: transparent;
}

.j_content_1_footer_button a:hover {
    color: #fff;
    background: #007aad;
    transition: background 1s;
}

.j_content_1_footer_button button a {
    border: 1px solid;
    color: #007aad;
    text-decoration: var(--j_text_decoration);
    padding: 12px 50px;
    /*border: 2px solid #007aad;*/
    background: transparent;
    border-radius: 6px;
    font-size: 18px;
}


/**内容板块3**/


/**主体**/

.j_content_section_2 {
    background: #f8f8f8;
    color: #4e4e4e;
    width: var(--j_width);
}

.j_content_section_2 .j_content_2_header {
    margin: var(--j_margin_auto);
    text-align: center;
    margin-top: 40px;
}

.j_content_section_2 .j_content_2_header .j_content_2_header_title h3 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 20px;
}

.j_content_section_2 .j_content_2_header .j_content_2_header_title h3::after {
    content: "";
    display: block;
    border-bottom: 2px solid #4e4e4e;
    max-width: 221px;
    width: 100%;
    height: 2px;
    margin: 12px auto 0;
}

.j_content_section_2 .j_content_2_header .j_content_2_header_title p {
    margin-bottom: 20px;
}

.j_content_2_video {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.j_content_2_video_warp {
    width: 1000px;
    height: 600px;
    margin: 30px auto;
    overflow: hidden;
    border-radius: 8px;
}

.j_content_2_video_warp video {
    width: 1000px;
    height: 600px;
    margin: 0 auto;
}


/**内容板块三样式**/

.j_content_section_2_1 {
    width: 100%;
    height: 100%;
    text-align: center;
}

.j_content_2_ul {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    justify-content: space-between;
}

.j_content_2_ul li {
    list-style: none;
    width: 33.3333%;
}

.j_content_2_ul_li {
    max-width: 374px;
    padding: 42px 7.5px;
}

.j_content_2_ul_li_list {
    height: 76px;
}

.j_content_2_ul_li_list_figure {
    text-align: center;
}

.j_content_2_ul_li_list_figure img {
    width: auto;
    height: auto;
    max-width: 100%;
    line-height: 76px;
}

.j_content_2_ul_li_title h3 {
    font-weight: 400;
    font-size: 23px;
    padding: 18px 0;
}

.j_content_2_ul_li_title p {
    line-height: 1.8em;
}


/**内容板块three**/

.j_content_3_wap {
    width: 100%;
    height: 100%;
    /*text-align: center;*/
    background-color: #f8f8f8;
    padding-top: 20px;
}

.j_header_3_warp {
    margin: 0 auto;
}

.j_header_mian {
    margin: 30px 0;
}

.j_header_mian h3 {
    font-size: 32px;
    font-weight: 400;
}

.j_header_mian p {
    /*line-height: 5em;*/
}

/*.j_header_mian h3::after {*/
#hz::after{
    content: "";
    display: block;
    border-bottom: 1px solid #000;
    /*padding-top: 16px;*/
    width: 131px;
    /*margin: 0 auto;*/
   margin: var(--j_border_bottom_h3_margin);
}

.j_article_3_warp {
    margin: 0 auto;
}

.j_article_3_ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.j_article_3_ul li {
    list-style: none;
    height: 133px;
    width: 25%;
}
@media screen and (max-width:800px) {
.j_article_3_ul li{
    list-style: none;
    height: 133px;
    width: 50%;
}
}

.j_article_img {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.j_article_figure {
    overflow: hidden;
}

.j_article_figure img {
    width: 211px;
    min-width: 100%;
    height: auto;
    min-height: 100%;
}


/**板块5**/

.j_content_4_warp {
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    text-align: center;
}

.j_content_4_header {
    margin: 0 auto;
}

.j_content_4_main {
    padding-top: 60px;
    max-width: 601px;
    margin: 0 auto;
}

.j_content_4_main h3 {
    font-size: 32px;
    font-weight: 400;
}

.j_content_4_main h3::after {
    content: "";
    display: block;
    width: 193px;
    border-bottom: 2px solid #000;
    margin: 0 auto;
    padding-top: 30px;
}

.j_content_4_main p {
    padding-top: 30px;
    line-height: 1.9em;
}

.j_content_4_article {
    margin: 0 auto;
}

.j_content_4_article_ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.j_content_4_article_ul_li {
    flex-shrink: 0;
}

.j_content_4_article_ul li {
    list-style: none;
    width: 33.3333%;
    padding: 42px 0;
}

.j_content_4_article_ul_li_div {
    max-width: 344px;
    margin: auto;
}

.j_content_4_article_ul_li_div_figure {
    width: 100%;
    height: 64px;
    margin: 0 auto;
}

.j_content_4_article_ul_li_div_figure img {
    max-width: 100%;
}

.j_content_4_article_title {
    margin-top: 13px;
}

.j_content_4_article_title h3::after {
    content: "";
    display: block;
    margin-top: 30px;
}

.j_content_4_article_title h3 {
    font-weight: 400;
    font-size: 22px;
}

.j_content_4_article_title p {
    font-weight: 400;
    font-size: 18px;
    color: #4e4e4e;
    line-height: 23px;
}

.j_content_5 {
    width: 100%;
    height: 100%;
    text-align: center;
}

.j_content_5_header_warp {
    margin: auto;
    padding-top: 60px;
}

.j_content_5_header_main {
    margin-top: 60px;
    max-width: 550px;
    margin: auto;
}

.j_content_5_header_main h3 {
    font-size: 32px;
    line-height: 39px;
    font-weight: 300;
}

.j_content_5_header_main h3::after {
    content: "";
    display: block;
    border-bottom: 2px solid #000;
    width: 300px;
    margin: 22px auto 29px;
}

.j_content_5_article_warp {
    margin: 60px auto;
}

.j_content_5_article_ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.j_content_5_article_ul_li {
    flex-shrink: 1;
}

a {
    text-decoration: none;
}

.j_content_5_article_ul li {
    list-style: none;
    width: 31.3333%;
    padding-top: 19px;
    padding-bottom: 10px;
    box-shadow: none;
    padding: .75rem;
}

.j_content_5_article_ul_li_figure {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 9px;
}

.j_content_5_article_ul_li_figure img {
    max-width: 100%;
    height: auto;
}

.j_content_5_article_ul_li_figure figcaption {
    position: absolute;
    left: 5.71%;
    bottom: 5%;
    font-weight: 600;
    font-size: 22px;
    text-align: left;
    color: #fff;
}

.j_footer_wrap {
    background-color: #232423;
    padding: 2.5rem 0.5rem 2rem;
    position: relative;
    z-index: 2;
}

.j_footer_1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.j_footer_main {
    margin: auto;
}

.j_footer_1_title {
    padding-bottom: 14px;
}

.j_footer_1_title a {
    text-decoration: none;
    color: #fff;
    font-size: 29px;
    font-weight: 700;
}

.j_footer_1_img {
    display: flex;
    padding-bottom: 14px;
    flex-direction: row;
    justify-content: flex-start;
}

 
@media (max-width: 575px){

.j_footer_1_img a {
    margin: 0 15px;
}

.j_footer_1_img a i {
    width: 100%;
    height: 100%;
    font-size: 28px;
    color: #fff;
}

.j_footer_2 {
    color: #fff;
}

.zhu {
background: #232423; 
height: 60px
}

}