@charset "utf-8";
/*~~~~框架布局~~~*/
html {
    verflow: -Scroll;
    overflow-x: hidden;
    zoom: 1;
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
}

/*==版心定义↓==*/
.container {
    width: 1600px;
}

/*==字符串↓==*/
i, .iof {
    font-style: normal;
    font-family: "iconfont";
    transition: all .4s ease-in-out
}

@font-face {
    font-family: 'iconfont';  /* project id 1963410 */
    src: url('//at.alicdn.com/t/font_1963410_rqa4iqjj2jj.eot');
    src: url('//at.alicdn.com/t/font_1963410_rqa4iqjj2jj.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1963410_rqa4iqjj2jj.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1963410_rqa4iqjj2jj.woff') format('woff'),
    url('//at.alicdn.com/t/font_1963410_rqa4iqjj2jj.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1963410_rqa4iqjj2jj.svg#iconfont') format('svg');
}

/*==顶部↓==*/
.fixed-top.header {
    position: fixed;
    width: 100%;
    padding: 10px 0;
    height: 99px;
    z-index: 99;
    box-shadow: 0 0 10px #ddd;
    background: #fff;
}

.fixed-top.header .nav > li > a {
    color: #666
}

.fixed-top.header .tel {
    display: none;
}

.fixed-top.header .logo img {
    height: 60px
}

.fixed-top.header .logo .txt {
    color: #666;
    font-size: 14px;
    /*text-shadow: 5px 5px 5px #d4d4d4;;*/
}

.fixed-top.header .logo .txt b {
    font-size: 27px;
    margin-top: -14px;
}

.fixed-top.header .nav {
    bottom: -11px
}

.header {
    /*position: fixed;*/
    width: 100%;
    z-index: 9;
    padding: 8px 0;
    height: 120px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.header .logo .txt {
    float: right;
    /*color: #fff;*/
    font-size: 16px;
    display: block;
    margin: 24px 0 0 15px;
    letter-spacing: 2px;
    /*text-shadow: 5px 5px 5px #333;*/

    border-left: 1px solid #dddddd;
    padding-left: 12px;
}

.header .logo .txt b {
    font-size: 24px;
    display: block;
    font-weight: bold;
    margin-bottom: 0px;
    /*letter-spacing: 17px;*/
}

.header .container {
    position: relative;
}

.header .tel {
    float: right;
    color: #fff;
    font-size: 22px;
}

.header .tel i {
    float: left;
    margin-right: 10px;
    color: #ff5c00;
    font-size: 22px;
    font-weight: bold;
}

.header .nav {
    position: absolute;
    right: 15%;
    bottom: 4px;
}

.header .nav > li {
    position: relative;
    float: left;
    margin-left: 28px;
    padding-bottom: 32px
}

.header .nav > li > a {
    position: relative;
    display: block;
    color: #343434;
    font-size: 16px;
    text-align: center;
}

.header .nav > li > a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -29px;
    width: 100%;
    height: 2px;
    background: #ff5c00;
    transition: transform .5s;
    transform: scale(0, 1);
    transform-origin: right;
}

.header .nav > li:hover > a, .header .nav > li.active > a {
}

.header .nav > li:hover > a:after, .header .nav > li.active > a:after {
    transform: scale(1);
    transform-origin: left;
}

.header .nav .sub {
    display: none;
    width: 250%;
    left: -65%;
    top: 100%;
    position: absolute;
    border: 1px #ddd solid;
    background: rgba(255, 255, 255, 1);
    padding: 10px 0;
    z-index: 999;
    text-align: center; /* box-shadow: 0 0 10px #ddd; */
}

.header .nav .sub a {
    display: block;
    color: #5e5e5e;
    font-size: 14px;
    padding: 8px 0
}

.header .nav .sub a:hover {
    color: #fff;
    background: #666;
}

.header .nav > li:last-child .sub {
    display: none !important;
}

/*==次级导航↓==*/
.menu {
    width: 100%;
    margin-top: 60px;
}

.menu ul {
    display: table;
    text-align: center; /*! background:#f2f3f4; *//*! width: 100%; */
    margin: auto;
}

.menu li { /*! flex: 1; */
    display: inline-block;
}

.menu li a {
    position: relative;
    z-index: 2;
    display: block;
    margin: 0 0px;
    color: #191919;
    font-size: 18px;
    border: 1px #ddd solid;
    overflow: hidden;
    padding: 12px 50px;
    border-radius: 5px;
    margin: 0 10px;
    background: #fff;
}

.menu li a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 0%;
    background: #ff5c00; /*transition:transform .5s;transform: scale(1,0);transform-origin:top;*/
}

.menu li:hover a, .menu li.active a {
    color: #fff;
    border-color: #ff5c00
}

.menu li:hover a:after, .menu li.active a:after {
    height: 100%; /*transform: scale(1);transform-origin:bottom;*/
}

/*==面包屑↓==*/
.site {
    margin: 30px 0px 0px 0;
    color: #767676;
    font-size: 14px;
}

.site .home i {
    color: #333;
    font-weight: bold;
    font-size: 16px;
    margin-right: 10px;
}

.site a {
    color: #666;
    font-size: 12px;
}

.site a:hover {
    color: #2e3093
}

/*==边距↓==*/
.mt60 {
    margin-top: 60px
}

.mt100 {
    margin-top: 100px
}

/*--*/
.ptm100 {
    padding: 100px 0;
}

.pt100 {
    padding-top: 60px
}

.pm100 {
    padding-bottom: 60px
}

/*==标题↓==*/
.titleAx {
    color: #090929;
    font-size: 44px;
}

.titleAx b {
    position: relative;
    display: table;
    margin: auto;
    margin-top: 2px; /* display: block; */
    color: #090929;
    font-size: 44px;
    font-weight: bold
}

.titleAx b i {
    position: absolute;
    left: -140px;
    top: 55%;
    display: block;
    width: 100px;
    height: 1px;
    background: #ddd;
}

.titleAx b i:after {
    content: "";
    position: absolute;
    right: 0;
    top: -4px;
    width: 1px;
    height: 8px;
    background: #ddd;
}

.titleAx b i:last-child {
    left: auto;
    right: -140px;
}

.titleAx b i:last-child:after {
    right: auto;
    left: 0;
}

.titleAx font {
    color: #ff5c00
}

.titleAx span {
    margin-top: 5px;
    display: block;
    color: #999;
    font-size: 14px;
    text-transform: uppercase;
}

.titleAx p {
    margin-top: 10px;
    display: block;
    color: #999;
    font-size: 14px;
}

.titleAx hr {
    display: block;
    margin: 20px 0 0 0;
    width: 10px;
    height: 2px;
    border: none;
    background: #ff5c00;
}

.titleAx.cen {
    text-align: center;
    margin-bottom: 50px
}

.titleAx.tTop {
    margin: 50px 0 0 0;
    font-weight: 400
}

.titleAx.tTop span {
    font-size: 16px
}

.titleAx.white, .titleAx.white b, .titleAx.white span {
    color: #fff
}

.titleAx.m80 {
    margin-bottom: 80px;
}

.pgx .titleAx, .pgx .titleAx b {
    font-weight: 400
}

/*--*/
.titleBx {
    margin-top: 0px;
    color: #151515;
    font-size: 40px;
    margin-bottom: 50px;
    font-weight: bold;
    text-align: center;
}

.titleBx hr {
    display: table;
    width: 20px;
    height: 2px;
    margin: 10px auto 0;
    border: none;
    background: #ff5c00;
}

.titleBx span {
    display: block;
    margin: 10px auto 0;
    color: #666666;
    font-size: 16px;
    font-weight: 400
}

.titleBx.cen {
    text-align: center;
}

.titleBx.white, .titleBx.white span {
    color: #fff
}

.titleBx.tTop {
    margin: 50px 0 0 0;
    font-weight: 400
}

.pgx .titleBx, .pgx .titleBx b {
    font-weight: 400
}

