
.h_cons {
    float: right;
}

.h_cons p {
    height: 3rem;
    padding-left: 2.8rem;
    margin-top: 0.46rem;
    color: #222;
    background: url(images/h_pho.gif) no-repeat left top;
    background-size: 2.5rem;
    font-size: 0.8rem;
    line-height: 1rem;
}

.h_cons p span {
    font: 1.6rem / 1.7rem Impact;
    color: #023793;
    display: block;
}

.h_cons h4 {
    width: 12rem;
    height: 2rem;
    background: url(images/h_b1.gif) no-repeat left top;
    font-size: 1.2em;
    color: #fff;
    background-size: 100% 100%;
    line-height: 2rem;
}
.h_cons h4 span {
    float: left;
    width: 50%;
    text-align: center;

}
.h_ewm {
    float: right;
}

.h_ewm img {
    height: 7.2rem;
    margin-top: -0.8rem;
}

.h_rights {
    float: right;
    display: block;
    height: 5.8rem;
}

.headtop .tel:before {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 2.77rem;
    top: 0px;
    left: 5%;
    z-index: 9;
    background: #1354c5;
}
        /* 清除默认样式 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        /* 最外层容器 */
        .headpc {
            width:100%;
            margin: 0 auto;
            position: relative;
            z-index: 9;
            font-family: "Microsoft Yahei", sans-serif;
        }
        /* 顶部信息栏 */
        .headtop {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 7.2rem;
        }
        /* 左侧品牌区 */
        .brand {
            display: flex;
            align-items: center;
            width: 40.62%;
        }
        .brand b{ color:#f0762b;font-size: 1.4rem;}
        .brand .logo {
            font-size: 1.2rem;
            width: 44.3%;
            font-weight: 700;
            color: #0066cc; /* 品牌蓝，可替换为实际LOGO色值 */
            margin-right: 0.6px;
        }
         .brand .logo img{ width:100%;}
        .brand .name {
            font-size:1.2rem;
            font-weight: 700;
            color: #333;
        }
        .top_w {
    margin-left: 3%;
    padding-left: 3%;
    border-left: 1px solid #dcdcdc;
    width: 52%;
    line-height: 1.6rem;
}
        .brand-desc {
            margin-top: 4px;
            font-size: 1.2rem;
            color: #666;
        }
        /* 右侧电话 */
   .headtop .tel {
    font-size: 1.56rem;
    color: #023793;
    font-weight: bold;
    height: 100%;
    padding-left: 2.2%;
    line-height: 6.7rem;
    position: relative;
}
   .headtop .tel:after {
     content: "";
     display: block;
     position: absolute;
     height: 2rem;
     left: 0px;
     top: 2.6rem;
     width: 2rem;
          background: url(http://g1.cms.51yxwz.com/20250722085909000156/images/h_tel.png) no-repeat left top;
    background-size: 75%;
    z-index: 10;
    animation: rotateSequence 3s ease-in-out forwards;
            /* 设置旋转中心为元素中心 */
            transform-origin: center;
       
   }
      @keyframes rotateSequence {
            0% {
                /* 初始状态：正常位置 */
                transform: rotate(0deg);
            }
            25% {
                /* 向右旋转60度 */
                transform: rotate(40deg);
            }
            50% {
                /* 回正 */
                transform: rotate(0deg);
            }
            75% {
                /* 向左旋转60度 */
                transform: rotate(-40deg);
            }
            100% {
                /* 再次回正并停止 */
                transform: rotate(0deg);
            }
        }

        /* 导航容器 */
        .h_con {
            background-color: #023793; /* 导航栏底色 */
            height: 3rem;
            line-height: 3rem;
        }

   .h_con ul>li.cur,.h_con ul>li:hover{
    background: #f0762b;
}

        .nav.menu {
            width: 100%;
        }
        .nav.menu ul.clearfix {
            list-style: none;
            display: flex;
            justify-content: space-around;
        }
        .nav.menu ul.clearfix li {
            position: relative;
            height: 3rem;
            line-height: 3rem;
            padding: 0 2.88%;
        }
        .nav.menu ul.clearfix li a {
            display: block;
            color: #fff;
            text-decoration: none;
            font-size: 0.9rem;
            font-weight: 400;
            transition: background-color 0.3s;
        }
        /* 激活态/ hover 效果 */
        .nav.menu ul.clearfix li a:hover,
        .nav.menu ul.clearfix li.active a {
        }
        /* 清除浮动（如果需要） */
        .clearfix::after {
            content: "";
            display: table;
            clear: both;
        }

.nav.menu ul.clearfix li:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 1rem;
    width: 1px;
    height: 1rem;
    border-right: 1px dashed #fff;
    opacity: 0.3;
}

.nav.menu ul.clearfix li:last-child:after {
    display: none;
}

   
       .nav.menu ul.clearfix .submenu {
            position: absolute;
            left: 50%;
            top: 80%;
            transform: translateX(-50%);
            z-index: 999;
            max-height: 0;
            transition: max-height 0.4s linear;
            -ms-transition: max-height 0.4s linear;
            -moz-transition: max-height 0.4s linear;
            padding-top: 25px !important;
            overflow: hidden;
        }
        
       .nav.menu ul.clearfix .submenu p {
            background: rgba(242, 242, 242, 1);
            padding: 6px 21px;
            border-radius: 10px;
            position: relative;
        }
        
      .nav.menu ul.clearfix  .submenu p:before {
            position: absolute;
            content: "";
            border-width: 9px 8px;
            border-style: solid;
            border-color: transparent transparent rgba(242, 242, 242, 1);
            top: -18px;
            left: 50%;
            margin-left: -8px;
            transition: all 0.4s linear;
            -ms-transition: all 0.4s linear;
            -moz-transition: all 0.4s linear;
            opacity: 0;
        }
        
       .nav.menu ul.clearfix .submenu a {
            transition: all .4s ease;
            display: block;
            font-weight: 500;
            padding: 0 17px 0 32px;
            font-size: 16px;
            line-height: 48px;
            color: #333333;
            line-height: 54px;
            white-space: nowrap;
            position: relative;
           
            text-align: left;
        }
        
              .nav.menu ul.clearfix .submenu p span span a {
            transition: all .4s ease;
            display: block;
            font-weight: 500;
            padding: 0 17px 0 32px;
            font-size: 16px;
            line-height: 42px;
            color: #333333;
            line-height: 42px;
            white-space: nowrap;
            position: relative;
           
            text-align: left;
        }
        
        .nav.menu ul.clearfix .submenu  p span span a:before {
            position: absolute;
            content: "";
            width: 4px;
            height: 4px;
            border: 2px solid #333333;
            border-radius: 50%;
            top: 16px;
            left: 13px;
            transition: ease .4s;
            -o-transition: ease .4s;
        }
        
       .nav.menu ul.clearfix .submenu a:last-child {
            border-bottom: 0
        }
        
      .nav.menu ul.clearfix .submenu a:before {
            position: absolute;
            content: "";
            width: 4px;
            height: 4px;
            border: 2px solid #333333;
            border-radius: 50%;
            top: 23px;
            left: 13px;
            transition: ease .4s;
            -o-transition: ease .4s;
        }
       .nav.menu ul.clearfix .submenu a:hover {
            color: #000;
            font-weight: bold;
        }
        
    .nav.menu ul.clearfix li:hover .submenu{max-height: 1000px;}
    .nav.menu ul.clearfix li:hover .submenu p:before{opacity: 1;}
        
.nav.menu ul.clearfix .submenu p>span {
    position: relative;
}

.nav.menu ul.clearfix .submenu p>span>span {
    display: none;
    position: absolute;
    width: 100%;
    left: 100%;
    top: -195%;
    background: rgba(242, 242, 242, 1);
    padding: 6px 21px;
    border-radius: 10px;
    z-index: 99;
}

.nav.menu ul.clearfix li:hover .submenu {
    overflow: revert;
}

.nav.menu ul.clearfix .submenu p>span:hover span {
    display: block;
}
 .nav.menu ul.clearfix .submenu p>span span a {
        font-size: 14px;
 }

 .nav.menu ul.clearfix .submenu p>span span a:hover{
         
         
          font-weight: bold;
        }

    

        .ty-banner-1 {
            position: relative;
            overflow: hidden;
            line-height: 0;
            text-align:center;
        }
        .ty-banner-1 img{ 
           width: 100%;
          
        }
        .ty-banner-1 img.show{
            
        }
    

        .p101-curmbs-1 {
            position: relative;
            max-width: 1920px;
            margin: 0 auto;
        }
        
        .plc {
            position: absolute;
            top: -65px;
            left: 0;
            right: 0;
            width: 100%;
            z-index: 10;
            background: url("images/p101-curmbs-bg.png") no-repeat center bottom;
            padding: 20px 0 5px;
        }
        
        .p12-curblock {
            display: none;
        }
        
        .p101-curmbs-con {
            float: right;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            color: #fff;
        }
        
        .p101-curmbs-con b {
            font-weight: normal;
            padding-left: 25px;
            background: url(images/p101-curmbs-icon1.png) no-repeat left center;
        }
        
        .p101-curmbs-con i {
            font-style: normal;
        }
        
        .p101-curmbs-con span {
            font-family: 宋体;
            height: 46px;
            line-height: 46px;
            padding: 0px 5px;
        }
        
        .p101-curmbs-con a {
            color: #fff;
        }
        
        .p101-curmbs-con a:hover {
            text-decoration: underline;
        }
    

        .p101-search-1 {
            height: 80px;
            box-shadow: 0 3px 4px #e9e9e9;
        }
        
        .p101-search-1 p {
            float: left;
            width: 750px;
            height: 80px;
            line-height: 80px;
            font-size: 14px;
            color: #333333;
        }
        
        .p101-search-1 p b {
            display: inline-block;
        }
        
        .p101-search-1 p a {
            color: #666666;
            display: inline-block;
            margin-right: 15px;
        }
        
        .p101-search-1-inp {
            float: right;
            width: 317px;
            height: 36px;
            background: #fff;
            margin-top: 22px;
        }
        
        .p101-search-1-inp1 {
            width: 250px;
            height: 36px;
            line-height: 34px;
            color: #999999;
            border: 1px solid #e3e3e3;
            border-right: 0;
            padding: 0 20px;
            float: left;
        }
        
        .p101-search-1-inp2 {
            width: 66px;
            height: 36px;
            border: 0;
            background: #023793 url(images/p101-search-icon1.png) no-repeat center center;
            float: right;
            cursor: pointer;
        }
    

    .p101-article-1 {
        padding: 10px 0 0;
    }
    .project  ul li {
    background: #f5f5f5;
    line-height: 0px;
    padding-bottom: 1.75rem;
    float: left;
    width: 31.333%;
    margin-right: 3%;
    margin-bottom: 2rem;
}

.project ul li span {
    display: block;
    width: 100%;
    height: 2rem;
    line-height: 1.5rem;
    color: #333;
    font-size: 1.1rem;
    margin: 2rem 0 1.25rem;
    padding: 0 8%;
    text-align: left;
}

.project ul li p {
    display: block;
    color: #666;
    font-size: 0.8rem;
    line-height: 1.3rem;
    padding: 0 8%;
    margin-bottom: 1.75rem;
}
.project ul li em {
    height: 224px;
    display: block;
    overflow: hidden;
}
.project ul li i {
    padding: 0 8%;
    font-size: 0.8rem;
    color: #023793;
}
em,i{font-style:normal}
.project ul li img {
    width: 100%;
}

.project ul li:nth-child(3),.project ul li:nth-child(7),.project ul li:nth-child(11) {
    margin-right: 0px;
}
   


    .RandomNews {border: 1px solid #eaeaea;padding-bottom:10px;margin-bottom:15px;}
.diysr { border-top: 3px solid #337ac5; height:52px; line-height:52px; border-top:3px solid #eaeaea; padding:0 20px 0 17px; color: #023793; font-family: "Microsoft YaHei", "微软雅黑"; font-size: 16px; font-weight: bold; padding-right: 5px; }
.diysr .line { border-top: 1px dotted #9a9a9a; font-size:0; height:0; margin-right: 10px; overflow:hidden; }
.diysr i { font-size:10px; font-family:arial; font-weight:normal; text-transform:uppercase; font-style:normal; padding-left:5px; color: #999; }
.news_random { margin: 0 8px; }
.news_random ul { padding-top:20px; display:block; overflow:hidden; }
.news_random ul li { height:28px; line-height:28px; padding:0 17px 0 10px; width:456px; float:left; overflow:hidden; }
.news_random ul li a { background:url(Img/ico55.gif) no-repeat 0 4px; padding-left:12px; }

.news_random dl.pd_list_dl, .news_random dl.pd_list_dl dd { width:236px; }
.news_random dl.pd_list_dl dt img { width:212px; height:137px; }
.news_random dl.pd_list_dl { padding-right:19px }
.news_random dl.pd_list_dl_1 { padding-left:12px; }
.news_random dl.pd_list_dl_0 { padding-right:0; }
.news_random dl.pj_list_dl, .news_random dl.pj_list_dl dd { width:227px; }
.news_random dl.pj_list_dl dt img { width:212px; height:136px; }
.news_random dl.pj_list_dl { padding-right:19px }
.news_random dl.pj_list_dl_1 { padding-left:13px; }
.news_random dl.pj_list_dl_0 { padding-right:0; }

dl.pd_list_dl { width:236px; overflow:hidden; float:left; padding: 20px 24px 0 0px; }
dl.pd_list_dl dt, dl.pd_list_dl dt a { line-height:0; font-size:0; }
dl.pd_list_dl dt img { width:222px; height:143px; border: 2px solid #f1f1f1; padding:5px; }
dl.pd_list_dl dd { margin-top:3px; height:30px; width:236px; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; position:relative; text-align:center; }
dl.pd_list_dl_0 { padding-right:0; }


.content {
    width: 83.33%;
    margin: 0px auto;
}
    /* 顶级元素 */
    .footpc .fbg {
      background: url(http://g1.cms.51yxwz.com/20250722085909000156/images/ftbg.jpg) no-repeat;
      color: #fff;
      background-size: 100%;
    }

    
    /* 底部导航 */
   .footpc  .f_con {
      background: #013da4;
      height: 4rem;
      line-height: 4rem;
    }
    
    .footpc .fnav ul.clearfix {
      height: 4rem;
      list-style: none;
      display: flex;
      justify-content: space-around;
    }
    
    .footpc .fnav ul.clearfix li {
      float: left;
      margin-right: 3%; /* 导航项间距 */
      line-height: 1.5;
      height: 4rem;
      line-height: 4rem;
    }
    
    .footpc .fnav ul.clearfix li a {
      color: #fff;
      text-decoration: none;
      font-size: 0.9rem;
      font-weight: 400;
      opacity: 0.9;
    }
    
    .footpc .fnav ul.clearfix li a:hover {
      opacity: 1;
      text-decoration: underline;
    }
    
    
    /* 底部主体内容 */
    .footpc .f_bon {
      overflow: hidden; /* 包含浮动元素 */
      padding: 4.8rem 0;
    }
    
    /* 三个模块百分比宽度分配 */
    .footpc .f_blogo {
      width: 21.75%;
      float: left;
      padding-right: 3%;
      border-right: 1px solid rgb(255 255 255 / 30%);
      height: 13.4rem;
    }
    
   .footpc  .f_lianxi {
      width: 45%;
      float: left;
      box-sizing: border-box;
      padding: 0 4%;
      border-right: 1px solid rgb(255 255 255 / 30%);
    }
    
    .footpc .f_ewm {
      width: 33.2%;
      float: right;
      padding-left:3.6%;
      box-sizing: border-box;
    }
    
    /* 联系方式分两列 */
    .footpc .lianxi_left, .lianxi_right {
      width: 48%;
      float: left;
    }
    
    .lianxi_right {
      margin-left: 4%; /* 两列之间的间距 */
    }
    
    /* 第一部分样式 */
    .footpc .f_blogo .logo {
      font-size: 24px;
      font-weight: 700;
      margin-bottom: 18px;
      color: #ffffff;
    }
    .footpc .f_blogo .logo img{
    width: 16rem;
}
    .footpc .f_blogo .desc {
      font-size: 0.8rem;
      line-height: 2;
      color: rgb(255 255 255 / 60%);
      margin-bottom: 1rem;
      text-align: justify;
    }
    
    .footpc .f_blogo .copyright {
      font-size: 0.8rem;
      color: rgb(255 255 255 / 60%);
      line-height: 1.8;
    }
    .footpc .f_blogo .links{
    margin-right: 40%;
}
  .footpc .f_blogo .links span{
    display: block;
    font-size: 1.2rem;
}
  .footpc .f_blogo .links em{}
  .footpc .f_blogo .links em a{
    color: rgb(255 255 255 / 60%);
    font-size: 0.8rem;
    padding-right: 0.66rem;
    font-style:normal;
}
    .footpc .f_lianxi .title {
      font-size: 1.1rem;
      font-weight: 600;
      margin-bottom: 18px;
      color: #ffffff;
      width: 100%;
      text-align: left;
      padding-bottom: 0px;
    }
    .footpc .f_lianxi .title:after{
        display: none;
    }
    .footpc .f_ewm .title:after{ display:none; padding-bottom:0px;}
    .footpc .f_lianxi p {
      font-size: 13px;
      line-height: 1.4rem;
      color: rgb(255 255 255 / 60%);
      display: block;
    }
    
    .footpc .f_lianxi .tel {
      font-size: 1.1rem;
      font-weight: 600;
      color: #ffffff;
      line-height: 1.5;
    }
    
    /* 第三部分样式 */
    .footpc .f_ewm .title {
      font-size: 1.1rem;
      font-weight: 600;
      margin-bottom: 1.7rem;
      color: #ffffff;
      text-align: left;
      padding-bottom: 0px;
    }
    
    .footpc .f_ewm .qr-group {
      text-align: center;
      float: left;
      width: 31%;
      margin-right: 3%;
    }
    .footpc .f_ewm .qr-group:nth-child(4){
    margin-right: 0px;
}
    .footpc .f_ewm .qr-code {
      width: 100%;
    }
    
    .footpc .f_ewm p {
      font-size: 0.8rem;
      line-height: 1.5;
      color: rgb(255 255 255 / 60%);
      line-height: 2.2rem;
    }


  

        .client-2 {
            width: 45px;
            position: fixed;
            right: 10px;
            top: 60%;
            z-index: 999;
            color: #fff;
        }
        
        .client-2 li a {
            text-decoration: none;
            color: #fff;
        }
        
        .client-2 li {
            margin-bottom: 5px;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            cursor: pointer;
            position: relative;
        }
        
        .client-2 li.my-kefu-qq {
            background:#023793 url(images/kefus.png) center no-repeat;
              
        }
        
        .client-2 li.my-kefu-weixin {
            background:#023793 url(images/cimg24.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-tel {
            background:#023793 url(images/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#023793 url(images/tohome.png) center no-repeat;
            background-size:26px;
        }
        
        .client-2 li.my-kefu-shouye a {
            width: 45px;
            height: 45px;
            display: block;
        }
        
        .client-2 li.my-kefu-ftop {
            background:#023793 url(images/returnTop.png) center no-repeat;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 li.my-kefu-qq .cont {
            margin: 0;
            background:#023793 url(images/kefus.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            width: 130px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 li.my-kefu-tel .cont {
            margin: 0;
            background:#023793 url(images/cimg25.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 18px;
            width: 180px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop .my-kefu-main {
            padding-top: 6px;
        }
        
        .client-2 li.my-kefu-weixin .cont {
            margin: 0;
            width: 115px;
            padding: 5px;
            border: solid 1px #ccc;
            position: absolute;
            left: -150px;
            top: -44px;
            background-color: #fff;
        }
        
        .client-2 li.my-kefu-weixin .cont  span {
            display: block;
            line-height: 20px;
            font-size: 12px;
            text-align: center;
            color: #1a1a1a;
        }
        
        .client-2 li.my-kefu-weixin .cont img {
            width: 106px;
            height: 106px;
        }
        
        .client-2 li:hover .cont {
            display: block!important;
        }
    
