.swiper-container {
    width: 100%;
}  



.dropdown-toggle{
    min-width: 85px !important;
    padding-left: 10px !important;
    padding-right: 5px !important;
}
.content2{
    width: 94%;
    margin: 0 auto;
    margin-top: 20px;
}
.index_btn{
    margin-top: 10px;
}
.index_btn2{
    margin-top: 50px;
}
.content2Div{
    box-sizing: border-box;
    float: left;
    /* padding: 0px; */
}
.content2T{
    padding-left: 16px;
}
.content2TO{
    width: 90px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #0F6DCF;
    letter-spacing: 2px;
}
.content2TT{
    width: 90px;
    height: 2px;
    background: #0F6DCF;
} 
.swiper-slide{
    position: relative;
}


.contents_navs{
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}
.contents_nav{
    width: 25%;
    float: left;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box;
}
.contents_nav:hover {
    border: 1px solid #0F6DCF;
}

.contents_nav_active .contents_nav_mask{
    display: block;
}

.contents_nav_active {
    background: #f2f2f2;
}

.contents_nav_content{
    overflow: hidden;
    margin-bottom: 10px;
}
.contents_nav_content span{
    float: left;
    width: 100%;;
    text-align: center;
    letter-spacing: 2px;
}
.contents_title_jiejue{
    margin-bottom: 20px;
}


.contents_nav_tu{
    width: 56px;
    height: 56px;
   margin: 10px auto 10px;
    cursor: pointer;
    /* border: 1px solid rgba(15, 109, 207, 0.3); */
    /* box-sizing: border-box; */
    
    transition: All 0.6s ease-in-out;
    -webkit-transition: All 0.6s ease-in-out;
    -moz-transition: All 0.6s ease-in-out;
    -o-transition: All 0.6s ease-in-out;
}
.contents_nav_tu1{
    
    background: url('../images/icon/index_icon_14.png') center center; 
    background-size: 100%;
}

.contents_nav_tu2{
    
    background: url('../images/icon/index_icon_11.png') center center;
    background-size: 100%;
}

.contents_nav_tu3{
   
    background: url('../images/icon/index_icon_12.png') center center;
    background-size: 100%;
}

.contents_nav_tu4{
   
    background: url('../images/icon/index_icon_13.png') center center;
    background-size: 100%;
}

.contents_nav_tu5{
    background: url('../images/icon/index_icon_5b.png') center center;
}

.contents_nav_tu6{
    background: url('../images/icon/index_icon_6b.png') center center;
}

.contents_nav_tu7{
    background: url('../images/icon/index_icon_7b.png') center center;
}

.contents_nav_active .contents_nav_content span{
    color: #0F6DCF;
    /* font-weight: bold; */
    font-size: 15px;
}
.contents_nav_mask{
    display: none;
    transition: All 0.6s ease-in-out;
    -webkit-transition: All 0.6s ease-in-out;
    -moz-transition: All 0.6s ease-in-out;
    -o-transition: All 0.6s ease-in-out;
}
.contents_nav_mask1{
    display: block;
}
.contents_nav_mask_active{
    display: block;
}

.contents_nav_mask_right{
    height: 337px;
    padding: 20px 30px 0 30px;
    background: #f2f2f2;
}

.contents_nav_mask_right_title{
    padding: 20px 0;
    margin-bottom: 20px;
    font-size: 20px;
    border-bottom: 1px solid #dedede;
}
.contents_nav_mask_right_content{
    color: #333;
    line-height: 30px;
    height: 251px;
    display: flex;
    align-items: center;
}
.contents_nav_mask_right_content_one{
    display: block;
}

.contents_nav_mask_right_content_div{
    width: 50%;
    float: left;
    padding-top: 15px;
}
.contents_nav_mask_right_content_divs:hover{
    background: #0F6DCF;
    color: #fff;
}
.contents_nav_mask_right_content_div:nth-child(odd){
    padding-right: 10px;
}
.contents_nav_mask_right_content_div:nth-child(even){
    padding-left: 10px;
}


.contents_nav_mask_right_content_divs{
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    /* border: 1px solid #dedede; */
    letter-spacing: 1px;
    text-align: center;
    color: #333;
    background: #dedede;
    box-sizing: border-box;
    border-radius: 3px;
    transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
}


