body{
    min-width:1280px;
}
.mCSB_inside>.mCSB_container {
    margin-right: 25px;
}

.imgScale {
    transition: transform 400ms ease-in-out;
}

.imgScale:hover {
    transform: scale(1.2);
}

.layer-wrapper {
    width: 1280px;
    margin: 0 auto;
}

.morelist {
    display: block;
    width: 238px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-top: 1px solid #101b44;
    border-bottom: 1px solid #101b44;
    color: #101b44;
    margin: 100px auto 0 auto;
    cursor: pointer;
    position: relative;
    clear: both;
}

.morelist:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #101b44;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 400ms ease-in-out;
}

.morelist:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #101b44;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 400ms ease-in-out;
}

.morelist:hover:before,
.morelist:hover:after {
    transform: scale(1);
}

.morelist-white {
    border-color: #fff;
    color: #fff;
}

.morelist-white:before,
.morelist-white:after {
    background-color: #fff;
}

.swiper-slide-active .animation {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* banner */
.bannerIn {
    position: relative;
	overflow:hidden;
}

.bannerIn .pre-swiper {
    width: 60px;
    height: 60px;
    background: url(../images/arrow-left.png) no-repeat center center;
    position: absolute;
    left: 170px;
    top: 300px;
    cursor: pointer;
    background-color:#fff;
    border-radius: 100%;
}

.bannerIn .next-swiper {
    width: 60px;
    height: 60px;
    background: url(../images/arrow-right.png) no-repeat center center;
    position: absolute;
    right: 170px;
    top: 300px;
    cursor: pointer;
    background-color:#fff;
    border-radius: 100%;
}

.bannerIn .pagination {
    position: absolute;
    width: 100%;
    bottom: 100px;
    text-align: center;
    font-size: 0;
    line-height: 0;
}

.inner-banner .bannerIn .pagination {
    bottom: 30px;
}

.bannerIn .pagination .swiper-pagination-switch {
    display: inline-block;
    vertical-align: middle;
    height: 2px;
    width: 44px;
    background-color: #fff;
    opacity: 0.2;
}

.bannerIn .pagination .swiper-active-switch {
    background-color: #0789d4;
    opacity: 1;
}

.mode-banner {
    width: 100%;
    position: relative;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

.mode-banner .mode-inner {
    display: inline-block;
    position: relative;
    left: 50%;
}

.mode-banner .mode-inner img {
    max-width: inherit;
}

.mode-banner .mode-inner .banner-cnt {
    display: inline-block;
    height: auto;
    position: relative;
    left: -50%;
}

.mode-banner .mode-inner img{
    /*height:660px;*/
}
.bannerIn .context {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 90px;
    z-index: 3;
    line-height: 1;
}

.bannerIn .context .mod-td h4 {
    font-size: 50px;
    color: #fff;
    font-weight: normal;
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
    text-align: right;
    transition: all 1s ease-in-out;
    transform: translateY(-100px);
    opacity: 0;
}

.bannerIn .context .mod-td h6 {
    font-size: 18px;
    line-height: 32px;
    font-weight: normal;
    color: #fff;
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
    text-align: right;
    margin-top: 30px;
    transition: all 1s ease-in-out;
    transform: translateY(100px);
    opacity: 0;

}

.bannerIn .context .mod-td h3 {
    color: #fff;
    font-size: 50px;
    font-weight: normal;
    text-align: center;
    transition: all 1s ease-in-out;
    transform: translateY(-100px);
    opacity: 0;
}

.bannerIn .context .mod-td .button {
    display: block;
    width: 158px;
    line-height: 48px;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin: 0 auto;
    margin-top: 65px;
    cursor: pointer;
    transition: all 1s ease-in-out;
    transform: translateY(100px);
    opacity: 0;
}

.bannerIn .swiper-slide-active .context .mod-td h3,
.bannerIn .swiper-slide-active .context .mod-td h4 {
    transform: translateY(0);
    opacity: 1;
}

.bannerIn .swiper-slide-active .context .mod-td .button,
.bannerIn .swiper-slide-active .context .mod-td h6 {
    transform: translateY(0);
    opacity: 1;
}

.index-banner .mode-banner .mode-inner .banner-cnt:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    /* background: url(../images/banner_bg.png) no-repeat center center; */
    /* background-size: cover; */
}
.index-banner .slide1 .mode-banner .mode-inner .banner-cnt:after{
	display:none;
}
.solve-content p,.solve-content p span,.solve-content p em,.solve-content p font,.solve-content p div{
    font-size:18px !important;
    line-height:30px !important;
    margin:0 auto !important;
}
.solve-content  img{
    max-width:100% !important;
    height:auto !important;
}
.article-content p,.article-content p span,.article-content p em,.article-content p font,.article-content p div{
    font-size:18px !important;
    line-height: 30px !important;
}
.article-content img{
    max-width:100% !important;
    height:auto !important;
    margin:0 auto;
}

.newsInfo .content p,.newsInfo .content p span,.newsInfo .content p em,.newsInfo .content p font,.newsInfo .content p div{
    font-size:18px !important;
    line-height: 30px !important;
}
.newsInfo .content img{
    max-width:100% !important;
    height:auto !important;
    margin:0 auto;
}

.com-tit {
    margin: 60px 0 40px 0;
    position: relative;
}

.com-tit h3 {
    font-size: 42px;
    font-weight: normal;
    text-align: center;
    line-height: 1;
}

.com-tit span {
    font-size: 42px;
    color: #000;
    line-height: 1;
    border-left: 5px solid #0789d4;
    display: block;
    padding-left: 25px;
}

.com-tit .list {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 42px;
}

.com-tit .list li {
    float: left;
    font-size: 16px;
    padding: 0 25px;
    border-left: 1px solid #efefef;
}

.com-tit .list li a {
    display: block;
}

.com-tit .list li.cr a {
    color: #0789d4;
}

.innerMenu {
    margin: 50px 0;
    position: relative;
}

.innerMenu .navstit {
    font-size: 42px;
    color: #000;
    line-height: 1;
    border-left: 5px solid #0789d4;
    display: block;
    padding-left: 25px;
}

.innerMenu .list {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 42px;
}

.innerMenu .list li {
    float: left;
    font-size: 16px;
    padding: 0 25px;
    border-left: 1px solid #efefef;
}

.innerMenu .list li a {
    display: block;
}

.innerMenu .list li.cr a {
    color: #0789d4;
}

.product-swiper {
    width: 100%;
    position: relative;
}

.product-swiper .swiper {
    overflow: hidden;
}

.product-swiper .swiper-container2 {
    overflow: hidden;
    margin-right: -15px;
}

.product-swiper .swiper-container2 .swiper-slide {
    padding: 5px 20px 5px 5px;
    box-sizing: border-box;
    width: 33.3333%;
}

.product-swiper .swiper-container2 .swiper-slide .box {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
}

.product-swiper .swiper-container2 .swiper-slide .pic {
    display: block;
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
}

.product-swiper .swiper-container2 .swiper-slide .pic img {
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
}

.product-swiper .swiper-container2 .swiper-slide .box .content {
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
}

.product-swiper .swiper-container2 .swiper-slide .box .content h2 {
    font-size: 32px;
    color: #000;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 40px 0 20px 0;
}
.transport-solution{ position: relative;}
.product-swiper .swiper-container2 .swiper-slide .box .content span {
    display: block;
    font-size: 18px;
    color: #202d59;
}

.product-swiper .preButton,.product-swiper2 .preButton {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    left: -30px;
    background: url(../images/arrow-left.png) no-repeat center center;
    z-index: 10;
    background-color: #fff;
    border-radius: 100%;
}

.product-swiper .nextButton,.product-swiper2 .nextButton {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    right: -30px;
    background: url(../images/arrow-right.png) no-repeat center center;
    z-index: 10;
    background-color: #fff;
    border-radius: 100%;
}


/* 解决方案 */
.solution {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.solution .left-td {
    display: table-cell;
    width: 35.546875%;
}

.solution .right-td {
    display: table-cell;
    position: relative;
}

.solution .right-td .absolute {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.solution .right-td .top {
    height: 48.4375%;
    width: 100%;
    overflow: hidden;
}

.solution .right-td .bottom {
    width: 100%;
    height: 51.5625%;
    overflow: hidden;
}

.solution .right-td .top .left {
    float: left;
    width: 44.8484%;
    height: 100%;
    overflow: hidden;
}

.solution .right-td .top .right {
    overflow: hidden;
    height: 100%;
}
.solution .right-td .bottom .pic img{
    position: absolute;
}
.solution img {
    display: block;
    width: 100%;
    height: 100%;
    transition: transform 400ms ease-in-out;
}

.solution .pic {
    display: block;
    position: relative;
    overflow: hidden;
    height:100%;
}

.solution .pic:hover img {
    transform: scale(1.2);
}

.solution .pic:after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    background-color: #123179;
    opacity: 0.3;
    transition: opacity 400ms ease-in-out;
}

.solution .pic:hover:after {
    opacity: 0;
}

.solution .pic .con {
    position: absolute;
    right: 40px;
    bottom: 40px;
    z-index: 2;
    padding-bottom: 20px;
    padding-left: 75px;
}

.solution .pic .con1 {
    background: url(../images/solution_1.png) no-repeat left center;
}

.solution .pic .con2 {
    background: url(../images/solution_2.png) no-repeat left center;
}

.solution .pic .con3 {
    background: url(../images/solution_3.png) no-repeat left center;
}

.solution .pic .con4 {
    background: url(../images/solution_4.png) no-repeat left center;
}

.solution .pic .con:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 2px;
    width: 70px;
    background-color: #fff;
}

.solution .pic .con h3 {
    color: #fff;
    font-size: 30px;
    font-weight: normal;
    line-height: 1;
}

.solution .left-td img {
    width: 100%;
    height: auto;
}

/* 新闻活动 */
.index-news .hotNews {
    float: left;
    width: 830px;
}

.index-news .hotNews .pic {
    float: left;
    overflow: hidden;
}

.index-news .hotNews .pic img {
    display: block;
    width: 460px;
    height: 510px;
}

.index-news .hotNews .con {
    float: none;
    overflow: hidden;
    padding: 40px;
    height: 430px;
    box-shadow: 0 0 70px rgba(0, 0, 0, 0.07);
}

.index-news .hotNews .con .title {
    font-size: 30px;
    line-height: 42px;
    display: block;
}

.index-news .hotNews .con .time {
    font-size: 14px;
    color: #202d59;
    display: block;
    margin-top: 20px;
}

.index-news .hotNews .con .desc {
    font-size: 18px;
    color: #202d59;
    line-height: 32px;
    margin-top: 30px;
}

.index-news .hotNews .con .detail {
    font-size: 14px;
    color: #000;
    margin-top: 40px;
    display: block;
}

.index-news .newNews {
    float: right;
    width: 370px;
}

.index-news .newNews .core {
    position: relative;
}

.index-news .newNews .core+.core {
    margin-top: 50px;
}

.index-news .newNews .core .pic {
    display: block;
    overflow: hidden;
}

.index-news .newNews .core .pic img {
    display: block;
    width: 370px;
    height: 230px;
}

.index-news .newNews .core .time {
    position: absolute;
    right: 0;
    top: -30px;
    color: #202d59;
}

.index-news .newNews .core .time:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: 1px;
    background-color: #000;
    margin-right: 15px;
}