/*--*/
.titSf {
    color: #353535;
    font-size: 25px;
    margin-bottom: 20px
}

.titSf a {
    float: right;
    display: block;
    margin-top: 8px;
    color: #ff5c00;
    font-size: 13px;
}

.titSf a:hover {
    color: #0a1a31;
}

/*伪类*/
.bfe:before, .bfr:after {
    content: "";
    display: block;
    transition: all .4s ease-in-out;
}

/*-*/
.bfe-s:before, .bfr-s:after {
    content: "";
    transition: all .4s ease-in-out;
}

/*-*/
.bfe-pos, .bfr-pos {
    position: relative;
}

.bfe-pos:before, .bfr-pos:after {
    content: "";
    position: absolute;
    transition: all .4s ease-in-out;
}

/*-*/
.bfe-spos, .bfr-spos {
    position: relative;
}

.bfe-spos:before, .bfr-spos:after {
    content: "";
    position: absolute;
}

/*句段限制*/
.lcp {
    -webkit-line-clamp: 1;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*==切换tab↓==*/
.toneCon {
    text-align: center;
    margin-bottom: 50px
}

.toneCon li {
    display: inline-block;
    margin: 0 25px;
    cursor: pointer;
}

.toneCon li a {
    display: block;
    color: #0a1a31;
    font-size: 20px;
}

.toneCon li.active a {
    color: #ff5c00
}

/*==tab2↓==*/
.toneCon2 {
    text-align: center;
    margin-bottom: 50px
}

.toneCon2 li {
    display: inline-block;
    margin: 0 15px;
    cursor: pointer;
}

.toneCon2 li a {
    display: block;
    color: #fff;
    font-size: 16px;
    padding: 12px 40px;
    background: #999;
}

.toneCon2 li.active a {
    color: #fff;
    background: #ff5c00;
}

/*==切换按钮↓==*/
.spot-2 {
    position: initial !important;
    display: table;
    margin: 40px auto 0;
}

.spot-2 span {
    opacity: 1;
    width: 15px;
    height: 15px;
    margin: 0 8px !important;
    background: #787878;
}

.spot-2 .swiper-pagination-bullet-active {
    background: #ff5c00;
}

/*===内页框↓==*/
.rack {
    float: left;
    width: 100%;
    padding: 70px 0 80px 0;
}

.rackWor {
}

.rack .lefter {
    width: 24%;
}

.rack .righter {
    width: 76%;
    padding-left: 30px
}

/*--*/
.RelevantCont {
}

.RelevantCont.borT {
    border-top: 1px #ddd solid
}

/*==左侧大导航↓==*/
.leftNav {
    overflow: hidden;
}

.leftNav .title {
    color: #fff;
    font-size: 28px;
    padding: 30px 40px;
    margin-bottom: 1px;
    font-weight: bold; /* text-align: center; */
    background: #01458F;
}

.leftNav .title i {
    margin-right: 10px;
    color: #fff;
    font-size: 30px;
}

.leftNav .title em {
    display: none;
    float: right;
    color: #ff5c00;
    font-size: 16px;
}

.leftNav .title em i {
    float: right;
    font-size: 20px;
    margin: 0px 0 0 5px;
    display: block;
    font-weight: bold;
}

.leftNav ul {
    background: #f6f6f6;
}

.leftNav ul li {
    position: relative; /* border-bottom:1px #515151 solid */
}

.leftNav ul a {
    position: relative;
    display: block;
    color: #090929;
    font-size: 16px;
    padding: 15px 40px;
    border-bottom: 1px #ddd solid;
}

.leftNav ul li em {
    position: absolute;
    top: 15px;
    right: 40px;
    float: right;
    color: #666;
    font-size: 20px;
}

.leftNav ul li:hover a, .leftNav ul .active a {
    color: #fff;
    background: #01458F;
}

.leftNav ul li:hover em, .leftNav ul .active em {
    color: #fff;
    transform: translateX(-10px);
}

.leftNav .tel {
    position: relative;
    display: block;
    padding: 40px 10px 40px 60px;
    color: #fff;
    font-size: 14px;
    background: #01458F url(/style/image/bg02.png) no-repeat left bottom;
}

.leftNav .tel font {
    font-size: 22px;
    display: block;
}

.leftNav .tel i {
    position: absolute;
    left: 10px;
    color: #fff;
    font-size: 40px;
    margin-right: 10px;
}

/*==首页产品↓==*/
.ProductHome {
}

.ProductHome .left {
    width: 24%;
}

.ProductHome .right {
    width: 76%;
    padding-left: 30px
}

/*==首页优势↓==*/
.AdvantageHome {
    background: url(/static/image/AdvantageBg.jpg) no-repeat center;
    background-size: cover;
}

.AdvantageHome .long {
    position: relative
}

.AdvantageHome .tone {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-top: 30px;
    padding: 0 30px;
}

.AdvantageHome .tone:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #ddd;
}

.AdvantageHome .tone li {
    position: relative;
    z-index: 2;
    float: left;
    width: 21%;
    margin: 0 2%;
    padding: 18px 10px 40px 10px;
    text-align: center; /* background: #eee; */
    cursor: pointer;
}

.AdvantageHome .tone li:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    margin: -8px 0 0 -8px;
    width: 17px;
    height: 17px;
    border: 5px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    background: #fff;
}

.AdvantageHome .tone li:after {
    opacity: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    transform: translateY(10px);
    background: #ff5c00;
}

.AdvantageHome .tone li em {
    width: 40px;
    height: 40px;
    margin: 0 auto 12px;
    display: block;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.AdvantageHome .tone li h4 {
    color: #090929;
    font-size: 18px;
}

.AdvantageHome .tone .x1 em {
    background-image: url(/static/image/AdvantageIco01.png);
}

.AdvantageHome .tone .x2 em {
    background-image: url(/static/image/AdvantageIco02.png);
}

.AdvantageHome .tone .x3 em {
    background-image: url(/static/image/AdvantageIco03.png);
}

.AdvantageHome .tone .x4 em {
    background-image: url(/static/image/AdvantageIco04.png);
}

.AdvantageHome .tone li.active { /*background:#ff5c00*/
}

.AdvantageHome .tone li.active:before {
    border-color: #ff5c00
}

.AdvantageHome .tone li.active em {
    background-position: 0px -37px
}

.AdvantageHome .tone li.active h4 {
    color: #fff
}

.AdvantageHome .tone li.active:after {
    opacity: 1;
    transform: translateY(0px);
}

.AdvantageHome .down {
    overflow: hidden;
}

.AdvantageHome .pic {
    float: left;
    display: block;
    width: 50%;
    background: #333;
}

.AdvantageHome .pic video {
    display: block;
    width: 100%;
    height: 100%;
}

.AdvantageHome .right {
    float: right;
    width: 50%;
    padding: 50px 100px;
    text-align: center;
    background: #fff;
}

.AdvantageHome .box span {
    display: block;
    font-size: 90px;
    margin-bottom: 5px;
    font-weight: bold;
    height: 50px;
    line-height: 70px;
    color: #f0f0f0;
    overflow: hidden;
}

.AdvantageHome .box h4 {
    color: #090929;
    font-size: 30px;
    margin-bottom: 20px;
}

.AdvantageHome .box p {
    -webkit-line-clamp: 3;
    width: 70%;
    margin: auto;
    color: #090929;
    font-size: 16px;
    text-align: center;
    line-height: 26px;
}

.AdvantageHome .height {
    height: 450px;
}

/*==首页案例↓==*/
.CaseHome {
    background: url(/static/image/CaseBg.jpg) no-repeat center;
}

.CaseHome .tone {
    margin-bottom: 60px;
    position: relative;
    text-align: center;
}

.CaseHome .tone:after {
    content: "";
    position: absolute;
    left: -100%;
    bottom: 0;
    width: 300%;
    height: 1px;
    background: #ddd;
}

.CaseHome .tone li {
    position: relative;
    display: inline-block;
    color: #191919;
    font-size: 18px;
    margin: 0 20px;
    padding-bottom: 20px;
    cursor: pointer;
}

.CaseHome .tone li:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 2px;
    transition: transform .5s;
    transform: scale(0, 1);
    transform-origin: right;
    background: #ff5c00;
}

