/*分割线*/
.dividingLine{
    width: 100%;
    height: 1px;
    background: #eee;
}
/*水印*/
/*.img{*/
/*    position: relative;*/
/*}*/
/*.img:after{*/
/*    display: block;*/
/*    content: '';*/
/*    background: url(/web/uploads/image/20250508/0g3BYK69674clM0d87u401jXS68MBGfw.png) center;*/
/*    background-size: cover;*/
/*    z-index: 2;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

.pc_none{
    display: none;
}

/*头部*/
.headerTop{
    background: #000;
    height: 36px;
}
.headerTop p,.headerTop a{
    color: #fff;
}
.header{
    width: 100%;
    z-index: 1997;
    background: transparent;
    transition: all 0.5s ease;
    position: relative;
}
.headnavDivide{
    position: relative;
}
.header .navDivide{
    height: 37px;
}
.header .topNav p{
    font-size: 14px;
    color: #fff;
}
.header .topNav a{
    font-size: 14px;
    color: #fff;
}
.header .headNav{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.header_on .headNav{
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.header .secNav{
    display: none;
    position: absolute;
    top: 100%;
    background: #fcfcfc;
    left: 50%;
    transform: translateX(-50%);
    padding: 0px 15px;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.header .secNav a{
    border-bottom: 1px solid #eee;
}
.secNav .row .col-xs-6:first-child{
    border-right: 1px #ccc solid;
}
.header .firstClass:nth-child(2):hover .secNav
{
    display: block;
}
.header .secNavitem{
    display: block;
    margin-bottom: 30px;
}
.secNavchild h5{
    color: #333;
    padding: 15px 0;
    font-size: 16px;
    transition: all 0.5s ease;
}
.secNavchild:hover h5{
    color: var(--theme-color);
}
.header .secNavitem h5{
    color: #333;
    font-weight: bold;
    transition: all 0.5s ease;
}
.header .secNavitem:hover h5{
    color: var(--theme-color);
}
.header .phone i{
    font-size: 30px;
    color: var(--theme-color);
    margin-right: 10px;
}
.header .phone h4{
    color: #333;
    font-family: Impact;
}
.header_on{
    top: 0;
    width: 100%;
    position: fixed!important;
    margin: 0;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.header_mb{
    z-index: 1999;
    top: 0;
    left: 0;
    width: 100%;
    position: relative;
    display: none;
    background: #fff;
    height: 50px;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.header .topNav{
    background: #1d358b;
}
.header_on .topNav{
    border-bottom: 0px;
}
.icon-dianhua{
    font-size: 18px;
    margin: 0 10px;
}
.icon-dianhua:before{
    color: #fff;
    font-size: 24px;
}
.nav_mb{
    overflow-y: auto;
    opacity: 0;
    padding-top: 70px;
    z-index: 1997;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    background: #fff;
    transition: all 1s ease;
    transform: translateY(-100%);
}
.header_active .nav_mb{
    opacity: 1;
    transform: translateY(0%);
}
.nav_mb .container{
    height: 100%;
}
.header_mb .container{
    height: 100%;
}
.logo_mb{
    z-index: 1999;
    flex: 1;
    height: 50px;
}
.logo{
    height: 30px;
}
.logo img{
    height: 100%;
}
.logo_mb img{
    display: inline-block;
    height: 100%;
}
.line1{
    margin: 5px 0 5px auto;
    background: #333;
    width: 10px;
    height: 2px;
}
.line2{
    margin: 5px 0 5px auto;
    background: #333;
    width: 15px;
    height: 2px;
}
.line3{
    margin: 5px 0 5px auto;
    background: #333;
    width: 20px;
    height: 2px;
}

.header_active .menu_mb_btn div{
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    background: #333
}

.navList a{
    transition: all 0.5s ease;
    padding: 0 30px;
    display: block;
    font-size: 14px;
}
.navListli{
    height: 75px;
    position: relative;
}
.navList .firstClass{
    height: 100px;
    padding: 0 30px;
    position: relative;
    text-align: center;
    transition: all 0.5s ease;
}
.navList .firstClass a{
    padding: 0;
    color: #fff;
    transition: all 0.5s ease;
    white-space: nowrap;
}
.header_on .navList .firstClass a{
    color: #333;
}
.navList .firstClass:hover>a{
    font-weight: bold;
    color: var(--theme-color);
}
.navList .navItem a{
    font-weight: bold;
}
.language {
    color: #fff;
}
.language a{
    color: #fff;
}
.header_on .language,.header_on .language a{
    color: #333;
}

.navList>ul li:hover .sub_nav{
    top: 75px;
    z-index: 2;
    opacity: 1;
    visibility: visible;
}
.navList .firstClass:nth-child(2):hover .sub_navPro{
    height: 500px;
    overflow-y: auto;
}
.sub_navPro{
    height: 0;
    overflow-y: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    background: url(/web/uploads/image/20250401/63CVy50KXE0921pj9X0jgOf32S54iBU7.jpg) center no-repeat;
    box-shadow: 0 3px 10px rgba(0,0,0,.1);
    border: 1px solid #eee;
    top: 100%;
    transition: all 0.5s ease;
    z-index: -2;
}
.sub_navPro .navproCon{
    width: 30%;
    padding: 50px 100px;
    padding-left: 0;
    
}
.sub_navPro .navproCon .img{
    width: 100%;
    margin-bottom: 15px;
}
.sub_navPro .navproCon img{
    width: 100%;
}
.sub_navPro .navproCon h5{
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}
.sub_navPro .navproCon p{
    color: #333;
    font-size: 16px;
}
.sub_navPro .navproCon a{
    margin-top: 10px;
}
.sub_navPro .navproList{
    width: 70%;
    flex: 1;
    background: #fff;
    padding: 50px 30px;
    padding-right: 0;
}
.sub_navPro .navproList li{
    height: auto;
    margin-bottom: 15px;
}
.sub_navPro .navproList li p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.sub_navPro .navproList li a{
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px;
    background: linear-gradient(to bottom,#f2f3f7,#fefeff);
    display: block;
}
.sub_navPro .navproList li:first-child a .img{
    display: block;
}
.sub_navPro .navproList li:nth-child(2) a .img{
    display: block;
}
.sub_navPro .navproList li a .img{
    margin: -5% 0;
    transition: all 0.5s ease;
    display: none;
    /*width: 0;*/
    /*opacity: 0;*/
    /*visibility: hidden;*/
}
.sub_navPro .navproList li:hover a{
    border: 1px solid var(--theme-color);
}
/*.sub_navPro .navproList li:hover a .img{*/
/*    width: 100%;*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*}*/
.sub_navPro .navproList li h5{
    color: #000;
    font-weight: bold;
    margin-bottom: 5px;
}
.sub_nav{
    z-index: 2000;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    opacity: 0;
    visibility: hidden;
    width: 100%;
    position: absolute;
    top: 100px;
    left: 0;
    transition: all 0.5s;
}
.navList li .sub_nav a{
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    padding: 0;
    font-size: 14px;
    text-align: center;
    color: #333;
}
.navList li .sub_nav a:hover{
    color: var(--theme-color);
}
.nav_mb li{
    border-bottom: 1px solid #eee;
}
.mb_nav_item a{
    font-size: 18px;
    display: block;
    line-height: 50px;
}
.nav_pc li .sub_nav a:last-child{
    border: none;
}
.menu_nav {
    border-top: 1px solid #eee;
}
.menu_nav a{
    padding-right: 3px;
    font-size: 14px;
    display: inline-block;
}
.nav_mb a:hover{
    color: var(--theme-color);
}
.menu_mb_btn{
    z-index: 1999;
}
.menu_mb_btn div{
    transition: all 0.5s ease;
}

/*banner*/
.frontBanner{
    position: relative;
    background: #333;
}
.frontBanner .bannerCon{
    color: #333;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 17%;
    transform: translateX(-50%);
}
.frontBanner .bannerCon h2{
    font-weight: bold;
    margin-bottom: 30px;
}
.frontBanner .bannerCon h3{
    margin-bottom: 30px;
}
.frontBanner .bannerCon .more{
    color: #333;
    padding: 5px 15px;
    background: rgba(255,255,255,.5);
    border: 1px solid #333;
    border-radius: 15px;
}
.bannerList li{
    max-height: 900px;
    width: 100%;
    overflow: hidden;
}
.frontBanner .swiper-pagination-bullet{
    border-radius: 0;
    height: 4px;
    width: 70px;
    margin: 0 10px;
    background: #fff;
    opacity: 1;
}
.frontBanner .swiper-pagination-bullet-active{
    background: var(--theme-color);
}
.bannerGuide{
    z-index: 100;
    width: 100%;
    position: absolute;
    bottom: -100px;
    left: 0;
}
.bannerGuide ul{
    padding: 50px 30px;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 3px 10px rgba(0,0,0,.1);
}
.bannerGuide li{
    padding: 0 15px;
}
.bannerGuide li img{
    height: 70px;
}
.bannerGuide li .img:after{
    display: block;
    content: '';
    width: 30px;
    height: 1px;
    background: var(--secondary-color);
    margin: 0 auto;
}
.bannerGuide li p{
    text-align: center;
}
.bannerGuide li h5{
    margin: 15px 0;
}
.bannerBan{
    padding: 50px 0;
    border-bottom: 1px solid #e6e6e4;
}
.bannerBan h4{
    color: #333;
    font-size: 20px;
}
.bannerBan .dataItem{
    padding-left: 20px;
}
.bannerBan .dataItem h5{
    color: #F38F61;
    font-size: 30px;
    margin-bottom: 10px;
    margin-top: 50px;
    font-weight: bold;
    white-space: nowrap;
}
.bannerBan .dataItem p{
    white-space: nowrap;
}
.bannerSwitch .swiper-pagination{
     bottom: 15px;
}

/*首页产品*/
.proChoose{
    padding-right: 30px;
}
.proChoose,.proBrief{
    flex: 1;
}
.proChoose .prochooseItem{
    padding: 30px;
    border-left: 1px solid #fff;
    transition: all 0.5s ease;
    cursor: pointer;
}
.proChoose .prochooseItem h5{
    font-weight: bold;
    color: #333;
    margin: 15px 0;
    transition: all 0.5s ease;
}
.proChoose .prochooseItem:hover h5{
    color: var(--theme-color);
}
.proChoose .prochooseItem b{
    font-weight: normal;
    word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 超出几行省略 */
  overflow: hidden;
}
.proChoose .choose{
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    border-color: #EF6A2D;
}
.proFlow{
    min-height: 520px;
}
.proPiclist .img{
    display: none;
}
.proPiclist .img img{
    min-height: 520px;
}
.proBrief .briefCon{
    display: none;
    min-height: 520px;
    background: #24282B;
    padding: 30px;
}
.proBrief .briefCon h3{
    font-size: 30px;
    color: var(--theme-color);
    font-weight: bold;
}
.proBrief .briefCon .proColname{
    color: #b7bdc0;
    font-size: 10px;
    margin-bottom: 50px;
}
.proBrief .briefCon b{
    display: block;
    color: #b7bdc0;
    margin-top: 15px;
    margin-bottom: 30px;
    font-weight: normal;
    word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 超出几行省略 */
  overflow: hidden;
}
.proBrief .briefCon .keydata{
    color: #F38F61;
    margin-bottom: 10px;
}
.proBrief .briefCon p{
    color: #b7bdc0;
    font-size: 10px;
}
.proBrief .briefCon .keyDatanum{
    margin-bottom: 30px;
}
.proBrief .briefCon h5{
    padding: 10px 0;
    border-top: 1px solid #b7bdc0;
}
.proBrief .briefCon .lastH5{
    border-bottom: 1px solid #b7bdc0;
}
.proBrief .briefCon .more{
    border: 1px solid #b7bdc0;
    padding: 10px;
    margin-top: 30px;
}
.proFlow{
    border-top: 1px solid #d2d4d2;
    border-bottom: 1px solid #d2d4d2;
}
.inproGuide{
    margin-bottom: 50px;
}
.inproGuide .inproguideItem{
    cursor: pointer;
    padding: 5px 15px;
    background: #eee;
    margin-right: 15px;
    transition: all 0.5s ease;
}
.inproGuide .inproguideItem p{
    color: #333;
    transition: all 0.5s ease;
}
.inproGuide .inproguideItem:hover{
    background: var(--theme-color);
}
.inproGuide .inproguideItem:hover p{
    color: #fff;
}
.inproGuide .choose{
    background: var(--theme-color);
}
.inproGuide .choose p{
    color: #fff;
}
.inproflowDivide ul{
    display: none;
}

/*中间横幅*/
.midBan{
    margin-top: 100px;
    background: url(/web/template/yishande/images/midbanbg.jpg);
}
.midBan .midbanCon{
    width: 50%;
    margin-top: 100px;
    margin-bottom: 100px;
}
.midBan .midbanCon .midbanconItem{
    padding: 50px 0;
    border-top: 1px solid #b8bec0;
}
.midBan .midbanCon .midbanconItem num{
    color: #f06525;
    font-size: 12px;
}
.midBan .midbanCon .midbanconItem h5{
    color: #333;
    font-weight: bold;
    margin-left: 50px;
}
.midBan .midbanCon .midbanconItem p{
    font-size: 12px;
    margin-right: 100px;
}
.midBan .frontTitcon{
    margin-bottom: 30px;
}

/*标题*/
.frontTit{
    margin: 100px 0 50px;
}
.frontTitcon p{
    font-weight: bold;
    color: #F38F61;
    margin-bottom: 30px;
}
.frontTitcon h3{
    color: #333;
    font-weight: bold;
}

/*应用领域*/
.application{
    margin-bottom: 100px;
}
.appList li{
    border-bottom: 1px solid #e0e2e1;
    border-right: 1px solid #e0e2e1;
    padding: 0;
    transition: all 0.5s ease;
}
.appList li:before{
    display: none;
}
.appList li num{
    color: #ef6324;
    margin-bottom: 35px;
    font-size: 10px;
}
.appList li i{
    font-size: 36px;
    margin-bottom: 30px;
    transition: all 0.5s ease;
}
.appList .row{
    margin: 0;
}
.appList li h5{
    color: #333;
    margin-bottom: 10px;
    transition: all 0.5s ease;
}
.appList li p{
    transition: all 0.5s ease;
    word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; /* 超出几行省略 */
  overflow: hidden;
}
.appList li a{
    padding: 30px;
    background: rgba(0,0,0,0);
    transition: all 0.5s ease;
}
.appList li:hover a{
    background: rgba(0,0,0,.5);
}
.appList{
    border-top: 1px solid #e0e2e1;
    border-left: 1px solid #e0e2e1;
}
.appList li:hover h5,.appList li:hover i,.appList li:hover p{
    color: #fff;
}
.inproDivide .incaseList .inpropicFlow  .titCon h5{
    font-size: 16px;
}

/*底部横幅*/
.bottomBan{
    padding-bottom: 50px;
    background: radial-gradient(at 48% 104%,#f56b25 0 1%,#0000 2%),radial-gradient(at 48% 103%,#ef66298c,#0000 19%),radial-gradient(at 48% 120%,#174a77,#0000 47%),linear-gradient(#111824,#03050a);
}
.bottomBan .frontTitcon h3{
    color: #fff;
}
.bottomData .bottomDataitem{
    margin-right: 50px;
}
.bottomData .bottomDataitem h3{
    color: #F38F61;
    font-size: 30px;
    margin-bottom: 10px;
    margin-top: 50px;
}
.bottomData .bottomDataitem b{
    color: #b3beca;
    font-size: 10px;
}
.bottomBan .more{
    width: 200px;
    border: 1px solid #b7bdc0;
    padding: 15px;
    margin-top: 30px;
}
.bottomBan .more:hover{
    background: #F38F61;
    color: #fff;
}


/*服务*/
.service{
    padding: 50px 0;
    background: url(/web/template/heartsys/images/servicebg.jpg) center no-repeat;
}
.serviceCol a{
    width: 300px;
    padding: 15px 50px 15px 80px;
    background: #1a1c26;
    margin-bottom: 15px;
}
.serviceCol a h5{
    color: #fff;
}
.serviceCol a i{
    font-size: 20px;
    color: var(--theme-color);
}
.serviceFlow{
    padding-left: 50px;
}
.serviceFlow li{
    margin-bottom: 15px;
}
.serviceFlow li h5{
    font-size: 16px;
    margin: 5px 0;
    color: #fff;
    text-align: center;
}
.serviceFlow .serviceItemdiv{
    display: none;
}
.serviceCol .blue{
    background: var(--theme-color);
}
.serviceCol .blue i{
    color: #fff;
}
.serviceFlow .show{
    display: block;
}

/*关于我们*/
.about{
    margin: 80px 0;
}

/*推荐产品*/
.proRec li{
    width: 25%;
    padding: 0 7.5px;
}
.proRec li a{
    border-radius: 10px;
    border: 1px solid #eee;
    padding: 30px 15px;
    display: block;
    background: #eee;
    transition: all 0.5s ease;
}
.proRec li a h5{
    position: relative;
    font-weight: bold;
    color: var(--theme-color);
    text-align: center;
}
.proRec li a .img{
    overflow: hidden;
    margin-bottom: 50px;
}
.proRec li a img{
    transition: all 0.5s ease;
}
.proRec li a h5:after{
    display: block;
    content: "";
    width: 30px;
    height: 5px;
    background: var(--secondary-color);
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translate(-50%,-50%);
}
.proRec li a p{
    text-align: center;
    margin-top: 35px;
    font-size: 16px;
}
.proRec li:hover a img{
    transform: scale(1.1);
}
.proRec li:hover a{
    border: 1px solid var(--theme-color);
}
.proRec .swiper-pagination{
    position: initial;
    margin: 15px 0 50px 0;
}
.proRec .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
}

/*应用领域*/
.areaFlow li{
    cursor: pointer;
    transition: all 0.75s ease;
    width: 25%;
    padding: 0 7.5px;
}
.areaFlow li:hover{
    width: 50%;
}
.areaFlow li a{
    position: relative;
    padding: 25px;
    width: 100%;
    height: 340px;
}
.areaFlow li a h4{
    position: relative;
    color: #fff;
}
.areaFlow li a h4:before{
    display: block;
    content: "";
    width: 30px;
    height: 5px;
    background: var(--secondary-color);
    position: absolute;
    left: 0;
    top: -15px;
}
.areaFlow li a:before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 30%;
    background: linear-gradient(transparent, rgba(0, 0, 0, .8));
    bottom: 0;
    left: 0;
}
.proView {
    margin-top: 50px;
}
.proView .titCon{
    border-radius: 15px;
    padding: 20px 15px 20px 30px;
    background: var(--theme-color);
}
.proView .titCon h3{
    word-break:keep-all;
    white-space:nowrap;
    letter-spacing: 15px;
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
}
.proviewFlow li{
    width: 12.5%;
    padding: 0 7.5px;
}
.proviewFlow li a{
    cursor: pointer;
    display: block;
    border-radius: 10px;
    border: 1px solid #eee;
    transition: all 0.5s ease;
    overflow: hidden;
}
.proviewFlow li:hover a{
    border: 1px solid var(--theme-color);
}
    

/*留言横幅*/
.masgForm{
    background: url(/web/template/pcmob/images/formbg.jpg) center no-repeat;
    margin-top: 80px;
    padding: 100px 0;
}
.masgForm h1{
    text-align: center;
    font-weight: bold;
    color: #fff;
    margin-bottom: 40px;
}
.masgForm form .form-group{
    margin-right: 20px;
}
.masgForm form .form-group .form-control{
    border-radius: 0;
    height: 60px;
}
.masgForm form .flex2{
    flex: 2;
}
.masgForm form .mod1 button{
    background: var(--theme-color);
    border: none;
    padding: 20px 85px;
    border-radius: 0;
    font-size: 16px;
    
}
.masgForm form {
    width: 100%;
}

/*优势*/
.advantages{
    position: relative;
}
.advantages img{
    margin: 0 auto;
}
.advCon{
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
}

/*新闻*/
.news .frontTit .more{
    color: #F38F61;
}
.news li .newstitCon{
    padding: 30px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.news li .newstitCon p{
    color: #F38F61;
    margin-bottom: 15px;
}
.news li .newstitCon h5{
    color: #333;
    font-weight: bold;
    transition: all 0.5s ease;
}
.news li:hover .newstitCon h5{
    color: #F38F61;
}
.news li a{
    display: block;
}

/*合作伙伴*/
.partners{
    margin-bottom: 70px;
    background: #f7f7f7;
}
.partners li{
    margin-bottom: 30px;
}
.partners li .img{
    transition: all 0.5s ease;
}
.partners li:hover .img{
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}

/*友情链接*/
.friend_links{
    margin-bottom: 30px;
}
.friend_links a:last-child span{
    display: none;
}

/*尾部*/
.footer{
    background: #151719;
    padding-top: 50px;
}
.footer .footerCon{
    margin-bottom: 100px;
}
.footer .footerCon .img{
    margin-bottom: 15px;
}
.footer .icp{
    padding: 15px 0;
    border-top: 1px solid #3b4043;
}
.footer .footerCon a{
    color: #F38F61;
    font-weight: bold;
    font-size: 20px;
}
.footer p{
    color: #9da4a8;
}

.phone_fixed_menu ul li a {
	display: block;
}

.phone_fixed_menu ul li i {
	font-size: 20px;
	color: #333;
}
.sub_nav{
    color: #fff;
    font-size: 14px;
}
.footer .friLink{
    margin-top: 15px;
    color: #eee;
}
.footer .friLink a{
    color: #eee;
    font-size: 14px;
    transition: all 0.5s ease;
}
.footer .friLink a:hover{
    color: var(--theme-color);
}
.colDivide .colItem a{
    color: #fff;
    margin-bottom: 5px;
}
.colDivide .colItem{
    margin-right: 100px;
}
.colDivide .colItem>a{
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
}
.footer .ftQrcode .img{
    margin-bottom: 10px;
}
.footer .ftQrcode img{
    width: 100px;
}
.footerContact{
    padding: 50px 0;
}
.footerContact .img{
    margin-right: 50px;
}
.footerContact img{
    width: 150px;
}
.footerContactcon i{
    font-size: 32px;
    color: #fff;
}
.footColcon{
    padding-bottom: 50px;
    border-bottom: 1px solid #999;
}
.footerContact h4{
    color: #fff;
    font-weight: bold;
    margin-left: 15px;
    font-size: 20px;
}
.footerContact h3{
    color: #fff;
    font-weight: bold;
    margin-left: 15px;
    font-size: 28px;
}
.footerContact h5{
    color: #fff;
    margin-left: 15px;
}

/*内页导航*/
.colTit{
    color: #333;
    flex:1;
}
.nyNav{
    color: #fff;
    width: 100%;
    padding: 5px 0;
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.5);
}
.nyNav a{
    color: #fff;
}
.ibanner{
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.ibanner .img{
    filter: brightness(70%);
}
.ibanner .img:after{
    display: none;
}
.ibanCon{
    transform: translate(-50%,-50%);
    position: absolute;
    left: 50%;
    top:50%;
}
.ibanCon h1{
    font-weight: bold;
    color: #fff;
}
.ibanCon h1 span{
    color: var(--secondary-color);
}
.ibanCon h4{
    margin-bottom: 30px;
    color: #fff;
    font-weight: bold;
}
.ibanCon p{
    color: #fff;
    width: 40%;
}
.ibanCon a{
    display: block;
    width: 170px;
    height: 50px;
    background: var(--secondary-color);
    border-radius: 5px;
    overflow: hidden;
    color: #fff;
    transition: all 0.5s ease;
    line-height: 50px;
    margin-top: 50px;
}
.ibanCon a:hover{
    background: var(--theme-color);
}

/*封面页详情页*/
.infoPage{
    padding: 70px 0;
}
.pageContent p{
    margin-bottom: 14px;
}
.infoTit h4{
    padding-bottom: 5px;
    color: #333;
}
.infoTit{
    text-align: center;
    margin-bottom: 30px;
}
.page{
    padding: 30px 0 0;
}
.page a:hover{
    color: #bd0b07;
}
.infoDes{
    margin-bottom: 14px;
    background: #eee;
    padding: 10px 15px;
}
.infoDes span{
    color: #333;
}

/*列表页*/
.listPage{
    padding: 30px 0 80px 0;
}
.listPage li{
    padding-bottom: 15px;
}
.inList{
    transform: translateY(-150px);
}
.fix{
    position: fixed;
    top: 350px;
    width: 312.5px;
}
.innerTit{
    color: #333;
    font-weight: bold;
    margin: 50px 0 30px;
    text-align: center;
}
.incolList a{
    padding: 15px 50px 15px 80px;
    margin-bottom: 5px;
    background: #1a1c26;
}
.incolList a{
    transition: all 0.5s ease;
}
.incolList a h5{
    color: #fff;
}
.incolList a i {
    font-size: 20px;
    color: var(--theme-color);
    transition: all 0.5s ease;
}
.incolList a:hover{
    background: var(--secondary-color);
}
.incolList a:hover i{
    color: #fff;
}
.incolTit {
    height: 150px;
    background: var(--theme-color);
}
.incolTit h4{
    font-size: 30px;
    color: #fff;
    margin-bottom: 10px;
}
.incolTit h5{
    color: #fff;
}
.cur a{
    background: var(--secondary-color);
}
.cur a i{
    color: #fff;
}

/*关于我们内页*/
.aboutinDiv{
    padding: 80px 0;
    background: url(/web/template/heartsys/images/inabout.jpg) center no-repeat;
}
.aboutinDivimg{
    margin-top: 50px;
}
.aboutinDivcon h4{
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}
.aboutinDivimg .img:after{
    display: none;
}
.aboutAdv{
    padding: 80px 0;
    background: url(/web/template/heartsys/images/aboutyearbg.jpg) center no-repeat;
}
.aboutAdv .innerTit{
    color: #fff;
    text-align: center;
}
.abAdvlist li .abadvCon{
    color: #fff;
    height: 300px;
    background: rgba(21,101,172,.65);
    padding: 30px;
    margin-bottom: 30px;
}
.abAdvlist li .abadvCon .img{
    margin-right: 30px;
    filter: grayscale(100%) invert(100%);
}
.abAdvlist li .abadvCon h4{
    font-weight: bold;
    margin-bottom: 15px;
}
.abAdvlist li .abadvCon p{
    color: #fff;
}
.abAdvlist li .abadvCon h5{
    margin: 15px 0;
}
.innerDes p{
    color: #fff;
    width: 45%;
    text-align: center;
    margin-bottom: 50px;
}

.innerFt{
    padding: 80px 0;
    background: url(/web/template/yishande/images/innerft.jpg) center no-repeat;
    background-size: cover;
    position: relative;
}
.innerFtcon h3{
    color: #fff;
    font-weight: bold;
}
.innerFtcon .more{
    display: block;
    margin-top: 50px;
    background: #F38F61;
    border-radius: 15px;
    color: #fff;
    padding: 12px 30px;
    font-size: 18px;
}
.casesFlow li{
    width: 20%;
    padding: 0 7.5px;
}
.innerAbout .aboutHonor{
    padding: 80px 0;
    background: #eee;
    margin: 0;
}
.timeLine{
    padding: 80px 0;
    background: url(/web/template/heartsys/images/aboutyearbg.jpg) center no-repeat;
}
.timeLine h3{
    color: #fff;
    text-align: center;
}
.timelineFlow{
    padding: 50px;
    background: #fff;
}
.timelineFlow .squ{
    cursor: pointer;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #ccc;
    overflow: hidden;
    padding: 5px;
    margin: 0 auto;
    background: #fff;
}
.timelineFlow .squ .squCore{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    overflow: hidden;
    background: #ccc;
}
.timelineFlow .itemDiv{
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}
.timelineFlow .itemDiv:before{
    display: block; 
    content: "";
    width: 100%;
    height: 1px;
    background: #ccc;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: -1;
}
.timeGuide{
    padding: 15px 0;
}
.timeGuide .red .squCore{
    background: var(--theme-color);
}
.timeGuide .red .squ{
    border-color: var(--theme-color);
}
.timeGuidebtn i {
    color: var(--theme-color);
    font-size: 36px;
}
.timelineFlow .swiper-button-next:after,.timelineFlow .swiper-button-prev:after{
    display: none;
}
.timelineFlow .swiper-button-next i,.timelineFlow .swiper-button-prev i{
    font-size: 30px;
}
.timelineFlow .swiper-button-next,.timelineFlow .swiper-button-prev{
    top: 32%;
    width: auto;
    z-index: 2;
    background: #fff;
}
.timelineFlow .swiper-button-next.swiper-button-disabled, .timelineFlow .swiper-button-prev.swiper-button-disabled{
    opacity: 1;
    color: #ccc;
}
.timelineFlow .swiper-button-next{
    border: none;
    right: 0;
}
.timelineFlow .swiper-button-prev{
    border: none;
    transform: rotate(0deg);
    left: 0;
}
.timeCon{
    margin-top: 30px;
}
.timeCon .timeconDivide{
    display: none;
}
.timeCon .display{
    display: flex;
}
.timeconDivide .tiemconTxt{
    padding-right: 50px;
}
.timeconDivide .tiemconTxt h4{
    font-weight: bold;
    color: #333;
}
.timeconDivide .tiemconTxt .line{
    width: 35px;
    height: 5px;
    background: var(--theme-color);
    margin-top: 20px;
    margin-bottom: 30px;
}
.aboutPic .img{
    border-radius: 5px;
    overflow: hidden;
}
.aboutPic .img:hover img{
    transform: scale(1.1);
}
.aboutSpic .row .flexDown .img:first-child {
    margin-bottom: 30px;
}
.aboutData{
    margin-top: 30px;
}
.aboutData h1{
    font-size: 48px;
    color: #000;
    margin-right: 15px;
    font-family: Impact;
    position: relative;
}
.aboutData h1:after{
    display: block;
    content: '';
    background: #F38F61;
    width: 100%;
    height: 12px;
    border-radius: 5px;
    position: absolute;
    bottom: 6px;
    z-index: -1;
}
.aboutData .dataItem{
    z-index: 2;
}
.aboutCov{
    position: relative;
}
.aboutCov i{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 80px;
}
/*荣誉*/
.mbHonorflow{
    display: none;
}
.honor{
    margin-top: 80px;
    background: url(/web/template/heartsys/images/honor.jpg) center no-repeat;
    padding-bottom: 80px;
}
.honor .frontTit h4{
    color: #fff;
}
.honor .frontTit h4 span{
    color: #fff;
}
.honor .frontTit p{
    color: #fff;
}
.honor li{
    width: 12.5%!important;
}
.honorFlow{
    margin-bottom: 30px;
}
.honor .swiper-slide-active{
    width: 18%!important;
}
.honor .swiper-slide-prev,.honor .swiper-slide-next{
    width: 16%!important;
}
.mbHonorflow li{
    width: 29.5%!important;
}
.mbHonorflow .swiper-slide-active{
    width: 41%!important;
}
.mbHonorflow .swiper-slide-prev,.mbHonorflow .swiper-slide-next{
    width: 29.5%!important;
}
.honor li .img{
    margin: 0 7.5px;
    box-shadow:0 12px 20px rgba(0, 0, 0, 0);
    transition: all 0.5s ease;
}
.honor li:hover .img{
    transform: translateY(-5%);
    box-shadow:0 12px 20px rgba(0, 0, 0, 0.3);
}
.honor .swiper-slide-active:hover .img{
    transform: translateY(0);
}
.honor .honorBan .swiper-slide{
    padding: 0 7.5px;
    width: 16.66%!important;
}
.honorFlow .swiper-button-next,.honorFlow .swiper-button-prev{
    display: block;
    position: initial;
    margin: 0 15px;
    width: auto;
    height: auto;
}
.honorFlow .pageBtn{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 2;
}
.honorFlow .swiper-button-next:after,.honorFlow  .swiper-button-prev:after{
    font-weight: bold;
    font-size: 32px;
}


/*行业应用内页*/
.areaList {
    margin-bottom: 80px;
}
.areaList .areaCon{
    display: none;
}
.areaList .areaCon:first-child{
    display: block;
}
.pageMenu ul{
    margin-top: 0;
}
.pageMenu ul li a{
    cursor: pointer;
    padding: 0 15px;
}
.areaTxt h3{
    position: relative;
    font-size: 32px;
    color: #333;
    margin-bottom: 50px;
}
.areaTxt h3:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 80px;
    height: 2px;
    background: var(--theme-color);
    bottom: -25px;
}
.areaTxt p{
    color: #333;
}
.areaTxt{
    padding-right: 100px;
}
.pageMenu{
    margin-bottom: 50px;
}
.pageMenu ul li{
    width: 12.5%;
    border-bottom: 2px solid #eee;
}
.pageMenu ul li a{
    text-align: center;
    display: block;
    line-height: 50px;
    color:#333;
    padding: 0 5px;
    font-size:15px;
}
.pageMenu ul .cur{
    border-bottom: 2px solid var(--theme-color);
}
.inner .proView{
    margin-bottom: 80px;
}

/*服务列表页*/
.serviceList{
    margin-top: 30px;
    margin-bottom: 70px;
}
.serviceList li{
    margin-bottom: 30px;
}
.serviceList li a{
    border: 1px solid #ccc;
    transition: all 0.5s ease;
    padding: 15px;
}
.serviceList li:hover a{
    border-color: var(--secondary-color);
}
.serviceList li a h5{
    margin-top: 15px;
}

/*产品列表页*/
.inproDivide{
    margin-top: 100px;
}
.inproDivide .inprodivideItem h3{
    font-weight: bold;
    color: #333;
    font-size: 30px;
    margin-bottom: 50px;
}
.inproDivide .inprodivideItem{
    margin-bottom: 50px;
}
.inproDivide .inprodivideItem li{
    margin-bottom: 30px;
}
.inproDivide .inprodivideItem .titCon{
    background: #EBECEA;
    border-top: 1px solid #999;
    padding: 15px;
}
.inproDivide .inprodivideItem .titCon h5{
    transition: all 0.5s ease;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}
.inproDivide .inprodivideItem .titCon p{
    color: #999;
    width: 70%;
    text-align: center;
    word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 超出几行省略 */
  overflow: hidden;
}
.inproDivide .inprodivideItem li:hover h5{
    color: #F38F61;
}

/*解决方案*/


/*产品详情页*/
.latelyView{
    padding: 70px 0;
}
.latelyView h5{
    margin-bottom: 30px;
}
.latelyList li{
    padding: 15px;
    transition: all 0.5s ease;
}
.latelyList li p{
    padding: 5px 0;
    text-align: center;
    font-size: 16px;
}
.latelyList li:hover{
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.proDtl .container{
    padding-bottom: 70px;
    border-bottom: 1px solid #eee;
}
.hotPro li{
    transition: all 0.5s ease;
    border-bottom: 1px solid #999;
    margin-bottom: 15px;
}
.hotPro li:hover{
    box-shadow:0 12px 20px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
}
.hotPro h5{
    text-align: center;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.hotPro li p{
    text-align: center;
}
.titText{
    padding-top: 10px;
    padding-left: 30px;
}
.titText h4{
    font-weight: bold;
    color: #333;
}
.titText h5{
    margin-top: 10px;
}
.titText p{
    margin-bottom: 0!important;
}
.proDes{
    margin-top: 10px;
}
.proDes table{
    width: 100%!important;
}
.proDes table tbody tr:nth-child(2n-1){
    background: #eee;
}
.titText h4:after{
    display: block;
    content: "";
    margin-top: 10px;
    background: #eee;
    width: 100%;
    height: 1px;
}
.nyProtit{
    margin-bottom: 30px;
}
.titText .tel{
    display: inline-block;
    margin-top: 10px;
    font-size: 16px;
    padding: 10px 20px;
    background: var(--theme-color);
    color: #fff;
}
.proDes p{
    color:#333;
    font-size: 16px;
}

/*下单封面页*/
.ordersCon{
    margin: 30px 0 100px 0;
}
.ordersCon .contactMsg h5{
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-bottom: 15px;
}
.ordersCon .form-group{
    margin-bottom: 30px;
}
.ordersCon .form-control{
    padding: 30px 10px;
    background: #f7f7f7;
    border: none;
    border-radius: 0;
}
.ordersCon .btn{
    font-size: 18px;
    width: 100%;
    padding: 20px 0;
    background: var(--theme-color);
}


/*新闻列表页*/
.innerNews{
    padding-bottom: 100px;
}
.innerNews h3{
    font-weight: bold;
    color: #333;
    font-size: 30px;
    margin-top: 100px;
    margin-bottom: 50px;
}
.innerNews a:hover img{
    transform: scale(1.1);
}
.innerNews a .img{
    overflow: hidden;
}
.innerNews a:hover h5{
    color: #ef6324;
}
.newsClist .newsCitem{
    background: #eee;
    margin-bottom: 30px;
}
.newsClist .newsCitem img{
   min-width: 370px;
}
.newsClist .newsCitem .newsCon{
    background: #eee;
    padding: 30px;
    height: 100%;
}
.newsClist .newsCitem .newsCunderline{
    margin-top: 30px;
}
.newsClist .newsCitem .newscolTit{
    padding: 10px 15px;
    background: #fff;
    color: #ef6324;
}
.newsClist .newsCitem .date{
    color: #333;
    margin-left: 30px;
}
.newsClist .newsContxt h5{
    font-weight: bold;
    color: #333;
    margin-bottom: 30px;
    transition: all 0.5s ease;
}
.newsflowlist h5{
    color: #333;
    margin: 15px 0;
    font-weight: bold;
    transition: all 0.5s ease;
    font-size: 16px;
    word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; /* 超出几行省略 */
  overflow: hidden;
}
.newsHitem p{
    margin-bottom: 30px;
    word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 超出几行省略 */
  overflow: hidden;
}
/*底部横幅*/
.underBan{
    position: relative;
}
.underBan .underbanCon{
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.underBan .underbanCon h2{
    color: #fff;
    font-weight: bold;
}
.underBan .underbanCon p{
    color: #fff;
}
.underBan .underbanCon .frontSqu{
    margin: 30px 0;
}
.underbanForm form .form-group .form-control{
    height: 50px;
    border-radius: 5px;
    overflow: hidden;
}
.underbanForm form .flex2{
    flex: 2;
}
.underbanForm h3{
    color: #fff;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: right;
}
.underbanForm form .mod1 button{
    background: var(--theme-color);
    border: none;
    padding: 15px 85px;
    border-radius: 0;
    font-size: 16px;
    border-radius: 10px;
    overflow: hidden;
}
/*联系我们内页*/
.nyContact{
    margin: 0;
    padding: 100px 0;
    background: url(/web/template/yishande/images/contactbg.jpg)center no-repeat;
}
.nyContact .contactDivide{
    margin-bottom: 80px;
}
.nyContact .contactTit{
    padding-bottom: 50px;
    border-bottom: 1px solid #999;
}
.nyContact h1{
    background: -webkit-linear-gradient(#F38F61, #a33c0c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin-bottom: 30px;
}
.nyContact h3{
    color: #333;
}
.nyContact .contactTit p{
    font-size: 18px;
    color: #333;
}
.phoneLogo{
    padding: 50px 0;
}
.phoneLogo h5{
    color: #333;
    font-weight: bold;
}
.phoneLogo .img{
    width: 100px;
}
.phoneLogo p{
    color: #333;
    font-size: 18px;
    font-weight: bold;
}
.phoneLogo .phoneTxt{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
}
.nyContact .contactList{
    margin-top: 50px;
}
.nyContact .contactList .contactCon {
    min-height: 100px;
}
.nyContact .contactList .contactCon h5{
    margin-bottom: 5px;
    color: #333;
    font-weight: bold;
}
.nyContact .contactList .contactCon p{
    font-size: 18px;
    color: #333;
    font-weight: bold;
}
.nyContact .contactList .contactCon{
    margin-bottom: 30px;
}
.nyContact .contactList .contactCon img{
    margin-top: 15px;
    height: 130px;
}
.message h3{
    text-align: center;
    color: #333;
    font-weight: bold;
    margin-bottom: 50px;
}
.message .contactMsg h5{
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-bottom: 15px;
}
.message .form-group{
    margin-bottom: 0px;
}
.message .firmsgFlow{
    padding-right: 15px;
    margin-bottom: 30px;
}
.message .firmsgFlow input{
    margin-bottom: 15px;
}
.message .formCon {
    height: 210px;
}
.message textarea{
    height: 210px;
}
.message form .btn{
    width: 20%;
    margin: 0;
}
.message .form-control{
    padding: 30px 10px;
    background: #f7f7f7;
    border: none;
    border-radius: 0;
    box-shadow:0 12px 20px rgba(0, 0, 0, 0.1);
}
.message .btn{
    font-size: 18px;
    width: 100%;
    padding: 15px 30px;
    background: #F38F61;
    margin-left: 30px;
}

.map{
    width: 100%;
    overflow: hidden;
    border: 10px solid #eee;
}
.map p{
    margin: 0!important;
    padding: 0!important;
}
.map iframe{
    display: block;
}



/*列表页翻页按钮*/
.pagination{
    border-radius: 3px;
}
.pagination li span, .pagination li a{
    padding: 5px 10px;
}
.pagination li{
    cursor: pointer;
}
.pagination .active a{
    background: #333;
    border-color: #333;
}
.pagination li a{
    color: #333;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    color: #fff;
    background: var(--theme-color);
    border-color: var(--theme-color);
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
    color: #333;
}
/*内页右侧导航*/
.menuBox{
    position: relative;
}
.inner_menu{
    background: #fff;
}
.inner_menu .tit{
    height: 50px;
    font-size: 16px;
    background: #333;
    font-weight: bold;
    line-height: 50px;
    padding: 0 20px;
    color: #fff;
}
.menuCol{
    border-bottom: 1px rgba(0,0,0,.1) solid;
    padding: 0!important;
    width: 100%;
}
.inner_menu ul li a{
    transition: all 0.5s ease;
    display: block;
    padding: 10px 15px;
    color: #fff;
    font-size: 14px;
    background: #ababab;
}
.inner_menu ul li a:hover{
    background: #999;
}
.nyright .contactCon,.nyright .search{
    margin-top: 30px;
}
.nyinforight .contactCon,.nyinforight .search{
    margin: 0 0 30px;
}
.nyinforight h5,.nyright h5{
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.hotNews .img{
    padding: 0;
}
.hotnewsCon span{
    font-size: 12px;
}
.hotNews li{
    padding-bottom: 15px;
}
.hotnewsCon p{
    margin: 0;
}

/*全站搜索*/
.searchMain{
    padding: 70px 0;
}
.searchBox{
    padding-top: 15px;
}
.search form{
    padding: 0;
    height: 40px;
}
.searchKey{
    padding-left: 10px;
    width: 100%;
}
.search button{
    transition: all 0.5s ease;
    background: #fff;
    width: 50px;
    border: 1px solid #999;
}
.search button:hover{
    background: #333;
}
.search button:hover .icon-sousuo{
    color: #fff;
}
.search button .icon-sousuo{
    font-weight: bold;
    font-size: 24px;
    color: #333;
}
.search-body-list li{
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    display: block;
}
.search-body-title,.search-body-content{
    margin-bottom: 10px;
}

/*二维码*/
.layerWechat,.layerWechat2{
    display: none;
}

.____wayiicms_service ul{
    display: flex;
    flex-direction: column;
}
.____wayiicms_service-weixin{
    display: none;
}

/*标签页*/
 .tagList li{
     margin-bottom: 15px;
 }
 .tagList li .img{
    border-radius: 15px;
    border: 1px solid #eee;
 }
 .tagPage{
     background: #eee;
 }
 .tagPage .tagFlow{
     padding: 30px;
     margin: 50px 0 60px 0;
     background: #fff;
 }
 .tagFlowtit h4{
    font-weight: bold;
    color: #000;
    margin-bottom: 15px;
 }
 .tagFlowtit h5{
     margin-bottom: 30px;
 }
 .tagFlowtit h5 span{
     color: var(--theme-color);
 }
 .tagFlowtit{
     border-bottom: 1px solid #eee;
     margin-bottom: 30px;
 }
  .tagFlowtit h4 span{
      color: var(--theme-color);
  }
  
/*服务内业*/
.serviceItems li{
    position: relative;
    margin-bottom: 30px;
}
.serviceItems li .seritemTit{
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}
.serviceItems li .seritemTit h4{
    font-weight: bold;
}
.serviceItems li .seritemTit h4:after{
    display: block;
    content: '';
    width: 100px;
    height: 3px;
    background: #fff;
    margin: 15px 0;
}
.serviceItems li .seritemTit h5{
    font-family: Impact;
}

.serviceItemcon .itemconTxt{
    padding: 0 50px;
}
.itemconTxt{
    background: #1d358b;
    color: #fff;
}
.itemconTxt p{
    color: #fff;
    margin-top: 15px;
}
.itemconTxt h4:after{
    display: block;
    content: '';
    width: 50px;
    height: 5px;
    background: #fff;
    margin: 15px 0;
}

.hotLines{
    margin-bottom: 70px;
}
.hotLines li{
    margin-bottom: 30px;
}
.hotLines li h5{
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-top: 15px;
}

/*全站搜索*/
.headerRight .search .key{
    z-index: -1;
    height: 45px;
    margin-left: 30px;
    width: 200px;
    border-radius: 30px;
    border: 1px solid #e6e6e6;
    padding-left: 15px;
}
.searchMain{
    padding: 70px 0;
}
.searchBox{
    padding-top: 15px;
}
.search form{
    padding: 0;
    height: 40px;
}
.searchKey{
    padding-left: 10px;
    width: 100%;
}
.search button{
    transform: translateX(-50px);
    width: 45px;
    height: 45px;
    background: transparent;
    border: none;
}
.search button:hover .icon-sousuo{
    color: #fff;
}
.search-body-list li{
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    display: block;
}
.search-body-title,.search-body-content{
    margin-bottom: 10px;
}

  /*内页右侧导航*/
/*.nyInfo{*/
/*    border-left: 1px solid rgba(23,57,148,.5);*/
/*}*/
.menuBox{
    position: relative;
}
.inner_menu{
    background: #fff;
}
.inner_menu .tit{
    height: 50px;
    font-size: 16px;
    background: #f26c17;
    font-weight: bold;
    line-height: 50px;
    padding: 0 20px;
    color: #fff;
}
.menuCol{
    border-bottom: 1px rgba(0,0,0,.1) solid;
    padding: 0!important;
    width: 100%;
}
.inner_menu ul li a{
    transition: all 0.5s ease;
    display: block;
    padding: 10px 15px;
    color: #fff;
    font-size: 14px;
    background: #0840b1;
}
.inner_menu ul li a:hover{
    background: #f26c17;
}
.nyright .contactCon,.nyright .nysearch{
    margin-top: 30px;
}
.nyinforight .contactCon,.nyinforight .nysearch{
    margin: 0 0 30px;
}
.nyright .contactCon,.nyright .nysearch button{
    border: 1px solid #999;
    background: none;
    margin-left: 5px;
    padding: 5px;
    border-radius: 15px;
}
.nyinforight .nysearch button{
    background: none;
    margin-left: 5px;
    border: 1px solid #999;
    padding: 5px;
    border-radius: 5px;
}
.nyinforight h5,.nyright h5{
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    color: var(--theme-color);
}
.hotNews .img{
    padding: 0;
}
.hotnewsCon span{
    font-size: 12px;
}
.hotNews li{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.hotnewsCon p{
    margin: 0;
}

/*全站搜索*/
.headerRight .search .key{
    z-index: -1;
    height: 45px;
    margin-left: 30px;
    width: 200px;
    border-radius: 30px;
    border: 1px solid #e6e6e6;
    padding-left: 15px;
}
.searchMain{
    padding: 70px 0;
}
.searchBox{
    padding-top: 15px;
}
.search form{
    padding: 0;
    height: 40px;
}
.searchKey{
    padding-left: 10px;
    width: 100%;
}
.search button{
    transform: translateX(-50px);
    width: 45px;
    height: 45px;
    background: transparent;
    border: none;
}
.search button:hover .icon-sousuo{
    color: #fff;
}
.search-body-list li{
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    display: block;
}
.search-body-title,.search-body-content{
    margin-bottom: 10px;
}

.page_picdetails .info h4{
    color: #333;
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.proContent{
    margin-top: 50px;
}
.pit{
 font-size: 16px;
    background: #f9f6f6;
    padding: 6px 13px;
    position: relative;
    margin-bottom: 30px;
    font-weight: bold;
}
.pit::before{
    content: '';
    display: block;
    width: 3px;
    height: 100%;
    background: var(--theme-color);
    position: absolute;
    left: 0;
    top: 0;
}
.proContent img{
    margin: 0 auto;
}
.page_picdetails .info>span{
    background: var(--theme-color);
    padding:3px 15px;
    margin-top:14px;
    display:inline-block;
    color:#fff;
    font-size:16px;
    border-radius: 4px;
}
.page_picdetails .info span i{
    font-size:20px;
    margin-right:6px;
}
.page_picdetails .info span em{
    font-style:normal;
    font-size:22px;
    font-family: Arial, Helvetica, sans-serif;
}
.return_page{
    background: #f3f3f3;
    padding: 15px 20px;
    line-height: 30px;
    color: #333;
    position: relative;
    font-size: 14px;
}
.return_page .go_history{
    padding: 5px 15px;
    background: var(--theme-color);
}
.return_page .go_history a{
    color: #fff;
}

/* 产品详情页 */

.proCover{
    max-height: 350px;
    overflow: hidden;
}
.proDes {
    margin-top: 50px;
}
.proTit p{
    font-size: 16px;
    margin-top: 30px;
}
.inproTit{
    display: inline-block;
    padding: 10px 15px;
    background: var(--theme-color);
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
}
.page_picshow{
    margin-bottom: 50px;
    background: #fff;
    padding: 25px;
}
.page_picdetails{
}
.page_picdetails .img img{
    width: 100%;
}
.page_picdetails .info{
}
.page_picdetails .info h1{
    font-size:20px;
    margin: 10px 0 15px;
    color:#3c3b5c;
    font-weight: bold;
    line-height:1.3;
    border-bottom: 1px solid #eee;
    padding:0 0 14px;
}
.page_picdetails .info .j-con{
    font-size:14px;
    margin:0 0 40px;
}
.page_picdetails .info .j-con p{
    margin-bottom: 10px;
}
.page_picdetails .info>span{
    background: var(--theme-color);
    padding:3px 15px;
    margin-top:14px;
    display:inline-block;
    color:#fff;
    font-size:16px;
    border-radius: 4px;
}
.page_picdetails .info span i{
    font-size:20px;
    margin-right:6px;
}
.page_picdetails .info span em{
    font-style:normal;
    font-size:22px;
    font-family: Arial, Helvetica, sans-serif;
}

.page_picdetails .con{
    font-size:16px;
}
.page_picdetails .con p{
    padding-left: 23px;
    margin-bottom: 14px;
    position: relative;
}
.page_picdetails .con h6{
    display: block;
    padding-left: 23px;
    margin-bottom: 10px;
    font-size:15px;
    font-weight: normal;
}
.page_picdetails .con p:before{
    width: 6px;
    height: 6px;
    background: var(--theme-color);
    content:'';
    display: block;
    position: absolute;
    left: 5px;
    top: 12px;
    transform: rotate(45deg);
}
.page_picdetails .con .tags{
    font-size:14px;
    margin-bottom: 15px;
}
.page_picdetails .con .tags a{
    color:#fff;
    background: #f04c36;
    display: inline-block;
    line-height: 1.4;
    padding: 0 3px;
    margin-right:3px;
    font-size:12px;
}
.page_picdetails .ptit{
    font-size:16px;
    background: #f7f7f7;
    padding:6px 13px;
    position: relative;
    margin:25px 0 15px; 
    font-weight: bold;
    
}
.page_picdetails .ptit::before{
    content:'';
    display: block;
    width:3px;
    height:18px;
    background: var(--theme-color);
    position: absolute;
    left:0;
    top:10px;
}

.timeLine{
    padding: 80px 0;
    background: radial-gradient(at 48% 104%,var(--theme-color) 0 1%,#0000 2%),radial-gradient(at 48% 103%,#ef66298c,#0000 19%),radial-gradient(at 48% 120%,#174a77,#0000 47%),linear-gradient(#111824,#03050a);
}
.timeLine h3{
    color: #fff;
    text-align: center;
}
.timelineFlow{
    padding: 50px;
    background: #fff;
}
.timelineFlow .squ{
    cursor: pointer;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #ccc;
    overflow: hidden;
    padding: 5px;
    margin: 0 auto;
    background: #fff;
}
.timelineFlow .squ .squCore{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    overflow: hidden;
    background: #ccc;
}
.timelineFlow .itemDiv{
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}
.timelineFlow .itemDiv:before{
    display: block; 
    content: "";
    width: 100%;
    height: 1px;
    background: #ccc;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: -1;
}
.timeGuide{
    padding: 15px 0;
}
.timeGuide .red .squCore{
    background: var(--secondary-color);
}
.timeGuide .red .squ{
    border-color: var(--secondary-color);
}
.timeGuidebtn i {
    color: var(--theme-color);
    font-size: 36px;
}
.timelineFlow .swiper-button-next:after,.timelineFlow .swiper-button-prev:after{
    display: none;
}
.timelineFlow .swiper-button-next i,.timelineFlow .swiper-button-prev i{
    font-size: 30px;
}
.timelineFlow .swiper-button-next,.timelineFlow .swiper-button-prev{
    top: 32%;
    width: auto;
    z-index: 2;
    background: #fff;
}
.timelineFlow .swiper-button-next.swiper-button-disabled, .timelineFlow .swiper-button-prev.swiper-button-disabled{
    opacity: 1;
    color: #ccc;
}
.timelineFlow .swiper-button-next{
    border: none;
    right: 0;
}
.timelineFlow .swiper-button-prev{
    border: none;
    transform: rotate(0deg);
    left: 0;
}
.timeCon{
    margin-top: 30px;
}
.timeCon .timeconDivide{
    display: none;
}
.timeCon .display{
    display: flex;
}
.timeconDivide .tiemconTxt{
    padding-right: 50px;
}
.timeconDivide .tiemconTxt h4{
    font-weight: bold;
    color: #333;
}
.timeconDivide .tiemconTxt .line{
    width: 35px;
    height: 5px;
    background: var(--secondary-color);
    margin-top: 20px;
    margin-bottom: 30px;
}