.index-news .newNews .core .con {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.7);
}

.index-news .newNews .core .con a {
    display: block;
    font-size: 20px;
    line-height: 34px;
    margin: 0 60px;
}

.follow {
    margin-top: 60px;
    text-align: justify;
    text-align-last: justify;
    text-justify: distribute-all-lines;
    font-size: 0;
    line-height: 0;
    padding: 20px 0;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.follow:after {
    content: '.';
    width: 100%;
    display: inline-block;
    overflow: hidden;
    height: 0;
}

.follow .left {
    display: inline-block;
    vertical-align: middle;
}

.follow .right {
    display: inline-block;
    vertical-align: middle;
}

.follow .left .tit {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #202d59;
    line-height: 1;
}

.follow .left ul {
    display: inline-block;
    vertical-align: middle;
}

.follow .left ul li {
    margin-left: 25px;
    display: inline-block;
    vertical-align: middle;
}

.follow .left ul li a {
    display: block;
}

.follow .right a {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #202d59;
    line-height: 30px;
    padding-left: 45px;
}

.follow .right a.store {
    background: url(../images/icon_01.png) no-repeat left center;
    margin-right: 90px;
}

.follow .right a.video {
    background: url(../images/icon_02.png) no-repeat left center;
}

.page-bottom {
    margin-top: 60px;
}

.page-bottom .ewm {
    float: left;
    width: 220px;
}

.page-bottom .bottom-nav {
    float: none;
    overflow: hidden;
    text-align: justify;
    text-align-last: justify;
    text-justify: distribute-all-lines;
}

.page-bottom .bottom-nav:after {
    content: '.';
    width: 100%;
    display: inline-block;
    overflow: hidden;
    height: 0;
}

.page-bottom .bottom-nav .core {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    text-align-last: left;
    padding-left: 20px;
    border-left: 1px solid #ededed;
    min-height: 206px;
}

.page-bottom .bottom-nav .core .tit {
    font-size: 20px;
    color: #202d59;
    margin-bottom: 10px;
}

.page-bottom .bottom-nav .core ul li a {
    display: block;
    font-size: 16px;
    color: #202d59;
    line-height: 34px;
}

.footer {
    background-color: #202d59;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 30px 0;
    margin-top: 50px;
}

/* 内页banner */
.inner-banner .mode-banner .mode-inner .banner-cnt:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /* background-color: rgba(16, 27, 68, 0.4); */
}