.CaseHome .tone li.active:before {
    transform: scale(1);
    transform-origin: left;
}

.CaseHome .tone li.active {
    color: #ff5c00
}

.CaseHome .case-list .one {
    width: 50%;
}

.CaseHome .more {
    display: table;
    margin: 50px auto 0;
    color: #ff5c00;
    font-size: 18px;
    border-radius: 30px;
    border: 1px #ff5c00 solid;
    padding: 15px 60px;
}

.CaseHome .more i {
    display: block;
    float: right;
    color: #ff5c00;
    font-size: 24px;
    margin: 0 0 0 10px;
}

.CaseHome .more:hover {
    color: #fff;
    border-color: #333;
    background: #333;
}

.CaseHome .more:hover i {
    color: #fff;
    transform: translateX(5px);
}

/*==首页 核心优势↓==*/
.CoreHome {
    background: url(/static/image/CoreBg.jpg) no-repeat center;
    background-size: cover;
}

.CoreHome .left {
    width: 20%;
}

.CoreHome .left li {
    position: relative;
    margin-bottom: 20px;
    padding: 15px 5% 15px 12%;
    cursor: pointer;
    background: #fff;
}

.CoreHome .left li:after {
    content: "";
    position: absolute;
    z-index: 5;
    top: 45%;
    right: 0px;
    border: 8px solid transparent;
    border-left-color: #ff5c00;
    opacity: 0;
    transition: all .3s;
}

.CoreHome .left li em {
    float: left;
    display: block;
    width: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 20px;
    font-size: 16px;
    color: #fff;
    border-radius: 50%;
    background: #ff5c00;
}

.CoreHome .left li span {
    color: #999;
    font-size: 12px;
    margin-bottom: 5px;
}

.CoreHome .left li h4 {
    color: #090929;
    font-size: 18px;
}

.CoreHome .left li.active {
    background: #ff5c00;
}

.CoreHome .left li.active:after {
    opacity: 1;
    right: -16px;
}

.CoreHome .left li.active em {
    color: #ff5c00;
    background: #fff;
}

.CoreHome .left li.active span, .CoreHome .left li.active h4 {
    color: #fff
}

.CoreHome .right {
    width: 80%;
    padding-left: 40px;
}

.CoreHome .right .show { /* display:flex; */
    overflow: hidden;
    background: #fff;
}

.CoreHome .right .pic {
    width: 60%;
}

.CoreHome .right .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.CoreHome .right .box {
    width: 40%;
    padding: 50px; /* vertical-align: middle; */
}

.CoreHome .right h4 {
    color: #090929;
    font-size: 32px;
}

.CoreHome .right hr {
    margin: 15px 0 0 0;
    width: 50px;
    height: 2px;
    border: none;
    background: #ff5c00;
}

.CoreHome .right p {
    -webkit-line-clamp: 3;
    color: #666666;
    font-size: 16px;
    margin-top: 40px;
    line-height: 26px;
}

.CoreHome .right .more {
    display: table;
    color: #fff;
    font-size: 14px;
    padding: 10px 40px;
    margin-top: 110px;
    border-radius: 30px;
    background: #ff5c00;
}

.CoreHome .right .more i {
    float: right;
    display: block;
    color: #fff;
    font-size: 20px; /* margin:100px 0 0 0; */
    margin: 0 0 0 10px;
}

.CoreHome .right .more:hover {
    background: #333
}

.CoreHome .right .more:hover i {
    transform: translateX(5px);
}

.CoreHome .right .pic, .CoreHome .right .box { /* flex:1 */
    float: left;
}

.CoreHome .height {
    height: 440px
}

/*==首页应用领域↓==*/
.ApplyHome {
    position: relative;
}

.ApplyHome .titTop {
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 9;
    padding-top: 60px;
    width: 100%;
}

.ApplyHome .titTop:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
}

.ApplyHome .gallery-top {
}

.ApplyHome .gallery-top li img {
    display: block;
    max-width: 100%;
}

.ApplyHome .gallery-thumbs {
    top: -180px;
    margin-bottom: -130px;
    padding-top: 15px;
}

.ApplyHome .list {
    background: #fff;
}

.ApplyHome .list li {
    position: relative;
    border-left: 1px #ddd solid;
    text-align: center;
    padding: 30px 10px;
    cursor: pointer;
}

.ApplyHome .list li:last-child {
    border-right: 1px #ddd solid;
}

.ApplyHome .list li em {
    display: table;
    margin: 0 auto 10px;
    width: 42px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: 2px 0px; /* background-color: #ddd; */
    transition: all .4s ease-in-out;
}

.ApplyHome .list li h4 {
    color: #232323;
    font-size: 16px;
}

.ApplyHome .list li:after {
    opacity: 0;
    content: "";
    position: absolute;
    left: 50%;
    top: -10px;
    z-index: -1;
    margin-left: -10px;
    border: 12px solid transparent;
    border-bottom-color: #ff5c00;
}

.ApplyHome .list .swiper-slide-thumb-active {
    background: #ff5c00;
}

.ApplyHome .list .swiper-slide-thumb-active:after {
    opacity: 1;
    top: -24px;
}

.ApplyHome .list .swiper-slide-thumb-active em {
    background-position: 2px -36px;
}

.ApplyHome .list .swiper-slide-thumb-active h4 {
    color: #fff
}

.ApplyHome .spot-1 {
    display: none;
    position: initial;
    margin-top: 22px;
}

.ApplyHome .cut {
    display: none;
    margin-top: 22px;
    text-align: center;
}

.ApplyHome .btn {
    position: initial;
    display: inline-block;
    margin: 0 5px;
    left: -25px;
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    background: #666;
}

.ApplyHome .btn.nt {
    left: auto;
    right: -25px;
}

.ApplyHome .btn:hover {
    background: #ff5c00;
}

.ApplyHome .list li.x1 em {
    background-image: url(/static/image/ApplyIco01.png);
}

.ApplyHome .list li.x2 em {
    background-image: url(/static/image/ApplyIco02.png);
}

.ApplyHome .list li.x3 em {
    background-image: url(/static/image/ApplyIco03.png);
}

.ApplyHome .list li.x4 em {
    background-image: url(/static/image/ApplyIco04.png);
}

.ApplyHome .list li.x5 em {
    background-image: url(/static/image/ApplyIco05.png);
}

.ApplyHome .list li.x6 em {
    background-image: url(/static/image/ApplyIco06.png);
}

.ApplyHome .list li.x7 em {
    background-image: url(/static/image/ApplyIco07.png);
}

.ApplyHome .list li.x8 em {
    background-image: url(/static/image/ApplyIco08.png);
}

/*==首页合作伙伴↓==*/
.PartnerHome {
}

/*==合作伙伴列表↓==*/
.partner-list {
    border-left: 1px #ddd solid;
    border-top: 1px #ddd solid;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
}

.partner-list li {
    float: left;
    width: 14.28%;
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
}

.partner-list a {
    position: relative;
    display: block;
}

.partner-list a:after {
    opacity: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ff5c00;
}

.partner-list img {
    display: block;
    width: 100%;
}

.partner-list h4 {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin: auto;
    height: fit-content;
    text-align: center;
    color: #fff;
    font-size: 18px;
    transform: translateY(-10px);
}

.partner-list li:hover h4 {
    opacity: 1;
    transform: translateY(0px);
}

.partner-list li:hover a:after {
    opacity: 0.8
}

.PartnerHome .txt {
    position: relative;
    width: 42.88%;
    display: block;
    text-align: center;
    background: #ff5c00;
}

.PartnerHome .txt span {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: min-content;
    display: block;
    color: #fff;
    font-size: 24px;
}

/*==首页关于↓==*/
.AboutHome {
}

.AboutHome .up {
    position: relative;
    padding-bottom: 120px;
}