.contents_nav_mask_right_content_divs2{
    /* height: 160px;
    font-size: 16px; */
    color: #000
}
.contents_nav_mask_right_content_divs2 div{
    line-height: 25px  ;
    padding: 0 20px;
}



 .contents_modulsF{
    overflow: hidden;
}
.contents_modul{
   
    box-sizing: border-box;
    float: left;
    padding: 10px 10px 0 10px ;
}
.contents_moduls .contents_modul{
    width: 20%;
}
.contents_modul a:hover {
    text-decoration:none;
}
.contents_modul a:active{
    text-decoration:none;
}
.contents_modul a:link{
    text-decoration:none;
}
.contents_modul a:hover .contents_modul_content {
    height: 100%;
    width: 100%;
    padding: 30px  10px 0;
}
.contents_modul a {
    border: 1px  solid rgb(238, 238, 238);
    border-radius: 3px;
    height: 170px;
    display: block;
    overflow: hidden;
    width: 100%;
    padding: 10px;
    transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
    position: relative;
}
.contents_modul_title{
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
    margin: 10px 0 20px;
    transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
    color: #333;
}
.contents_modul_content{
    height: 0px;
    width: 100%;
    z-index: 999;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 10px;
    background: #0F6DCF;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
}
.contents_modul_content .contents_modul_title{
      text-align: center;
      color: #fff;
    
}
.contents_modul_tu{
    height: 56px;
    text-align: center;
    margin-top: 30px;
}
.contents_modul_tu img {
    width: 40px;
    height: 40px;
}

 .contents_index_imgs{
     width: 100%;
     overflow: hidden;
     position: relative;
     height: 450px;
 }
.contents_index_as{
    width: 6000px;
    position: absolute;
}
 .contents_index_imgs a{
    float: left;
     box-sizing: border-box;
    padding: 0 10px;
}
.contents_index_img {
    text-align: center;
    color: #333;
    font-size: 15px;
    font-weight: bold;
}