.play-case {
    padding-bottom: 100px;
    background: url(../images/casebg.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
}

.lc {
    border-bottom: 1px solid #e9e9e9;
}

.lc ul {
    overflow: hidden;
}

.lc ul li {
    float: left;
    font-size: 18px;
    color: #000;
    font-weight: bold;
    padding: 20px 0;
    overflow: hidden;
}

.lc ul li a {
    position: relative;
    display: block;
    padding-right: 24px;
    cursor: pointer;
    color: #aaaaaa;
}

.lc ul li a:after {
    content: ">";
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    text-align: center;
}

.play-case .lc {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.play-case .lc ul li {
    color: #fff;
}

.play-case .lc ul li a {
    color: #fff;
}

.case-list {
    margin-top: 60px;
}

.case-list .core .biaoti {
    font-size: 32px;
    color: #fff;
    line-height: 1;
    padding-left: 25px;
    border-left: 5px solid #fff;
    margin: 40px 0 30px 0;
}

.case-list .core .pic {
    float: left;
    overflow: hidden;
    width:850px;
    position: relative;
}
.case-list .core .pic  img{
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
}
.case-list .core .pic  video{
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    object-fit: contain;
}
.case-list .core .pic a {
    display: block;
    overflow: hidden;
    padding-top:64.7058%;
    width:100%;
}

.case-list .core .pic a:after {
    position: absolute;
    content: "";
    width: 70px;
    height: 70px;
    background: url(../images/playbtn2.png) no-repeat center center;
    left: 50%;
    top: 50%;
    margin-top: -35px;
    margin-left: -35px;
    cursor: pointer;
    display:none;
}

.case-list .right .pic {
    float: right;
}

.case-list .core .con {
    float: none;
    overflow: hidden;
    color: #fff;
    height: 550px;
    padding-left: 60px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.case-list .right .con {
    padding-left: 0;
    padding-right: 60px;
}

.case-list .core .con .title {
    font-size: 50px;
    display: block;
    font-weight: bold;
    line-height: 60px;
    margin-bottom: 10px;
}

.case-list .core .con .num {
    font-size: 18px;
    line-height: 1;
}

.case-list .core .con .desc {
    font-size: 22px;
    line-height: 34px;
    margin-top: 50px;
}

.case-list .core .morelist {
    margin: inherit;
    margin-top: 40px;
}

.product-good {
    margin-right: -40px;
    margin-top: 100px;
}

.product-good .core {
    float: left;
    width: 400px;
    margin-right: 40px;
    text-align: center;
    overflow:hidden;
}
.product-good .core .wrap{
    width:100%;
    padding-top:100%;
    background-color: #2a3865;
    border-radius: 70px;
    position: relative;
}
.product-good .core .wrap .inner{
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
}

.product-good .core a{
    display:block;
}
.product-good .core img {
    margin: 0 auto;
}

.product-good .core .text {
    display: block;
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    margin-top: 40px;
}

.media-news {
    overflow: hidden;
    background-color: #eff0f2;
    padding: 100px 0;
}

.media-news-list {
    margin-right: -40px;
}

.media-news-list .core {
    float: left;
    width: 400px;
    margin-right: 40px;
}

.media-news-list .core .pic a {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 62.5%;
    overflow: hidden;
}

.media-news-list .core .pic img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.media-news-list .core .con {
    background-color: #fff;
    padding: 35px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);
}

.media-news-list .core .con .title {
    display: block;
    font-size: 32px;
    line-height: 42px;
    height: 126px;
    overflow: hidden;
    font-weight: bold;
    margin-bottom: 15px;
}

.media-news-list .core .con .desc {
    font-size: 18px;
    color: #202d59;
    line-height: 32px;
    height: 96px;
    overflow: hidden;
}

.media-news-list .core .con .more {
    display: block;
    margin-top: 35px;
}

.play-team {
    background: url(../images/askbg.jpg) no-repeat center center;
    background-size: cover;
    padding: 85px 0;
}

.play-team .team {
    float: left;
    position: relative;
}

.play-team .ask {
    float: right;
    position: relative;
}

.play-team .ask .pic,
.play-team .team .pic {
    opacity: 0.9;
}

.play-team .ask .con,
.play-team .team .con {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 50px 0 0 40px;
    color: #fff;
}

.play-team .ask .con .title,
.play-team .team .con .title {
    font-size: 32px;
    font-weight: bold;
}

.play-team .ask .con .desc,
.play-team .team .con .desc {
    font-size: 18px;
    line-height: 28px;
    width: 280px;
    max-width: 100%;
    margin-top: 20px;
}

.play-team .morelist {
    width: 138px;
    margin: inherit;
    margin-top: 50px;
}

.transport-page {
    background: url(../images/transportbg.png) no-repeat bottom center;
    padding-bottom: 40px;
}

.transport-page .product-swiper {
    margin-top: 60px;
}

.transport-page .video-container {
    overflow: hidden;
    margin-top: 60px;
}

.transport-page .video-swiper {
    width: 1000px;
    margin: 0 auto;
}

.transport-page .video-swiper .swiper-slide {
    overflow: hidden;
    position: relative;
    width:1000px;
    height:454px;
}
.transport-page .video-swiper .swiper-slide .pic{
    width:100%;
    height:100%;
}
.transport-page .video-swiper .swiper-slide .pic img{
    width:100%;
    height:100%;
}
.transport-page .video-swiper .swiper-slide .table {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
}

.play-btn {
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
}

.play-btn img {
    position: relative;
    z-index: 3;
}

.play-btn:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: #3389f1;
    opacity: 0;
    *display: none;
    display: none\0;
}

.play-btn:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background-color: #3389f1;
    opacity: 0;
    *display: none;
    display: none\0;
}

.play-btn:hover:before {
    animation: sunny2 .8s ease-in-out forwards;
    -webkit-animation: sunny2 .8s ease-in-out forwards;
}

.play-btn:hover:after {
    animation: sunny2 .8s, 0.4s ease-in-out forwards;
    -webkit-animation: sunny2 .8s, 0.4s ease-in-out forwards;
}

.transport-page .video-swiper .swiper-slide .table .efy {
    margin: 0 auto;
    margin-bottom: 40px;
    transform: translateY(-100px);
    opacity: 0;
    transition: all 400ms ease 200ms;
}

.transport-page .video-swiper .swiper-slide .table .desc {
    font-size: 30px;
    color: #fff;
    margin-top: 20px;
}

.transport-page .video-swiper .swiper-slide .table .box {
    transform: translateY(100px);
    opacity: 0;
    transition: all 400ms ease 200ms;
}

.transport-page .video-swiper .swiper-slide-active .table .efy,
.transport-page .video-swiper .swiper-slide-active .table .box {
    transform: translateY(0);
    opacity: 1;
}

.transport-solution {
    margin-top: 110px; 
}
.swiper-container20{overflow: hidden;}
.transport-solution .core {
    display: block;
    float: left;
/* */   width: 50%;
    position: relative;
}

.transport-solution .core .pic {
    overflow: hidden;
}
.transport-solution .core .pic img{
    width:640px;
    height:320px;
}
.transport-solution .core .mod-table {
    position: absolute;
    right: 0;
    bottom: 20px;
	height: auto;
    background-color: rgba(0, 72, 158, 0.6);
    width: auto;
}

.transport-solution .core .mod-table .mod-td {
    padding: 20px 20px 20px 43px;
    position: relative;
}

.transport-solution .core .mod-table .mod-td:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 20px;
    bottom: 20px;
    width: 3px;
    background-color: rgba(255, 255, 255, 0.6);
}

.transport-solution .core .mod-table h3 {
    color: #fff;
    font-size: 32px;
    line-height: 1;
    margin-bottom: 15px;
}

.transport-solution .core .mod-table .desc {
    font-size: 18px;
    color: #fff;
}