.AboutHome .up:before {
    content: "";
    position: absolute;
    left: -10%;
    top: 0;
    z-index: -1;
    width: 120%;
    height: 100%;
    background: url(/static/image/AboutBg.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

.AboutHome .wx {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    padding: 0 100px;
    margin-bottom: 90px;
}

.AboutHome .wx img {
    max-width: 40%;
}

.AboutHome .digital {
    padding: 0 100px;
    margin-bottom: 90px
}

.AboutHome .tone {
    text-align: center;
    margin-bottom: 30px;
}

.AboutHome .tone li {
    display: inline-block;
}

.AboutHome .tone a {
    display: block;
    padding: 12px 30px;
    margin: 0 10px 0px 10px;
    border: 1px #fff solid;
    overflow: hidden;
    color: #fff;
    font-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
}

.AboutHome .tone em {
    float: left;
    width: 34px;
    height: 29px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

.AboutHome .tone .active a {
    border-color: #ff5c00;
    background: #ff5c00;
}

.AboutHome .tone .x3 em {
    background-image: url(/static/image/AboutIco01.png);
}

.AboutHome .tone .x4 em {
    background-image: url(/static/image/AboutIco02.png);
}

.AboutHome .tone .x5 em {
    background-image: url(/static/image/AboutIco03.png);
}

.AboutHome .tone .x6 em {
    background-image: url(/static/image/AboutIco04.png);
}

.AboutHome .down {
    padding: 60px 40px 40px;
    margin-top: -100px;
    box-shadow: 0 0 10px #e5e5e5;
    background: #fff url(/static/image/bg05.png);
}

.AboutHome .list {
}

.AboutHome .list li {
}

.AboutHome .list a {
    display: block;
    padding: 10px;
    border: 1px #ff5c00 solid;
}

.chartSrll .long {
    position: relative;
}

.chartSrll .btn {
    left: -25px;
    width: 50px;
    height: 50px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 32px;
    background: #666;
}

.chartSrll .btn.nt {
    left: auto;
    right: -25px;
}

.chartSrll .btn:hover {
    background: #ff5c00;
}

/*==数字滚动↓==*/
.digital {
    width: 100%;
}

.digital li {
    float: left;
    width: 20%;
    display: block;
    text-align: center;
    border-right: 1px #ddd solid
}

.digital li:last-child {
    border: none;
}

.digital li span {
    color: #fff;
    font-size: 50px;
}

.digital li font {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
    vertical-align: top;
}

.digital li h5 {
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
}

/*==首页新闻↓==*/
.NewsHome {
    background: #f8f8f8 url(/static/image/bg04.png);
}

.NewsHome .list {
}

.NewsHome .list li {
    float: left;
    width: 25%;
    overflow: hidden;
}

.NewsHome .list a {
    position: relative;
    height: 460px;
    display: block;
    margin: 0 0 10px 10px;
    background: #fff;
}

.NewsHome .list a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 4px;
    background: #ff5c00;
    transition: transform .5s;
    transform: scale(0, 1);
    transform-origin: right;
}

.NewsHome .list .pic {
    opacity: 0;
    height: 100%;
    transition: all .6s ease-in-out;
}

.NewsHome .list .pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.NewsHome .list .pic:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.NewsHome .list .box {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    padding: 60px 40px;
    transition: top .9s, bottom .9s;
}

.NewsHome .list i {
    color: #ff5c00;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 30px;
    display: block;
}

.NewsHome .list h4 {
    color: #0a1a31;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 35px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.NewsHome .list p {
    -webkit-line-clamp: 3;
    color: #666666;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 50px;
}

.NewsHome .list .time {
    display: block;
    color: #838383;
    font-size: 14px;
    margin-bottom: 50px;
}

.NewsHome .list .more {
    display: block;
    text-align: right;
    color: #838383;
    font-size: 14px;
}

.NewsHome .list li:hover .box {
    top: 200px;
}

.NewsHome .list li:hover a:before {
    transform: scale(1);
    transform-origin: left;
}

.NewsHome .list li:hover .pic {
    opacity: 1
}

.NewsHome .list li:hover i {
    display: none
}

.NewsHome .list li:hover * {
    color: #fff;
}

.NewsHome .list li:hover p {
    display: none
}

.NewsHome .list li .hv {
    display: none
}

.NewsHome .list li .hb {
    display: block
}

.NewsHome .list li:hover .hv {
    display: block
}

.NewsHome .list li:hover .hb {
    display: none
}

/*==案例列表↓==*/
.case-list {
    margin: 0 0 -10px -10px;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
}

.case-list li {
    float: left;
    width: 25%;
    margin-bottom: 10px;
}

.case-list li .pic {
    padding-top: 60%;
}

.case-list a {
    position: relative;
    display: block;
    margin-left: 10px;
}

.case-list a:before {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 50%;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
}

.case-list .box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
    padding: 20px 40px;
}

.case-list h4 {
    color: #fff;
    font-size: 18px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.case-list span {
    display: block;
    color: #fff;
    font-size: 14px;
    margin-top: 10px
}

.case-list span font {
    float: left;
    display: block;
    max-width: 48%;
    margin-right: 2%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.case-list .one {
    width: 33.3%;
}

.case-list .one h4 {
    font-size: 22px;
}

.case-list .two span {
}

.case-list.lx4 li {
    width: 25%
}

/*==案例详情↓==*/
.CaseDetail {
}

.CaseDetail .title {
    color: #000;
    font-size: 30px; /*text-align:*/
    center;
    margin-bottom: 40px;
}

.CaseDetail .tit {
    color: #353535;
    font-size: 25px;
    margin-bottom: 20px
}

.CaseDetail .details {
    margin-top: 60px
}

.CaseDetail .details .wx {
    padding: 30px;
    color: #666;
    font-size: 14px;
    line-height: 26px;
    background: #f4f4f4;
}

.CaseDetail .relevant {
    margin-top: 80px;
}

.CaseDetail .relevant .list .pic {
}

.CaseDetail .top {
    padding: 60px 30px 40px 30px;
    background: #f5f5f5;
}

.CaseDetail .top .left {
    width: 55%;
}

.CaseDetail .top .right {
    width: 40%
}

.CaseDetail .top .right .title {
    color: #191919;
    font-size: 30px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px #ddd solid;
}

.CaseDetail .top .right .wx {
    padding: 20px;
    color: #666666;
    font-size: 14px;
    min-height: 100px;
    margin-bottom: 80px;
    line-height: 24px;
    -webkit-line-clamp: 7;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    background: #f2f2f2;
}

.CaseDetail .top .right .tel {
    display: block;
    color: #191919;
    font-size: 22px;
    margin-bottom: 50px;
    padding: 20px 0 20px 0px;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
}

.CaseDetail .top .right .tel i {
    float: left;
    color: #666;
    font-size: 25px;
    margin-right: 15px;
}

.CaseDetail .top .right .btn {
    float: left;
    padding: 8px 40px;
    color: #fff;
    font-size: 18px;
    margin-right: 20px;
    border-radius: 40px;
    background-color: #ff5c00;
}

.CaseDetail .top .right .btn i {
    float: left;
    margin: 3px 10px 0 0px;
    color: #fff;
    font-size: 20px;
}

.CaseDetail .top .right .online { /* padding-left:70px; */
}

.CaseDetail .top .right .download {
    color: #4c4c4c;
    background: #fff;
}

.CaseDetail .top .right .btn:hover {
    color: #fff;
    background-color: #333;
}

/*==滚动大图↓==*/
.srllPho {
    position: relative;;
    width: 100%;
    margin: auto;
}

.srllPho .gallery-top {
    border: 1px #ddd solid;
    background: #fff;
}

.srllPho .gallery-top .look {
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    height: 40px;
    text-align: center;
    transform: translateY(40px);
    background: rgba(0, 0, 0, 0.5);
}

.srllPho .gallery-top .look i {
    margin-right: 10px;
    display: inline-block;
    font-size: 20px;
}

.srllPho .gallery-top:hover .look {
    opacity: 1;
    transform: translateY(0px);
}

.srllPho .gallery-top li {
    height: 500px;
}

.srllPho .gallery-top li img {
    max-width: initial;
    max-height: 100%;
    width: auto;
    display: block;
    margin: auto;
}

.srllPho .gallery-thumbs {
    margin-top: 15px;
    padding: 0 50px;
}

.srllPho .gallery-thumbs li {
    width: 20%;
    height: 100%;
    border: 2px #ddd solid;
    cursor: pointer;
    background: #fff;
}

.srllPho .gallery-thumbs li.swiper-slide-thumb-active {
    border: 2px #ff5c00 solid;
}

.srllPho .gallery-thumbs li img {
    max-width: 100%;
    display: block;
    margin: auto;
    height: 80px
}

.srllPho .btn {
    opacity: 1;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
    padding: 0 0;
    display: table;
    border-radius: 0%;
    margin: 0px;
    text-align: center; /*! border-radius: 5px; */
    color: #ff5c00;
    font-size: 40px;
    background-image: none;
    background-color: #ddd;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}

.srllPho .btn i {
    display: table-cell;
    vertical-align: middle;
    padding: 0px;
}

.srllPho .btn.nt {
    left: auto;
    right: 0;
}

/*.srllPic .btn.next{transform:rotate(180deg);}*/
.srllPho .btn:hover, .srllPho .btn:hover i {
    color: #fff;
    background-color: #ff5c00;
}

.srllPho .swiper-button-disabled {
    opacity: .5;
}

/*.srllPic .btn:hover{ opacity: 1;}*/
.srllPho .gallery-top li a {
    height: 100%;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

/*==产品列表↓==*/
.product-list {
    margin: 0 0 -30px -20px
}

.product-list .one {
    display: flex;
    padding-left: 20px;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}

.product-list .one a {
    display: block;
}

.product-list .one .block {
    margin-left: 20px
}

.product-list .one .pic {
    float: left;
    width: 50%;
    border: 1px #ddd solid;
    background: #fff;
}

.product-list .one .pic img {
    max-height: 400px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-list .one .box {
    padding: 40px;
    width: 50%;
    float: right;
    background: #f6f6f6;
}

.product-list .one .pic, .product-list .one .box {
    flex: 1;
    vertical-align: top;
    float: none;
}

.product-list .one h4 {
    margin-bottom: 25px
}

.product-list .one h4 a {
    display: block;
    color: #090929;
    font-size: 35px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-list .one h5 {
    color: #333333;
    font-size: 18px;
    margin-bottom: 10px;
}

.product-list .one p {
    -webkit-line-clamp: 4;
    color: #666666;
    font-size: 14px;
    line-height: 26px;
}

.product-list .one .btn {
    display: inline-block;
    padding: 12px 30px;
    margin-top: 90px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
}

.product-list .one .more {
    color: #ff5c00;
    border: 1px solid #ff5c00;
}

.product-list .one .online {
    margin-left: 30px;
    background: #ff5c00;
}

.product-list .one h4:hover a {
    color: #ff5c00
}

.product-list .one .btn:hover {
    border-color: #555;
    color: #fff;
    background: #555
}

.product-list .two {
    float: left;
    width: 33.3%;
}

.product-list .two a {
    display: block;
    margin: 0 0 30px 20px;
    border: 1px #fff solid
}

.product-list .two .pic {
    /*padding-top: 60%;*/
    padding-top: 76%;
}

.product-list .two h4 {
    font-size: 16px;
    color: #666666;
    margin: 15px 0;
    text-align: center;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.product-list .two:hover h4 {
    color: #ff5c00
}

/*.product-list .two a {*/
/*    border-color: #ff5c00*/
/*}*/

.product-list .two:hover a {
    border-color: #ff5c00
}

/*==产品详情↓==*/
.ProductShow {
}

.ProductShow .top { /*padding:60px 0 120px 0; ;border-bottom:1px #ddd solid;background: #f5f5f5;*/
}

.ProductShow .top .left {
    width: 55%;
}

.ProductShow .top .right {
    width: 40%
}

.ProductShow .top .right .title {
    color: #191919;
    font-size: 30px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px #ddd solid;
}

.ProductShow .top .right .wx {
    padding: 20px;
    color: #666666;
    font-size: 14px;
    min-height: 100px;
    margin-bottom: 80px;
    line-height: 24px;
    -webkit-line-clamp: 7;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    background: #f2f2f2;
}

.ProductShow .top .right .parts {
    margin: -50px 0 35px 0;
    overflow: hidden;
}

.ProductShow .top .right .parts h3 {
    color: #333;
    font-size: 18px;
    margin-bottom: 15px;
}

.ProductShow .top .right .parts img {
    display: block;
    float: left;
    width: 17%;
    height: 80px;
    margin-right: 2%;
    border: 2px #ddd solid;
}

.ProductShow .top .right .parts img:hover {
    border-color: #666
}

.ProductShow .top .right .tel {
    display: block;
    color: #191919;
    font-size: 22px;
    margin-bottom: 50px;
    padding: 20px 0 20px 0px;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
}

.ProductShow .top .right .tel i {
    float: left;
    color: #666;
    font-size: 25px;
    margin-right: 15px;
}

.ProductShow .top .right .btn {
    float: left;
    padding: 8px 40px;
    color: #fff;
    font-size: 18px;
    margin-right: 20px;
    border-radius: 40px;
    background-color: #ff5c00;
}

.ProductShow .top .right .btn i {
    float: left;
    margin: 3px 10px 0 0px;
    color: #fff;
    font-size: 20px;
}

.ProductShow .top .right .online { /* padding-left:70px; */
}

.ProductShow .top .right .download {
    color: #4c4c4c;
    background: #fff;
}

.ProductShow .top .right .btn:hover {
    color: #fff;
    background-color: #333;
}

.ProductShow .con {
    margin-top: 70px
}

.ProductShow .con .tone {
    overflow: hidden;
    margin-bottom: 50px;
    border-bottom: 1px #ddd solid;
    text-align: center;
}

.ProductShow .con .tone li {
    position: relative;
    display: inline-block;
    margin: 0 20px 0 20px; /*! border-left:1px #ddd solid; */
    cursor: pointer;
}

.ProductShow .con .tone li a {
    display: block;
    color: #444444;
    font-size: 20px;
    padding: 0px 0px 20px 0;
}

.ProductShow .con .tone li a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    transition: transform .5s;
    transform: scale(0, 1);
    transform-origin: right;
    background: #ff5c00
}

.ProductShow .con .tone li.active a, .ProductShow .con .tone li:hover a {
    color: #ff5c00
}

.ProductShow .con .tone li.active a:after, .ProductShow .con .tone li:hover a:after {
    transform: scale(1);
    transform-origin: left;
}

.ProductShow .con .long {
    margin-bottom: 50px;
    padding-bottom: 40px;
    border-bottom: 1px #ddd solid
}

.ProductShow .con .title {
    position: relative;
    color: #333;
    font-size: 22px;
    margin-bottom: 30px;
    padding-left: 20px
}

.ProductShow .con .title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10%;
    width: 2px;
    height: 80%;
    background: #ff5c00;
}

.ProductShow .con .long:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px
}

.ProductShow .con .wx {
}

.ProductShow .con .wor {
    color: #393939;
    line-height: 24px;
    font-size: 15px;
}

/*==左右图片切换↓==*/
.srllOrso {
}

.srllOrso .leftPic {
    width: 80%;
    float: left;
    border: 2px #efefef solid;
    background: #fff;
}

.srllOrso .leftPic img {
    display: block;
    margin: auto;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.srllOrso .rightPic {
    width: 20%;
    float: right;
    padding-left: 15px;
}

.srllOrso .rightPic li {
    height: 20%;
    margin-bottom: 20px;
    border: 2px #efefef solid;
    cursor: pointer;
    background: #fff;
}

.srllOrso .rightPic li img {
    display: block;
    max-width: 100%;
    height: 100%;
    margin: auto
}

.srllOrso .rightPic li.swiper-slide-thumb-active {
    border-color: #ff5c00;
}

.srllOrso .leftPic, .srllOrso .rightPic {
    height: 520px;
}

.srllOrso .leftPic .look {
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    height: 40px;
    text-align: center;
    transform: translateY(40px);
    background: rgba(0, 0, 0, 0.5);
}

.srllOrso .leftPic .look i {
    margin-right: 10px;
    display: inline-block;
    font-size: 20px;
}

.srllOrso .leftPic:hover .look {
    opacity: 1;
    transform: translateY(0px);
}

.srllOrso .rightPic:hover .btn {
    opacity: 1 !important;
}

.srllOrso .btn {
    opacity: 0 !important;
    left: 15px;
    top: 0;
    right: 0;
    width: auto;
    height: auto;
    margin: 0px;
    color: #fff;
    font-size: 32px;
    padding: 5px 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
}

.srllOrso .btn.swiper-button-disabled {
    opacity: .9
}

.srllOrso .btn.nt {
    top: auto;
    bottom: 0;
}

.srllOrso .btn:hover {
    background: rgba(0, 0, 0, 0.7)
}

/*==新闻↓==*/
.NewsListBox {
    padding-bottom: 0 !important
}

.NewsListBox .up {
    margin-bottom: 90px;
}

.NewsListBox .up .more {
}

.NewsListBox .up .more {
    color: #fff;
    font-size: 12px;
    padding: 10px 30px;
    display: table;
    margin-top: 40px;
    background: #666;
}

.NewsListBox .up .more:before {
    content: "";
    float: right;
    width: 10px;
    height: 7px;
    margin: 6px 0 0 15px;
    background: url(/static/image/line03.png) no-repeat -10px 0;
    transition: all .4s ease-in-out;
}

.NewsListBox .up .more:hover {
    background: #ff5c00;
}

.NewsListBox .up .more:hover:before {
    transform: translateX(3px);
}

.NewsListBox .up .swiper-container:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: #009fe8;
}

.NewsListBox .up .spot {
    bottom: 0;
    display: table;
    width: 100%;
    left: 700px; /*! margin-left: 52px; */
    text-align: left;
    padding: 30px 35px 30px 50px;
    background: #01458F;
}

.NewsListBox .up .spot span {
    opacity: 1;
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.5);
    margin-right: 12px;
}

.NewsListBox .up .spot .swiper-pagination-bullet-active {
    background: #fff
}

.NewsListBox .up li {
    position: relative;
}

.NewsListBox .up li a {
    position: relative;
    display: block;
    height: 450px;
    padding: 50px 50px 50px 750px;
    background: #f2f2f2;
}

.NewsListBox .up li .pic {
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    width: 700px;
    height: 100%;
}

.NewsListBox .up li .pic img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.NewsListBox .up li .box { /*! text-align: center; */
    float: left;
    width: 100%;
    height: 100%;
}

.NewsListBox .up li .box h4 {
    width: 100%;
    font-size: 24px;
    color: #191919; /*! font-weight: bold; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.NewsListBox .up li .box .time {
    position: relative;
    display: block;
    color: #999;
    font-size: 12px;
    margin-top: 20px;
}

.NewsListBox .up li .box .time:before {
    content: "";
    float: left;
    margin: 10px 20px 0 0;
    width: 40px;
    height: 1px;
    background: #ccc
}

.NewsListBox .up li .box p {
    -webkit-line-clamp: 4;
    font-size: 14px;
    color: #464646;
    margin-top: 30px;
    line-height: 24px;
}

.NewsListBox .up li:hover h4 {
    color: #ff5c00
}

.NewsListBox .shell {
    padding: 70px 0 50px 0;
    background-color: #f3f3f3;
    overflow: hidden;
}

.NewsListBox .shell ul {
    margin: 0 0 -30px -30px;
}

.NewsListBox .shell li {
    float: left;
    width: 33.3%;
}

.NewsListBox .shell li a {
    position: relative;
    display: block;
    margin: 0 0 30px 30px;
    padding: 30px;
    overflow: hidden;
    background-color: #fff;
}

.NewsListBox .shell li a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 3px;
    width: 0;
    transition: all .5s;
    background-color: #ff5c00;
}

.NewsListBox .shell li a h4 {
    width: 100%;
    font-size: 16px;
    color: #191919;
    margin-top: 30px;;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .4s;
}

.NewsListBox .shell li a .txt {
    -webkit-line-clamp: 2;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-top: 15px; /*! overflow: hidden; */
    margin-bottom: 15px;
}

.NewsListBox .shell li a .pic {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 70%;
    overflow: hidden;
}

.NewsListBox .shell li a .pic img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all .4s;
    top: 0;
    left: 0
}

.NewsListBox .shell li a .time {
    float: left;
    margin-right: 20px;
    display: block;
    font-size: 12px;
    color: #999999;
}

.NewsListBox .shell .more {
    float: left;
    color: #999;
    font-size: 12px;
    padding: 0 0px;
    display: block;
}

.NewsListBox .shell .more:before {
    content: "";
    float: right;
    width: 10px;
    height: 7px;
    margin: 6px 0 0 10px;
    background: url(/static/image/line02.png) no-repeat -10px 0px;
    transition: all .4s ease-in-out;
}

.NewsListBox .shell li:hover a {
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.08);
}

.NewsListBox .shell li:hover a {
    transform: scale(1.02);
}

.NewsListBox .shell li:hover a:after {
    width: 100%;
}

.NewsListBox .shell li:hover a h4 {
    color: #ff5c00
}

.NewsListBox .shell li:hover .more {
    color: #f60
}

.NewsListBox .shell li:hover .more:before {
    background-position: 0 0
}

/*==新闻详细页↓==*/
.NewsDetailBox {
}

.NewsDetailBox .titleTop {
    text-align: center;
    padding: 0 0 50px 0;
    margin: 0 0 60px 0;
    border-bottom: 1px #ddd solid
}

.NewsDetailBox .tit {
    color: #000000;
    font-size: 30px;
}

.NewsDetailBox .msg {
    margin-top: 10px;
    color: #a7a7a7;
    font-size: 14px;
}

.NewsDetailBox .msg *, .NewsDetailBox .msg span, .NewsDetailBox .msg a {
    color: #a7a7a7;
    font-size: 14px;
}

.NewsDetailBox .msg span {
    margin: 0 5px;
}

.NewsDetailBox .msg a:hover, .NewsDetailBox .msg .active {
    color: #FF6600
}

.NewsDetailBox .msg .active {
    font-weight: bold;
}

.NewsDetailBox .share {
    height: 60px;
    border-top: 1px #aaa dotted;
    padding: 20px 0;
    margin-top: 60px;
    overflow: hidden;
}

.NewsDetailBox .share .bshare-custom {
    float: left;
}

.NewsDetailBox .share .time {
    float: left;
    margin-left: 50px;
    color: #a7a7a7;
    font-size: 14px;
    display: block;
}

.NewsDetailBox .share .return {
    float: right;
    color: #fff;
    font-size: 14px;
    padding: 10px 20px 10px 38px;
    margin-top: -10px;
    background-color: #d2d2d2;
    background-image: url(/static/image/line202.png);
    background-position: 12px 15px;
    background-repeat: no-repeat;
}

.NewsDetailBox .share .return:hover {
    background-color: #ff5c00
}

.NewsDetailBox .pagIng {
    border-top: 1px #aaa dotted;
    border-bottom: 1px #aaa dotted;
    padding: 15px 0;
    overflow: hidden;
}

.NewsDetailBox .pagIng span {
    display: inline-block;
    color: #888888;
    font-size: 14px;
}

.NewsDetailBox .pagIng span a {
    color: #888888;
    font-size: 14px;
}

.NewsDetailBox .pagIng span a:hover {
    color: #ff5c00
}

.NewsDetailBox .pagIng .prev {
    float: left
}

.NewsDetailBox .pagIng .next {
    float: right
}

.NewsDetailBox .relevant {
    margin-top: 60px
}

.NewsDetailBox .relevant .tit {
    color: #333;
    font-size: 22px;
}

.NewsDetailBox .relevant .list {
    margin-top: 20px;
}

.NewsDetailBox .relevant .list li {
    float: left;
    width: 45%;
    margin: 8px 0% 8px 0;
}

.NewsDetailBox .relevant .list li:nth-of-type(even) {
    float: right;
}

.NewsDetailBox .relevant .list li .time {
    float: right;
    color: #858585;
    font-size: 14px;
}

.NewsDetailBox .relevant .list li a {
    display: block;
    color: #858585;
    font-size: 14px;
    padding-left: 15px;
    background: url(/static/image/arrow_02.png) no-repeat left;
    transition: all .4s ease-in-out;
}

.NewsDetailBox .relevant .list li:hover a {
    color: #ff5c00
}

/*==联系我们↓==*/
.ContactInner {
    padding-bottom: 0px !important
}

.ContactInner .mode {
    position: relative;
}

.ContactInner .mode .long {
    position: relative;
    width: 100%;
    display: table;
}

.ContactInner .mode:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 150%;
    background: url(/static/image/ContactBg.jpg) no-repeat center;
    background-size: cover;
}

