/* 页面样式 */
 * {
     margin: 0;
     padding: 0;
     font-family: 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif !important;
 }

 .main {
     width: 70% !important;
     /* max-width: 1200px !important; */
     margin: 0 auto;

 }

 a {
     text-decoration: none;
 }

 .with100 {
     width: 100%;
     height: 100%;
 }

 /* 字体大小样式 */
 .fontSize12 {
     font-size: 14px;
 }

 .fontSize13 {
     font-size: 13px;
 }

 .fontSize14 {
     font-size: 14px;
 }

 .fontSize24 {
     font-size: 24px;
 }


 .fontSize16 {
     font-size: 16px;
 }

 .fontSize21 {
     font-size: 21px;
 }

 .fontSize18 {
     font-size: 18px;
 }

 .fontSize28 {
     font-size: 28px;
 }


 .fontSize32 {
     font-size: 28px;
 }

 .fontSize36 {
     font-size: 36px;
 }

 .flex {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
 @media (max-width: 1240px) {
    .main {
        width: 86% !important;
        margin: 0 auto;
    }
}
 /* 头部导航 */
 /* 底部 */
 /* 媒体查询手机端 */
 /* 针对屏幕宽度小于或等于768像素的样式 */
 @media (max-width: 980px) {
     .header {
         display: none !important;
     }
 }

 @media (min-width: 981px) {
     .modHeader {
         display: none !important;
     }
 }

 @media (max-width: 991px) {

     /* 导航 */
     #nav_id,
     #nav_ico {
         display: none;
     }

     .mod_nav {
         display: block;
     }

     .modHeader {
         position: fixed;
         top: 0px;
         z-index: 999;
         left: 50%;
         transform: translateX(-50%);
         width: 100%;
         /* border-bottom: 0.5px solid rgba(255, 255, 255, .2); */
         padding: 10px 0;
         cursor: pointer;
         background-color: #fff;
     }

     .modHeader .modHeader_left {
         width: 100%;
         height: 120px;
         line-height: 120px;
         text-align: center;
     }

     .modHeader .modHeader_left img {
         width: 100px;
         height: 100px;
         margin-top: 10px;
     }

     .ws_nav_item img {
         /* width: 380px; */
         margin-left: 40px;
     }

     .mod_ico {
         position: absolute;
         right: 20px;
         font-size: 32px !important;
         line-height: 61px;
         top: 0;
         color: #333;
         /* z-index: 999; */
     }

     .lbt_conter_left .lbt_conter_left_text {
         font-size: 12px;
     }

     .ws_nav_bg .ws_nav_top {
         border-bottom: none;
         box-shadow: 0 2px 4px 0 #205bd133;
     }

     .wrapper_gay {
         background-color: rgba(0, 0, 0, 0.5);
         width: 100%;
         height: 100%;
         top: 0;
         left: 0;
         position: fixed;
         display: none;
     }

     .mod_nav {
         position: absolute;
         width: 51%;
         height: 100%;
         right: 0;
         overflow-y: scroll;
         top: 0;
         background-color: #fff;
     }

     .mod_nav .close {
         position: absolute;
         left: 10px;
         top: 10px;
         font-size: 30px !important;
         color: #333;
     }

     .mod_nav .ioc {
         padding-left: 10px;
         font-size: 16px !important;
     }

     .mod_nav .nav_list {
         width: 100%;
         background-color: #fff;
         padding-top: 50px;
         height: 100%;
     }

     .mod_nav .nav_list .nav_item {
         padding: 10px 19%;
         font-size: 16px;
     }

     .mod_nav .nav_list .nav_item a {
         width: 100%;
         font-size: 16px;
         font-family: Microsoft YaHei;
         font-weight: 400;
         color: #0f0b37;
         display: block;
         height: 100%;
     }

     .mod_nav .nav_list .nav_item a .ioc {
         font-size: 11px;
     }


     .mod_nav .chid_serve {
         padding-top: 10px;

     }

     .mod_nav .chid_serve .chid_item {
         line-height: 20px;
         padding: 10px 0;
         text-align: left;

     }



     .mod_nav .chid_serve .chid_item a .right .title {
         font-size: 14px;
         font-family: Microsoft YaHei;
         color: #444;
         /* padding: 5px 0; */
     }

     .mod_nav .chid_serve .chid_item a .right .text {
         font-size: 12px;
         font-family: Microsoft YaHei;
         font-weight: 400;
         color: #999999;
         padding-top: 5px;
     }

     .mod_nav .nav_item ul li {
         list-style: none;
     }

     .mod_nav .chid_serve .title {
         padding-left: 10px;
     }

     .ws_nav_arr {
         display: none;
     }

     .TitleImg .img {
         display: none;
     }



 }

 .header {
     position: fixed;
     top: 0px;
     z-index: 999;
     left: 50%;
     transform: translateX(-50%);
     width: 100%;
     /* border-bottom: 0.5px solid rgba(255, 255, 255, .2); */
     padding: 10px 0;
     cursor: pointer;
     background-color: #fff;
 }
 .header img {
     display: block;
     width: 150px;
 }

 .header ul {
     display: flex;
     justify-content: space-around;
     width:70%;
     list-style: none;
 }

 .header ul li {
     cursor: pointer;
     animation: 2s ease;
 }


 .header .aciveIndex {
     color: #D43030;
     font-weight: bold;
 }

 .header ul li:hover {
     font-weight: bold;
     transition: all 1s;
     color: #D43030;
 }

 .header .login {
     width: 70px;
     height: 35px;
     opacity: 1;
     border-radius: 3px;
     background: rgba(212, 48, 48, 1);
     text-align: center;
     line-height: 35px;
     position: relative;
     /* margin-top: 2px; */
 }

 .header .login .loginicon {
     padding-right: 5px;

 }

 /* 登录 */
 .loginCourrt {
     left: 50%;
     transform: translateX(-50%);
     position: absolute;
     z-index: 98;
     /* display: none; */
 }

 /* 媒体查询手机端 */
 /* 针对屏幕宽度小于或等于768像素的样式 */
 @media (max-width: 980px) {
     .loginCourrt {
         display: none;
     }

     .search img {
         object-fit: scale-down;
     }
 }

 .lbt_conter_log {
     display: flex;
     justify-content: flex-end;
     position: relative;
 }


 .triangle {
     position: absolute;
     right: 9%;
     width: 0;
     height: 0;
     border-left: 10px solid transparent;
     /* 左边透明 */
     border-right: 10px solid transparent;
     /* 右边透明 */
     border-bottom: 10px solid rgba(255, 255, 255, 0.96);
     /* 底部白色，高度可以根据需要调整 */
 }

 .lbt_conter_box {
     margin-top: 10px;
     width: 300px;
     border-radius: 10px;
     background: rgba(255, 255, 255, 0.96);
     box-shadow: 0px 2px 20px rgba(39, 121, 247, 0.2);
 }

 .lbt_conter_box .lgo_top {
     padding: 25px;
 }

 .lbt_conter_box .lgo_title {
     padding-bottom: 16px;
     /* width: 80px; */
     font-size: 20px;
     font-weight: 400;
     letter-spacing: 0px;
     color: #333333;
     text-align: left;
     vertical-align: top;
     border-bottom: 2px solid #D43030;
 }

 .lbt_conter_box .lgo_input {
     margin-top: 15px;
     background: #FFFFFF;
     border: 1px solid #D0D0D0;
     padding: 0 20px;
     border-radius: 5px;
     display: flex;
     align-items: center;
 }

 .lbt_conter_box .lgo_input input {
     border: none;
     outline: none;
     width: 280px;
     height: 35px;
     font-size: 12px;
 }

 .lbt_conter_box .lgo_bot {
     border-radius: 4px;
     /* background: #D43030; */
     background: #C2C2C2;
     width: 250px;
     height: 35px;
     margin-top: 15px;
     font-size: 12px;
     color: #fff;
     text-align: center;
     line-height: 35px;
 }
 .lbt_conter_box .lgo_fot .fot_li:hover a{
    color: #D43030 !important;
}

 .lbt_conter_box .fot_icon {
     font-size: 16px;
 }

 .lbt_conter_box .fot_text {
     padding-top: 5px;
 }

 .lbt_conter_box .lgo_fot {
     border-top: 1px dashed #C2C2C2;
     display: flex;
     justify-content: space-between;
     padding: 15px 30px;
     text-align: center;
     color: #444;
     font-size: 12px;
     z-index: 99;
     top: 0;
 }


 /* 滚到到底部时菜单栏出现背景色 */
 .bg7 {
     /* background-color: rgba(0, 0, 0, .3); */
 }

 /* 轮播图文字标题 */
 .section1 #swiperWh {
     position: relative;
 }

 .section1 .titleCenter {
     position: absolute;
     z-index: 99;
     top: 50%;
     transform: translateY(-50%);
     width: 100%;
 }

 /* 媒体查询手机端 */
 /* 针对屏幕宽度小于或等于768像素的样式 */
 @media (max-width: 980px) {
     .section1 .titleCenter {
         position: absolute;
         z-index: 99;
         top: 30%;
         width: 100%;
     }

     .section1 .titleCenter .title {
         display: block !important;

     }

     .section1 .titleCenter .title .padd {
         padding-left: 0 !important;
         padding-top: 10px;
     }
 }

 .section1 .titleCenter .title {
     text-align: center;
     font-size: 50px;
     font-weight: 700;
     letter-spacing: 0px;
     line-height: 84px;
     color: rgba(255, 255, 255, 1);
     vertical-align: top;
     font-family: '阿里妈妈数黑体';
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .section1 .titleCenter .title .padd {
     padding-left: 50px;
 }

 .section1 .titleCenter .title .icon {
     padding-right: 10px;

 }

 .section1 .titleCenter .bot {
     /* width: 150px; */
     /* height:45px; */
     opacity: 1;
     border-radius: 3px;
     background: rgba(212, 48, 48, 1);
     text-align: center;
     line-height: 45px;
     padding: 0 15px;


 }

 .section1 .titleCenter .margin-left {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 30px;
 }

 /* 媒体查询手机端 */
 /* 针对屏幕宽度小于或等于768像素的样式 */
 @media (max-width: 980px) {
     .section1 .titleCenter .margin-left {
         display: block !important;
         margin-left: 50%;
         transform: translateX(-50%);
     }

     .default-btn {
         display: block !important;
     }

     .section1 .titleCenter .bot {
         margin: 0 auto;
     }

     .section1 .titleCenter .margin-left .left50 {
         margin-top: 20px !important;
         margin: 0 auto;
     }

     .section1 .titleCenter .title {
         font-size: 24px;
         line-height: 30px;

     }

     #allWith {
         display: none;

     }

     .swipeImgMod {
         display: block;

     }

     .pagination {
         visibility: hidden;
     }
 }

 @media (min-width: 980px) {

     #allWith {
         display: block;

     }

     .swipeImgMod {
         display: none;

     }

     .pagination {
         visibility: visible;
     }
 }

 /* -------------------------- */
 .section1 .titleCenter .margin-left .icon {
     padding-right: 10px;
     margin-top: 80px;

 }

 .section1 .titleCenter .left50 {
     margin-left: 50px;
 }

 /*搜收条件  */
 .search {
     position: absolute;
     bottom: 60px;
     z-index: 99;
     margin-left: 50%;
     transform: translateX(-50%);
 }

 .search .flex {
     display: flex;
     align-items: center;
 }
 .search .center{
    margin: 0 80px;
 }


 /* 媒体查询手机端 */
 /* 针对屏幕宽度小于或等于768像素的样式 */
 @media (max-width: 980px) {
     .search {
         bottom: 40px;
     }

     .search .flex {
         display: block !important;

     }
     .search .center{
        margin: 10px 0 !important;
     }

     .search .with500 {
         width: 350px !important;
     }

     .search .list {
         flex-wrap: wrap;
         width: 100% !important;
         padding: 5px 0 !important;
     }

     .search .leftInpt {
         margin-top: 2px;
     }

     .search .list a {
         width:30%
     }

     .search .leftInpt .li {
         margin: 10px 0;
         text-align: center;
     }
     .search input{
        margin-left: 5px !important;
        width: 100px !important;
     }

     .search .margin-left10 {
         margin-left: 0 !important;
     }
 }

 .search .leftInpt {
     /* height: 60px; */
     opacity: 1;
     border-radius: 8px;
     background: rgba(255, 255, 255, 1);
     display: flex;
     justify-content: space-between;
     border-radius: 10px;
     /* padding: 0 20px; */
 }

 .search .leftInpt .li {
     /* height: 60px; */
     color: #333;
 }

 .search .with500 {
     width: 500px;
 }

 .search input {
     border: none;
     outline: none;
     margin-left: 20px;
 }

 .search img {
     width: 25px;
     height: 25px;
 }

 .search .row {
     width: 25px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
 }

 .search .row .rowTop {
     height: 15px;
     width: 2px;
     background-color: rgba(153, 153, 153, 0.5);
 }

 .search .searchBot {
     margin: 5px;
     min-width: 57px;
     opacity: 1;
     border-radius: 5px;
     background: rgba(212, 48, 48, 1);
     text-align: center;
     color: #fff;
     padding-top: 3px;
     cursor: pointer;
 }

 .search .list {
     width: 600px;
     display: flex;
     justify-content: center;
     padding: 18px 0;
     cursor: pointer;
 }
 .search .list .li:hover {
     color: #D43030 !important;
 }
 .search .list .li .icon {
     color: rgba(212, 48, 48, 1);
     padding-right: 10px;
 }

 .search .margin-left10 {
     margin-left: 10px;
 }

 .botArr {
     display: flex;
 }


 /* 第二屏 */
 .sectionConter {
     width: 100%;
     position: absolute;
     top: 15%;
 }

 @media (max-width: 980px) {
     .sectionConter {
         top: 10% !important;

     }

     .sectionConter .sectionHeard {
         display: none;
     }

     .TitleImg {
         display: block !important;
     }

     .TitleImgLeft {
         width: 100% !important;
     }

     .TitleImg .padding-40 {
         padding-top: 0 !important;
     }

     .TitleImg .img {
         width: 100% !important;
         margin-top: 30px;
     }

     .TitleImg:hover .row {
         display: none !important;
     }

 }

 @media screen and (min-width: 19201px) {

     /* 样式 */
     .sectionConter {
         top: 30%;
     }
 }

 .sectionHeard {
     display: flex;
     justify-content: space-between;
     align-items: flex-end;
     z-index: 999;

 }

 .sectionHeardPostion {
     position: absolute;
     width: 90%;
 }

 .sectionHeard .title {
     /* font-weight: 700; */
     color: #fff;
 }

 .sectionHeard .text {
     color: #fff;
     padding-top: 10px;
 }

 .sectionHeard .list {
     cursor: pointer;
     display: flex;
 }

 .sectionHeard .list .li {
     color: rgba(255, 255, 255, .8);
     margin-left: 50px;
     padding-bottom: 10px;

 }

 .sectionHeard .list .li:hover {
     color: #fff;

 }

 .sectionHeard .list .active {
     color: #fff;
     font-weight: bold;
     border-bottom: 2px rgba(212, 48, 48, 1) solid;

 }

 .TitleImgLeft {
     width: 40%;
     padding-right: 5%;
 }
 .newBTitle{
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 99;
    text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5);
 }
  .TitleImg .row1{
    background-color: rgba(212, 48, 48, 1);
    height: 15px;
    width: 230px;
    margin-top: -10px;
    /* position: absolute; */
    /* z-index: -1;
    top: 30px; */
 }

 .TitleImg {
     display: flex;
     align-items: center;
     justify-content: space-between;
     color: rgba(255, 255, 255, 1);
     margin-top: 8%;
     /* margin-left: 70px; */
     /* height: 400px; */

 }
 



 @media screen and (min-width: 19201px) {

     /* 样式 */
     .TitleImg {
         margin-top: 15%;
     }
 }

 .TitleImg .img {
     width: 55%;

 }

 .TitleImg img {
     /* margin-left: 20%; */
     width: 100%;
     height: auto;
     object-fit: fill;
 }

 .TitleImg .row {
     background-color: #fff;
     width: 0;
     height: 1px;
     margin-top: 30px;

     transition: all 1s;
 }

 .TitleImg .title1 {
     display: flex;
     /* width: 600px; */
     /* line-height: 24px; */
 }
 .TitleImg .text {
    line-height: 24px;
}

 .TitleImg .titleBlod {
     color: #fff;
     font-weight: 700;
 }

 .TitleImg .title1 .icon {
     padding-right: 10px;
 }

 .TitleImg .padding-10 {
     padding-top: 10px;
 }

 .TitleImg .padding-30 {
     padding-top: 30px;
     transition: all 1s;
 }

 .TitleImg .padding-40 {
     padding-top: 40px;
 }

 .TitleImg .botArrOne {
     width: 100px;
     height: 35px;
     opacity: 1;
     border-radius: 5px;
     line-height: 35px;
     font-weight: 400;

 }

 .TitleImg .bg {
     background: rgba(212, 48, 48, 1);
     color: #fff;
 }

 .TitleImg .bg1 {
     background: rgba(255, 255, 255, 1);
     color: rgba(128, 128, 128, 1);
     margin-left: 20px;
 }

 .TitleImg:hover .row {
     width: 500px;
 }

 .TitleImg:hover .img {
     transform: scale(0.9);
     transition: all 1s;
 }

 .TitleImg:hover .padding-30 {
     padding-top: 20px;

 }

 /* 第三屏幕 */
 .height {
     height: 100%;
 }

 .section3Head {
     top: 20%;
 }

 /* 新闻 */
 /* 媒体查询手机端 */
 /* 针对屏幕宽度小于或等于768像素的样式 */
 @media (max-width: 980px) {
     .container_header {
         display: none;
     }

     .ff_indexPage .news.ff_noSlider .container_category {
         right: 0 !important;
         left: 0;
     }

     #nextS .fontSize16 {
         font-size: 14px;

     }

     .sectionHeard .list .li {
         margin-left: 35px;
     }

     .owl-carousel .owl-stage-outer {
         display: none;
     }

     .ModNew {
         display: block !important;
         position: absolute;
         top: 150px;
         padding: 0 30px;
     }

     .ModNew .ModNew_list_box {
         margin-bottom: 20px;
     }

     .ModNew .ModNew_list_box_time {
         font-size: 30px;
         line-height: 64px;
         color: #fff;
         font-family: MontDemo-Heavy;
         font-weight: bold;
     }

     .ModNew .ModNew_list_box_tile {
         font-size: 14px;
         width: 320px;
     }
     .ff_indexPage .news.ff_noSlider .container_category{
        top: 100px !important;
     }

 }

 .ModNew {
     display: none;
 }

 .new {
     display: flex;
     position: absolute;
     z-index: 99;
     top: 0;
     width: 90%;

 }

 .newList {
     display: flex;
 }

 .new .netItem {
     width: 25%;
     padding-top: 500px;
     transition: all 0.5s;

 }

 .new .netItem .time {

     font-weight: 700;
     letter-spacing: 0px;
     line-height: 26px;
     color: rgba(255, 255, 255, 1);
     text-align: left;
     vertical-align: top;
     padding-left: 20px;
     padding-right: 20px;


 }

 .new .netItem .title {

     font-weight: 400;
     letter-spacing: 0px;
     line-height: 20px;
     color: rgba(197, 209, 232, 1);
     padding: 20px;

 }

 .new .netItem .padd-top {
     transform: translateY(0);
 }


 .item_box {
     position: relative;
     display: block;
     width: 100%;
 }

 .item_img {
     width: 280px;
     float: none;
     padding-top: 170px;
     position: absolute;
     top: 39%;
     opacity: 0;
     transition: all 0.36s ease;
 }

 .item_img img {
     transition: all 0.36s ease;
     display: inline;
 }

 .new .netItem:hover .item_img {
     opacity: 1;
     transition: all 0.36s ease;
 }

 .new .netItem:hover .bg {
     height: 100%;
     background: rgba(45, 59, 89, 0.8);
     transition: all 0.5s;
 }

 .bg {
     position: absolute;
     top: 0;
     bottom: 0;
     width: 25%;
     height: 0;
     z-index: -1;
     transition: all 0.5s;
 }

 /* 底部 */
 /* 媒体查询手机端 */
 /* 针对屏幕宽度小于或等于768像素的样式 */
 @media (max-width: 980px) {

     .footers .hides,
     .fotLogn {
         display: none;
     }

     .footers .fotRight .list {
         display: block !important;
     }

     .footers .flex {
         flex-wrap: wrap;
         margin-top: 100px;
     }

     .fotLeft {
         margin: 0 auto;
     }

     .footers .list .listItem {
         padding-left: 0 !important;
     }

     .footers .fotRight .list .paddingli {
         margin-top: 10px !important;
     }

     .footers .fotLeft .wei img {
         padding-top: 0px !important;
     }

     .footers .fotLeft .wei .wei-text {
         padding: 5px 0 !important;
     }

     .footers .fotRight {
         margin-top: 0px !important;
     }

     .footers .fotRight .list .li {
         margin-bottom: 5px !important;
     }

     .footers .list .listItem {
         padding-bottom: 20px;
     }
 }



 .footers {
     width: 100%;
     /* margin: 0 auto; */
     /* display: flex;
     justify-content: space-between; */
     padding-top: 20px;
 }

 .footers .fotLeft .fotLogn img {
     width: 150px;
 }

 .footers .fotLeft .wei{
    text-align: center;
 }
 .footers .fotLeft .wei img {
     width: 80px;
     padding-top: 15px;
 }

 .footers .fotLeft .wei .wei-text {
     padding: 10px 0;
     text-align: center;
 }

 .footers .fotRight .list {
     display: flex;
     justify-content: space-between;

 }

 .footers .list .listItem {
     /* padding-left: 80px; */
 }

 .footers .fotRight .list .title::after {
     border-bottom: 1px solid #D43030;
     content: '';
     width: 55px;
     height: 100%;
     display: block;
     padding-bottom: 10px;
 }

 .footers .fotRight {
     margin-top: 30px;
     width: 100%;
 }

 .footers .fotRight .list .paddingli {
     margin-top: 40px;
 }

 .footers .fotRight .list .li {
     margin-bottom: 15px;
 }
 .footers .fotRight .list  a:hover .li {
    color: #D43030 !important;
}


 .footers .botLeft {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 70px 0 20px 0;
     cursor: pointer;
 }

 .footers .botLi {
     opacity: 1;
     border-radius: 100px;
     background: rgba(11, 97, 179, 0.5);
     padding: 5px 15px;
     margin-left: 20px;

 }

 .fotFot {
     border-top: 1px solid rgba(255, 255, 255, 0.2);
     padding: 20px 0;
 }

 .fotFot span {
     padding-right: 40px;
     color: rgba(255, 255, 255, 0.8);
 }
 .fotFot a:hover span {
    padding-right: 40px;
    color: #D43030 !important;
}

 /* 视频 */
 #video_index_gray_div {

     display: flex;
     justify-content: center;
     align-items: center;
 }

 #video_index_gray {
     width: 60%;
 }

 #video_index_gray_divEn {

     display: flex;
     justify-content: center;
     align-items: center;
 }

 #video_index_grayEn {
     width: 60%;
 }


 .list .listItem a {
     color: #fff;
 }

 .list .listItem a:hover {
     color: #fff;
 }

 .botLeft a {
     color: #fff;
 }

 .botLeft a:hover {
     color: #fff;
 }