.control-page {
    background: url(../images/controlbg.png) no-repeat bottom center #f7f8f5;
    padding-bottom: 70px;
}

.fkxt-banner .pagination .swiper-active-switch {
    background-color: #82cd00;
}

.fkxt-banner .mode-banner .mode-inner .banner-cnt:after {
    background-color: rgba(02, 02, 02, 0.2);
}

.control-swiper {
    margin-top: 60px;
}

.control-swiper+.control-swiper {
    margin-top: 40px;
}

.control-swiper .swiper-container2 .swiper-slide .box {
    border: 4px solid #fff;
    transition: all 300ms ease-in-out;
}

.control-swiper .swiper-container2 .swiper-slide .box:hover {
    border-color: #bce27a;
}

.swiper-case {
    width: 1010px;
    max-width: 100%;
    margin: 0 auto;
}
.swiper-case .swiper-slide{
    width:990px;
    height:500px;
    overflow:hidden;
}
.swiper-case .swiper-slide .text {
    text-align: center;
    font-size: 18px;
    color: #202d59;
    font-weight: bold;
    padding-top: 20px;
    display: block;
}

.swiper-case .swiper-slide .video {
    margin: 0 10px;
    height:100%;
    background-color: #000;
}

.swiper-case .swiper-slide .video .wrap {
    display: block;
    position: relative;
    opacity: 0.4;
    transition: opacity 400ms ease;
    height:100%;
}
.swiper-case .swiper-slide .video .wrap > img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.swiper-case .swiper-slide-active .video .wrap {
    opacity: 1;
}

.swiper-case .swiper-slide .video .wrap .table-wrap {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    color: #fff;
}

.swiper-case .efy {
    margin: 0 auto;
    margin-bottom: 40px;
    transform: translateY(-100px);
    opacity: 0;
    transition: all 400ms ease 200ms;
}

.swiper-case .box {
    transform: translateY(100px);
    opacity: 0;
    transition: all 400ms ease 200ms;
}

/* .swiper-case .play-btn{
    width:70px;
    height:70px;
    margin:0 auto;
} */
.swiper-case .play-btn:before,
.swiper-case .play-btn:after {
    background-color: #26ff68;
}

.swiper-case .desc {
    font-size: 30px;
    margin-top: 30px;
}

.swiper-case .swiper-slide-active .efy,
.swiper-case .swiper-slide-active .box {
    opacity: 1;
    transform: translateY(0);
}


.control-page .com-tit span {
    border-color: #82cd00;
}

.pagination2 {
    text-align: center;
    font-size: 0;
    line-height: 0;
    margin-top: 50px;
}

.pagination2 .swiper-pagination-switch {
    display: inline-block;
    vertical-align: middle;
    height: 5px;
    width: 44px;
    background-color: #d8d8d6;
    cursor: pointer;
}

.pagination2 .swiper-active-switch {
    background-color: #0789d4;
    opacity: 1;
}

.control-page .pagination2 .swiper-active-switch {
    background-color: #82cd00;
}
.control-solution{ position: relative;}
.control-solution .core {
    position: relative;
    display: block;
    overflow: hidden;
	float: left;
}
.control-solution .core img{
    width:630px;
    height:330px;
    object-fit: cover;
}
.control-solution .core1 {
    float: left;
}

.control-solution .core2 {
/*    float: right;*/
}

.control-solution .core .con {
    position: absolute;
    right: 50px;
    bottom: 40px;
    padding-bottom: 20px;
    padding-left: 90px;
}

.control-solution .core .con h3 {
    font-size: 30px;
    color: #fff;
    font-weight: normal;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.control-solution .core .con:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 2px;
    width: 70px;
    background-color: #fff;
}

.control-solution .core1 .con {
    background: url(../images/solution_5.png) no-repeat left top;
}

.control-solution .core2 .con {
    background: url(../images/solution_6.png) no-repeat left top;
}

.control-download {
    margin-right: -25px;
}

.control-download+.morelist {
    margin-top: 40px;
}

.control-download .core {
    float: left;
    width: 410px;
    margin-right: 25px;
    margin-bottom: 20px;
    background-color: #fff;
}

.control-download .core .inner {
    border: 1px solid #e6e6e6;
    padding: 20px 0 20px 20px;
}

.control-download .core .text {
    float: left;
    width: 304px;
    height: 60px;
    border-right: 1px solid #e6e6e6;
}

.control-download .core .text .mod-td {
    font-size: 22px;
}

.control-download .core .down {
    display: block;
    float: none;
    overflow: hidden;
    height: 60px;
    background: url(../images/downicon.png) no-repeat center center;
    cursor: pointer;
}

.mapping-page {
    background: url(../images/mountain.jpg) no-repeat bottom -85px center;
}

.mapping-page .product-swiper {
    margin-top: 60px;
}

.mapping-solution {
    margin-top: 70px; position: relative;
}

.mapping-solution .core {
    display: block;
    width: 50%;
    float: left;
    overflow: hidden;
    position: relative;
}
.mapping-solution .core .pic{
	width:100%;
	padding-top:76.5626%;
	object-fit:cover;
	position:relative;
}

.mapping-solution .core .pic img{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
.mapping-solution .core .table {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #fff;
}

.mapping-solution .core .table .box {
    width: 423px;
    height: 225px;
    border: 3px solid #fff;
    margin: 0 auto;
    text-align: center;
}

.mapping-solution .core .table .box h2 {
    font-size: 50px;
    color: #fff;
	text-shadow:0 0 5px rgba(0,0,0,0.4);
}

.mapping-solution .core .table .box h2:after {
    content: "";
    display: block;
    width: 70px;
    height: 2px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 5px;
}

.mapping-solution .core .table .box .desc {
    font-size: 22px;
    margin-top: 25px;
	text-shadow:0 0 5px rgba(0,0,0,0.3);
}

.mapping-case-swiper {
    overflow: hidden;
}

.mapping-case-swiper .swiper-slide {
    background-color: #e0e9ec;
}

.mapping-case-swiper .pic {
    width: 870px;
    overflow: hidden;
}
.mapping-case-swiper .pic .img{
	width:100%;
	padding-top:56.3218%;
	position:relative;
}
.mapping-case-swiper .pic .img img{
	position:absolute;
	width:100%;
	heigth:100%;
	left:0;
	top:0;
}
.mapping-case-swiper .text {
    padding: 0 25px;
}

.mapping-case-swiper .text h2 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 10px;
}

.mapping-case-swiper .text .desc {
    font-size: 22px;
    line-height: 34px;
    color: #202d59;
    margin-top: 50px;
}

.mapping-case-swiper .text .list {
    font-size: 18px;
    color: #202d59;
}

.mapping-case-swiper .text .list span {
    padding-right: 15px;
}

.plan-home-list {
    margin-right: -20px;
    margin-top: 60px;
}