.ContactInner .mode .left, .ContactInner .mode .right {
    display: table-cell;
}

.ContactInner .mode .right {
    width: 65%;
    vertical-align: bottom;
}

.ContactInner .mode .right img {
    display: block;
    max-width: 100%;
}

.ContactInner .mode .left {
}

.ContactInner .mode .left .title {
    color: #333333;
    font-size: 26px;
}

.ContactInner .mode .left .tel {
    position: relative;
    margin-top: 25px;
    color: #333333;
    font-size: 14px;
    display: block;
}

.ContactInner .mode .left .tel:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 32px;
    width: 30px;
    height: 3px;
    background: #ff5c00;
}

.ContactInner .mode .left .tel font {
    margin-top: 30px;
    font-size: 30px;
    color: #ff5c00;
    display: block;
    font-weight: bold;
}

.ContactInner .mode .left .wx {
    margin-top: 30px;
    color: #333333;
    font-size: 14px;
    display: block;
    line-height: 26px;
}

.ContactInner .mode .left .add2 {
    margin-top: 30px;
    color: #333333;
    font-size: 14px;
    display: block;
}

.ContactInner .mode .left .add2 font {
    font-size: 22px;
    color: #333;
    display: block;
    margin-bottom: 10px;
}

.ContactInner .mode .left .ewm {
    position: relative;
    float: left;
    color: #666666;
    font-size: 12px;
    text-align: center;
    display: block;
    line-height: 15px;
    margin-right: 80px;
}

