
.publicTit .wenzi i{display: inline-block; vertical-align: sub; margin: 0 6px; width: 18px;height: 18px;background: url(../images/lx.png) no-repeat center;}
.productFour .dd{overflow: hidden; float: left; width: 16.6666666%;text-align: center;position: relative;}
.productFour .dd .ddItem{color: #fff; position: absolute; top: 0; left: 0;right: 0;bottom: 0;text-align: center; background: #fff; background: rgba(0,0,0,.3);z-index: 2;transition: .8s;-webkit-transition: .8s;}
.centerCot{ position: absolute; left: 0;right: 0; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
.cpIcon{ display: inline-block; width: 120px;height: 80px;background: url(../images/cp.png) no-repeat;transition:1s;-webkit-transition: 1s;}
.cpIcon_2{background-position: 0 -160px;}
.cpIcon_3{background-position: 0 -320px;}
.cpIcon_4{background-position: 0 -480px;}
.productFour .dd .ddItem .more{ display: inline-block;background: #61A60E;color: #fff;padding: 0 20px;border-radius: 18px;line-height: 34px;}
.productFour .dd .ddItem h6{ padding: 4% 0;}
.productFour .dd >a{position: relative; display: block;overflow: hidden;}
.songti{ font-family: simsun;}
.application{ position: relative; overflow: hidden;}
.application .swiper-slide{ position: relative;}
.application .swiper-slide .xq{ display: block; position: relative;overflow: hidden;}
.appBtn,.videoBtn{z-index: 5; position: absolute; top: 50%;margin-top: -25px;background: #000; background: rgba(0,0,0,.5); border-radius: 50%;}
.appBtn{ width: 48px;line-height: 48px; height: 48px;text-align: center;color: #fff; font-size: 30px;}
.appLeft{ left: 4%;}
.appRight{ right: 4%;}
.videoBtn{ margin-top: -26px;}
.videoBtn img{ width: 34px;}
.videoLeft{ left: 0;}
.videoRight{ right: 0;}
.font24 {
    font-size: 24px;
}
.blockImg {
    display: block;
    width: 100%;height: 350px;
}
.application .swiper-slide .name{z-index: 2; position: absolute; left: 0;right: 0;top: 50%; margin-top: -20px;text-align: center;color: #fff; font-size: 17px;font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; line-height: 40px;}
.application .swiper-slide:before{content: '';z-index: 1; position: absolute;  background:#000; left: 30%; right: 30%; top: 42%; bottom: 42%; transition:.6s;-webkit-transition: .6s; left: 0;  top:0; right: 0; bottom: 0;background: rgba(0,0,0,.5); border: 2px solid #fff;border-radius: 22px; opacity:0; -webkit-opacity:0}
.opacityTxt{color: #fff;z-index: 3; position: absolute; opacity: 0;-webkit-opacity: 0; left: 0;right: 0;text-align: center;top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); width: 100%;}
.opacityTxt .cell .icon{ transform: translate(0,15px);-webkit-transform: translate(0,15px); background: #fff;border-radius: 50%;height: 80px;width: 80px;}
.opacityTxt .cell .font24{ padding: 1% 0 3% 0;}
.opacityTxt .link a{background: #61a60e; display: inline-block; line-height: 34px;color: #fff;margin: 1px 5px;padding: 0 20px;border-radius: 20px;}
.opacityTxt .link a i{vertical-align: middle;position: relative;top: -1px;margin-right: 5px; display: inline-block;width: 12px;height: 12px;background: url(../images/mn.png) no-repeat;}
.application .swiper-slide .name span{ display:inline-block; border:2px solid #fff; padding:0 20px; border-radius:24px; min-width:5em; background:rgba(0,0,0,.5)}

.e_FlowCommonStyleBox-001 {
    width: 100%;
    height: auto;
    width-uint:%;
   }
   .e_FlowCommonStyleBox-001 .stylebox_link {
    color: #666666;
    font-size: 14px;
    display: table;
    height: inherit;
    border-width: 0;
    float: right;
    vertical-align: middle;
    margin-right: 15px;
   }
   .e_FlowCommonStyleBox-001 .stylebox_link:hover {
    color: rgba(101,190,186,1);
   }
   .e_FlowCommonStyleBox-001 .stylebox_link:active {
    color: rgba(101,190,186,1);
   }
   .e_FlowCommonStyleBox-001 .stylebox_top {
    width: auto;
    height: 40px;
    background-color: #1890FF;
   }
   .e_FlowCommonStyleBox-001 .title_icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255,255,255,1);
    margin-right: 10px;
    font-size: medium;
   }
   .e_FlowCommonStyleBox-001 .title_icon::before {
    content: "";
   }
   .e_FlowCommonStyleBox-001 .title_main {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255,255,255,1);
    font-weight: normal;
    font-size: 16px;
    max-width: 600px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
   }
   .e_FlowCommonStyleBox-001 .title_sub {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255,255,255,1);
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
   }
   .e_FlowCommonStyleBox-001 .stylebox_title {
    display: inline-block;
    width: auto;
    height: inherit;
    background-color: #1890FF;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 0;
    vertical-align: bottom;
    white-space: nowrap;
   }
   .e_FlowCommonStyleBox-001 .stylebox_link a {
    color: inherit;
    display: table-cell;
    vertical-align: middle;
   }
   .e_FlowCommonStyleBox-001 .link_icon {
    display: inline-block;
    margin-left: 5px;
   }
   .e_FlowCommonStyleBox-001 .link_icon::before {
    content: '\e6af';
   }
   .e_FlowCommonStyleBox-001 .stylebox_top_line {
    height: 1px;
    background-color: rgba(240,240,240,1);
   }
   .e_FlowCommonStyleBox-001 .stylebox_content {
    border-style: solid;
    border-width: 1px;
    border-color: #f0f0f0;
    width: 100%;
    width-uint:%;
   }
   .e_FlowCommonStyleBox-001 .stylebox_bottom_line {
    height: 1px;
    background-color: rgba(240,240,240,1);
   }

/* ===== 首页产品中心(左菜单+右轮播) ===== */
.home-cpzx{max-width:1520px;margin:44px auto;padding:0 20px;}
.home-cpzx-wrap{display:flex;}
.hcp-left{width:300px;flex:0 0 300px;background:#f2f7fb;border-right:1px solid #efeff0;padding:26px 26px 28px;box-sizing:border-box;}
.hcp-tit{color:#272727;font-size:30px;font-weight:bold;line-height:44px;margin-bottom:10px;}
.hcp-tit em{display:block;font-size:13px;color:#999;font-weight:normal;letter-spacing:2px;text-transform:uppercase;}
.hcp-menu{list-style:none;margin:0;padding:0;}
.hcp-menu-item{position:relative;}
.hcp-menu-item a{display:flex;justify-content:space-between;align-items:center;color:#272727;font-size:17px;line-height:60px;border-bottom:1px solid #e1e1e1;padding:0 4px 0 0;transition:.3s;}
.hcp-menu-item a i{font-style:normal;color:#999;font-size:15px;transition:.3s;}
.hcp-menu-item.on a,.hcp-menu-item:hover a{color:#c93036;font-weight:bold;padding-left:16px;}
.hcp-menu-item.on a i,.hcp-menu-item:hover a i{color:#c93036;}
.hcp-menu-item.on a:before,.hcp-menu-item:hover a:before{content:'';position:absolute;left:0;top:50%;margin-top:-4px;width:8px;height:8px;background:#c93036;transform:rotate(45deg);}
.hcp-tel{margin-top:26px;line-height:40px;padding-top:20px;border-top:1px dashed #d9e1ea;}
.hcp-tel span{display:block;color:#999;font-size:15px;}
.hcp-tel a{display:block;color:#0050aa;font-size:30px;font-weight:bold;}
.hcp-tel i{font-style:normal;color:#999;font-size:13px;display:block;}
.hcp-right{flex:1;border:1px solid #efeff0;border-left:0;padding:20px;background:#fff;position:relative;min-width:0;}
.hcp-top{width:100%;}
.hcp-grid{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;}
.hcp-grid li{width:33.333%;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;box-sizing:border-box;text-align:center;position:relative;overflow:hidden;transition:.3s;background:#fff;}
.hcp-grid li:nth-child(3n){border-right:0;}
.hcp-grid li a{display:block;padding:16px 14px;color:#3a3a3a;position:relative;}
.hcp-grid .pic{height:150px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;}
.hcp-grid .pic img{max-width:100%;max-height:100%;object-fit:contain;transition:.4s;}
.hcp-grid .tit h2{font-size:17px;margin:10px 0 4px;color:#3a3a3a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;transition:.3s;}
.hcp-grid .more{display:block;height:40px;line-height:40px;background:#c93036;color:#fff;font-size:14px;opacity:0;position:absolute;left:20%;right:20%;bottom:-40px;transition:.3s;}
.hcp-grid li:hover{background:#0050aa;}
.hcp-grid li:hover .tit h2{color:#fff;}
.hcp-grid li:hover .pic img{transform:scale(1.06);}
.hcp-grid li:hover .more{opacity:1;bottom:16px;}
.hcp-all{display:block;text-align:center;margin:16px auto 0;color:#0050aa;font-size:14px;}
.hcp-all:hover{color:#c93036;}
.hcp-top .swiper-pagination{position:static;margin-top:16px;text-align:center;}
.hcp-top .swiper-pagination-bullet{width:20px;height:5px;border-radius:3px;background:#d5dce6;opacity:1;margin:0 4px;}
.hcp-top .swiper-pagination-bullet-active{width:40px;background:#c93036;}
@media(max-width:992px){.home-cpzx-wrap{display:block;}.hcp-left{width:100%;border-right:0;padding:20px 16px;}.hcp-right{border:1px solid #efeff0;}.hcp-menu{display:flex;flex-wrap:wrap;}.hcp-menu-item{width:50%;box-sizing:border-box;}.hcp-menu-item a{border-bottom:0;line-height:48px;}.hcp-grid li{width:50%;}}

/* ===== 首页解决方案 ===== */
.home-solu{max-width:1520px;margin:44px auto;padding:0 20px;}
.home-solu-tit{text-align:center;margin-bottom:30px;}
.home-solu-tit h2{font-size:30px;color:#123a63;font-weight:bold;margin:0;}
.home-solu-tit span{display:block;color:#8aa0b8;font-size:14px;letter-spacing:4px;margin-top:6px;}
.home-solu-list{display:flex;flex-wrap:wrap;margin:0 -8px;}
.solu-item{display:block;position:relative;width:20%;padding:0 8px;box-sizing:border-box;border-radius:10px;overflow:hidden;height:300px;margin-bottom:16px;}
.solu-item img{width:100%;height:100%;object-fit:cover;transition:.5s;}
.solu-item:hover img{transform:scale(1.06);}
.solu-mask{position:absolute;left:8px;right:8px;top:0;bottom:0;background:linear-gradient(to bottom,rgba(10,26,60,0.05),rgba(10,26,60,0.85));color:#fff;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;transition:.4s;}
.solu-mask i{position:absolute;top:20px;left:20px;width:46px;height:46px;background:rgba(255,255,255,.22);border-radius:50%;text-align:center;line-height:46px;font-size:22px;}
.solu-mask h3{font-size:20px;margin:0 0 8px;}
.solu-mask p{font-size:13px;color:#cfdcf0;margin:0 0 12px;line-height:1.6;}
.solu-mask span{display:inline-block;border:1px solid rgba(255,255,255,.6);padding:4px 16px;border-radius:16px;font-size:12px;align-self:flex-start;}
.solu-item:hover .solu-mask{background:linear-gradient(to bottom,rgba(14,110,232,.35),rgba(10,26,60,.9));}
@media(max-width:768px){.solu-item{width:50%;height:220px;padding:0 4px;margin-bottom:12px;}.home-solu-list{margin:0 -4px;}.solu-mask{left:4px;right:4px;}}

/* ===== 分页 ===== */
.pagination-wrapper,.de-page-mian{text-align:center;margin:32px 0;}
.de-page-mian a,.de-page-mian span,.pagination a,.pagination span{display:inline-block;min-width:36px;height:36px;line-height:36px;padding:0 12px;margin:0 4px;border:1px solid #dbe4f0;border-radius:6px;color:#4a5a72;font-size:14px;background:#fff;box-sizing:border-box;}
.de-page-mian span,.pagination span{background:#0e6ee8;color:#fff;border-color:#0e6ee8;}
.de-page-mian a:hover,.pagination a:hover{border-color:#0e6ee8;color:#0e6ee8;text-decoration:none;}