.plan-home-list .core {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.plan-home-list .core a {
    display: block;
}

.plan-home-list .core .text {
    position: absolute;
    font-size: 30px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    color: #fff;
    right: 40px;
    bottom: 30px;
    text-align: right;
}
.plan-solution{ position: relative;}
.plan-solution .core {
    display: block;
    float: left;
    overflow: hidden;
    width: 50%;
    position: relative;
    height:500px;
}
.plan-solution .core img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.plan-solution .core .table {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
}

.plan-solution .core .table .mod-td {
    vertical-align: bottom;
    padding-bottom: 70px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.plan-solution .core .table h2 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 20px;
}

.plan-solution .core .table .desc {
    font-size: 22px;
    color: #fff;
}

.contact-us {
    text-align: justify;
    text-align-last: justify;
}

.contact-us:after {
    content: "";
    display: inline-block;
    width: 100%;
    font-size: 0;
    line-height: 0;
}

.contact-us .core {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    text-align-last: center;
}

.contact-us .core .pic {
    margin-bottom: 35px;
}

.contact-us .core img {
    margin: 0 auto;
    transition: transform 500ms ease-in-out;
}

.contact-us .core .tit {
    font-size: 20px;
    margin-bottom: 10px;
}

.contact-us .core .title {
    font-size: 24px;
    color: #202d59;
}

.contact-us .core .title em {
    font-size: 32px;
}

.contact-us .core:hover img {
    transform: rotateZ(360deg);
}

/*关于我们*/
.H50 {
    height: 50px;
}

.mod-about {}

.mod-about .item-pic {
    float: left;
    margin-right: 60px;
    position: relative;
    overflow: hidden;
}

.mod-about .item-cell {}

.mod-about .item-cnt {
    width: 640px;
    float: left;
}

.mod-about .item-pic {}

.mod-about .item-pic img {
    height: auto;
    width: auto;
}

.mod-about .item-pic span {
    display: block;
    padding: 20px 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(13, 107, 177, 0.6);
    color: #fff;
    font-size: 32px;
    font-weight: bold;
}

.mod-about .item-tit * {
    font-size: 32px;
    font-weight: bold;
}

.mod-about .item-tit {
    margin-bottom: 25px;
}

.mod-about .item-cnt .item-desc * {
    color: #202d59;
    font-size: 18px;
    line-height: 35px;
}

.mod-about .item-cnt .item-desc ul {
    margin-top: 32px;
}

.mod-about .item-cnt .item-desc ul li {
    padding-left: 25px;
    position: relative;
}

.mod-about .item-cnt .item-desc ul li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #202d59;
    display: block;
}

.coms-tits {
    font-size: 42px;
    padding-left: 30px;
    font-weight: bold;
    position: relative;
}

.coms-tits:after {
    background: #0789d4;
    left: 0;
    top: 11px;
    content: "";
    width: 5px;
    height: 37px;
    display: block;
    position: absolute;
}

.personer-wrap {
    margin-right: -70px;
}

.personer-wrap .item-cell {
    width: 240px;
    margin-right: 70px;
    margin-left: 70px;
    float: left;
    text-align: center;
    margin-top: 25px;
}

.personer-wrap .item-1 {
    width: 430px;
    margin: 0 80px 0 80px;
    padding-top: 135px;
}

.personer-wrap .item-cnt {}

.personer-wrap .item-pic {}

.personer-wrap .item-pic img {
    height: auto;
    width: auto;
    display: inline-block;
}

.personer-wrap .item-tit *,
.personer-wrap .item-tit {
    font-size: 32px;
    font-weight: bold;
}

.personer-wrap .item-tit {
    margin-top: 20px;
    margin-bottom: 10px;
}

.personer-wrap .item-desc2 *,
.personer-wrap .item-desc2 {
    font-size: 20px;
    color: #202d59;
}

.personer-wrap .item-desc2 {
    margin-bottom: 20px;
}

.personer-wrap .item-cell .item-desc *,
.personer-wrap .item-cell .item-desc {
    color: #202d59;
    font-size: 18px;
    line-height: 160%;
}

.personer-wrap .item-1 .item-desc *,
.personer-wrap .item-1 .item-desc {
    font-size: 18px;
    color: #202d59;
    font-weight: bold;
    line-height: 36px;
	text-align:left;
}

/*荣誉资质*/
.hornor-wrap {}

.hornor-wrap .item-cell {}

.hornor-wrap .item-cnt {
    float: left;
    width: 640px;
    height: 489px;
    padding: 40px 45px 45px 45px;
    box-sizing: border-box;
    background: url(../images/hor_bg1.jpg) no-repeat;
}

.hornor-wrap .item-pic {
    width: 640px;
    float: left;
    overflow: hidden;
}

.hornor-wrap .item-pic img {
    height: auto;
    width: auto;
}

.hornor-wrap .item-tit *,
.hornor-wrap .item-tit {
    font-size: 28px;
    color: #fff;
    font-weight: bold;
}

.hornor-wrap .item-tit {
    margin-bottom: 30px;
}

.H40 {
    height: 40px;
}

.hornor-wrap .item-tit span {
    font-size: 50px;
    display: inline-block;
    padding: 0 5px;
}

.hornor-wrap .item-desc,
.hornor-wrap .item-desc * {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}

.hornor-wrap .item-desc {}

.hornor-wrap .item-desc ul li {
    position: relative;
}

.hornor-wrap .item-desc ul li {
    padding-left: 25px;
    position: relative;
}

.hornor-wrap .item-desc ul li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #fff;
    display: block;
}

.hornor-wrap .item-desc ul li.nlast:after {
    display: none;
}

.hornor-list {
    background: #e9f1fe;
    padding: 50px;
    margin-top: 10px;
    overflow: hidden;
    text-align: center;
}

.hornor-list .item-pic {
    padding: 0 25px;
    margin-top: 40px;
    display: inline-block;
}

/*新闻与活动*/
.mod-news-1 {
    float: left;
    margin-right: 80px;
    width: 830px;
}

.mod-news-1 .item-cell {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.06);
    width: 830px;
    height: 510px;
}

.mod-news-1 .item-pic {
    width: 460px;
    float: left;
}

.mod-news-1 .item-cnt {
    box-sizing: border-box;
    float: left;
    padding: 40px;
    width: 370px;
}

.mod-news-1 .item-tit,
.mod-news-1 .item-tit * {
    font-size: 30px;
}

.mod-news-1 .item-tit {
    margin-bottom: 20px;
}

.mod-news-1 .item-data {
    font-size: 14px;
    margin-bottom: 30px;
    font-family: arial;
}

.mod-news-1 .item-desc {
    font-size: 18px;
    line-height: 32px;
    color: #202d59;
    margin-bottom: 35px;
}

.mod-news-1 .item-mores span {
    color: #202d59;
}

.mod-news-2 {
    float: left;
    width: 370px;
    margin-top: -25px;
}

.mod-news-2 .item-cell {
    position: relative;
    margin-bottom: 20px;
}

.mod-news-2 .item-cnt {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}

.mod-news-2 .item-pic {
    position: relative;
}

.mod-news-2 .item-pic img {
    height: auto;
    width: auto;
}

.mod-news-2 .item-tit * {
    font-size: 20px;
    color: #fff;
}

.mod-news-2 .item-tit {
    padding: 0 20px 0 70px;
    width: 220px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: table;
    line-height: 34px;
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
}

.mod-news-2 .item-tit * {
    display: table-cell;
    vertical-align: middle;
}

.mod-news-2 .item-data {
    color: #202d59;
    font-family: arial;
    font-size: 14px;
    text-align: right;
    padding-bottom: 8px;
}