.ContactInner .long .left .ewm:after {
    position: absolute;
    content: "";
    position: absolute;
    right: -50px;
    top: 20%;
    width: 1px;
    height: 60%;
    border-right: 1px #bbb dashed
}

.ContactInner .mode .left .ewm img {
    display: block;
    margin: 0 auto 5px;
}

.ContactInner .mode .left .online {
    color: #fff;
    margin: 20px 0 0 0px;
    font-size: 14px;
    padding: 12px 50px;
    background: #ff5c00;
    display: table;
    border-radius: 20px;
    text-align: center;
}

.ContactInner .mode .left .online:hover {
    background: #666;
}

.ContactInner .agency {
}

.ContactInner .agency .container {
    padding-top: 80px;
    border-top: 1px solid #ddd;
}

.ContactInner .agency .title {
    margin-bottom: 40px;
    color: #191919;
    font-size: 30px;
}

.ContactInner .agency ul {
    margin: 0 0% -1% -1%;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
}

.ContactInner .agency ul li {
    float: left;
    width: 32.3%;
    margin: 0% 0% 1% 1%;
    padding: 30px;
    border: 1px solid #ddd; /* box-shadow: 0 0 10px #e8e8e8; */
}

.ContactInner .agency ul h4 {
    position: relative;
    color: #333;
    font-size: 18px;
    margin-bottom: 20px;
    padding-left: 15px;
}

