/* ================= 基础重置与通用规则（本区块依赖，来自源 style.css 顶部） ================= */

*{margin:0;padding:0;list-style:none; transition:all;-o-transition:all;-ms-transition:all;-moz-transition:all;-webkit-transition:all;-webkit-text-size-adjust:none ;
-moz-text-size-adjust:none ;-ms-text-size-adjust:none ;text-size-adjust:none;font-family:"微软雅黑"; }
img{display: inline-block; border: 0;max-width:100%;vertical-align:middle;}

@font-face {
  font-family: "1";
  src: url("../fonts/1.woff2") format("woff2"),
       url("../fonts/1.woff") format("woff"),
       url("../fonts/1.ttf") format("truetype"),
       url("../fonts/1.eot") format("embedded-opentype"),
       url("../fonts/1.svg") format("svg");
}
@font-face {
  font-family: "2";
  src: url("../fonts/2.woff2") format("woff2"),
       url("../fonts/2.woff") format("woff"),
       url("../fonts/2.ttf") format("truetype"),
       url("../fonts/2.eot") format("embedded-opentype"),
       url("../fonts/2.svg") format("svg");
}

/* ================= 全局基础样式 ================= */

/* 行189：外层容器 */
.w1660{/*width:1660px;*/width:100%;margin:0 auto;overflow:hidden;}