.mod-news-2 .item-data:before {
    content: "";
    border-bottom: 1px solid #000000;
    width: 36px;
    display: inline-block;
    height: 1px;
    margin-right: 10px;
    position: relative;
    top: -5px;
}



/*解决方案*/
.scene {
    background: url(../images/pz_banner.jpg) center 0 no-repeat;
    height: 550px;
    padding: 1px 25px 0 25px;
    box-sizing: border-box;
}

.scen-left {
    float: left;
    width: 40%;
}

.scene-tits {
    background: url(../images/icon_img.png) 0 center no-repeat;
    font-size: 32px;
    padding-left: 60px;
    line-height: 50px;
    background-size: contain;
    margin: 50px 0 30px 0;
}
.scene-tits *{
    font-size: 32px !important; 
    line-height: 50px !important;
}
.scene-pic {
    float: left;
    width: 60%;
    height: 100%;
}

.scene-pic img {
    margin: 0 auto;
}

.scene-txts {
    color: #202d59;
    line-height: 35px;
    font-size: 18px;
    margin: 30px 60px 0 60px;
}

.mods-scene * {
    display: inline-block;
    font-size: 18px;
    text-align: center;
    color: #202d59;
}

.mods-scene {
    margin-left: 45px;
}

.mods-scene .item-cell {
    display: inline-block;
    margin: 0 45px;
}

.mods-scene {
    margin-top: 50px;
    margin-bottom: 50px;
}

.mods-scene .item-cell img {
    width: 120px;
    height: 120px;
    border-radius: 120px;
    box-shadow: -8px 0 8px rgba(0, 0, 0, 0.06), 8px 0 8px rgba(0, 0, 0, 0.06), 0 -8px 8px rgba(255, 255, 255, 0.06), 0 8px 8px rgba(0, 0, 0, 0.06);
    vertical-align: middle;
    margin-right: 32px;
}

.mods-scene2 * {
    font-size: 18px;
    text-align: center;
    color: #202d59;
}

.mods-scene2 {
    margin-left: 45px;
    overflow: hidden;
}

.mods-scene2 .item-cell {
    display: inline-block;
    width: 20%;
    float: left;
}

.mods-scene2 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.mods-scene2 .item-cell img {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    border-radius: 160px;
    box-shadow: -8px 0 8px rgba(0, 0, 0, 0.06), 8px 0 8px rgba(0, 0, 0, 0.06), 0 -8px 8px rgba(255, 255, 255, 0.06), 0 8px 8px rgba(0, 0, 0, 0.06);
    vertical-align: middle;
    margin-bottom: 20px;
}

.mods-scene3 {
    margin-bottom: 20px;
}

.mods-scene3 .item-cell {
    width: 33.3%;
    margin-bottom: 40px;
}

/* 新闻列表 */
.newslist .core {
    padding: 40px 0;
    border-bottom: 1px dashed #e3e3e3;
}

.newslist .core:hover {
    background-color: #e9f1fe;
}

.newslist .core .pic {
    float: left;
    position: relative;
    width: 280px;
}

.newslist .core .pic a {
    display: block;
    overflow: hidden;
    width: 100%;
}

.newslist .core .pic img {
    display: block;
}

.newslist .core .con {
    float: none;
    overflow: hidden;
    padding-left: 40px;
}