.ContactInner .agency ul h4:before {
    content: "";
    position: absolute;
    left: 0;
    top: 20%;
    height: 60%;
    width: 3px;
    background: #ff5c00;
}

.ContactInner .agency ul .wx {
    display: block;
    color: #666;
    font-size: 14px !important;
    line-height: 26px;
}

.ContactInner .agency ul li:hover {
    transform: translateY(-5px);
    box-shadow: 0 0 10px #ddd
}

.ContactInner .agency ul li:hover h4 {
    color: #ff5c00
}

.ContactInner .map { /* margin-top:70px */
}

.ContactInner .map #dituContent {
    height: 500px;
}

/*==留言通用↓==*/
.MessageCon {
    background: url(/static/image/MessageBg.jpg) no-repeat center;
    background-size: cover;
}

.MessageCon .long {
    padding: 80px;
    background: #fff;
}

.MessageCon .title {
    margin-bottom: 40px;
    overflow: hidden;
}

.MessageCon .title h2 {
    float: left;
    color: #191919;
    font-size: 24px;
}

.MessageCon .title .tel {
    float: right;
    margin-top: 25px;
    color: #333333;
    font-size: 26px; /*font-weight: bold;*/
}

.MessageCon .title .tel em {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    color: #333;
    font-size: 25px;
    font-weight: 400;
    font-family: "iconfont";
}

.MessageCon input {
    position: relative;
    float: left;
    width: 49.5%;
    margin-bottom: 1%
}

.MessageCon .block:nth-child(2n+1) {
    margin-left: 1%;
}

.MessageCon input, .MessageCon textarea {
    padding: 15px 20px 15px 45px;
    border: 1px #ddd solid;
    background-repeat: no-repeat;
    background-position: 15px 17px;
}

.MessageCon textarea {
    width: 100%;
    height: 120px;
}

.MessageCon button {
    width: 25%;
    margin-top: 20px;
    padding: 16px 0;
    border: none;
    color: #fff;
    font-size: 14px;
    background: #666;
}

.MessageCon button:hover {
    background: #ff5c00
}

.MessageCon .x1 {
    background-image: url(/static/image/ico201.png);
}

.MessageCon .x2 {
    background-image: url(/static/image/ico202.png);
}

.MessageCon .x3 {
    background-image: url(/static/image/ico203.png);
}

.MessageCon .x4 {
    background-image: url(/static/image/ico204.png);
}

.MessageCon .x5 {
    background-image: url(/static/image/ico205.png);
}

/*==list-box 图片款 久↓==*/
.list-box {
    margin: 0 0 -10px -10px
}

.list-box li {
    float: left;
    width: 25%;
}

.list-box li img {
    max-width: 100%;
    width: 100%;
}

.list-box li a {
    display: block;
    margin: 0 0 10px 10px
}

.list-box li .pic {
    border: 1px #eee solid;
    background: #f9f9f9;
}

.list-box li:hover .pic {
    border: 1px #0054b4 solid;
}

.list-box li h4 {
    color: #666;
    font-size: 15px;
    text-align: center;
    padding: 12px 0;
}

.list-box li:hover h4 {
    color: #0054b4;
}

.list-box.lx5 li {
    width: 20%;
}

/*==解决方案↓==*/
.ApplyInner {
}

.ApplyInner .list {
    margin-bottom: -40px
}

.ApplyInner .list li {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    clear: both;
    overflow: hidden;
    z-index: 2;
}

.ApplyInner .list .box {
    float: right;
    padding: 50px;
    width: 33%;
    margin: 70px;
    background: #fff;
}

.ApplyInner .list li:nth-child(2n) .box {
    float: left
}

.ApplyInner .list h3 {
    color: #191919;
    font-size: 36px;
    margin-bottom: 40px;
}

.ApplyInner .list span {
    display: block;
    color: #999;
    font-size: 14px;
}