/* 行665 */
.serA{width:100%;float:left;background:#fff;padding:90px 0px;/*margin-top:42px;*/position:relative;}
/* 行666 */
.serA_l{width:650px;float:left;margin-left:9%;}
/* 行667 */
.serA_l>span{font-size:32px;color:#222222;font-weight:bold;}
/* 行668 */
.serA_l>span i{display:block;font-size:18px;color:#8e8e8e;padding-left:30px;position:relative;font-style:normal;font-family: "2";}
/* 行669 */
.serA_l>span i:before{content:'';width:16px;height:3px;background:#8e8e8e;position:absolute;left:0px;top:10px;}
/* 行670 */
.serA_l>p{color:#666666;margin-top:30px;line-height:24px;}
/* 行671 */
.serA_l>ul{width:100%;overflow:hidden;margin-top:30px;}
/* 行672 */
.serA_l>ul li{float:left;width:25%;margin-top:20px;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
/* 行673 */
.serA_l>ul li p{width:70px;height:70px;border:1px solid #c6c6c6;border-radius:20px;text-align:center;line-height:70px;}
/* 行674 */
.serA_l>ul li p img{vertical-align:middle;}
/* 行675 */
.serA_l>ul li span{/*display:block;*/color:#666666;margin-top:18px;}
/* 行676 */
.serA_l>ul li span em{font-style: normal;}
/* 行678 */
.serA_l>a{float:left;width:42px;height:42px;border:1px solid #cacaca;border-radius:100%;margin-top:50px;position:relative;overflow:hidden;}
/* 行679-680 */
.serA_l>a:after{content:'';width:100%;height:100%;background: url(../images/sico25.png) no-repeat center;
position: absolute;bottom: 0px;right: 0px;}
/* 行682 */
.serA_R{right:9%;top:50%;width:43.2%;transform:translateY(-50%);position:absolute;}

/* 行689 */
.ser2{height:747px;background:url(../images/serpic6.jpg);padding:0px;position:relative;z-index:1;}
/* 行690 */
.ser2:after{content:url(../images/serpic8.png);position:absolute;left:0px;bottom:0px;z-index:-1;}
/* 行691 */
.ser2 .serA_R{right:auto;left:15.6%;width:37.4%;}
/* 行692 */
.ser2 .serA_l{float:right;margin:132px 9% 0px 0px;}
/* 行693 */
.ser2 .serA_l>span,.ser2 .serA_l>span i,.ser2 .serA_l>p{color:#fff;}
/* 行694 */
.ser2 .serA_l>span i:before{background:#fff;}
/* 行695 */
.ser2 .serA_l>a:after{background: url(../images/sico025.png) no-repeat center;}
/* 行696 */
.ser2 .serA_l>ul li span{color:#fff;}
/* 行697 */
.ser2 .serA_l>ul li p{border-color:#fff;}

/* 行699 */
.ser3 .serA_l{margin:68px 0px 0px 9%;}
/* 行700 */
.ser3 .serA_R{width:49.2%;}

/* 行702 */
.ser4{background:url(../images/serpic6.jpg);overflow:hidden;}
/* 行703 */
.ser4:after{content:url(../images/clopic5.png);background-size:100%;}
/* 行704 */
.ser4 .serA_l,.ser5 .serA_l{width:650px;}
/* 行705 */
.ser4 .serA_l>ul li,.ser5 .serA_l>ul li{width:25%;}
/* 行706 */
.ser4 .serA_l>ul li:hover,.ser5 .serA_l>ul li:hover{width:24%;}
/* 行707 */
.ser4 .serA_R{left:9%;right:auto;width:37.4%;}
/* 行708 */
.ser5 .serA_l{margin-top:68px;}
/* 行709 */
.ser5 .serA_R{width:32.2%}

/* ================= 关键帧动画 ================= */

/* iHover —— 悬停时箭头水平滚动（源行208） */
@-webkit-keyframes iHover
{0%{-webkit-transform:translateX(0px);opacity:1}
49%{-webkit-transform:translateX(28px);opacity:0}
50%{-webkit-transform:translateX(-28px);opacity:0}
100%{-webkit-transform:translateX(0px);opacity:1}}

/* downico —— 滚动指示箭头（垂直方向，源行111） */
@keyframes downico {
  0% {top: 0;opacity: 1;}
  35% {top: 50%;opacity: 0;}
  65% {top: -50%;opacity: 0;}
  100% {top: 0;opacity: 1;}
}

/* ================= 响应式（真实媒体查询包裹） ================= */

/* 宽屏（≥1200px）：入场显示态 + 悬停效果 */
@media screen and (min-width:1200px){
  .tranShow{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;}
  .serA_l>ul li:hover{padding-left:1%;width:24%;}
  .serA_l>a:hover:after {-webkit-animation: iHover .6s linear;animation: iHover .6s linear;background: url(../images/sico025.png) no-repeat center;}
  .serA_l>a:hover{background:#f67114;border-color:#f67114;}
}

/* ≤1440px */
@media screen and (max-width:1440px){
  .ser4 .serA_R{left:6%;}
}

/* ≤1200px */
@media screen and (max-width:1200px){
  .serA_R{width:30%;}
  .ser3 .serA_R{width:35%;}
  .ser4 .serA_R,.ser5 .serA_R{width:27%;}
  .about_w1660{width:100%;padding:0px;}
}

/* ≤768px：图片改为普通流式、标题区全宽 */
@media screen and (max-width:768px){
  .serA_l{width:80% !important;margin:0px 10% !important;}
  .serA_R{position:static;width:80% !important;float:left;transform: translateY(0);padding:0px 10%;margin-top:60px;}
  .serA_l>p{margin-top:46px;}
  .ser2{height:auto;padding:90px 0px;}
}

/* ≤568px：小屏图标网格与字号适配 */
@media screen and (max-width:568px){
  .serA_l>span,.webC_l>span,.mobB_R>span,.desB_l>strong{font-size:26px;font-weight:normal;}
  .serA_l>span i,.webC_l>span i,.mobB_R>span i,.desB_l>strong i{font-size:12px;}
  .serA_l>span i:before,.webC_l>span i:before,.mobB_R>span i:before,.desB_l>strong i:before{top:7px;}
  .serA_l>p{margin-top:22px;font-size:16px;}
  .serA{padding:40px 0px;margin-top:0px;}
  .serA:first-child{margin-top:0px;}
  .serA_l>a{margin-top:30px;border:none;}
  .serA_R{margin-top:32px;}
  .serA_l>ul{margin-top:3px;}
  .ser4 .serA_l>ul li, .ser5 .serA_l>ul li{width:23.5%;}
  .ser1 .serA_l>ul li:nth-child(5){display:none;}
  .serA_l>ul li{text-align:center;margin-top:33px;}
  .serA_l>ul li span{font-size:14px;height:16px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;text-align:left !important;}
  .serA_l>ul li span em{display:none;}
  .serA_l>span i:before,.mobB_R>span i:before,.desB_l>strong i:before,.webC_l>span i:before{height:1px;top:8px;}
  .serA_l{width:90% !important;margin:0px 5% !important;}
  .serA_R{padding:0px 5% !important;width:90% !important;}
  .serA_l>ul li span{margin-top:10px;}
  .serA_l>ul li{width:23.5%;margin-right:2%;}
  .serA_l>ul li:nth-child(4n){margin-right:0px;}
  .serA_l>ul li p{width:58px;height:58px;line-height:58px;border-radius:14px;}
  .ser5 .serA_l>ul li span,.ser4 .serA_l>ul li span{width:100% !important;}
  .serA_l>ul li p img{height:20px;}
  .serA_l>ul li p{width:46px;height:46px;line-height:46px;}
  .serA_l>a:after{animation: downico 1.5s ease-out infinite;}
  /* 此处 downico 覆盖为水平方向（源行2032） */
  @keyframes downico {
    0% {left: 0;opacity: 1;}
    35% {left: 50%;opacity: 0;}
    65% {left: -50%;opacity: 0;}
    100% {left: 0;opacity: 1;}
  }
}

/* ≤480px */
@media screen and (max-width:480px){
  .ser_ba_top p span , .serA_l>p{font-size: 14px;}
  .serA_l>span, .webC_l>span, .mobB_R>span, .desB_l>strong {font-size: 22px;}
}