.newslist .core .title {
    display: block;
    font-size: 32px;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newslist .core .time {
    font-size: 14px;
    color: #202d59;
}

.newslist .core .desc {
    font-size: 18px;
    color: #202d59;
    line-height: 30px;
    margin-top: 20px;
    height: 60px;
    overflow: hidden;
}

.newslist .core .detail {
    display: block;
    font-size: 14px;
    color: #000;
    margin-top: 30px;
}

.newsInfo .content h6 {
    color: #000;
    font-size: 22px;
    text-align: center;
    margin-bottom: 25px;
}

/*-----新闻最终-----*/
.newsInfo {
    max-width: 100%;
    margin: 40px auto;
}

.newsInfo .title {
    font-size: 32px;
    text-align: center;
    color: #000;
    padding-bottom: 5px;
    line-height: 140%;
}

.newsInfo .source {
    border-bottom: 1px solid #ededed;
}

.newsInfo .source ul {
    text-align: center;
}

.newsInfo .source li {
    display: inline;
    padding: 0 15px;
    line-height: 50px;
    color: #333;
    font-size: 14px;
}

.newsInfo .source li span {
    color: #666;
}

.newsInfo .content {
    margin: 10px 0 0 0;
    min-height: 100px;
}

.newsInfo .content p,
.newsInfo .content * {
    font-size: 18px;
    line-height: 35px;
    color: #202d59;
}

.newsInfo .content p {
    font-size: 18px;
    line-height: 35px;
}

.newsInfo .content img {
    margin: 0 auto;
}

.relnews {
    border-top: 1px solid #e2e2e2;
    padding-top: 20px;
    margin-top: 30px;
}

.relnews * {
    font-size: 16px;
    color: #333;
}

.relnews a:hover {
    color: #95262a;
}

.per-news {
    padding-bottom: 15px;
}

.article-content .title {
    font-size: 42px;
    text-align: center;
    margin: 40px 0;
}

.service-con {
    padding-left: 60px;
    font-size: 18px;
    line-height: 35px;
    color: #202d59;
    margin: 30px 0 50px 0;
}

.service-line {
    color: #202d59;
    line-height: 58px;
    text-align: center;
}

.service-line .hotline {
    font-size: 32px;
    display: inline-block;
    padding-left: 90px;
    background: url(../images/telphone2.png) no-repeat left center;
    background-size: contain;
}

.service-line .hotline span {
    padding-left: 30px;
}

.product-info .swiper {
    float: left;
    width: 700px;
    overflow: hidden;
    position: relative;
}

.product-info .swiper .product-images {
    width: 580px;
    margin: 0 auto;
    overflow: hidden;
}

.product-info .swiper .product-images .swiper-slide {
    width: 580px;
}

.product-info .swiper .product-images .swiper-slide .box {
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.product-info .swiper .product-images .swiper-slide .box .pic {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display:flex;
    align-items: center;
}

.product-info .swiper .preButton {
    width: 44px;
    height: 44px;
    background: url(../images/product-info-prebutton.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -22px;
}

.product-info .swiper .nextButton {
    width: 44px;
    height: 44px;
    background: url(../images/product-info-nextbutton.png) no-repeat center center;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -22px;
}

.product-info .product {
    float: none;
    overflow: hidden;
    height: 580px;
    padding-left: 90px;
}

.controlinfo-page .product {
    padding-left: 0;
}

.product-info .product .title {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 10px;
}

.product-info .product .type {
    font-size: 24px;
    color: #202d59;
}

.product-info .product .special {
    max-height: 300px;
    overflow: hidden;
    font-size: 18px;
    color: #202d59;
    line-height: 30px;
    margin-top: 45px;
}

.controlinfo-page .product .special {
    max-height: 220px;
    margin-bottom: 20px;
}

.product-info .product .special .tit {
    font-size: 18px;
    color: #202d59;
    font-weight: bold;
}

.product-info .product .special .desc {
    font-size: 18px;
}

.product-info .product .link-list ul {
    overflow: hidden;
}

.product-info .product .link-list ul li {
    float: left;
    margin-right: 10px;
}

.product-info .product .link-list ul li a {
    display: block;
    padding: 0 20px;
    border: 1px solid #e6e6e6;
    line-height: 53px;
    font-size: 16px;
    font-weight: bold;
    color: #055ea2;
    cursor: pointer;
}

.product-info .product .link-list ul li a span {
    display: block;
    padding-left: 18px;
    background: url(../images/arrow.png) no-repeat left center;
}

.product-intro {
    margin-top: 40px;
}

.product-intro .tab-head ul {
    float: none;
    overflow: hidden;
}

.product-intro .tab-head ul li {
    float: left;
    text-align: center;
    margin-right: 15px;
    font-size: 18px;
    position: relative;
}

.product-intro .tab-head ul li span {
    display: block;
    border: 1px solid #e6e6e6;
    height: 53px;
    line-height: 53px;
    padding: 0 15px;
}

.product-intro .tab-head ul li.active span {
    border-bottom-color: #055ea2;
}

.product-intro .tab-head ul li:after {
    position: absolute;
    height: 2px;
    content: "";
    width: 100%;
    left: 0;
    bottom: 1px;
    background-color: #055ea2;
    display: none;
}

.product-intro .tab-head ul li.active:after {
    display: block;
}

.product-intro .tab-info {
    margin-top: 40px;
    font-size: 18px;
    color: #202d59 !important;
    line-height: 36px;
}

.product-intro .tab-info * {
    font-size: inherit;
}

.product-intro .content_body p,.product-intro .content_body p span,.product-intro .content_body p em,.product-intro .content_body p font,.product-intro .content_body p div{
    font-size:18px !important;
    line-height: 30px !important;
}
.product-intro .content_body img{
    max-width:100% !important;
    height:auto !important;
    margin:0 auto;
}

.product-intro table *,.product-intro .content_subbody p,.product-intro .content_subbody p span,.product-intro .content_subbody p em,.product-intro .content_subbody p font,.product-intro .content_subbody p div{
    font-size:18px !important;
    line-height: 30px !important;
}
.product-intro .content_subbody img{
    max-width:100% !important;
    height:auto !important;
    margin:0 auto;
}

.product-intro table {
    width: 100%;
    border-left: 1px solid #d5e5ff;
    border-top: 1px solid #d5e5ff;
    text-align: left;
    line-height: 30px;
    table-layout: fixed;
}

.product-intro table td {
    border-right: 1px solid #d5e5ff;
    border-bottom: 1px solid #d5e5ff;
    font-size: 18px;
    padding: 15px;
}

.product-intro table thead td {
    background-color: #055ea2;
    color: #fff;
}

.product-intro table tbody td {
    color: #202d59;
}

.product-intro table tbody tr:nth-child(even) td {
    background-color: #f6f9ff;
}

.product-intro table tbody tr:nth-child(odd) td {
    background-color: #e9f1fe;
}

.product-intro .tab-info .product-swiper .swiper-container2 .swiper-slide {
    width: 25%;
    display: block;
    float: left;
    margin-bottom: 15px;
}

.product-intro .tab-info .product-swiper .swiper-container2 .swiper-slide .box .content h2 {
    font-size: 20px;
    margin: 30px 0 10px 0;
}

.product-intro .tab-info .product-swiper .swiper-container2 .swiper-slide .box .content span {
    font-size: 14px;
}


.controlinfo-page .product-intro table {
    border-color: #d9e0ce;
}

.controlinfo-page .product-intro table tbody tr td {
    border-color: #d9e0ce;
    background-color: #f5f7f3;
}

.controlinfo-page .product-intro table tbody tr td.tit {
    background-color: #e9ede4;
    text-align: right;
    width: 20%;
}

.productlist-page {
    background-color: #f7f8f5;
    padding-bottom: 40px;
}

.common-page {
    margin-top: 30px;
}

.common-page .slidenav {
    float: left;
    width: 285px;
    background-color: #fff;
    min-height: 400px;
}

.common-page .slidenav .inner-navlefts {
    padding: 30px;
}

.common-page .slidenav .navstit {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 10px;
}

.common-page .slidenav li {
    font-size: 16px;
    line-height: 30px;
    padding: 5px 0;
}

.common-page .slidenav li.cr {
    font-weight: bold;
    color: #000;
}

.common-page .slidenav li.cr:after {
    content: "\e67a";
    display: inline;
    padding-left: 10px;
    font-family: "iconfont" !important;
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.common-page .content-wrap {
    float: none;
    overflow: hidden;
    padding-left: 30px;
}

.product-list {
    margin-top: 0;
}

.product-list .swiper-wrapper {
    white-space: normal;
}

.product-list .swiper-container2 .swiper-slide {
    margin-bottom: 20px;
}

.product-list .swiper-container2 .swiper-slide .box .content h2 {
    font-size: 26px;
    margin: 30px 0 10px 0;
}

.product-list .swiper-container2 .swiper-slide .box .content span {
    font-size: 16px;
}

.concat-page {
    background-color: #f8f8f8;
    padding: 50px 0;
}

.concat-page .core .title {
    font-size: 22px;
    color: #202d59;
    margin-bottom: 15px;
}

.concat-page .core {
    font-size: 16px;
    line-height: 32px;
    color: #202d59;
    margin-bottom: 30px;
}

.concat-page .core textarea {
    width: 100%;
    max-width: 800px;
    display: block;
    box-sizing: border-box;
    border: 1px solid #f0f0f0;
    height: 200px;
    padding: 5px;
}

.concat-page .core .button {
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    width: 100px;
    text-align: center;
    margin-top: 10px;
    background-color: #0789d4;
    color: #fff;
}

.anchor {
    position: absolute;
    margin-top: -80px;
    display: block;
}

.anchor:after {
    content: "";
    display: block;
}

.video-list {
    margin-right: -32px;
}

.video-list .core {
    float: left;
    width: 50%;
}

.video-list .core .con {
    padding-right: 32px;
}

.video-list .core .con a.pic {
    display: block;
    width: 100%;
    padding-top: 51.9231%;
    position: relative;
    overflow: hidden;
}

.video-list .core .con img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

.video-list .core .con .text .title {
    display: block;
    font-size: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px 0;
}

.video-list .core .con .text .time {
    color: #212c5a;
    font-family: Arial, Helvetica, sans-serif;
}

.video-center .morelist {
    margin-top: 50px;
}

.video-center {
    padding-bottom: 50px;
    background: url(../images/video-center-bg.jpg) no-repeat center bottom;
    background-size: cover;
    overflow: hidden;
}

.source-case {
    margin-right: -19px;
}

.source-case .core {
    float: left;
    margin-right: 19px;
    width: 414px;
}

.source-case .core .con {
    width: 100%;
    padding-top: 62.8019%;
    position: relative;
    overflow: hidden;
}

.source-case .core .con img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    transition: transform 400ms ease;
}

.source-case .core .con .text {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    color: #fff;
    text-align: center;
    background: url(../images/shuiyin.png) no-repeat center center rgba(0, 0, 0, .5);
    opacity: 0;
    transition: opacity 400ms ease;
}

.source-case .core .con .text .mod-td {
    font-size: 24px;
}

.source-case .core .con:hover .text {
    opacity: 1;
}

.source-case .core .con:hover img {
    transform: scale(1.1)
}

.form-panel {
    max-width: 880px;
    padding-left: 30px;
}

.form-panel .list .core {
    margin-bottom: 30px;
}

.form-panel .list .tit {
    font-size: 16px;
    color: #000;
    line-height: 1;
    margin-bottom: 20px;
}

.form-panel .list .tit.required:after {
    content: "*";
    display: inline;
    padding-left: 5px;
    vertical-align: middle;
}

.form-panel .list .inpbox {
    background-color: #f1f2f6;
    padding-left: 24px;
    height: 48px;
}

.form-panel .list .vercode {
    display: flex;
    align-items: center;
}

.form-panel .list .vercode .inpbox {
    margin-right: 10px;
}

.form-panel .list .inpbox.textarea {
    height: auto;
    padding: 15px 24px;
}

.form-panel .list .inpbox .form-control {
    width: 100%;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    height: 100%;
    outline: none;
    font-size: 16px;
}

.form-panel .submit {
    width: 142px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #0789d4;
    color: #fff;
    font-size: 16px;
    margin-top: 50px;
}

.plan-solve2-page .list {
    margin-right: -80px;
    margin-top: 80px;
}

.plan-solve2-page .list .core {
    float: left;
    width: 600px;
    margin-right: 80px;
    margin-bottom: 80px;
}

.plan-solve2-page .list .core .pic {
    width: 100%;
    padding-top: 50%;
    position: relative;
    display: block;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);
    overflow: hidden;
}

.plan-solve2-page .list .core .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.plan-solve2-page .list .core .text {
    font-size: 22px;
    color: #202d59;
    margin-top: 30px;
}

.plan-solve1-page .list {
    text-align: justify;
    text-align-last: justify;
    margin: 80px 100px 0 100px;
}

.plan-solve1-page .list:after {
    display: inline-block;
    width: 100%;
    content: "";
}

.plan-solve1-page .list .core {
    display: inline-block;
    vertical-align: top;
}

.plan-solve1-page .list .core img {
    width: 156px;
    height: 156px;
    margin: 0 auto;
    border-radius: 100%;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);
}

.plan-solve1-page .list .core .text {
    text-align: center;
    text-align-last: center;
}

.plan-solve1-page .list .core .text h4 {
    font-size: 18px;
    color: #202d59;
    margin: 20px 0;
}

.plan-solve1-page .list .core .text ul li {
    color: #202d59;
    font-size: 18px;
    line-height: 35px;
}

.solve-content {
    margin-top: 30px;
}

.solve-content img {
    margin: 0 auto;
}


.video-page .video-list {
    margin-top: 40px;
}

.video-page .video-list {
    margin-right: -20px;
}

.video-page .video-list .core {
    width: 33.3333%;
    margin-bottom: 30px;
}

.video-page .video-list .core .con {
    padding-right: 20px;
}


.control-terminal-page {
    background-color: #f8f9f6;
}

.control-terminal-page .section {
    padding: 60px 0;
}

.control-terminal-page .section img {
    margin: 0 auto;
}

.control-terminal-page .section+.section {
    border-top: 1px dashed #cacdd3;
}

.control-terminal-page .context {
    padding-left: 80px;
}

.control-terminal-page .rightImg {
    float: right;
    margin-top: -130px;
}

.control-terminal-page .context h2 {
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 35px;
}

.control-terminal-page .context ul li {
    font-size: 18px;
    color: #202d59;
    line-height: 35px;
}

.control-cloud-page .section {
    padding: 60px 0;
}

.control-cloud-page .section img {
    margin: 0 auto;
}

.control-cloud-page .section+.section {
    border-top: 1px dashed #cacdd3;
}

.control-cloud-page .section .scene-tits {
    margin-top: 0;
}

.control-cloud-page .section .swiper-case {
    width: 100%;
    text-align: center;
}

.control-cloud-page .section .swiper-case .swiper-slide .video {
    margin: 0;
}

.control-cloud-page .section .solution-wrap {
    margin-right: -60px;
}

.control-cloud-page .section .solution-wrap .core {
    margin-right: 60px;
    width: 610px;
    float: left;
}

.control-cloud-page .section .solution-wrap .core .pic {
    width: 100%;
    padding-top: 54.0983%;
    position: relative;
}

.control-cloud-page .section .solution-wrap .core .pic a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.control-cloud-page .section .solution-wrap .core .pic img {
    width: 100%;
    height: 100%;
}

.control-cloud-page .section .solution-wrap .core .text {
    text-align: center;
    font-size: 30px;
    color: #202d59;
    position: relative;
    line-height: 1;
    margin-top: 40px;
    padding-bottom: 22px;
}

.control-cloud-page .section .solution-wrap .core .text:after {
    content: "";
    height: 2px;
    width: 70px;
    background-color: #202d59;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -35px;
}

.control-hardware-page .section {
    padding: 60px 0;
}

.control-hardware-page .section img {
    margin: 0 auto;
}

.control-hardware-page .section+.section {
    border-top: 1px dashed #cacdd3;
}

.hardware-list {
    margin-bottom: -60px;
}

.hardware-list .core {
    float: left;
    width: 25%;
    text-align: center;
    margin-bottom: 60px;
}

.hardware-list .core .pic img {
    margin: 0 auto;
    border-radius: 100%;
    box-shadow: -8px 0 8px rgba(0, 0, 0, 0.06), 8px 0 8px rgba(0, 0, 0, 0.06), 0 -8px 8px rgba(255, 255, 255, 0.06), 0 8px 8px rgba(0, 0, 0, 0.06)
}

.hardware-list .core .text {
    font-size: 18px;
    color: #202d59;
    margin-top: 20px;
}

.control-hardware-page .section img {
    margin: 0 auto;
}

.control-hardware-page .section .context {
    padding-left: 80px;
}

.control-hardware-page .section .context h1 {
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 20px;
}

.control-hardware-page .section .context .desc {
    font-size: 22px;
    color: #202d59;
}

.control-hardware-page .section .context ul li {
    font-size: 22px;
    color: #202d59;
    line-height: 35px;
}

.control-hardware-page .section .special {
    width: 839px;
}

.control-hardware-page .section .special img {
    margin-bottom: -60px;
}

.jobPage .core {
    margin-bottom: 40px;
}

.jobPage .jobTitle {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
}

.jobPage .jobTitle h3 {
    font-size: 20px;
    color: #0789d4;
    font-weight: normal;
    padding-bottom: 10px;
    position: relative;
}

.jobPage .jobTitle h3:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 60px;
    background-color: #0789d4;
    left: 0;
    bottom: 0;
}

.jobPage .jobTitle .sprend {
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #0789d4;
    cursor: pointer;
}

.jobPage .jobTitle .sprend:after {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #0789d4;
    position: absolute;
    left: 3px;
    top: 6px;
}

.jobPage .jobTitle .sprendOpen:after {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: #0789d4;
    position: absolute;
    left: 6px;
    top: 3px;
}

.jobPage .jobContent h4 {
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    margin: 20px 0;
}

.jobPage .jobContent .con {
    font-size: 14px;
    color: #999999;
    line-height: 30px;
}


#layer_div {
    background-color:rgba(0,0,0,0.6) !important;
}