.ApplyInner .list hr {
    display: block;
    margin: 10px 0 0 0;
    width: 10px;
    height: 2px;
    border: none;
    background: #ff5c00;
}

.ApplyInner .list p {
    color: #191919;
    font-size: 14px;
    margin-bottom: 30px;
    line-height: 24px
}

.ApplyInner .list p:last-child {
    margin-bottom: 0px;
}

.ApplyInner .list p b {
    display: block;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.ApplyInner .list .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.ApplyInner .list .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ApplyInner .list li:hover .box {
    box-shadow: 0 0 10px #333;
    transform: translateY(-10px);
    background: #ff5c00
}

.ApplyInner .list li:hover .box * {
    color: #fff
}

.ApplyInner .list li:hover .box hr {
    background: #fff
}

/*==关于我们↓==*/
.AboutInner {
    padding-bottom: 0px !important
}

.AboutInner .cooperate {
    background: url(/static/image/cooperateBg.jpg) no-repeat center;
    background-size: cover;
}

.AboutInner .cooperate .pic img {
    width: 100%
}

.AboutInner .cooperate a:after {
    opacity: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ff5c00;
}

.AboutInner .cooperate h4 {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin: auto;
    height: fit-content;
    text-align: center;
    color: #fff;
    font-size: 18px;
    transform: translateY(-10px);
}

.AboutInner .cooperate li:hover h4 {
    opacity: 1;
    transform: translateY(0px);
}

.AboutInner .cooperate li:hover a:after {
    opacity: 0.8
}

.AboutInner .cooperate .spot {
    position: initial;
    margin-top: 40px
}

.AboutInner .cooperate .spot span {
    opacity: 1;
    width: 12px;
    height: 12px;
    margin: 0 8px;
    background: #fff;
}

.AboutInner .cooperate .spot span.swiper-pagination-bullet-active {
    background: #ff5c00;
}

.AboutInner .culture {
    background: url(/static/image/MessageBg.jpg) no-repeat center;
    background-size: cover;
}

.AboutInner .culture .left {
    width: 50%
}

.AboutInner .culture ul {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
}

.AboutInner .culture li {
    float: left;
    width: 50%;
    padding-right: 100px;
    margin-bottom: 50px
}

.AboutInner .culture li h4 {
    color: #333333;
    font-size: 26px;
    margin-bottom: 15px;
    font-family: Arial;
}

.AboutInner .culture li p {
    color: #666666;
    font-size: 15px;
    line-height: 22px;
}

.AboutInner .culture .right {
    width: 45%;
}

.AboutInner .culture .right img {
    display: block;
    max-width: 100%
}

.AboutInner .team { /*background: #f0f0f0;*/
}

.AboutInner .team .list {
}

.AboutInner .team .list li h4 {
    color: #303030;
    font-size: 16px;
    margin-top: 20px;
}

.AboutInner .team .list li img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.AboutInner .team .list li:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}

.AboutInner .team .list li:hover h4 {
    color: #ff5c00
}

/*==简介通用↓==*/
.introduceCon {
}

.introduceCon .left {
    position: relative;
    width: 50%;
}

.introduceCon .left img {
    max-width: 100%;
    width: 100%;
}

.introduceCon .left em {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -70px;
    display: block;
    color: #fff;
    font-size: 25px;
    border: 2px #fff solid;
    border-radius: 40px;
    padding: 10px 55px;
    font-family: "iconfont";
}

.introduceCon .left:hover em {
    border-color: #000;
    background: #000;
}

.introduceCon .right {
    width: 45%
}

.introduceCon .right .title {
    color: #191919;
    font-size: 40px;
    margin-bottom: 30px;
}

.introduceCon .right .tit {
    color: #ff5c00;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 25px;
}

.introduceCon .right .wx {
    color: #666666;
    font-size: 14px;
    line-height: 26px;
}

.introduceCon .right .moreBtn {
    margin-top: 60px;
}

.introduceCon .digital {
    margin-top: 80px;
    padding: 50px 0;
    border-bottom: 1px #ddd solid;
    border-top: 1px #ddd solid;
}

.introduceCon .digital li {
    border-right: 1px #ddd dashed
}

.introduceCon .digital li:last-child {
    border: none
}

.introduceCon .digital li span {
    color: #333
}

.introduceCon .digital li font {
    color: #999
}

.introduceCon .digital li h5 {
    color: #999
}

/*==荣誉资质通用↓==*/
.honorCon {
    background: url(/static/image/bg05.jpg);
}

.honorCon .long {
    position: relative;
}

.honorCon li {
}

.honorCon .list li .pic {
    height: 310px;
    padding: 30px !important;
    background: #fff url(/static/image/honorBg.png) no-repeat center;
    background-size: contain;
}

.honorCon li h4 {
    color: #333333;
    font-size: 16px;
    margin-top: 20px;
    text-align: center;
}

.honorCon li:hover h4 {
    color: #ff5c00
}

.honorCon .btn {
    left: -25px;
    width: 50px;
    height: 50px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 32px;
    background: #666;
}

.honorCon .btn.next {
    left: auto;
    right: -25px;
}

.honorCon .btn:hover {
    background: #ff5c00;
}

/*==公司环境列表↓==*/
.ambient-list {
    margin: 0 0px -20px -20px;
}

.ambient-list li {
    float: left;
    width: 25%;
}

.ambient-list li a {
    display: block;
    margin: 0 0px 20px 20px;
}

.ambient-list li h4 {
    color: #333333;
    font-size: 16px;
    margin-top: 15px;
}

.ambient-list li:hover h4 {
    color: #ff5c00
}

/*==底部===*/
.footer {
    padding: 70px 0 30px 0;
    background: #050519;
    overflow: hidden;
}

.footer .left {
    width: 60%;
}

.footer .left .wx {
    color: #999999;
    font-size: 13px;
    line-height: 30px;
    float: left;
}

.footer .left .wx a {
    color: #999999;
    font-size: 13px;
}

.footer .left .wx a:hover {
    color: #fff
}

.footer .nav {
    position: relative;
    margin-bottom: 30px;
    width: 100%;
}

.footer .nav li {
    float: left;
    position: relative;
}

.footer .nav li:before {
    content: "";
    position: absolute;
    right: 25px;
    top: 20%;
    width: 1px;
    height: 50%;
}

.footer .nav li:last-child:before {
    display: none
}

.footer .nav li a {
    display: block;
    color: #fff;
    font-size: 16px;
    margin: 0 20px 10px 0;
}

.footer .nav li a:hover {
    color: #ddd
}

.footer .ewm {
}

.footer .ewm span {
    display: block;
    float: left;
    margin-left: 10px;
    padding: 10px;
    color: #7b7b7b;
    font-size: 12px;
    text-align: center;
    background: #fff;
}

.footer .ewm img {
    display: block;
    margin-bottom: 2px;
    max-width: 120px;
}

.footer .link {
    margin-top: 50px;
    padding-top: 30px;
    position: relative;
}

.footer .link:after {
    content: "";
    position: absolute;
    left: 0%;
    top: 0;
    width: 100%;
    height: 1px;
    background: #1e1e30;
}

.footer .link h3 {
    color: #cfcfcf;
    font-size: 13px;
    float: left;
}

.footer .link h3 font {
    color: #a8a8a8;
    margin-left: 5px;
}

.footer .link a {
    color: #666;
    font-size: 13px;
    display: inline-block;
    padding: 0 15px;
    font-size: 12px;
    line-height: 9px;
    border-right: 1px #999 dotted;
}

.footer .link a:last-child {
    border: none;
}

.footer a:hover {
    color: #fff
}

.foofix {
    display: none;
    position: fixed;
    bottom: 0;
    height: 50px;
    width: 100%;
    text-align: center;
    background: #333;
}

.foofix a {
    flex: 1;
    color: #fff;
    font-size: 14px;
    padding: 15px;
    border-right: 1px #999 solid;
}

.foofix a:last-child {
    border-right: 0px;
}

.foofix a:nth-child(2n) {
}

.foofix a i {
    margin-right: 5px;
}