.contents_Index_XW{
    width: 100%;
    overflow: hidden;
}
.swiper-container2{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.slideimgs{
    z-index: 99;
}


.clickXW{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.slideimgsimg{
    width: 100%;
}
.slidemask2span{
    max-width: 450px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.slidemask2{

    height: 50px;
    line-height: 50px;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    left: 0;
   bottom: 0;
   color: #FFFFFF;
   font-size: 18px;
   letter-spacing: 2px;
   padding-left: 10px;
}
.swiper-container2 .swiper-pagination-bullets{
    width: 100%;
    margin: 0 auto;
  text-align: right;
  padding-right: 10px;
}
.contents_Index_XW_right {
    height: 100%;
    padding-left: 30px;
    padding-right: 10px;
}
.contents_Index_XW_right_ul{
    height: 100%;
    list-style: none;
    margin: 0;
}
.contents_Index_XW_right_ul li{
    box-sizing: border-box;
    border-bottom: 1px solid rgb(238, 238, 238);
    cursor: pointer;
}

.contents_Index_XW_right_ul li a{
    display: flex;
    justify-content: space-between;
}
/* .contents_Index_XW_right_ul li:last-child{
border: none;
} */
.contents_Index_XW_right_ul li div{
   line-height: 14px;
   font-size: 14px;
}
.contents_Index_XW_right_ul li:first-child a{
    padding: 0px 0 15px 0;
 }
.contents_Index_XW_right_ul li a{
    padding: 15px 0;
 }
.contents_Index_XW_right_ul_left{
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.contents_Index_XW_right_ul_right{
    color: #666 ;
    text-align: right;
}

.contents_Index_XW_right_ul li a:hover{
    text-decoration:none;
}
.contents_Index_XW_right_ul li a:hover div{
    color: #0F6DCF;
}
.contents_Index_XW_right_ul li a:active{
    text-decoration:none;
}
.contents_Index_XW_right_ul li a:link{
    text-decoration:none;
}
.contents_index_fanganall{
    width: 100%;
    overflow: hidden;
}
.contents_index_fangans{
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
}

.contents_index_fangan{
    display: flex;
    justify-content: flex-start;
    background: #fff;
    height: 490px;
    width: 257px;
    margin-right: 4px;
    overflow: hidden;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}

.contents_index_fangan_active{
    margin-right: 4px;
}

.contents_index_fangan_left{
    height: 490px;
    min-width: 257px;

}
.contents_index_fangan_right{
    padding: 20px;
}
.contents_index_fangan_right_title{
    font-weight: bold;
    color: #000;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 15px;
    line-height: 30px;
}
.contents_index_fangan_right_content{
    color: #666;
    line-height: 30px;
}

.contents_index_fangan_left1{
    background: url('../images/indexImg/fangan1c.png') no-repeat center;
}
.contents_index_fangan_active .contents_index_fangan_left1{
    background: url('../images/indexImg/fangan1w.png') no-repeat center;
}
.contents_index_fangan_left2{
    background: url('../images/indexImg/fangan2c.png') no-repeat center;
}
.contents_index_fangan_active .contents_index_fangan_left2{
    background: url('../images/indexImg/fangan2w.png') no-repeat center;
}

.contents_index_fangan_left3{
    background: url('../images/indexImg/fangan3c.png') no-repeat center;
}
.contents_index_fangan_active .contents_index_fangan_left3{
    background: url('../images/indexImg/fangan3w.png') no-repeat center;
}
.contents_index_fangan_left4{
    background: url('../images/indexImg/fangan4c.png') no-repeat center;
}
.contents_index_fangan_active .contents_index_fangan_left4{
    background: url('../images/indexImg/fangan4w.png') no-repeat center;
}

strong{
    color: #0F6DCF;
    font-weight: 500;
}

.lastAllPage{
    padding-bottom:50px; 
}
.indexJJFA_font{
    background: #fff;
    padding: 10px 20px;
    height: 125px;
    transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
}
.indexJJFA_font2{
    background: #fff;
    padding: 10px;
    text-align:  center;
    color: #333;
    font-size: 15px
}
.indexJJFA_img img{
    width: 100%;
}
.indexJJFA_img{
    overflow: hidden;
}
.indexJJFA_img:hover img{
    transform:scale(1.1);
    transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
}

.indexJJFA_title{
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    color: #333;
}
.indexJJFA_span{
    margin: 5px 0 0 0;
    color: #333;
}
.indexJJFA{
    cursor: pointer;
    padding:0 10px !important;

    transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
}
/* .indexJJFA:first-child{
    padding-left: 0px !important;
}
.indexJJFA:last-child{
    padding-right: 0px !important;
} */

.indexJJFA a{
    display: block;
    overflow: hidden;
    box-sizing: border-box;
}
.indexJJFA a:hover .indexJJFA_font div{
    color: #0F6DCF;
    box-sizing: border-box;
}
.indexJJFA a:hover {
    display: block;
    box-sizing: border-box;
    border: 1px solid #0F6DCF;
}

.indexJJFA img{
    transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
}
.indexJJFA a:hover img{
    transform: scale(1.05);
}

.contents_title1{
    margin-bottom: 20px;
}

.cpzx_div{
    width: 100%;
    background: #dedede;
    overflow: hidden;
    padding: 20px 0;
    border-radius: 3px;

    transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
}
.cpzx_div:hover{
    background: #0F6DCF;
}
.cpzx_div:hover .cpzx_div_span{
   color: #FFFFFF;

}
.cpzx_div:hover .cpzx_div_title{
    color: #FFFFFF;
 }
.cpzx_divs:first-child{
    padding-right: 16px
}
.cpzx_divs:last-child{
    padding-left: 16px
}
.cpzx_div_span{
    margin: 0 0 15px 0;
    /* text-align: center; */
    color: #333;
    /* padding: 0 10px; */
    overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
    transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
}
.cpzx_div_title{
    text-align: center;
    font-size: 16px;
    color: #0F6DCF;

    transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
}
.contents_nav_mask_right_content_div_t{
    width: 80%;
    margin: 0 auto;
    float: none;
}
.contents_nav_mask_right_content_div_t .contents_nav_mask_right_content_divs{
    height: 40px;
    line-height: 40px;
    background: #fff;
    border: 1px solid #dedede;
}
.contents_nav_mask_right_content_div_t:hover .contents_nav_mask_right_content_divs{
    background: #0F6DCF;
    color: #fff;
}
.contents_nav_mask_right_content_title{
    display: block;
    font-size: 17px;
    margin-bottom: 10px;
}
.cpzx_divs2{
    padding: 0 8px;
}

.contents_nav_mask_right_content2{
    display: flex;
    flex-direction:  column;
}
.contents_nav_mask_right_title{
    margin-bottom: 0px;
}
.contents_nav_mask_right_content_div2{
   padding-top: 0px;
}
.contents_nav_mask_right_content2{
    height: 230px;;
}
.contents_nav_mask_right_content_divs2{
    height: 40px;
    line-height: 40px;
}

.cpzx_div_span2{
    margin-top: 10px;
}
.contents_nav_mask_right_content_div3{
    padding-top: 15px
}
.indexNew1{
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.indexNew1:last-child{
    margin-bottom: 0px;
}
.indexNew1 div:last-child{
    overflow: hidden;
}

.ingde_jjfa .indexJJFA {
    margin-bottom: 20px;
}

.swiper-pagination2{
   bottom: -30px !important;
}
.swiper-pagination2 .swiper-pagination-bullet{
    width: 15px;
    height: 15px;
    background: #ccc;
    opacity: 0.8;
}
.swiper-pagination2 .swiper-pagination-bullet-active{
    background: #0F6DCF;
}

.index_cpzxUl{
    width: 90%;
    margin: 0 auto;
}
.index_cpzxli{


    border: 1px solid rgb(238, 238, 238);
    margin-bottom: 10px;
}
.index_cpzxli_div{
    padding: 10px 10px 10px 20px;
    display: flex;
    justify-content: space-between;
}
.index_cpzxli_ative{
    background: #0F6DCF;
    border: 1px solid rgba(15, 109, 207, .1);
}
.index_cpzxli_ative .index_cpzxli_left_span{
    color: #fff;
}
.index_cpzxli_ative .index_cpzxli_right_img{
    width: 24px;
    height: 24px;
    background: url('../images/icon/header_3_w.png');
    background-size: 100% 100%;
}
.index_cpzxli:last-child{
    margin-bottom: 0px;
}
.index_cpzxli_left_span{
font-size: 16px;
}
.index_cpzxli_right_img{
    width: 24px;
    height: 24px;
    background: url('../images/icon/header_4.png');
    background-size: 100% 100%;
}
.index_cpzxli_left{
    display: flex;
    justify-content: flex-start;
}
.index_cpzxli_left_img{
    width: 28px;
    height: 28px;
    margin-right: 10px;
}
.index_cpzxli_left_img1{
    background: url('../images/icon/index_icon_1b.png');
    background-size: 100% 100%;
}
.index_cpzxli_ative .index_cpzxli_left_img1{
    background: url('../images/icon/index_icon_1w.png');
    background-size: 100% 100%;
}
.index_cpzxli_left_img2{
    background: url('../images/icon/index_icon_2b.png');
    background-size: 100% 100%;
}
.index_cpzxli_ative .index_cpzxli_left_img2{
    background: url('../images/icon/index_icon_2w.png');
    background-size: 100% 100%;
}
.index_cpzxli_left_img3{
    background: url('../images/icon/index_icon_3b.png');
    background-size: 100% 100%;
}
.index_cpzxli_ative .index_cpzxli_left_img3{
    background: url('../images/icon/index_icon_3w.png');
    background-size: 100% 100%;
}
.index_cpzxli_left_img4{
    background: url('../images/icon/index_icon_4b.png');
    background-size: 100% 100%;
}
.index_cpzxli_ative .index_cpzxli_left_img4{
    background: url('../images/icon/index_icon_4w.png');
    background-size: 100% 100%;
}
.index_cpzxli_left_img5{
    background: url('../images/icon/index_icon_5b.png');
    background-size: 100% 100%;
}
.index_cpzxli_ative .index_cpzxli_left_img5{
    background: url('../images/icon/index_icon_5w.png');
    background-size: 100% 100%;
}
.index_cpzxli_left_img6{
    background: url('../images/icon/index_icon_6b.png');
    background-size: 100% 100%;
}
.index_cpzxli_ative .index_cpzxli_left_img6{
    background: url('../images/icon/index_icon_6w.png');
    background-size: 100% 100%;
}
.index_cpzxli_left_img7{
    background: url('../images/icon/index_icon_7b.png');
    background-size: 100% 100%;
}
.index_cpzxli_ative .index_cpzxli_left_img7{
    background: url('../images/icon/index_icon_7w.png');
    background-size: 100% 100%;
}
.index_cpzxli_left_img8{
    background: url('../images/icon/index_icon_9.png');
    background-size: 100% 100%;
}
.index_cpzxli_ative .index_cpzxli_left_img8{
    background: url('../images/icon/index_icon_9111.png');
    background-size: 100% 100%;
}
.index_cpzxli_left_img9{
    background: url('../images/icon/index_icon_8.png');
    background-size: 100% 100%;
}
.index_cpzxli_ative .index_cpzxli_left_img9{
    background: url('../images/icon/index_icon_8111.png');
    background-size: 100% 100%;
}
.index_cpzxUl_child{
    background: #fff;
}

.index_cpzxli .header_cpzx_li_1{
    margin-top: 0px;
    
}
.index_cpzxUl .header_cpzx_li_1{
    margin-left: 15px;
}
.index_cpzxli .index_cpzxUl_child li {
    padding-top: 10px;
}
.index_cpzxli .index_cpzxUl_child li:last-child {
    padding-bottom: 10px;
}
.index_cpzxli .header_mask_a_left_3{
    /* padding-left: 60px; */
    color: #666;
}
.index_cpzxUl_child{
    display: none;
    transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
}
.index_cpzxli_ative .index_cpzxUl_child{
    display: block;
}

.index_syxcp .contents_modul_tu{
    margin-top: 15px
}
.index_syxcp .contents_modul_title{
    margin: 0;
}
.index_syxcp  .contents_modul a{
    height: 120px;
    padding: 0px;
}
.index_syxcp  .contents_modul a .contents_modul_title{
    font-size: 14px;
}
.index_syxcp .contents_modul a:hover .contents_modul_content {
    height: 0px;
    padding:  0;
}
.index_zjsj_swiper .contents_index_img2 img{
    width: 100%;
}
.index_zjsj_swiper a:first-child{
    padding: 0 5px 0 10px;
}

.index_zjsj_swiper a:last-child{
    padding: 0 10px 0 5px;
}
.index_zjsj_swiper .contents_index_img2{
    font-weight: 500;
    font-size: 12px
}  

.index_ie{
    width: 100%;
}


.jjfa_div_1{

    height: 470px;

}
.jjfa_div_1 .img{
    background: url('../images/index/index_26.jpg');
    width:  100%;
    height: 100%;
    background-size: 100% 100%;
}
.jjfa_div_2{

    height: 470px;
}
.jjfa_div_2 .img{
    background: url('../images/index/index_27.png');
    width:  100%;
    height: 100%;
    background-size: 100% 100%;
}
.jjfa_div_3{

    height: 470px;
}
.jjfa_div_3 .img{
    background: url('../images/index/index_28.png');
    width:  100%;
    height: 100%;
    background-size: 100% 100%;
}

.jjfa_div_4{

    height: 470px;
}
.jjfa_div_4 .img{
    background: url('../images/index/index_25.jpg');
    width:  100%;
    height: 100%;
    background-size: 100% 100%;
}

.jjfa_div_5{

    height: 470px;
}
.jjfa_div_5 .img{
    background: url('../images/index/index_29.png');
    width:  100%;
    height: 100%;
    background-size: 100% 100%;
}


.img-1{
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);

    cursor: pointer;
    position: relative;
}
.img-1 .img-1-div{
    position: absolute;
    z-index: 4;
    left: 50%;
    margin-left: -50px;
    top: 147px;
    transition: All 1s ease-in-out;
    -webkit-transition: All 1s ease-in-out;
    -moz-transition: All 1s ease-in-out;
    -o-transition: All 1s ease-in-out;
}
.img-1 .img-1-line{
    background: #fff;
    height: 2px;
    width: 40%;
    margin-left: 30%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.img-1 .img-1-font{
    color: #fff;
    text-align: center;
    margin-top: 5px;
    font-size: 18px;
}
.img-1-mask{
    z-index: 3;
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(15, 109, 207,0.9);
    transition: All 1s ease-in-out;
    -webkit-transition: All 1s ease-in-out;
    -moz-transition: All 1s ease-in-out;
    -o-transition: All 1s ease-in-out;
}
.img-1:hover .img-1-mask{
    height: 100%;
    transition: All 1s ease-in-out;
    -webkit-transition: All 1s ease-in-out;
    -moz-transition: All 1s ease-in-out;
    -o-transition: All 1s ease-in-out;
}

.img-1:hover .img-1-div{
    top: 35px;
    transition: All 1s ease-in-out;
    -webkit-transition: All 1s ease-in-out;
    -moz-transition: All 1s ease-in-out;
    -o-transition: All 1s ease-in-out;
}
.img-1-mask-divs{
    width: 100%;
    position: absolute;
    top: 190px;
}

.img-1-mask-div a{
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
}
.img-1-mask-divs .row .navs:nth-child(1){
    padding:  7px 7px 7px 14px;
}
.img-1-mask-divs .row .navs:nth-child(2){
    padding:  7px 14px 7px 7px;
}
.img-1-mask-div-last{
    padding-right: 14px !important;
}

.img-1-mask-div{
    text-align: center;
    padding: 5px 0;
    border: 2px solid #fff;
}

.jjfa_app{
    width: 90%;
    margin: 0 auto;
    overflow: hidden
}
.jjfa_app_1 .img{
    display: block;
    width: 100%;
    height: 180px;
    margin-bottom: 10px;
    background: url('../images/index/index_2.png');
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100% 100%;
}
.jjfa_app_2_1
{
    padding-right: 5px;
}
.jjfa_app_2_1 .img{
    display: block;
    width: 100%;
    height: 240px;
    background: url('../images/index/index_4.png');
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100% 100%;
}
.jjfa_app_2_2
{
    padding-left: 5px;
}
.jjfa_app_2_2 .img{
    display: block;
    width: 100%;
    height: 240px;
    background: url('../images/index/index_29.png');
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100% 100%;
}
.jjfa_app_3_1
{
    padding-right: 5px;
    margin-bottom: 10px;
}
.jjfa_app_3_1 .img{
    display: block;
    width: 100%;
    height: 240px;
    background: url('../images/index/index_25.jpg');
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100% 100%;
}
.jjfa_app_3_2
{
    padding-left: 5px;
}
.jjfa_app_3_2 .img{
    display: block;
    width: 100%;
    height: 240px;
    background: url('../images/index/index_26.jpg');
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100% 100%;
}

.img-2 .img-1-div{
    text-align: center;
    z-index: 4;
    transition: All 1s ease-in-out;
    -webkit-transition: All 1s ease-in-out;
    -moz-transition: All 1s ease-in-out;
    -o-transition: All 1s ease-in-out;
}
.img-2 .img-1-div img{
    width: 60px;
    height:60px;
}
.img-2 .img-1-line{
    background: #fff;
    height: 2px;
    width: 40%;
    margin-left: 30%;
    margin-top: 5px;
}
.img-2 .img-1-font{
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.practicalGadget_title{
    display: flex;
    justify-content: center;
    flex: 1;
    padding: 20px 0;
}
.practicalGadget_title_d{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 30px;
}
.practicalGadget_title_d div{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #ccc;
    margin: 0 4px;
}

.practicalGadget_title_s{
    color: #333;
    background: #BEE6FF;
    font-size: 1.8rem;
    height: 40px;
    width: 160px;
    border-radius: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    /* margin: 0 20px; */
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.practicalGadget_title_a{
    background: #2D82F0;
    color: #fff;
}
.practicalGadget_title_app {
    display: flex;
    justify-content: space-around;;
}
.practicalGadget_title_app .practicalGadget_title_s{
    width: 80px;
    font-size: 1.6rem;
}
.practicalGadget_title_s:hover{
    background: #2D82F0;
    color: #fff;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.practicalGadget_content{
    /* display: flex; */
    display: none;
    overflow: hidden;
}
.practicalGadget_content .hidden-sm{
    width: 20%;
    padding: 15px;
    float: left;
}

.practicalGadget_content .hidden-sm a{
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 15px 0;
   box-shadow:5px 10px 10px #ccc; 

}
.practicalGadget_content .hidden-sm a img{
    width: 50px;
    height: 50px;
 
 }

.practicalGadget_content .hidden-sm a:hover span{
    color: #007aff;
 }
 .practicalGadget_content .hidden-sm a span{
    color: #333;
    margin-left: 10px;
    font-size: 14px;
  }


  .practicalGadget_content .hidden-lg{
    width: 50%;
    padding: 15px;
    float: left;
}

.practicalGadget_content .hidden-lg a{
   display: flex;
   justify-content: center;
   align-items: center;
   /* padding: 15px 0; */
   box-shadow:5px 10px 10px #ccc; 
   height: 80px;

}
.practicalGadget_content .hidden-lg a img{
    width: 40px;
    height: 40px;
 
 }

.practicalGadget_content .hidden-lg a:hover span{
    color: #007aff;
 }
 .practicalGadget_content .hidden-lg a span{
    color: #333;
    margin-left: 10px;
    font-size: 14px;
  }

.practicalGadget_content_aqgl{
    display: block;
}