@font-face {
    font-family: 'iconfont';
    src: url('../font/iconfont2.eot');
    src: url('../font/iconfont2.eot') format('embedded-opentype'),
    url('../font/iconfont2.woff') format('woff'),
    url('../font/iconfont2.ttf') format('truetype'),
    url('../font/iconfont2.svg') format('svg');

}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::-webkit-scrollbar {
    display: none; /* Chrome Safari */
  }
a{color: #333333;}
/* 解决方案 */

.bk {
  border: 6px solid #cccccc;
  border-image-source: url(../image/bk.jpg);
  border-image-slice: 19;
}

/* banner */
.sencondbanner{position: relative;overflow: hidden;}
.sencondbanner>img{width: 100%;transition: all 1s;}
.sencondbanner .mask-box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);color: #ffffff;}
.sencondbanner .mask-box .txt-inner{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);padding-top: 45px;}
.sencondbanner .mask-box .banner-title{font-size: 60px;}
.sencondbanner .mask-box .banner-txt1{font-size: 20px;font-weight: lighter;}
.sencondbanner .mask-box .zixun-btn{display: inline-block;margin-top: 90px; width: 160px;height: 50px;text-align: center; background: rgba(0, 0, 0, 0.2); border: 2px solid #FFFFFF;transition: all 0.3s;line-height: 46px;color: #ffffff;font-size: 16px;position: relative;}
.sencondbanner .mask-box .zixun-btn span{display: block;position: relative;z-index: 3;vertical-align: middle;}
.sencondbanner .mask-box .zixun-btn::after{ content: '';display: block;width: 100%;height: 0px;background-color: #28C1FF;position: absolute;left: 0;bottom: 0;transition: all .5s;}
.sencondbanner .mask-box .zixun-btn:hover{transition: all 0.5s;border-color: #28C1FF;}
.sencondbanner .mask-box .zixun-btn:hover::after{transition: all 0.5s;height: 100%;}
@media screen and (max-width: 1680px) {
    .sencondbanner .mask-box .banner-title {font-size: 58px;}
}
@media screen and (max-width: 1440px) {
    .sencondbanner .mask-box .banner-title {font-size: 56px;}
    .sencondbanner .mask-box .zixun-btn {margin-top: 80px;}
}
@media screen and (max-width: 1366px) {
    .sencondbanner .mask-box .banner-title {font-size: 52px;}
    .sencondbanner .mask-box .banner-txt1 {font-size: 18px;}
    .sencondbanner .mask-box .zixun-btn {margin-top: 70px;}
  
}
@media screen and (max-width: 1280px) {
    .sencondbanner .mask-box .banner-title {font-size: 48px;}
    .sencondbanner .mask-box .banner-txt1 {font-size: 16px;}
    .sencondbanner .mask-box .zixun-btn {margin-top: 60px;}
}
@media screen and (max-width: 1024px) {
    .sencondbanner .mask-box .banner-title {font-size: 44px;}
    .sencondbanner .mask-box .banner-txt1 {font-size: 14px;}
    .sencondbanner .mask-box .zixun-btn {margin-top: 50px;}
}
@media screen and (max-width: 768px) {
    .sencondbanner .mask-box .banner-title {font-size: 30px;}
    .sencondbanner .mask-box .zixun-btn {margin-top: 40px;}
}
@media screen and (max-width: 768px) {
    .sencondbanner .mask-box .banner-title { font-size: 20px;  }
}
/* 解决方案的tab菜单 */
.caseTab-containter{width: 100%;height: 100px;background: #047CEB;line-height: 100px;color: #ffffff;position: relative;}
.caseTab-containter .cur-menu { padding: 0 20px; position: relative; color: #fff; font-size: 18px; display: none;}
.caseTab-containter.fixed-page{position: fixed;top: 0;left: 0; width: 100%;z-index: 999;}
.caseTab-containter::before{content: "";display: inline-block;width: 100%;height: 8px; background: #05C4FF;position: absolute;bottom: 0;left: 0;animation: fadeInUp 0.5s linear 0.5s;}
.caseTab-containter .tab-item{display: inline-block;color: #ffffff;font-size: 22px;transition: all 0.5s;overflow: hidden; font-weight: lighter; padding: 0 30px;position: relative;}
.caseTab-containter .tab-item.tab-active{transition: all 0.5s;background: #05C4FF;}
.caseTabcont-containter{ background: #F3F4F8;min-height: 100vh;}
.caseTabcont-containter .item-name{margin-top: 70px;width: 23%;animation: fadeInUp 0.5s linear;}
.caseTabcont-containter .item-name .name{font-weight: 600; color: #00114A;font-size: 60px;padding-right: 10%;}
.caseTabcont-containter .item-list {width: 77%;margin: 20px 0;}
.caseTabcont-containter .item-list .list-item{padding: 30px;border-right: 1px solid #f3f4f8;transition: all 0.5s; border-bottom: 1px solid #f3f4f8;animation: fadeInUp 0.5s linear;}
.caseTabcont-containter .item-list .scroll-item{height: 210px;overflow: hidden;}
.caseTabcont-containter .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #a09d9d;background-color: rgb(160, 157, 157,0.8);}
.caseTabcont-containter .cont-item:nth-child(2n+1) .item-list .list-item{ color: #1B2126;background: #ffffff ;}
.caseTabcont-containter .cont-item:nth-child(2n){background: #00114A;padding: 0;}
.caseTabcont-containter .cont-item:nth-child(2n) .list-item{color: #FFFFFF;background:#1a295c;}
.caseTabcont-containter .cont-item:nth-child(2n) .item-name .name{color: #ffffff;}
.caseTabcont-containter .list1 .list-item{width: 50%;}
.caseTabcont-containter .cont-item .icon{height: 50px;}
.caseTabcont-containter .cont-item .icon img{height: 100%;}
.caseTabcont-containter .cont-item:nth-child(2n+1) .list-item .icon1 {transition: all 0.5s;display: inline-block;}
.caseTabcont-containter .cont-item:nth-child(2n+1) .list-item .icon2 {transition: all 0.5s;display:none;}
.caseTabcont-containter .cont-item:nth-child(2n) .list-item .icon1 {transition: all 0.5s;display:none;}
.caseTabcont-containter .cont-item:nth-child(2n) .list-item .icon2 {transition: all 0.5s;display: inline-block;}
.caseTabcont-containter .cont-item:nth-child(2n+1) .list-item:hover .icon1 {transition: all 0.5s;display:none;}
.caseTabcont-containter .cont-item:nth-child(2n+1) .list-item:hover .icon2 {transition: all 0.5s;display:inline-block;}
.caseTabcont-containter .list-item .item-tit{font-size: 28px; display: inline-block;color: #1B2126;font-weight: lighter; border-bottom: 1px solid transparent; line-height: 34px;margin-bottom: 15px;transition: all 0.5s;}
.caseTabcont-containter .list-item li a{ font-size: 16px;position: relative; color: #1B2126;line-height: 36px;display: inline-block;transition: all 0.5s;}
.caseTabcont-containter .list-item .icon{margin-bottom: 10px;}
.caseTabcont-containter .cont-item:nth-child(2n) .list-item .item-tit{color: #ffffff;}
.caseTabcont-containter .cont-item:nth-child(2n) .list-item li a{color: #ffffff;}
.caseTabcont-containter .cont-item:nth-child(2n) .list-item{border-right:1px solid #00114a ;border-bottom: 1px solid #00114a;}
.caseTabcont-containter .cont-item:nth-child(2n+1) .list-item:hover .item-tit{color: #ffffff;}
.caseTabcont-containter .cont-item:nth-child(2n+1) .list-item:hover li a{color: #ffffff;opacity: 0.7;}
.caseTabcont-containter .cont-item:nth-child(2n) .list-item:hover li a{color: #ffffff;opacity: 0.7;}
.caseTabcont-containter .cont-item:nth-child(2n) .list-item.active li a{color: #ffffff;opacity: 0.7;}
.caseTabcont-containter .cont-item:nth-child(2n+1) .list-item.active li a{color: #ffffff;opacity: 0.7;}
.caseTabcont-containter .cont-item:nth-child(2n+1) .list-item.active .icon1 {transition: all 0.5s;display:none;}
.caseTabcont-containter .cont-item:nth-child(2n+1) .list-item.active .icon2 {transition: all 0.5s;display:inline-block;}
.caseTabcont-containter .cont-item:nth-child(2n) .list-item.active .item-tit{color: #ffffff;}
.caseTabcont-containter .cont-item:nth-child(2n+1) .list-item.active .item-tit{color: #ffffff;}

.caseTabcont-containter .cont-item .item-list .list-item:hover { background: #047CEB;}
.caseTabcont-containter .cont-item .item-list .list-item.active{ background: #047CEB;}
.caseTabcont-containter .list2 .list-item{width: 33.2%; min-height:420px;}
.caseTabcont-containter .list3 .list-item{width: 33.2%;}
.caseTabcont-containter .list4 .list-item{width: 50%;}
.caseTabcont-containter .list5 .list-item{width: 50%;}
.caseTabcont-containter .list6 .list-item{width: 50%;}
.caseTabcont-containter .list-item:hover li a:hover{transition: all 0.5s;opacity: 1;}
.caseTabcont-containter .cont-item:nth-child(2n) .list-item li:hover{color: #28C1FF;}
.caseTabcont-containter .cont-item:nth-child(2n+1) .list-item:hover li:hover{color: #28C1FF; }
.caseTabcont-containter .cont-item:nth-child(2n+1) .list-item:hover li a:hover{color: #ffffff;opacity: 1;}
.caseTabcont-containter .cont-item:nth-child(2n) .list-item:hover li a:hover{color: #ffffff;opacity:1;}


/* 正泰工业互联网平台  */
.platform-cont{position: relative;}
.platform-cont>img{width: 100%;}
.platform-cont .over-txt{position: absolute;top:50%;left: 0;width: 100%;transform: translateY(-50%);}
.platform-cont .over-txt .item-name{font-size: 60px;color: #ffffff;width: 100%;}
.platform-cont .over-txt .intro-txt{color: #ffffff;max-width: 720px;font-size: 20px;font-weight: lighter;    opacity: 0.9;}
.platform-cont .over-txt .seemore-btn{display: inline-block;width: 200px;margin-top:100px ;font-size: 18px;color: #05C4FF;transition: all 0.5s;}
.platform-cont .over-txt .seemore-btn:hover{transition: all 0.5s;}
.platform-cont .over-txt .seemore-btn .icon{display: inline-block; height: auto;margin-left: 5px;font-size: 20px;vertical-align: middle;}
.platform-cont::before{content: ""; display:inline-block;width: 100%;height: 8px;    z-index: 2; background: #05C4FF;position: absolute;bottom: 0;left: 0;}

/* 项目案例 */
.caseitem-haeder { font-size: 60px; color: #00114A; margin-bottom: 20px; font-weight:600; position: relative;}
.caseitem-haeder .detail-btn{position: absolute;top: 50%;right: 0;transform: translateY(-50%);display: inline-block; line-height: 50px;color: #666666;font-size: 14px;font-weight: 300;transition: all 0.5s;}
.caseitem-haeder .detail-btn .icon{ display: inline-block;transition: all 0.5s;font-size: 16px;font-weight: 600; vertical-align: middle;}
.caseitem-haeder .detail-btn:hover{transition: all 0.5s;color: #047CEB;}
.case-cont .cont-inner{width: 100%;}
.case-cont .case-list{margin-bottom: 50px;}
.case-cont .case-list .item{display: inline-block;cursor: context-menu;padding-bottom: 200px; cursor: context-menu; width: 23.8%;margin-right: 1.5%;animation: fadeInRight 0.4s linear;}
.case-cont .case-list .item:nth-child(4n){margin-right: 0;}
.case-cont .case-list .item .img-box{width: 100%;overflow: hidden;}
.case-cont .case-list .item .img-box img{transition: all 0.5s;width: 100%;}
.case-cont .case-list .item:hover .img-box img{transition: all 0.5s;transform: scale(1.1);}
.case-cont .case-list .item .txt-box{transition: all 0.5s; color: #808080;padding: 10px;background: #ffffff; position: absolute; width: 100%; bottom: 0; left: 0;height: 190px;}
.case-cont .case-list .item:hover .txt-box{transition: all 0.5s;  background: #047CEB;color: #ffffff;height: 100%;}
.case-cont .case-list .item h6{color: #1B2126;font-weight: 500;margin-bottom: 6px;height: 24px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case-cont .case-list .item:hover .txt-box h6{color: #ffffff;}
.case-cont .case-list .item .txt-box:after{content: ''; display: block; width: 0; height: 4px; background-color: #28C1FF; position: absolute; bottom: 0; left: 50%; transition: all .5s;}
.case-cont .case-list .item:hover .txt-box:after{width: 100%;left: 0;transition: all 0.5s;}
.case-cont .case-list .item p{line-height: 24px;font-size: 14px;}
.case-cont .case-list .item .txt3{font-size: 12px;line-height: 20px;padding-top: 10px;margin-top: 8px; border-top: 1px solid #F5F5F5;  -webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;height: 91px;}
.case-cont .case-list .item .txt3 *{font-size: 12px !important;line-height: 20px !important;}
.case-cont .case-list .item:hover p.txt3{border-top: 1px solid #2a90ee;    height: 210px;
    -webkit-line-clamp: 10;}
@media screen and (max-width: 1680px) {
    .caseTabcont-containter .item-name .name {font-size: 58px;}
    .platform-cont .over-txt .item-name { font-size: 58px;}

}
@media screen and (max-width: 1440px) {
    .caseTabcont-containter .item-name .name {font-size: 56px;}
    .caseTabcont-containter .list-item .item-tit {font-size: 26px;}
    .platform-cont .over-txt .item-name { font-size: 56px;}
    .caseTab-containter .tab-item {font-size: 20px;padding: 0 28px;}
    .caseitem-haeder {font-size: 56px;}
}
@media screen and (max-width: 1366px) {
    .caseTabcont-containter .item-name .name {font-size: 54px;}
    .caseTab-containter::before { height: 7px;}
    .caseTabcont-containter .list-item .item-tit {font-size: 24px;}
    .caseTabcont-containter .list-item li a { line-height: 34px;}
    .platform-cont .over-txt .intro-txt {  font-size: 18px;}
    .caseTabcont-containter .list-item .icon img{height: 50px;}
    .platform-cont .over-txt .item-name {font-size: 50px; margin-top: 60px;}
    .platform-cont .over-txt .seemore-btn {margin-top: 80px;}
    .caseitem-haeder { font-size: 52px; margin-bottom: 15px;}
}
@media screen and (max-width: 1280px) {
    .caseTabcont-containter .item-name .name {font-size: 50px;}
    .caseTab-containter .tab-item { font-size: 20px;}
    .caseTab-containter::before { height: 7px;}
    .caseTabcont-containter .list-item .item-tit {font-size: 22px;}
    .caseTab-containter .tab-item {  font-size: 18px;padding: 0 20px;}
    .platform-cont .over-txt .item-name {font-size: 42px;margin-top: 50px;}
    .platform-cont .over-txt .seemore-btn {margin-top: 60px;}
    .platform-cont::before { height: 6px;}
    .caseitem-haeder { font-size: 46px;}
    .caseTabcont-containter .list-item li a { line-height: 30px; }
    .caseTabcont-containter .list-item .item-tit { font-size: 22px; }
}
@media screen and (max-width: 1024px) {
    .caseTab-containter .tab-item {  font-size: 16px;padding: 0 10px;}
    .caseTabcont-containter .list-item .item-tit {font-size: 20px;  margin-bottom: 10px;}
    .caseTabcont-containter .item-name .name {font-size: 46px;}
    .platform-cont .over-txt .item-name {font-size: 36px;margin-top: 40px;}
    .platform-cont .over-txt .seemore-btn {margin-top: 40px;}
    .platform-cont::before { height: 5px;}
    .case-cont .case-list .item {width: 49.2%; margin-right: 1.5%;  margin-bottom: 1.5%;}
    .case-cont .case-list .item:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 768px) {

    .caseTab-containter{height: 66px; line-height: 66px;}
    .caseTab-containter .cur-menu{display: block;}
    .caseTab-containter .tab-cont{background: #ffffff;line-height: 48px;padding: 0;display:none;position: absolute;top: 68px;left: 0;}
    .caseTab-containter::before { height: 2px;}
    .caseTab-containter .cur-menu .icon{ transition: all .5s;}
    .caseTab-containter .cur-menu.open .icon { transform: rotate(180deg);}
    .caseTab-containter .tab-item{width: 100%;display: block;background: #ffffff;color: #333333;border-bottom: 1px solid #f9f9f9;}
    .caseTab-containter .tab-item.tab-active { background: #ffffff;}
    .caseTabcont-containter .item-name { margin-top: 20px; width: 100%;}
    .caseTabcont-containter .item-name .name { font-size: 30px;}
    .caseTabcont-containter .list-item .item-tit {font-size: 18px;  margin-bottom: 5px;}
    .caseTabcont-containter .item-list {width: 100%;margin: 20px 0;}
    .caseTabcont-containter .list-item .icon img{ height: 40px;}
    .caseTabcont-containter .list-item li a { line-height: 26px; font-size: 14px; }
    .platform-cont .over-txt .item-name {font-size: 30px;margin-top: 30px;}
    .platform-cont .over-txt .seemore-btn {margin-top: 30px;}
    .platform-cont .over-txt .intro-txt { font-size: 16px; }
    .platform-cont::before { height: 4px;}
    .case-cont .case-list {  margin-bottom: 10px;}
    .caseitem-haeder .detail-btn {line-height: 24px;}
    .caseitem-haeder {font-size: 36px; margin-bottom: 10px;}


}
@media screen and (max-width: 500px) {
    .caseTab-containter .tab-item { font-size: 14px;}
    .caseTab-containter{height: 60px; line-height: 60px;}
    .caseTab-containter .tab-cont { top: 60px;}
    .caseTabcont-containter .list-item .icon img {height: 28px; }
    .caseTabcont-containter .item-name { margin-top: 10px; width: 100%;}
    .caseTabcont-containter .item-name .name { font-size: 18px;}
    .caseTabcont-containter .list-item .item-tit {font-size: 14px;margin-bottom: 10px;line-height: 20px;}
    .caseTabcont-containter .item-list {width: 100%;margin: 10px 0;}
    .caseTabcont-containter .list-item .icon { height: 26px; background-size: auto 100%; }
    .caseTabcont-containter .list-item li a {line-height: 20px;font-size: 12px;}
    .caseTabcont-containter .mCSB_inside > .mCSB_container {margin-right: 15px; }
    .caseTabcont-containter .item-list .list-item { padding: 15px 10px; }
    .caseTabcont-containter .list1 .list-item {width: 50%;}
    .caseTabcont-containter .list2 .list-item {width: 50%;}
    .caseTabcont-containter .list3 .list-item {width: 50%;}
    .caseTabcont-containter .list4 .list-item {width: 50%;}
    .caseTabcont-containter .list5 .list-item {width: 50%;}
    .platform-cont .over-txt .item-name {font-size: 22px;margin-top: 10px;}
    .platform-cont .over-txt .seemore-btn { margin-top: 6px; font-size: 14px;}
    .platform-cont .over-txt .intro-txt {font-size: 14px; }
    .caseitem-haeder {font-size: 18px; margin-bottom: 10px;}
    .sencondbanner .mask-box .zixun-btn { margin-top: 15px; width: 130px; height: 36px; border: 1px solid #FFFFFF; line-height: 34px; font-size: 14px; }
    .caseTab-containter::before { height: 4px;}
    .sencondbanner { height: 56vw;overflow: hidden;}
    .sencondbanner>img{width: 100%;height: 100%;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);object-fit: cover;}
    .platform-cont{height: 60vw;}
    .platform-cont .over-txt .item-name {  font-size: 18px;}
    .platform-cont>img{width: auto;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
    .caseTabcont-containter .item-list .scroll-item { height: 158px;}
}
@media screen and (max-width: 400px) {
    .case-cont .case-list .item { width: 100%; margin-right: 0;  }
    .platform-cont .over-txt .intro-txt {font-size: 12px;line-height: 20px; }
}


/* 产品详情页 */
.pro-tab {text-align: right;font-size: 14px;line-height: 60px;border-bottom: 1px solid #dfdfdf ;margin-top: 0px;}
.pro-tab a{color:#666666;transition: all 0.5s;}
.pro-tab .icon{color:#d7d7d7;}
.pro-tab a.now-page{color: #0a1b52;}
.pro-tab a:hover{transition: all 0.5s;color: #0a1b52;}
.pro-detail-container{padding: 18px 0;border-bottom: 15px solid #e6e6e6;}
.pro-detail-container .swiper-slide video{width: 100%;height: 440px;}
.pro-detail-container .swiper-slide img{width: 100%;}
.pro-detail-container .pro-detail-left{width: 36%;overflow: hidden;}
.pro-detail-container .pro-detail-left #gallery{overflow: hidden!important;}
.pro-detail-container .pro-detail-left #gallery .swiper-slide{opacity: 0;height: 440px;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;}
.pro-detail-container .pro-detail-left #gallery .swiper-slide-active{opacity: 1;}
.pro-detail-container .pro-detail-left #gallery .swiper-slide img{max-height: 100%;max-width: 100%;object-fit: contain;}
.pro-detail-container .pro-detail-left .swiper-container:nth-child(1){margin-bottom: 10px;overflow: hidden!important;z-index: 9;}
.pro-detail-left #thumbs .swiper-slide-active::after{ content: ""; display: inline-block; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0;}
.pro-detail-left #thumbs .swiper-slide.is-video.swiper-slide-active::before{ content: "";display: inline-block;border-width: 5px 6px;border-style: solid;border-color: transparent transparent transparent #ffffff;position: absolute;left: 50%;top: 50%;z-index: 9;margin-left: -3px;margin-top: -3px;}
.pro-detail-left .swiper-slide>img{width: 100%;}
.pro-detail-left  .swiper-container-thumbs .swiper-slide{text-align: center; height: 54px;}
.pro-detail-left  .swiper-container-thumbs .swiper-slide img{max-width: 100%;max-height: 100%;object-fit: contain;vertical-align: middle;}
.pro-detail-left .plyr__video-wrapper {background: #fff;}
.pro-detail-left .plyr--playing{background: #000000;}
.pro-detail-container .pro-detail-right{width: 64%;padding-left: 3.5%;}
.pro-detail-right .pro-name{font-size: 40px;color: #000000;margin-top: 45px;margin-bottom: 20px;font-weight:bold;}
.pro-detail-right .pro-intro-de{height: 168px;position: relative;}
.pro-detail-right .pro-intro {position: absolute;left: 0;top: 0;width: 100%;z-index: 7; background: #ffffff;padding-bottom: 20px;border-bottom: 1px solid #ececec; }
.pro-detail-right .pro-intro .txt{transition: all 0.4s; color: #666666;text-align: justify;font-size: 14px;line-height: 28px;-webkit-line-clamp: 5;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.pro-detail-right .pro-intro .txt.on {transition: all 0.4s; -webkit-line-clamp: inherit;z-index: 4;padding: 10px 20px;height: auto;background: #ffffff;}
.pro-detail-right .pro-intro-de .seemore-btn{color:#047CEB;cursor: pointer;display: none;}
.pro-detail-right .pro-intro .txt.on+.seemore-btn{padding-left: 20px;}
.pro-detail-right .pro-intro-de .seemore-btn.cansea{display: block;}
.pro-detail-right .pay-box{margin-top: 60px;padding-top: 20px;}
.pro-detail-right .pay-box .pay-btn{display: inline-block;margin-right: 20px;text-align: center; width: 160px;height: 50px;background: #FFFFFF;border: 2px solid #000000;transition: all 0.5s;line-height: 48px;font-size: 16px;color: #000000;position: relative;}
.pro-detail-right .pay-box .pay-btn:hover{transition: all 0.5s; background: #047CEB;color: #ffffff;border-color: #047CEB;}
.pro-detail-right .pay-box .pay-btn::before{content: "";display: inline-block;width: 0%;height: 4px;background: #05C4FF;position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%); transition: all 0.5s;}
.pro-detail-right .pay-box .pay-btn:hover::before{transition: all 0.5s;width:-webkit-calc(100% + 4px); width:-moz-calc(100% + 4px); width:calc(100% + 4px); }
.pro-detail-container .swiper-slide .plyr--fullscreen-active video{height:100%;}
@media screen and (max-width: 1440px) {
    .pro-detail-right .pro-name {font-size: 40px;margin-top: 40px;}
    .pro-detail-container .swiper-slide video { height: 360px;}
    .pro-detail-container .pro-detail-left #gallery .swiper-slide{height: 360px;}
}
@media screen and (max-width: 1366px) {
    .pro-detail-right .pro-name {font-size: 36px;margin-top: 35px;margin-bottom: 15px;}
}
@media screen and (max-width: 1280px) {
    .pro-detail-right .pro-name {font-size: 32px;margin-top: 30px;margin-bottom: 10px;}
}
@media screen and (max-width: 1024px) {
    .pro-detail-container .swiper-slide video {height: 300px;}
    .pro-detail-right .pay-box .pay-btn {margin-right: 10px;width: 140px;height: 46px;border: 1px solid #000000;line-height: 42px;}
    .pro-detail-container .pro-detail-left #gallery .swiper-slide{height: 300px;}
}
@media screen and (max-width: 768px) {
    .pro-detail-container .pro-detail-left { width: 100%;}
    .pro-detail-container .swiper-slide video { height: 94vw;}
    .pro-detail-container .pro-detail-right {width: 100%;padding-left: 0;}
    .pro-detail-right .pro-name {font-size: 28px;margin-top: 18px;}
    .pro-tab {line-height: 20px;text-align: left;padding: 10px 0;   }
    .pro-detail-container .pro-detail-left #gallery .swiper-slide{height: 240px;}
    .pro-detail-left .swiper-container-thumbs .swiper-slide {height: 37px;line-height: inherit;}
}
@media screen and (max-width: 500px) {
    .pro-detail-right .pay-box .pay-btn { margin-right: 10px; width: 25vw; height: 42px; font-size: 14px; line-height: 40px; }
    .pro-detail-tabcont .cont-item { padding: 20px 0;   }
    .pro-detail-right .pro-name { font-size: 20px; margin-top: 10px;   margin-bottom: 5px;}
    .pro-detail-right .pay-box{margin-top: 20px;}

}
.pro-detail-tabcont .cont-item{padding: 50px 0;border-bottom: 15px solid #e6e6e6;}
.pro-detail-tabcont .cont-item .cont-intro img{width: 100%;}
.pro-detail-tabcont .cont-item .detail-title{ font-size: 60px; color: #00114A;position: relative; margin-bottom: 20px;font-weight: 600;}
.pro-detail-tabcont .cont-item .detail-title .detail-btn { position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: inline-block; line-height: 50px; color: #666666; font-size: 14px; font-weight: 300; transition: all 0.5s;}
.pro-detail-tabcont .cont-item .detail-title .detail-btn:hover{transition: all 0.5s;color:#047CEB ;}
.pro-detail-tabcont .cont-item .detail-title .detail-btn .icon { display: inline-block; transition: all 0.5s; font-size: 16px; font-weight: 600; vertical-align: middle;}
.pro-detail-tabcont .document-list li{line-height: 60px;padding: 0 30px 0 10px;cursor: pointer;}
.pro-detail-tabcont .document-list li:nth-child(2n+1){ background: #FCFBFF;}
.pro-detail-tabcont .document-list li .name{font-size: 16px;color: #000000;}
.pro-detail-tabcont .document-list .btn-box a{display: inline-block;margin-left: 45px;color: #999999;font-size: 12px;transition: all 0.5s;}
.pro-detail-tabcont .document-list .btn-box a:hover{transition: all .2s;color: #000000;}
.pro-detail-tabcont .document-list .btn-box .icon{font-size: 20px;vertical-align: middle;transform: scaleX(1.1);display: inline-block;margin-right: 6px;}
.pro-detail-tabcont .document-list .btn-box a:hover .icon{color:  #047CEB;}
.pro-detail-tabcont .question-list .item {margin-bottom: 15px;cursor: pointer;}
.pro-detail-tabcont .question-list .item .question-top{padding: 0 15px;position: relative;transition: all 0.5s; line-height: 60px; border: 1px solid #E7E6EA;font-size: 18px;  color: #4D4D4D;}
.pro-detail-tabcont .question-list .item.on .question-top{transition: all 0.5s; border-color: #ffffff;color: #047CEB;}
.pro-detail-tabcont .question-list .item .toggle-btn{display: inline-block;position: absolute;width: 10px;height: 2px; background: #4D4D4D;top:50%;right: 15px;transform: translateY(-50%);}
.pro-detail-tabcont .question-list .item .toggle-btn::after{content: "";display: inline-block;height: 10px;width: 2px;background: #4D4D4D;position: absolute;left: 50%;top: -4px;margin-left: -1px;}
.pro-detail-tabcont .question-list .item:hover .toggle-btn{transition: all 0.5s;background:#047CEB ;}
.pro-detail-tabcont .question-list .item:hover .toggle-btn::after{transition: all 0.5s;height: 0;}
.pro-detail-tabcont .question-list .answer-cont{display: none; padding: 20px 35px;background: #FAFAFA;}

@media screen and (max-width: 1440px) {
    .pro-detail-tabcont .cont-item .detail-title {font-size: 56px;}
}
@media screen and (max-width: 1366px) {
    .pro-detail-tabcont .cont-item .detail-title {font-size: 52px;  margin-bottom: 15px;}
    .pro-detail-tabcont .cont-item {  padding: 40px 0;}
    .pro-detail-tabcont .question-list .item .question-top { font-size: 16px;}
    
}
@media screen and (max-width: 1280px) {
    .pro-detail-tabcont .cont-item .detail-title {font-size: 46px; }
    .pro-detail-tabcont .cont-item { padding: 35px 0;}
}
@media screen and (max-width: 768px) {
    .pro-detail-tabcont .cont-item .detail-title { font-size: 36px;  margin-bottom: 10px;}
    .pro-detail-tabcont .document-list li a { margin-left: 20px;}
    .pro-detail-tabcont .document-list li .name { font-size: 14px;}
    .pro-detail-tabcont .question-list .item .question-top {  font-size: 14px; }
    .pro-detail-tabcont .question-list .answer-cont { padding: 15px 26px;}
}
@media screen and (max-width: 500px) {
    .pro-detail-tabcont .cont-item {padding: 15px 0;}
    .pro-detail-tabcont .cont-item .detail-title {  font-size: 18px; margin-bottom: 10px;}
    .pro-detail-tabcont .document-list li .btn-box a{margin-left: 5px;}
    .pro-detail-tabcont .document-list li { padding: 0 15px 0 10px;}
    .pro-detail-tabcont .document-list li .name {display: inline-block;margin-left: 0; width: 45%;overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
    .pro-detail-tabcont .question-list .item .question-top{padding: 10px ;}
    .pro-detail-tabcont .question-list .item .question-top .name {display: inline-block;width: 80%;line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .pro-detail-tabcont .question-list .item .toggle-btn {position: relative;right: 0;}
    .pro-detail-tabcont .question-list .item .toggle-btn {position: relative;right: 0; margin-top: 17px;}
    .pro-detail-tabcont .document-list li .icon {font-size: 14px;margin-right: 3px; }
    .pro-detail-tabcont .cont-item.case-cont{background: #f3f4f8;}
    .pro-detail-tabcont .document-list .btn-box .icon {font-size: 14px;}
}

/* 发送邮箱弹出框 */
.send-model{display: none; position: fixed;width: 600px;padding: 40px 50px; height: 250px;animation: zoomIn 0.3s linear; background: #ffffff;left: 50%;top: 50%;transform: translate(-50%,-50%);box-shadow: 0 0 10px 1px #f1f1f1;z-index: 88;}
.send-model .close-btn{display: inline-block;color: #000000;cursor: pointer; position: absolute;right: 20px;top: 10px;font-size: 28px;transition: all 0.5s;}
.send-model .close-btn:hover{transition: all 0.5s;color:#05C4FF ;}
.send-model .tit{font-size: 16px;line-height: 22px;margin-bottom: 20px;}
.send-model .input-wrapper{margin-bottom: 20px;}
.send-model .input-wrapper span{display: inline-block;width: 18%;font-size: 16px;line-height: 46px;}
.send-model .input-wrapper .email-input{display: inline-block; width:82% ;height: 46px;border: 1px solid #f4f4f4;background: #f8f8f8;padding: 0 15px;font-size: 16px;}
.send-model .submit-btn{display: inline-block;width: 140px;cursor: pointer; color: #ffffff;font-size: 16px;text-align: center;line-height: 42px;background:#047CEB ;transition: all 0.5s;margin-left: 90px;}
.send-model .submit-btn:hover{transition: all 0.5s;background:#05C4FF ;}
@media screen and (max-width: 768px) {
    .send-model {width: 80vw;padding: 40px 30px 30px; }
    .send-model .tit {font-size: 14px;line-height: 22px;margin-bottom: 15px; }
    .send-model .input-wrapper span {width: 25%;font-size: 14px;line-height: 42px; }
    .send-model .input-wrapper .email-input { width: 75%; height: 42px; font-size: 14px;}
    .send-model .close-btn {right: 5px;top: 0px;font-size: 22px;}
    .send-model .submit-btn {margin-left: 60px; }
}
@media screen and (max-width: 768px) {
    .send-model {width: 88vw;padding: 35px 15px 30px;}
}
/* 服务与支持 */
.service-banner{margin-top: 90px;}
.service-banner>img{width: 100%;}
.service-banner .mask-box{text-align: left;}
.service-banner .mask-box .banner-title{font-size: 50px;margin-bottom: 13px;letter-spacing: 1px;}
.service-banner .mask-box .banner-txt1{font-size: 15px;  font-family:'PingFangThin';}
.service-banner .linkdata-box{margin-top: 30px;}
.service-banner .linkdata-box a{display: inline-block;}
.service-banner .box1{width: 100%;}
.service-banner .box1 .link-item{ padding: 20px 1% 0;color: #ffffff;height: 180px; background: rgba(5, 196, 255,0.2); display: inline-block;width: 24%;margin-right: 1.3%; text-align: center;}
.service-banner .box1 .link-item:last-child{margin-right: 0;}
.service-banner .box1 .link-item .txt1{font-size: 20px; color: #05C4FF;line-height: 36px;}
.service-banner .box1 .link-item .txt2{font-size: 16px;line-height: 28px;}
.service-banner .box1 .link-item .txt3{font-size: 12px;}
.service-banner .box1 .link-item:nth-child(1) .txt1{font-size: 24px;font-family: 'DINAlternate-Bold';}
.service-banner .link-item .icon{ width: 50px;height: 50px;position: relative;background: transparent;border-radius: 6px;margin: 0 auto 10px;transition: all 1s; border: 1px solid #FFFFFF;}
.service-banner .link-item:hover .icon{transition: all 1s;transform: rotateY(180deg);}
.service-banner .icon img{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.service-banner .weixin-img{width: 49.2%;padding: 5px;text-align: center;color: #ffffff;font-size: 14px;line-height: 42px;}
.service-banner .weixin-img:nth-child(1){margin-right: 1.6%;}
.service-banner .weixin-img .img{width: 100px; height: 100px;padding: 5px; background: #FFFFFF; border-radius: 4px; margin: 0 auto; position: relative;} 
.service-banner .weixin-img .img img{max-width: 100%;display: inline-block;}
.service-tab-nav ul li{width: 25%;}
.serviceTab .tab-cont .tab-item{width: 25%;text-align: center;}
.serviceTabcont .cont-item {padding: 50px 0;background: #ffffff;}
.serviceTabcont .cont-item:nth-child(1){  background: #00114A;color: #ffffff;}
.serviceTabcont .cont-item:nth-child(2n){ background: #F3F4F8;}
.serviceTabcont #pos2{position: relative;/* background: url(../img/case/bg.jpg) no-repeat ; */ background-color: #f3f4f8; barbackground-size: 87% 100%;}
.serviceTabcont #pos2>.wrap{z-index: 8;}
.serviceTabcont .c-tit{font-size: 60px;color: #00114A;font-weight: 600;margin-bottom: 20px;}
.serviceTabcont .cont-item:nth-child(1) .c-tit{color:#ffffff;}
.serviceTabcont .cont-item:nth-child(2) .c-tit{color:#001149;}
.contactUs-list .item{display: inline-block;width: 24.1%;margin-right: 1.2%;}
.contactUs-list .item:nth-child(4n){margin-right: 0;}
.contactUs-list .item .box-img{overflow: hidden;width: 100%;position: relative;}
.contactUs-list .item .box-img::after{content: "";display: inline-block;width: 100%;height: 4px;background: #05C4FF;position: absolute;left: 0;bottom: 0;}
.contactUs-list .item .box-img img{transition: all 0.5s;width: 100%;display: inline-block;}
.contactUs-list .item:hover .box-img img{transition: all 0.5s;transform: scale(1.1);}
.contactUs-list .item .item-name{ font-size: 18px; color:#ffffff;margin-top: 15px;margin-bottom: 10px;}
.contactUs-list .item .item-intro{ font-family:'PingFangThin';color: #ffffff;font-weight: lighter;margin-bottom: 20px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.contactUs-list .item .link{color: #05C4FF;font-size: 12px;display: inline-block;width: 100%;}
.contactUs-list .item .link .icon{vertical-align: middle;opacity: 0;transition: all 0.5s;}
.contactUs-list .item .link:hover .icon{transition: all 0.5s;opacity: 1;}
.serviceTabcont .cont-item .more-link{display: inline-block;line-height: 100px;color:#041B3D;font-size: 18px;}
.serviceTabcont .cont-item .more-link .icon{font-size: 22px;vertical-align: middle; color: #011049;}
.serviceTabcont .cont-item:nth-child(2) .more-link{color: #011049;}
.serviceTabcont .document-list { background-color: #fcfbff;}
.serviceTabcont .document-list li{line-height: 60px; border-bottom: 1px solid #f3f4f8; padding: 0 30px 0 10px;background: rgba(252, 251, 255,0.1);margin-bottom: 2px;}
.serviceTabcont .document-list li .name{font-size: 16px;color: #333;padding-left: 12px;cursor: default !important;}
.serviceTabcont .document-list li .btn-box a{display: inline-block; margin-left: 45px;color: #999;font-size: 12px;transition: all 0.5s;}
.serviceTabcont .document-list li .icon{font-size: 18px;vertical-align: middle;transform: scaleX(1.1);display: inline-block;margin-right: 6px; color: #999;}
.serviceTabcont .document-list li a:hover{transition: all 0.5s;color:  #28c1ff;}
.serviceTabcont .document-list li a:hover .icon { color:#28c1ff ;}
.serviceTabcont .yewu-list .item{display: inline-block;}
.serviceTabcont .yewu-list .item:nth-child(4n){margin-right: 0;}
.serviceTabcont .yewu-list .item .box-img{overflow: hidden;width: 100%;position: relative;}
.serviceTabcont .yewu-list .item .box-img img{transition: all 0.5s;width: 100%;}
.serviceTabcont .yewu-list .item .mask-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.serviceTabcont .yewu-list .item .viedio-btn{cursor: pointer; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); display: inline-block; }
.serviceTabcont .yewu-list .item:hover .box-img img{transition: all 0.5s;transform: scale(1.1);}
.serviceTabcont .yewu-list .item .item-name{font-size: 18px;margin: 0 0 10px;height: 24px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.serviceTabcont .yewu-list .item .box-txt{transition: all 0.5s;position: relative;padding: 10px 0;}
.serviceTabcont .yewu-list .item .box-txt::after{content: "";transition: all 0.5s; display: inline-block;width: 0%;height:4px ;background:#28c1ff;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.serviceTabcont .yewu-list .item:hover .box-txt{transition: all 0.5s;background:#047CEB ;color: #ffffff;padding: 10px 15px;}
.serviceTabcont .yewu-list .item:hover .box-txt::after{transition: all 0.5s;width: 100%;}
.serviceTabcont .yewu-list .item .link{ color: #047CEB;font-size: 12px;display: inline-block;}
.serviceTabcont .yewu-list .item .link .icon{vertical-align: middle;}
.serviceTabcont .yewu-list .item:hover .link{ color: #ffffff;}
.serviceTabcont #pos4{position: relative;padding-bottom: 100px;}
.serviceTabcont #pos4::before{content: "";display: inline-block; position: absolute;right: 0;top: 160px;width:85%; height: 100%;}
.serviceTabcont .shuzi-list{padding-top:40px;}
.serviceTabcont .shuzi-list>.item{width: 49%;margin-right: 2%;height: 170px; position: relative; background: #ffffff;margin-bottom: 2%;padding: 20px;transition: all 0.5s;}
.serviceTabcont .shuzi-list>.item:nth-child(2n){margin-right: 0;}
.serviceTabcont .shuzi-list>.item h5{font-size: 24px;font-weight: bold; color: #1B2126;margin-bottom: 5px;overflow: hidden;width: 100%;text-overflow: ellipsis;white-space: nowrap;}
.serviceTabcont .shuzi-list>.item .txt1{font-size: 14px;color: #000000;line-height: 24px;   -webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.serviceTabcont .shuzi-list>.item .see-more{font-weight: 400;color: #808080;font-size: 14px;transition: all 0.5s;}
.serviceTabcont .shuzi-list>.item .see-more:hover{transition: all 0.5s;color: #05C4FF;}
.serviceTabcont .shuzi-list>.item .see-more .icon{font-size: 18px;position: relative;top: 2px;}
.serviceTabcont .shuzi-list .c-item:nth-child(1){position: relative; top: 50%; transform: translateY(-50%); width: 100px;height: 100px;border-radius: 20px;border: 1px solid #EBEBEB;}
.serviceTabcont .shuzi-list .c-item img{max-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.serviceTabcont .shuzi-list .c-item:nth-child(2){width: 82%;padding-left: 4%;}
.serviceTabcont .shuzi-list .item-neme{display: inline-block;width: 60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

@media screen and (max-width: 1680px) {
    .sencondbanner .mask-box .banner-title {font-size: 46px;margin-bottom: 10px; }
    .sencondbanner .mask-box .banner-txt1 {font-size: 18px;}
    .service-banner .linkdata-box {  margin-top: 30px; }
    .service-banner .box1 {height: 195px;padding-top: 25px; }
    .service-banner .icon {width: 56px;height: 56px;}
    .service-banner .box1 .link-item .txt1 { font-size: 22px;}
    .service-banner .box1 .link-item:nth-child(1) .txt1 { font-size: 26px;}
    .serviceTabcont .c-tit {font-size: 56px;}
    .serviceTabcont .cont-item .more-link { line-height: 88px;}
    .serviceTabcont #pos2{ background-size: 92% 100%;}
    .serviceTabcont #pos4::before {width: 91%;}
    
}
@media screen and (max-width: 1650px) {
    .serviceTabcont #pos2{ background-size: 93% 100%;}
    .serviceTabcont #pos4::before { width: 93%;}

}
@media screen and (max-width: 1600px) {
    .serviceTabcont #pos2{ background-size: 95% 100%;}
    .serviceTabcont #pos4::before { width: 95%;}

}
@media screen and (max-width: 1530px) {
    .serviceTabcont #pos2{ background-size: 97% 100%;}
    .serviceTabcont #pos4::before { width: 97%;}


}

@media screen and (max-width: 1440px) {
    .sencondbanner .mask-box .banner-title {font-size: 42px;margin-bottom: 5px; }
    .sencondbanner .mask-box .banner-txt1 {font-size: 16px;}
    .service-banner{height: 430px;}
    .service-banner>img{position: absolute;left: 50%;top: 50%;height: 100%;transform: translate(-50%,-50%);width: auto;}
    .service-banner .linkdata-box {  margin-top: 20px; }
    .service-banner .box1 {height: 190px;padding-top: 20px; }
    .service-banner .box1 .link-item .txt1 { font-size: 20px;}
    .service-banner .box1 .link-item:nth-child(1) .txt1 { font-size: 24px;}
    .serviceTabcont .c-tit {font-size: 52px;}
    .serviceTabcont .cont-item .more-link { line-height: 80px;}
    .serviceTabcont .cont-item {padding: 45px 0;}
    .serviceTabcont .shuzi-list .c-item:nth-child(2) {width: 78%;  padding-left: 2%; }
    .serviceTabcont .shuzi-list>.item { height: 160px;}
    .serviceTabcont #pos4::before {width: 92%;}
    .serviceTabcont #pos2{ background-size: 94% 100%;}


}
@media screen and (max-width: 1360px) {
    .service-banner {margin-top: 78px;}
    .sencondbanner .mask-box .banner-title {font-size: 38px;}
    .serviceTabcont .c-tit {font-size: 48px;}
    .serviceTabcont .cont-item .more-link {  line-height: 74px;}
    .service-banner .box1 { height: 180px;}
    .service-banner .icon { margin: 0 auto 6px;}
    .service-banner .box1 .link-item .txt1 { font-size: 18px;}
    .service-banner .box1 .link-item:nth-child(1) .txt1 { font-size: 20px;}
    .serviceTabcont .cont-item {padding: 40px 0;}
    .contactUs-list .item .item-intro {  margin-bottom: 15px;}
    .contactUs-list .item .item-name {margin-top: 5px; margin-bottom: 5px; font-size: 16px; line-height: 20px;}
    .page-tab-nav ul li a {font-size: 18px;  }
    .serviceTabcont #pos4::before {width: 95%; top: 140px;}
    .serviceTabcont #pos4 {padding-bottom: 80px; }
    .serviceTabcont #pos2{ background-size: 95% 100%;}

}
@media screen and (max-width: 1310px) {
    .serviceTabcont #pos2{ background-size: 97% 100%;}

}
@media screen and (max-width: 1280px) {
    .service-banner {margin-top: 68px;}
    .sencondbanner .mask-box .banner-title {font-size: 36px; }
    .service-banner .weixin-img .img {width: 90px;height: 90px;}
    .service-banner .box1 .weixin-img { font-size: 12px;  }
    .service-banner .box1 .link-item .txt2 {font-size: 14px;line-height: 26px;}
    .service-banner .box1 .link-item .txt1{line-height: 30px;}
    .serviceTabcont .c-tit {font-size: 44px;}
    .serviceTabcont .shuzi-list>.item .txt1{line-height: 22px;}
    .serviceTabcont .cont-item {padding: 35px 0;}
    .contactUs-list .item .item-intro {  margin-bottom: 10px;}
    .serviceTabcont .cont-item .more-link { line-height: 62px;}
    .serviceTabcont #pos4::before {width: 100%; top: 130px;}
    .serviceTabcont .shuzi-list .c-item:nth-child(2) {width: 76%;}
    .serviceTabcont #pos4 {padding-bottom: 70px; }
    .serviceTabcont .shuzi-list>.item { height: 150px;}
    .serviceTabcont #pos2 {background-size:100% 100%;}

}

@media screen and (max-width: 1024px) {
    .sencondbanner .mask-box .banner-title {font-size: 32px; }
    .serviceTabcont .c-tit {font-size: 40px;}
    .serviceTabcont .shuzi-list>.item .txt1{line-height: 20px;}
    .serviceTabcont .cont-item {padding: 30px 0;}
    .serviceTabcont .cont-item .more-link { line-height: 54px;}
    .serviceTabcont .shuzi-list .c-item:nth-child(1) { width: 85px; height: 85px;}
    .serviceTabcont .shuzi-list .c-item:nth-child(1) img{max-width: 55px;}
    .service-banner .box1 .link-item:nth-child(1) .txt1 {  font-size: 18px; }
    .service-banner .box1 .link-item .txt1 { font-size: 16px;}
    .serviceTabcont .shuzi-list .c-item:nth-child(2) {  width: 72%;}
    .service-banner .weixin-img .img {width: 80px;height: 80px;}
    .serviceTabcont #pos4 {padding-bottom: 50px; }

}
@media screen and (max-width: 768px) {
    .sencondbanner .mask-box .banner-title {font-size: 30px; }
    .serviceTabcont .c-tit {font-size: 26px;}
    .serviceTabcont .yewu-list .item .item-name { font-size: 14px;  padding: 6px 0 0;}
    .serviceTabcont .cont-item {padding: 25px 0;}
    .serviceTabcont .shuzi-list>.item {width: 100%;margin-right: 0;}
    .contactUs-list .item {width: 48.5%;margin-bottom: 2%;margin-right: 3%; }
    .contactUs-list .item:nth-child(2n){ margin-right: 0;}
    .serviceTabcont .cont-item .more-link { line-height: 46px;}
    .contactUs-list .item .item-name { font-size: 14px; }
    .service-banner .box2 .weixin-img { font-size: 12px;}
    .serviceTabcont .shuzi-list .c-item:nth-child(1) { width: 15vw; height: 15vw;}
    .serviceTabcont .shuzi-list .c-item:nth-child(2) {  width: 80%;}
    .serviceTabcont .shuzi-list>.item h5 { font-size: 16px;}
    .serviceTabcont #pos4::before {top: 72px;}
    .serviceTabcont #pos4 {padding-bottom: 30px; }
    .service-tab-nav ul li {  width: 100%; }
    .serviceTabcont .shuzi-list .item-neme {width: 53%;}
    .serviceTabcont .cont-item .more-link{font-size: 16px;}


}
@media screen and (max-width: 500px) {
    .sencondbanner .mask-box .banner-title {font-size: 24px; }
    .sencondbanner .mask-box .banner-txt1 {font-size: 14px; }
    .serviceTabcont .c-tit {font-size: 18px;}
    .serviceTabcont .shuzi-list>.item h5 { font-size: 16px;margin-bottom: 0;}
    .serviceTabcont .cont-item .more-link { line-height: 30px;font-size: 14px;}
    .serviceTabcont .document-list li .btn-box a{margin-left: 5px;}
    .serviceTabcont .document-list li .name{ font-size: 14px;  margin-left: 0px;width: calc(100% - 90px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .serviceTabcont .document-list li { line-height: 40px;  padding: 10px 10px 0;  cursor: pointer;  }
    .serviceTabcont .document-list li .icon {  font-size: 14px;}
    .contactUs-list .item .item-intro {margin-bottom: 5px;line-height: 20px;font-size: 13px; }
    .service-banner .linkdata-box {display: none;}
    .service-banner { height: 160px;}
    .sencondbanner .mask-box .banner-title { font-size: 20px; margin-bottom: 0; }
    .serviceTabcont .yewu-list .link .icon { width: 16px; height: 16px;}
    .serviceTabcont .yewu-list .link .icon::after {border-width: 3px 4px;left: 5px;top: 3px;}
    .serviceTabcont .shuzi-list .c-item:nth-child(1) { width: 32%; }
    .serviceTabcont .shuzi-list>.item .see-more {left: 36%;  bottom: 10px;}
    .serviceTabcont .shuzi-list .c-item:nth-child(2) {width: 70%;}
    .serviceTabcont .shuzi-list .c-item:nth-child(1) { width: 20vw; height: 20vw; }

    .serviceTabcont .cont-item .more-link{font-size: 14px;}

}


/* 一云两网页 */
.yun-banner{margin-top: 65px;}
.yun-banner .mask-box{text-align: left;}
.yun-banner .mask-box .banner-title{font-size: 50px;width: 50%;margin-bottom: 10px;}
.yun-banner .mask-box .txt1{width: 46%;line-height: 38px;font-size: 20px;font-weight: lighter;}
.yun-banner .mask-box .txt1.p1{margin-bottom: 30px;}
.yun-tab ul li{width: 33.3%;}
.yun-tab2 ul li{width: 12.3333%;}
.yunTabcont .cont-item{padding: 0;}
.yunTabcont .yuncont-inner-item{width: 100%;position: relative;}
.yunTabcont .yuncont-inner-item>img{width: 100%;}
.yunTabcont .yuncont-inner-item .over-txt{position: absolute;bottom: 8px;left: 0;width: 42.7%;height: 370px; background: rgba(4, 124, 235,0.7);color: #ffffff; padding: 4.5% 1.5% 0 13%;}
.yunTabcont .yuncont-inner-item::after{content: "";height: 8px; background: #05C4FF;width: 100%;position: absolute;left: 0;bottom: 0;}
.yunTabcont .yuncont-inner-item .over-txt .inner-tit{font-size: 60px;margin-bottom: 18px;font-weight: 600;}
.yunTabcont .yuncont-inner-item .over-txt .inner-txt{line-height: 38px;opacity: 0.9;font-size: 20px;font-weight: lighter;}
.yunTabcont .yuncont-inner-item .over-txt .inner-link{display: block; color: #05C4FF;font-size: 18px;margin-top: 15px;}
.yunTabcont .yuncont-inner-item .over-txt .inner-link .icon{display: inline-block;margin-left: 5px;}

@media screen and (max-width: 1680px) {
    .yun-banner .mask-box .banner-title{font-size: 48px;}
    .yun-banner .mask-box .txt1.p1 {margin-bottom: 25px; }
    .yun-banner .mask-box .txt1 { line-height: 36px;font-size: 18px;}
    .yunTabcont .yuncont-inner-item .over-txt { height: 360px; padding: 4.5% 1.5% 0 10.4%;}
    .yunTabcont .yuncont-inner-item .over-txt .inner-tit { font-size: 58px; margin-bottom: 12px;}
    .yunTabcont .yuncont-inner-item .over-txt .inner-txt { line-height: 36px; font-size: 18px;}
}
@media screen and (max-width: 1440px) {
    .yun-banner .mask-box .banner-title{font-size: 46px;}
    .yun-banner .mask-box .txt1.p1 {margin-bottom: 20px; }
    .yun-banner .mask-box .txt1 { line-height: 34px;font-size: 18px;}
    .yunTabcont .yuncont-inner-item .over-txt { height: 340px; padding: 4.5% 1.5% 0 5.4%;  }
    .yunTabcont .yuncont-inner-item .over-txt .inner-tit { font-size: 56px; margin-bottom: 10px;}
    .yunTabcont .yuncont-inner-item .over-txt .inner-txt { line-height: 34px; font-size: 18px;}
    .yunTabcont .yuncont-inner-item::after {  height: 7px;}

}
@media screen and (max-width: 1366px) {
    .yun-banner .mask-box .banner-title{font-size: 42px;}
    .yun-banner .mask-box .txt1.p1 {margin-bottom: 15px; }
    .yun-banner .mask-box .txt1 { line-height: 32px;font-size: 16px;}
    .yunTabcont .yuncont-inner-item .over-txt {height: 320px;padding: 4.5% 1.5% 0 8%; bottom: 6px;}
    .yunTabcont .yuncont-inner-item .over-txt .inner-tit { font-size: 52px; margin-bottom: 5px;}
    .yunTabcont .yuncont-inner-item .over-txt .inner-txt { line-height: 32px; font-size: 16px;}
    .yunTabcont .yuncont-inner-item::after {  height: 6px;}
    .yunTabcont .yuncont-inner-item .over-txt .inner-link { font-size: 16px; margin-top: 10px;}
}
@media screen and (max-width: 1280px) {
    .yun-banner{margin-top: 68px;}
    .yun-banner .mask-box .banner-title{font-size: 36px;}
    .yun-banner .mask-box .txt1.p1 {margin-bottom: 10px; }
    .yun-banner .mask-box .txt1 { line-height: 30px;font-size: 16px;}
    .yunTabcont .yuncont-inner-item .over-txt {height: 280px;padding: 4.5% 1.5% 0 1.5%;bottom: 5px; }
    .yunTabcont .yuncont-inner-item .over-txt .inner-tit { font-size: 46px; margin-bottom: 5px;}
    .yunTabcont .yuncont-inner-item .over-txt .inner-txt { line-height: 30px; font-size: 16px;}
    .yunTabcont .yuncont-inner-item::after {  height: 5px;}
}
@media screen and (max-width: 1024px) {
    .yun-banner .mask-box .banner-title{font-size: 28px;}
    .yun-banner .mask-box .txt1.p1 {margin-bottom: 5px; }
    .yun-banner .mask-box .txt1 {line-height: 26px;font-size: 14px;}
    .yunTabcont .yuncont-inner-item .over-txt { height: 240px; padding: 4.5% 1.5% 0 1.5%; bottom: 4px; width: 50%;}
    .yunTabcont .yuncont-inner-item .over-txt .inner-tit { font-size: 36px; margin-bottom: 0px;}
    .yunTabcont .yuncont-inner-item::after {  height: 4px;}
}
@media screen and (max-width: 768px) {
    .yun-banner .mask-box {  text-align: center; }
    .yun-banner .mask-box .banner-title{ font-size: 22px; width: 100%;}
    .yun-banner .mask-box .txt1.p1 {margin-bottom: 0px; }
    .yun-banner .mask-box .txt1{width: 100%;}
    .yun-tab ul li{width: 100%;}
    .yunTabcont .yuncont-inner-item .over-txt {height: 100%;padding: 4.5% 1.5% 0 1.5%;bottom: 3px;width: 70%;}
    .yunTabcont .yuncont-inner-item .over-txt .inner-tit { font-size: 26px;}
    .yunTabcont .yuncont-inner-item .over-txt .inner-txt {line-height: 22px;font-size: 14px; }
    .yunTabcont .yuncont-inner-item::after {  height: 3px;}
    .yunTabcont .yuncont-inner-item .over-txt .inner-link { font-size: 14px; margin-top: 6px;}
}
@media screen and (max-width: 520px) {
    .yun-banner .mask-box .banner-title{ font-size: 20px;margin-bottom: 0px; }
    .yunTabcont .yuncont-inner-item .over-txt {bottom: 2px;width: 100%;background: rgba(0, 0, 0,0.2);}
    .yunTabcont .yuncont-inner-item .over-txt .inner-tit { font-size: 18px;}
    .yunTabcont .yuncont-inner-item::after {  height: 2px;}


}
@media screen and (max-width: 450px) {
    .yun-banner {height: 300px;}
    .yunTabcont .yuncont-inner-item { height: 180px; }
    .yunTabcont .yuncont-inner-item>img{width: auto;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
    .yunTabcont .yuncont-inner-item .over-txt {  padding: 12.5% 1.5% 0 1.5%;}
    .yunTabcont .yuncont-inner-item .over-txt .inner-tit {font-size: 18px;}

}
/* 集团简介页 */
.usintro-banner{margin-top: 65px;}
.usintro-banner .mask-box{text-align: left;}
.usintro-banner .mask-box .banner-title{font-size: 50px;}
.usintro-banner .mask-box .video-btn{display: inline-block;color: #047CEB;font-size: 16px;margin-bottom: 25px;}
.usintro-banner .video-btn .icon{display: inline-block;width: 18px;height: 18px;border: 1px solid #047CEB;margin-left: 10px;position: relative;top: 3px;} 
.usintro-banner .video-btn .icon::after{content: "";display: inline-block;border-style: solid;border-width: 4px 5px;border-color: transparent transparent transparent #047CEB;position: absolute;left: 6px;top: 4px;}
.usintro-banner .data-list{width: 100%;}
.usintro-banner .data-item{width: 19%;margin-right: 1.25%;text-align: center;height: 180px; background: rgba(5, 196, 255,0.25);padding: 18px;color: #ffffff;transition: all 0.5s;}
.usintro-banner .data-item:hover{background:rgba(5, 196, 255,0.6) ;transition: all 0.5s;}
.usintro-banner .data-item:last-child{margin-right: 0;}
.usintro-banner .data-item .icon{height: 35px;width: 100%;transition: all 1s;}
.usintro-banner .data-item:hover .icon{transition: all 1s;transform: rotateY(180deg);}
.usintro-banner .data-item .txt{letter-spacing: 2px;font-weight:lighter ;}
.usintro-banner .data-item .item-num{position: relative; display: inline-block;}
.usintro-banner .data-item .item-num .num{font-size: 60px;font-family:'DINAlternate-Bold';}
.usintro-banner .data-item .item-num .num1{position: absolute;top: 10px;right: -20px;font-size: 22px;}
.usintro-banner .data-item .item-num .num2{position: absolute;bottom: 22px;right: -24px;opacity: 0.7;display: inline-block;width: 18px;font-size: 12px;height: 18px;line-height: 16px;border: 1px solid #ffffff;border-radius: 50%;}
@media screen and (max-width: 1680px) {
    .usintro-banner .mask-box .banner-title {font-size: 48px; }
    .usintro-banner .data-item .item-num .num {  font-size: 58px;}
}
@media screen and (max-width: 1440px) {
    .usintro-banner { margin-top: 78px;}
    .usintro-banner .mask-box .banner-title {font-size: 46px; }
    .usintro-banner .data-item .item-num .num {  font-size: 54px; line-height: 80px;}
    .usintro-banner .data-item {height: 170px;}
}
@media screen and (max-width: 1366px) {
    .usintro-banner { margin-top: 78px;}
    .usintro-banner .mask-box .banner-title {font-size: 42px; }
    .usintro-banner .data-item .item-num .num {font-size: 50px; line-height: 70px;}
    .usintro-banner .data-item {height: 160px;}
    .usintro-banner .data-item .icon img {height: 30px;}
    .usintro-banner .data-item .item-num .num1 {top: 0px;font-size: 18px;}
    .usintro-banner .data-item .item-num .num2 {bottom: 14px;width: 17px;height: 17px;}
}
@media screen and (max-width: 1280px) {
    .usintro-banner { margin-top: 68px;}
    .usintro-banner .mask-box .banner-title {font-size: 32px;margin-bottom: 0; }
    .usintro-banner .data-item .item-num .num {font-size: 40px; line-height: 50px;}
    .usintro-banner .data-item {height: 140px;}
    .usintro-banner .data-item .icon {height: 28px;}
    .usintro-banner .data-item .icon img {height: 26px;}
    .usintro-banner .mask-box .video-btn {font-size: 14px;margin-bottom: 15px;}
}
@media screen and (max-width: 1024px) {
    .usintro-banner { height: 300px;}
    .usintro-banner>img{position: absolute;left:50%;top: 50%;height: 100%;width: auto; transform: translate(-50%,-50%);}
    .usintro-banner .data-item .icon {height: 26px;}
    .usintro-banner .data-item .icon img {height: 22px;}
    .usintro-banner .data-item .item-num .num {font-size: 34px;line-height: 46px;}
    .usintro-banner .data-item { height: 128px; padding: 15px;}
    .usintro-banner .data-item .item-num .num1 {top: -2px;line-height: 22px;}
    .usintro-banner .data-item .item-num .num2 { bottom: 5px;}
    .usintro-banner .data-item .txt {letter-spacing: 0px;font-size: 12px;font-family:'PingFangThin'; }
    
}
@media screen and (max-width: 768px) {
    .usintro-banner .mask-box .banner-title { font-size: 22px;}
    .usintro-banner .data-item .icon {height: 22px;}
    .usintro-banner .data-item .icon img {height: 18px;}
    .usintro-banner .video-btn .icon { width: 15px; height: 15px; margin-left: 5px;}
    .usintro-banner .video-btn .icon::after { border-width: 3px 4px; left: 5px; top: 3px;}
    .usintro-banner .data-item .item-num .num { font-size: 24px; line-height: 42px;}
    .usintro-banner .data-item .item-num .num1 { top: -7px;}
}
@media screen and (max-width: 500px) {
    .usintro-banner .data-item {width: 49%;margin-bottom: 1.25%;}
    .usintro-banner .data-item:nth-child(2n){margin-right: 0;}
    .usintro-banner { height: 540px;}
    .usintro-banner .data-item:last-child {width: 99%;}
    .usintro-banner .mask-box .banner-title { font-size: 20px;}
}
.introTabcont .intro-inner-item .title{font-size: 60px; font-weight: bold;}
.introTabcont #pos1 {padding: 100px 0;background:#f7fcff url(http://www.znfo.cn/template/pc/web//image/in_bg1.jpg) no-repeat bottom center;background-size: 100% auto;}
.introTabcont .page-item:nth-child(2n+1) {color: #00114A;}
.introTabcont .page-item:nth-child(2n) {color: #ffffff;background: #00114A;}
.intro-inner-item .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #5a668c;}
.introTabcont #pos1 .cont{margin-top: 50px;}
.introTabcont #pos1 .cont .txt{padding-right: 30px;height: 330px;width: 55%;overflow-y: auto;}
.introTabcont #pos1 .cont .txt p{font-size: 16px;font-family:PingFangThin ;}
.introTabcont #pos1 .cont .img{padding-left: 4%;width: 45%;}
.introTabcont #pos1 .cont .img img{width: 100%;}
.introTabcont #pos1 .cont .txt .zl-scrollBar {height: 57px;background: #00114A;border-radius: 2px;height: 57px!important;}
.introTabcont #pos1 .cont .txt .zl-scrollBarBox{background: rgba(0, 17, 74,0.07);}
@media screen and (max-width: 1680px) {
    .introTabcont #pos1 { padding: 90px 0;}
    .introTabcont .intro-inner-item .title {font-size: 58px;}
    .introTabcont #pos1 .cont {margin-top: 40px;}
}
@media screen and (max-width: 1440px) {
    .introTabcont #pos1 { padding: 80px 0;}
    .introTabcont .intro-inner-item .title {font-size: 50px;}
    .introTabcont #pos1 .cont {margin-top: 30px;}
    .introTabcont #pos1 .cont .txt p {margin-bottom: 25px;line-height: 26px;}
    .introTabcont #pos1 .cont .txt {  height: 290px;}
    .introTabcont #pos1 .cont .img {padding-left: 3%;}
}
@media screen and (max-width: 1366px) {
    .introTabcont #pos1 { padding: 70px 0;}
    .introTabcont .intro-inner-item .title {font-size: 50px;}
    .introTabcont #pos1 .cont {margin-top: 25px;}
    .introTabcont #pos1 .cont .txt p {margin-bottom: 20px;line-height: 24px;}
    .introTabcont #pos1 .cont .txt { height: 276px;}
    .introTabcont #pos1 .cont .img {padding-left: 3%;}
}
@media screen and (max-width: 1280px) {
    .introTabcont #pos1 { padding: 60px 0;}
    .introTabcont .intro-inner-item .title {font-size: 40px;}
    .introTabcont #pos1 .cont {margin-top: 20px;}
    .introTabcont #pos1 .cont .txt p {margin-bottom: 15px;line-height: 22px;}
    .introTabcont #pos1 .cont .txt { height: 276px;}
    .introTabcont #pos1 .cont .img {padding-left: 3%;}
}
@media screen and (max-width: 1024px) {
    .introTabcont #pos1 { padding: 50px 0;}
    .introTabcont .intro-inner-item .title { font-size: 40px;}
    .introTabcont #pos1 .cont .txt p {font-size: 14px;}
    .introTabcont #pos1 .cont .txt { height: 216px;}
}
@media screen and (max-width: 768px) {
    .introTabcont .intro-inner-item .title { font-size: 34px; }
    .introTabcont #pos1 .cont .txt {height: 210px;}
    .introTabcont #pos1 .cont .txt p { margin-bottom: 10px;}
    .introTabcont #pos1 .cont .txt { width: 100%;}
    .introTabcont #pos1 .cont .img { padding-left: 0; width: 100%;margin-top: 20px;}
    .introTabcont #pos1 .cont { margin-top: 10px;  }
    .introTabcont #pos1 { padding: 35px 0; }

}
@media screen and (max-width: 500px) {
    .introTabcont .intro-inner-item .title { font-size: 20px; }
    .introTabcont #pos1 .cont .txt{padding-right: 0;}
}
/* 布局全球 */
.introTabcont #pos2{padding-bottom: 40px;}
.introTabcont #pos2 .cc-tit{font-size: 30px;}
.introTabcont #pos2 .map-box{position: relative;}
.introTabcont #pos2 .map-box>img{width: 100%;}
.introTabcont #pos2 .quan-list span{position: absolute;display: inline-block;transition: all 1s;}
.introTabcont #pos2 .quan-list .quan1{left: 7%;top: 7%;}
.introTabcont #pos2 .quan-list .quan2{left: 29%;top: 25%;}
.introTabcont #pos2 .quan-list .quan3{left: 70%;top: 15%;}
.introTabcont #pos2 .quan-list .quan4{left: 82%;top: 45%;}
.introTabcont #pos2 .quan-list .quan{z-index: 8;}
.introTabcont #pos2 .quan-list .quan img:hover{transition:all 1s;transform: rotate(90deg);}
.introTabcont #pos2 .line{left: 16%;top: 20%;}
.introTabcont #pos2 .cont-txt{width: 96%;margin: 0 auto 120px;}
.introTabcont #pos2 .cont-txt .txt-item{width: 19.92%;margin-right: 0.08%;height: 190px;color: #ffffff; background: #047CEB;padding: 35px 30px 0;}
.introTabcont #pos2 .cont-txt .txt-item .tit{font-size: 18px;margin-bottom: 15px;}
.introTabcont #pos2 .cont-txt .txt-item .inner-txt{font-size: 14px; color: #FFFFFF; line-height: 24px;opacity: 0.7;}
.introTabcont #pos2 .cont-txt .txt-item:last-child{margin-right: 0;}
.introTabcont .inner-layout-list .inner-title{margin-bottom: 20px;}
.introTabcont .inner-layout-list .inner-title .ltxt{width: 50%;font-size: 30px; }
.introTabcont .inner-layout-list .inner-title .rtxt {width: 50%;font-size: 16px;color: #FFFFFF;line-height: 30px;font-family:'PingFangThin';}
.introTabcont #pos2 .layout-list{width: 100%;}
.introTabcont #pos2 .layout-list .item{width: 19.2%;margin-right: 1%;margin-bottom: 1%; position: relative;overflow: hidden;}
.introTabcont #pos2 .layout-list .item:nth-child(5n){margin-right: 0;}
.introTabcont #pos2 .layout-list .item::after{content: "";display: inline-block;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);position: absolute;left: 0;top: 0;}
.introTabcont #pos2 .layout-list .item>img{width: 100%;transition: all 0.5s;}
.introTabcont #pos2 .layout-list .item:hover>img{transition: all 0.5s;transform: scale(1.1);}
.introTabcont #pos2 .layout-list .item .over-txt{position: absolute;z-index: 8;font-family:'PingFangThin';left: 0;font-size: 16px; bottom: 0;width: 100%;text-align: center;line-height: 42px;}
@media screen and (max-width: 1680px) {
    .introTabcont #pos2 .quan-list .quan1{width: 180px;}
    .introTabcont #pos2 .quan-list .quan3{width: 180px;}
    .introTabcont #pos2 .quan-list .quan2{width: 240px;}
    .introTabcont #pos2 .quan-list .quan4{width: 240px;}
    .introTabcont #pos2 .quan-list .quan img{width: 100%;}
    .introTabcont #pos2 .cont-txt .txt-item { padding: 30px 25px 0; }
    .introTabcont #pos2 .cont-txt .txt-item .tit {margin-bottom: 10px;}
    .introTabcont #pos2 .cc-tit {font-size: 28px;}
    .introTabcont #pos2 .line { width: 80%;}
    .introTabcont #pos2 .quan-list span img{width: 100%;}
    .introTabcont .inner-layout-list .inner-title .ltxt { font-size: 28px;  }
}
@media screen and (max-width: 1440px) {
    .introTabcont #pos2 .quan-list .quan1{width: 160px;}
    .introTabcont #pos2 .quan-list .quan3{width: 160px;}
    .introTabcont #pos2 .quan-list .quan2{width: 220px;}
    .introTabcont #pos2 .quan-list .quan4{width: 220px;}
    .introTabcont #pos2 .cont-txt .txt-item { padding: 25px 20px 0; }
    .introTabcont #pos2 .cont-txt .txt-item .tit {margin-bottom: 5px;}
    .introTabcont #pos2 .cc-tit {font-size: 24px;}
    .introTabcont .inner-layout-list .inner-title .ltxt { font-size: 26px;  }

}
@media screen and (max-width: 1366px) {
    .introTabcont #pos2 .quan-list .quan1{width: 140px;}
    .introTabcont #pos2 .quan-list .quan3{width: 140px;}
    .introTabcont #pos2 .quan-list .quan2{width: 200px;}
    .introTabcont #pos2 .quan-list .quan4{width: 200px;}
    .introTabcont #pos2 .cont-txt .txt-item { padding: 20px 15px 0; }
    .introTabcont #pos2 .cc-tit {font-size: 20px;}
    .introTabcont .inner-layout-list .inner-title .rtxt {line-height: 28px;}
    .introTabcont #pos2 .cont-txt { margin: 0 auto 100px; }
    .introTabcont .inner-layout-list .inner-title .ltxt { font-size: 24px;  }


}
@media screen and (max-width: 1280px) {
    .introTabcont #pos2 .quan-list .quan1{width: 120px;}
    .introTabcont #pos2 .quan-list .quan3{width: 120px;}
    .introTabcont #pos2 .quan-list .quan2{width: 180px;}
    .introTabcont #pos2 .quan-list .quan4{width: 180px;}
    .introTabcont #pos2 .cc-tit {font-size: 18px;}
    .introTabcont .inner-layout-list .inner-title .rtxt {line-height: 26px;}
    .introTabcont #pos2 .cont-txt .txt-item {  margin-right: 0.1%;}
    .introTabcont #pos2 .cont-txt { margin: 0 auto 90px; }
    .introTabcont .inner-layout-list .inner-title .ltxt { font-size: 22px;  }


}
@media screen and (max-width: 1024px) {
    .introTabcont #pos2 .quan-list .quan1{width: 100px;}
    .introTabcont #pos2 .quan-list .quan3{width: 100px;}
    .introTabcont #pos2 .quan-list .quan2{width: 160px;}
    .introTabcont #pos2 .quan-list .quan4{width: 160px;}
    .introTabcont #pos2 .cc-tit {font-size: 16px;}
    .introTabcont .inner-layout-list .inner-title .rtxt {line-height: 24px;font-size: 14px;}
    .txt-item .tit {font-size: 16px;}
    .introTabcont #pos2 .cont-txt { margin: 0 auto 80px; }
    .introTabcont #pos2 .layout-list .item .over-txt {font-size: 14px;line-height: 34px; }
    .introTabcont .inner-layout-list .inner-title .ltxt { font-size: 20px;  }


}
@media screen and (max-width: 768px) {
    .introTabcont #pos2 .quan-list .quan1{width: 80px;}
    .introTabcont #pos2 .quan-list .quan3{width: 80px;}
    .introTabcont #pos2 .quan-list .quan2{width: 120px;}
    .introTabcont #pos2 .quan-list .quan4{width: 120px;}
    .introTabcont #pos2 .cc-tit {font-size: 14px;}
    .introTabcont #pos2 .cont-txt .txt-item .tit {font-size: 16px;}
    .introTabcont #pos2 .cont-txt .txt-item {width: 32.6%;margin-bottom: 1px;margin-right: 0.2%;}
    .introTabcont #pos2 .cont-txt .txt-item:nth-child(4){width: 49%;}
    .introTabcont #pos2 .cont-txt .txt-item:nth-child(5){width: 49%;margin-right: 0;}
    .introTabcont #pos2 .cont-txt .txt-item .inner-txt {line-height: 20px;}
    .introTabcont #pos2 .quan-list .quan4 {left: auto;right: 0;}
    .introTabcont #pos2 .cont-txt { margin: 0 auto 60px; }
    .introTabcont .inner-layout-list .inner-title .ltxt { font-size: 18px;  }
    .introTabcont #pos2 .layout-list .item { width: 32.2%;}
    .introTabcont #pos2 .layout-list .item:nth-child(5n){margin-right: 1%;}
    .introTabcont #pos2 .layout-list .item:nth-child(3n){margin-right: 0;}
    .introTabcont .inner-layout-list .inner-title .ltxt { font-size: 16px; }
    .introTabcont .inner-layout-list .inner-title .rtxt{width: 100%;margin-top: 10px;}

}
@media screen and (max-width: 500px) {
    .introTabcont #pos2 .quan-list .quan1{width: 50px;}
    .introTabcont #pos2 .quan-list .quan3{width: 50px;}
    .introTabcont #pos2 .quan-list .quan2{width: 80px;}
    .introTabcont #pos2 .quan-list .quan4{width: 80px;}
    .introTabcont #pos2 .layout-list .item {width: 49.2%; }
    .introTabcont #pos2 .cont-txt .txt-item { width: 49.8%;}
    .introTabcont #pos2 .cont-txt .txt-item:nth-child(4) {width: 49.8%;}
    .introTabcont #pos2 .cont-txt .txt-item:nth-child(5) {width: 99.8%;height:130px;}
    .introTabcont #pos2 .cont-txt .txt-item:nth-child(2n) {margin-right: 0;}
    .introTabcont #pos2 .layout-list .item:nth-child(3n) {margin-right: 1%; }
    .introTabcont #pos2 .layout-list .item:nth-child(2n) {margin-right: 0; }
}
@media screen and (max-width: 450px) {
    .introTabcont #pos2 .cont-txt .txt-item { height: 165px;}
}
@media screen and (max-width: 400px) {
    .introTabcont #pos2 .cont-txt .txt-item .tit { font-size: 14px; }
    .introTabcont #pos2 .cont-txt .txt-item .inner-txt { font-size: 12px;}
}
/* 发展历程 */
.introTabcont #pos3{position: relative;background: #f3f4f8;}
.develop-inner .developtime-box{width: 100%;position: relative;}
.developtime-box::before{content: "";display: inline-block;width: 1px;background: #047CEB; height: 800px;position: absolute;left: 10px; top: 120px;}
.develop-inner .developtime-box .title{font-size: 60px;color:#00114A;margin-bottom: 80px; font-weight: bold;}
.developtime-box .time-item {height: 200px;padding-right: 20px;}
.developtime-box .time-item .icon{width: 20px;height: 20px;border-radius: 50%;margin-right: 35px; position: relative; background: #F3F4F8;border: 4px solid #047CEB;}
.developtime-box .time-item .icon::after{content: "";display: inline-block;width: 20px; height: 1px; background: #047CEB;position: absolute;right: -20px;top: 50%;}
.developtime-box .time-item .time{font-size: 30px;color: #047CEB;line-height: 20px;letter-spacing: 2px;}
.developtime-box .time-item .time-title { padding-left: 60px;font-size: 36px;letter-spacing: 2px;color: #000000;margin-top: 20px;font-weight: bold;}
.developtime-box .time-item .txt-box{margin-top: 20px;  padding-left: 60px;color: #808080; line-height: 30px;font-family:'PingFangThin';} 
.introTabcont #pos3 .developtxt-box{padding: 90px 0; position: absolute;top: 70px;right: 0;width: 62%;color: #041b3d;}
.introTabcont #pos3 .developtxt-box .develop-item{padding:50px 0;}
.introTabcont .develop-item {border-bottom: 4px solid #999;}
.introTabcont .develop-item:last-child{border-bottom: none;}
.introTabcont .develop-item .txt {width: 76%;margin-bottom: 50px;}
.introTabcont .develop-item .txt .item-tit{font-size: 30px;width: 22%;display: inline-block;}
.introTabcont .develop-item .txt .item-txt{width: 78%;text-align: left;font-family:'PingFangThin';padding-top: 10px;}
.introTabcont .develop-item .txt .item-txt p{line-height: 30px; color: #999;}
.introTabcont .develop-list {width: 76%;}
.introTabcont .develop-list li{width: 24%;margin-right: 1.2%;overflow: hidden;}
.introTabcont .develop-list li:nth-child(4n){margin-right: 0;}
.introTabcont .develop-list li>img{width: 100%;transition: all 0.5s;}
.introTabcont .develop-list li:hover img{transition: all 0.5s;transform: scale(1.1);}
@media screen and (max-width: 1680px) {
    .develop-inner .developtime-box {  height-: 1855px;}
    .develop-inner .developtime-box .title {margin-bottom: 70px;}
    .introTabcont #pos3 .developtxt-box {padding: 80px 0;width: 65%;}
    .introTabcont .develop-item .txt {width: 92%;margin-bottom: 45px; }
    .introTabcont .develop-list {width: 92%;}
    .introTabcont #pos3 .developtxt-box .develop-item { padding: 45px 0;}
    .introTabcont .develop-item .txt .item-tit {font-size: 28px;width: 20%;}
    .introTabcont .develop-item .txt .item-txt { width: 80%;}
    .developtime-box .time-item .time {font-size: 28px;letter-spacing: 1px; }
    .developtime-box .time-item .time-title {font-size: 18px;letter-spacing: 1px;margin-top: 15px; }
}
@media screen and (max-width: 1440px) {
    .develop-inner .developtime-box { height-: 1760px; }
    .develop-inner .developtime-box .title {font-size: 50px;margin-bottom: 60px;}
    .introTabcont #pos3 .developtxt-box {padding: 70px 0;width: 65%;}
    .introTabcont .develop-item .txt {width: 92%;margin-bottom: 45px; }
    .introTabcont .develop-list {width: 92%;}
    .introTabcont #pos3 .developtxt-box .develop-item { padding: 45px 0;}
    .introTabcont .develop-item .txt .item-tit {font-size: 28px;width: 20%;}
    .introTabcont .develop-item .txt .item-txt { width: 80%;}
    .developtime-box .time-item .time {font-size: 28px;letter-spacing: 1px; }
    .developtime-box .time-item .time-title {font-size: 18px;letter-spacing: 1px;margin-top: 15px; }
    .developtime-box .time-item .icon {width: 18px;height: 18px;margin-right: 30px;border: 3px solid #047CEB;}
    .developtime-box .time-item .time {font-size: 26px;}
    .developtime-box .time-item .time-title { padding-left: 50px;}
    .developtime-box .time-item .txt-box {margin-top: 15px;padding-left: 50px;line-height: 28px;}
    .introTabcont .develop-item .txt .item-tit { font-size: 26px;}
    .introTabcont .develop-item .txt {width: 87.5%;margin-bottom: 40px; }
    .introTabcont .develop-list {width: 87.5%; }
}
@media screen and (max-width: 1366px) {
    .introTabcont #pos3 .developtxt-box { padding: 70px 0; width: 65%; }
    .develop-inner .developtime-box .title { font-size: 50px; margin-bottom: 50px; }
    .developtime-box .time-item {height-: 420px; }
    .developtime-box .time-item .time {font-size: 24px;}
    .developtime-box .time-item .time-title {font-size: 16px;letter-spacing: 0px;margin-top: 10px;}
    .introTabcont #pos3 .developtxt-box .develop-item { padding: 40px 0;}
    .introTabcont .develop-item .txt .item-tit { font-size: 22px;}
    .introTabcont .develop-item .txt .item-txt {padding-top: 0; }
    .introTabcont .develop-list {width: 91.5%; }
    .introTabcont .develop-item .txt { width: 91.5%; margin-bottom: 30px; }

    .develop-inner .developtime-box {height: 1610px;}
}
@media screen and (max-width: 1280px) {
    .develop-inner .developtime-box .title {font-size: 40px;margin-bottom: 40px;}
    .developtime-box .time-item { height-: 380px;}
    .developtime-box .time-item .time {font-size: 20px;}
    .developtime-box .time-item .time-title {font-size: 16px;letter-spacing: 0px;margin-top: 10px;}
    .introTabcont .develop-item .txt .item-tit {  font-size: 18px;}
    .develop-inner .developtime-box {height-: 1513px; }
    .introTabcont #pos3 .developtxt-box .develop-item { padding: 30px 0;}
    .introTabcont .develop-list {width: 95.5%;}
    .introTabcont .develop-item .txt {width: 95.5%;margin-bottom: 25px; }
    .introTabcont .develop-item {border-bottom: 3px solid #05C4FF;}
    .introTabcont .develop-item .txt .item-txt p {line-height: 28px; }
}
@media screen and (max-width: 1024px) {
    .develop-inner .developtime-box {height-: 1404px; }
    .develop-inner .developtime-box .title {font-size: 40px;margin-bottom: 30px; }
    .developtime-box .time-item { height-: 360px;}
    .developtime-box .time-item .time {font-size: 16px;}
    .developtime-box .time-item .time-title {margin-top: 0px;}
    .introTabcont #pos3 .developtxt-box .develop-item { padding: 30px 20px;}
    .introTabcont .develop-list {width: 100%;}
    .introTabcont .develop-item .txt {width:100%;margin-bottom: 20px; }
    .introTabcont .develop-item {border-bottom: 2px solid #05C4FF;}
    .introTabcont .develop-item .txt .item-txt p {line-height: 26px; }
    .developtime-box::before {left: 8px;top: 80px; }
}
@media screen and (max-width: 768px) {
	 .develop-inner .developtime-box {height-: 1404px; }
    .develop-inner{position: relative;}
    .developtime-box::before { top: 60px;}
    .develop-inner .developtime-box .title {font-size: 34px;}
    .developtime-box .time-item { height-: 220px;}
    .developtime-box .time-item .icon { width: 15px; height: 15px; margin-right: 25px; border: 2px solid #047CEB;}
    .developtime-box .time-item:nth-child(2) {height-: 600px;}
    .developtime-box .time-item:nth-child(3) {height-: 600px;}
    .develop-inner .developtime-box { width: 100%; height: auto;}
    .introTabcont #pos3 .developtxt-box{background: transparent;padding: 70px 0;width: 93%; }
    .introTabcont #pos3 .developtxt-box .develop-item {padding: 20px 0;background: #047CEB;position: absolute;}
    .introTabcont #pos3 .developtxt-box .develop-item:nth-child(1) {top: 160px;left: 0;}
    .introTabcont #pos3 .developtxt-box .develop-item:nth-child(2) {top: 590px;left: 0;}
    .introTabcont #pos3 .developtxt-box .develop-item:nth-child(3) {top: 1200px;left: 0;}
    .introTabcont .develop-item .txt .item-tit { width: 100%;}
    .introTabcont .develop-item .txt .item-txt { width: 100%; }

}
@media screen and (max-width: 500px) {
    .develop-inner .developtime-box .title { font-size: 20px;}
    .developtime-box::before {top: 45px;left: 6px;height-: 1600px;}
    .developtime-box .time-item .icon {width: 12px;height: 12px;}
    .developtime-box .time-item .time-title {padding-left: 40px; }
    .developtime-box .time-item .txt-box { margin-top: 10px; padding-left: 40px; }
    .developtime-box .time-item .txt-box p{line-height: 18px;}
    .introTabcont #pos3 .developtxt-box {padding: 0px 0;width: 90%; }
    .introTabcont .develop-item .txt .item-tit { font-size: 16px; }
    .introTabcont .develop-item .txt .item-txt p {line-height: 22px;}
    .introTabcont .develop-list li {width: 49%;margin-right: 1.2%;margin-bottom: 1.2%;}
    .introTabcont .develop-list li:nth-child(2n){margin-right: 0;}
    .developtime-box .time-item { height: 680px;}
    .developtime-box .time-item:nth-child(2) {height: 720px;}
    .developtime-box .time-item:nth-child(3) { height: 750px;}
    .introTabcont #pos3 .developtxt-box .develop-item:nth-child(1) {top: 140px;}
    .introTabcont #pos3 .developtxt-box .develop-item:nth-child(2) {top: 730px;}
    .introTabcont #pos3 .developtxt-box .develop-item:nth-child(3) {top: 1458px;}

}
@media screen and (max-width: 450px) {
    .introTabcont #pos3 .developtxt-box .develop-item:nth-child(1) {top: 170px;}
}
@media screen and (max-width: 400px) {
    .develop-inner .developtime-box .title { font-size: 20px;}
    .developtime-box::before { top: 45px; left: 6px;height-: 1500px;}
    .developtime-box .time-item .icon {width: 12px;height: 12px;}
    .developtime-box .time-item .time-title {padding-left: 40px; font-size: 14px; }
    .developtime-box .time-item .txt-box { margin-top: 10px; padding-left: 40px; }
    .developtime-box .time-item .txt-box p{line-height: 22px;}
    .introTabcont #pos3 .developtxt-box {padding: 0px 0;width: 90%; }
    .introTabcont .develop-item .txt .item-tit { font-size: 16px; }
    .introTabcont .develop-item .txt .item-txt p {line-height: 22px;}
    .introTabcont .develop-list li {width: 49%;margin-right: 1.2%;margin-bottom: 1.2%;}
    .introTabcont .develop-list li:nth-child(2n){margin-right: 0;}
    .developtime-box .time-item { height: 620px; }
    .introTabcont #pos3 .developtxt-box .develop-item:nth-child(2) {top: 670px;}
    .developtime-box .time-item:nth-child(2) {height: 650px;}
    .developtime-box .time-item:nth-child(3) { height: 725px;}
    .introTabcont #pos3 .developtxt-box .develop-item:nth-child(1) {top: 170px;}
    .introTabcont #pos3 .developtxt-box .develop-item:nth-child(2) {top: 700px;}
    .introTabcont #pos3 .developtxt-box .develop-item:nth-child(3) { top: 1350px;}
}
@media screen and (max-width: 350px) {
    .developtime-box .time-item .txt-box p {font-size: 13px; }
}
/* 关于我们聚合页 */
.aboutUs-tab  ul li{width: 25%;}
.aboutUs-Tabcont .page-item .title{font-size: 60px;margin-bottom: 25px; font-weight: bold; color: #00114A;}
.aboutUs-Tabcont .page-item:nth-child(1){background: #00114A;color: #ffffff;}
.aboutUs-Tabcont .page-item:nth-child(1) .title {color: #ffffff;}
.aboutUs-Tabcont .page-item:nth-child(2){background: #fff;color: #001149;}
.aboutUs-Tabcont .page-item:nth-child(2) .title {color: #001149;}
.aboutUs-inner .intro-list{width: 100%;}
.aboutUs-inner .intro-list .item{display: inline-block;transition: all 0.5s; width: 32%;margin-right: 1.6%;margin-bottom: 1.6%; background: #ffffff;}
.aboutUs-inner .intro-list .item:nth-child(3n){margin-right: 0;}
.aboutUs-inner .intro-list .item:nth-child(3n){margin-right: 0;}
.aboutUs-inner .intro-list .item .img-box{overflow: hidden;position: relative;}
.aboutUs-inner .intro-list .item .img-box img{width: 100%;transition: all 0.5s;}
.aboutUs-inner .intro-list .item:hover .img-box img{transition: all 0.5s;transform: scale(1.1);}
.aboutUs-inner .intro-list .item .item-tit{position: absolute;bottom: -20px;left: 0;width: 100%;height: 80px;line-height: 80px;padding: 0 25px;color: #333;font-size: 30px;background: #fff;}
.aboutUs-inner .intro-list .item .txt-box{height: 135px;position: relative;padding: 20px 30px 30px 30px;}
.aboutUs-inner .intro-list .item .txt-box::after{content: "";display: inline-block;width: 100%;height: 8px; background: #fff;position: absolute;left: 0;top: 8px;}
.aboutUs-inner .intro-list .item .item-txt{color: #808080;font-size: 14px;text-align: justify; -webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;line-height: 20px;height: 60px;margin-bottom: 10px;}
.aboutUs-inner .intro-list .item .link-more{display: inline-block;color: #05C4FF;font-size: 12px;transition: all 0.5s;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.aboutUs-inner .intro-list .item .link-more:hover{transition: all 0.5s;}
.aboutUs-inner .intro-list .item .link-more .icon{vertical-align: middle;}
.aboutUs-inner .news-cont li:nth-child(1){width: 66.4%;margin-right: 1.6%;}
.aboutUs-inner .news-cont li:nth-child(1) .news-item{height: 640px;}
.aboutUs-inner .news-cont li:nth-child(2){width: 32%;margin-right: 0;}
.aboutUs-inner .news-cont .news-item{display: inline-block;width: 100%;position: relative;overflow: hidden;height: 200px;}
.aboutUs-inner .news-cont li:nth-child(2) .news-item{margin-bottom: 20px;}
.aboutUs-inner .news-item>img{width: 100%;transition: all 0.5s;height: 100%;object-fit: cover;}
.aboutUs-inner .news-item:hover>img{transition: all 0.5s;transform: scale(1.1);}
.aboutUs-inner .news-item .mask-box{position: absolute;bottom: 2.5%;padding: 25px 5%; line-height: 40px; right: 2.3%;width: 95.4%;background: rgba(57, 61, 77,0.8);color: #ffffff;}
.aboutUs-inner .news-item .mask-box h5{font-size: 20px;}
.aboutUs-inner .news-item .mask-box h5 .icon{position: absolute;left: 16px; top: 50%; transform: translateY(-50%);}
.aboutUs-inner .news-item .mask-box .item-txt{line-height: 60px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.aboutUs-inner .news-cont li:nth-child(2) .news-item .mask-box {right: 10px;bottom: 10px;width: 160px;padding-left: 50px;}
.aboutUs-inner .showroom-cont {position: relative;}
.aboutUs-inner .showroom-cont li:nth-child(1){width: 66.4%;margin-right: 1.6%;}
.aboutUs-inner .showroom-cont li:nth-child(2){width: 32%;margin-right: 0;}
.aboutUs-inner .showroom-cont .showroom-item {position: relative;transition: all 0.5s;overflow: hidden;}
.aboutUs-inner .showroom-item .mask-box{position: absolute;bottom: 0;left: 0;width: 100%;padding: 20px 6%; color: #ffffff;height: 170px;background: rgba(57, 61, 77,0.8);}
.aboutUs-Tabcont #pos3{background: #F3F4F8;padding-bottom: 110px;}
.aboutUs-Tabcont #pos3 .title {width: 66.5%;}
.aboutUs-Tabcont #pos3 .title .link-more{font-size: 14px;color: #041B3D; font-weight: bold; line-height: 80px;transition: all 0.5s;} 
.aboutUs-Tabcont #pos3 .title .link-more:hover{transition: all 0.5s;}
.aboutUs-Tabcont #pos3 .title .link-more .icon{display: inline-block;margin-left: 5px;font-size: 20px;font-weight: 600;vertical-align: middle;}
.aboutUs-inner .showroom-item img{width: 100%;transition: all 0.5s;}
.aboutUs-inner .showroom-item:hover img{transition: all 0.5s;transform: scale(1.1);}
.aboutUs-inner .showroom-item .mask-box h5{font-size: 22px;font-weight: bold; margin-bottom: 10px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.aboutUs-inner .showroom-item .mask-box p{line-height: 32px;}
.aboutUs-inner .showroom-item .mask-box .tit{font-weight: bold; font-size: 16px;}
.aboutUs-inner .showroom-item .mask-box .txt{font-family:'PingFangThin';}
.aboutUs-inner .right-show {position: absolute;right: 0; height: 100%; padding: 4.5%;background: #00114A;text-align: center;}
.aboutUs-inner .right-show img{width: 100%;}
.aboutUs-inner .right-show h5{font-size: 22px;color: #ffffff;margin-top: 40px;}
.aboutUs-inner .right-show .link-btn{width: 160px;height: 50px;position: relative;transition: all 0.5s; line-height: 50px;font-size: 16px; color: #ffffff;margin-top: 70px; background: #047CEB;display: inline-block;text-align: center;}
.aboutUs-inner .right-show .link-btn span { display: block; vertical-align: middle; position: relative; z-index: 3; }
.aboutUs-inner .right-show .link-btn::after{content: "";display: inline-block;width: 100%;height: 4px;background: #05C4FF;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.aboutUs-inner .right-show .link-btn:hover::after{transition: all 0.5s;height: 100%;}
.aboutUs-inner .right-show .link-btn .icon{display: inline-block;margin-left: 4px;font-size: 18px;vertical-align: middle;}
.aboutUs-Tabcont #pos4{padding: 0;background: #F3F4F8;position: relative;height: 750px;overflow: hidden;}
.aboutUs-Tabcont #pos4>img{height: 100%;position: absolute;left: 50%;top: 0;width: auto; transform: translateX(-50%);}
.aboutUs-Tabcont .Recruit-inner{position: absolute;left: 50%;top: 0;height: 100%;padding: 3.5% 0;color: #ffffff; transform: translateX(-50%);}
.aboutUs-Tabcont .Recruit-inner .f-left{height: 100%;width: 41%;padding: 3%; background: #047CEB;}
.aboutUs-Tabcont .Recruit-inner .f-left::after{content: "";display: inline-block;width: 41%;height: 12px;background: #05C4FF;position: absolute;bottom: 8.5%;left: 0;}
.aboutUs-Tabcont .Recruit-inner .f-right{width: 59%; padding-left: 7%;}
.aboutUs-Tabcont .Recruit-inner .f-left .txt1{font-size: 60px; color: #FFFFFF;margin-bottom: 10px; font-weight: bold; }
.aboutUs-Tabcont .Recruit-inner .f-left .txt2{font-size: 30px;}
.aboutUs-Tabcont .Recruit-inner .f-left .txt3{font-size: 200px;color: #ffffff;opacity: 0.05;font-weight: 600; position: absolute;margin-top: -30px;}
.aboutUs-Tabcont .Recruit-inner .f-left .txt4{margin-top: 190px;}
.aboutUs-Tabcont .Recruit-inner .f-left .txt4 .fl p{font-size: 16px; text-align: left;font-family:'PingFangThin';margin-bottom: 20px;line-height: 18px; letter-spacing: 1px;} 
.aboutUs-Tabcont .Recruit-inner .f-left .txt4 .fl{padding-right: 20px;width: 60%;border-right: 1px solid rgba(255, 255, 255, 0.5);}
.aboutUs-Tabcont .Recruit-inner .f-left .fr{text-align: center;}
.aboutUs-Tabcont .Recruit-inner .f-left img{max-width: 100%;}
.aboutUs-Tabcont .Recruit-inner .f-left .weima-txt{width: 100%;text-align: center;margin-top: 10px;font-size: 16px;font-family:'PingFangThin';}
.aboutUs-Tabcont .Recruit-inner .f-right .right-tit{font-size: 24px;line-height: 30px;margin-bottom:20%;color: #333333;}
.aboutUs-Tabcont .Recruit-inner .f-right .link-item{width: 260px;height: 50px;position: relative; font-size: 16px; background:#047CEB;; border: 2px solid #FFFFFF;text-align: center;color: #ffffff;transition: all 0.5s;line-height: 46px;margin-right: 7%;margin-bottom:10px}
.aboutUs-Tabcont .Recruit-inner .f-right .link-item span{display: block;vertical-align: middle;position: relative;z-index: 3;}
.aboutUs-Tabcont .Recruit-inner .f-right .link-item:last-child{margin-right: 0;}
.aboutUs-Tabcont .Recruit-inner .f-right .link-item .icon{display: inline-block;margin-left: 3px;font-size: 18px;vertical-align: middle;}
.aboutUs-Tabcont .Recruit-inner .f-right .link-item::after{content: "";display: inline-block;width: 0%;height: 4px;background: #05C4FF;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
.aboutUs-Tabcont .Recruit-inner .f-right .link-item:hover{transition: background 0.4s; background: #047CEB;border-color:#047CEB;}
.aboutUs-Tabcont .Recruit-inner .f-right .link-item:hover::after{transition: all 0.5s;bottom: -2px; width: 100%;width:-webkit-calc(100% + 4px);  width:-moz-calc(100% + 4px);  width:calc(100% + 4px); }

@media screen and (max-width: 1680px) {
    .aboutUs-Tabcont .page-item .title {font-size: 58px;}
    .aboutUs-Tabcont #pos3 { padding-bottom: 100px; }
    .aboutUs-inner .intro-list .item .item-tit {height: 76px;line-height: 76px;font-size: 28px;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt1 { font-size: 58px;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt2 {font-size: 28px;}
    .aboutUs-Tabcont .Recruit-inner .f-right .right-tit {font-size: 38px;line-height: 78px;}
    .aboutUs-Tabcont .Recruit-inner .f-left::after { bottom: 7.5%;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt3 {font-size: 190px;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt4 {margin-top: 170px;}
    .aboutUs-Tabcont #pos4 {  height: 720px;}
}
@media screen and (max-width: 1540px) {
    .aboutUs-Tabcont .Recruit-inner .f-left::after { bottom: 6.5%;}

}
@media screen and (max-width: 1440px) {
    .aboutUs-Tabcont #pos3 { padding-bottom: 90px; }
    .aboutUs-Tabcont .page-item .title {font-size: 54px;}
    .aboutUs-inner .intro-list .item .item-tit {height: 74px;line-height: 74px;font-size: 26px;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt1 { font-size: 54px;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt2 {font-size: 26px;}
    .aboutUs-Tabcont .Recruit-inner .f-right .right-tit {font-size: 36px;line-height: 74px;}
    .aboutUs-Tabcont .Recruit-inner .f-left::after { bottom: 5.5%;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt3 {font-size: 180px;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt4 {margin-top: 160px;}
    .aboutUs-Tabcont .Recruit-inner .f-right .link-item { margin-right: 6%; }
    .aboutUs-inner .right-show .link-btn { margin-top: 60px;}
    .aboutUs-inner .news-cont li:nth-child(1){width: calc(68% - 16px);margin-right: 16px;}
    .aboutUs-inner .news-cont li:nth-child(1) .news-item{height: 512px;}
    .aboutUs-inner .news-cont li:nth-child(2) .news-item { margin-bottom: 16px; height: 160px;}
    .aboutUs-Tabcont #pos4 {  height: 680px;}


}
@media screen and (max-width: 1366px) {
    .aboutUs-Tabcont #pos3 { padding-bottom: 80px; }
    .aboutUs-Tabcont .page-item .title {font-size: 50px;}
    .aboutUs-inner .intro-list .item .item-tit {height: 72px;line-height: 72px;font-size: 24px;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt1 { font-size: 50px;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt2 {font-size: 24px;}
    .aboutUs-Tabcont .Recruit-inner .f-right .right-tit {font-size: 32px;line-height: 66px;}
    .aboutUs-Tabcont .Recruit-inner .f-left::after { bottom: 6.21%;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt3 {font-size: 170px;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt4 {margin-top: 150px;}
    .aboutUs-Tabcont .Recruit-inner .f-right .link-item { margin-right: 5%; }
    .aboutUs-inner .showroom-item .mask-box h5 { font-size: 20px; margin-bottom: 8px; }
    .aboutUs-inner .right-show h5 {font-size: 20px;margin-top: 36px; }
    .aboutUs-inner .right-show .link-btn { margin-top: 50px;}
    .aboutUs-inner .showroom-item .mask-box {height: 160px;}
    .aboutUs-Tabcont .Recruit-inner .f-left::after {height: 10px;}
    .aboutUs-inner .intro-list .item .txt-box::after {height: 6px;}
    .aboutUs-inner .intro-list .item .txt-box {height: 130px;padding: 25px; }
    .aboutUs-inner .news-item .mask-box h5 {font-size: 18px;}
    .aboutUs-Tabcont #pos4 {  height: 620px;}

}
@media screen and (max-width: 1280px) {
    .aboutUs-Tabcont #pos3 { padding-bottom: 70px; }
    .aboutUs-Tabcont .page-item .title {font-size: 46px;}
    .aboutUs-inner .intro-list .item .item-tit {height: 70px;line-height: 70px;font-size: 22px;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt1 { font-size: 46px;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt2 {font-size: 22px;}
    .aboutUs-Tabcont .Recruit-inner .f-right .right-tit {font-size: 28px;line-height: 54px;}
    .aboutUs-Tabcont .Recruit-inner .f-left::after { bottom: 5.5%;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt3 {font-size: 150px;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt4 {margin-top: 140px;}
    .aboutUs-Tabcont .Recruit-inner .f-right .link-item { margin-right: 4%; }
    .aboutUs-inner .showroom-item .mask-box h5 { font-size: 18px; margin-bottom: 5px; }
    .aboutUs-inner .right-show h5 {font-size: 18px;margin-top: 30px; }
    .aboutUs-inner .right-show .link-btn { margin-top: 40px;}
    .aboutUs-inner .showroom-item .mask-box {height: 150px;}
    .aboutUs-inner .news-item .mask-box h5 .icon {height: 18px; }
    .aboutUs-Tabcont .Recruit-inner {padding:5% 3.5%;}
    .aboutUs-Tabcont .Recruit-inner .f-left::after {bottom: 10%;height: 8px;left: 4%;width: 37.6%; }
    .aboutUs-Tabcont .Recruit-inner .f-right .link-item {width: 150px;}
    .aboutUs-inner .right-show .link-btn { width: 150px;}
    .aboutUs-inner .news-cont li:nth-child(2) .news-item .mask-box {right: 8px;bottom: 8px;width: 150px;padding-left: 45px;}
    .aboutUs-Tabcont .Recruit-inner .f-right { padding-left: 5%;}
}
@media screen and (max-width: 1150px) {
    .aboutUs-Tabcont .Recruit-inner .f-left::after {bottom: 8%; }

}
@media screen and (max-width: 1024px) {
    .aboutUs-Tabcont #pos3 { padding-bottom: 50px; }
    .aboutUs-Tabcont .page-item .title {font-size: 40px;}
    .aboutUs-inner .intro-list .item .item-tit {height: 62px;line-height: 62px;font-size: 18px; padding: 0 15px;}
    .aboutUs-inner .intro-list .item .txt-box::after {height: 4px;}
    .aboutUs-inner .intro-list .item .txt-box {padding: 15px; }
    .aboutUs-inner .showroom-item .mask-box h5 { font-size: 16px; margin-bottom: 2px; }
    .aboutUs-inner .showroom-item .mask-box {height: 140px;}
    .aboutUs-inner .right-show h5 {font-size: 16px;margin-top: 25px; }
    .aboutUs-inner .right-show .link-btn { margin-top: 30px;}
    .aboutUs-inner .news-item .mask-box { line-height: 54px;padding: 0 8%;}
    .aboutUs-inner .right-show {padding: 7%;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt1 { font-size: 40px;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt2 {font-size: 20px;}
    .aboutUs-Tabcont .Recruit-inner .f-left::after {height: 6px;}
    .aboutUs-Tabcont .Recruit-inner .f-left { height: 60%; width: 100%;}
    .aboutUs-Tabcont .Recruit-inner .f-left::after { bottom: 41.5%; width: 93%;left: 3.5%;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt3 {font-size: 100px;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt4 { margin-top: 80px; }
    .aboutUs-Tabcont .Recruit-inner .f-right .link-item { margin-right: 3%; }
    .aboutUs-Tabcont .Recruit-inner .f-right {padding-left: 0;width: 100%;margin-top: 5%; }
    .aboutUs-Tabcont .Recruit-inner .f-right .right-tit { margin-bottom: 5%;font-size: 26px;line-height: 50px;}
    .aboutUs-inner .intro-list .item .txt-box::after {top: 4px;}
    .aboutUs-Tabcont #pos4 { height: 740px;}

}
@media screen and (max-width: 768px) {
    .aboutUs-tab ul li { width: 100%;}
    .aboutUs-Tabcont #pos3 { padding-bottom: 30px; }
    .aboutUs-Tabcont .page-item .title {font-size: 32px;}
    .aboutUs-inner .intro-list .item .item-tit {height: 50px;line-height: 50px;font-size: 16px; padding: 0 10px;}
    .aboutUs-inner .showroom-item .mask-box h5 { font-size: 16px; margin-bottom: 2px; }
    .aboutUs-inner .right-show h5 {font-size: 16px;margin-top: 20px; }
    .aboutUs-inner .right-show .link-btn { margin-top:20px;}
    .aboutUs-inner .showroom-item .mask-box {height: 130px;}
    .aboutUs-inner .intro-list .item .txt-box {padding: 10px; height: 115px;}
    .aboutUs-inner .news-item .mask-box { line-height: 50px;}
    .aboutUs-inner .news-item .mask-box h5 {  font-size: 16px;}
    .aboutUs-inner .news-cont li:nth-child(1) {width: 100%;margin-right: 0;margin-bottom: 10px;}
    .aboutUs-inner .news-cont .news-item {width: 100%;}
    .aboutUs-inner .news-cont li:nth-child(2) { width: 100%;}
    .aboutUs-inner .news-cont li:nth-child(2) .news-item .mask-box { padding: 0 3% 0 54px; width: 150px;}
    .aboutUs-inner .right-show img { width: auto; max-width: 100%;  }
    /* .aboutUs-inner .news-item .mask-box h5 .icon { top: 15px; } */
    .aboutUs-inner .showroom-cont li:nth-child(1) {  width: 100%;  margin-right: 0;}
    .aboutUs-inner .showroom-cont li:nth-child(2) {width: 100%;margin-right: 0;position: relative;margin-top: 20px;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt1 { font-size: 32px;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt3 {  font-size: 80px; }
    .aboutUs-Tabcont .Recruit-inner .f-left .txt4 {margin-top: 50px;}
    .aboutUs-Tabcont .Recruit-inner .f-left::after { bottom: 41%;}
    .aboutUs-Tabcont .Recruit-inner .f-left::after { height: 3px; }
    .aboutUs-Tabcont .Recruit-inner .f-right .link-item {width: 130px;border-width: 1px; }
    .aboutUs-Tabcont .Recruit-inner .f-right .right-tit {margin-bottom: 5%;font-size: 22px;line-height: 36px;}
    .aboutUs-inner .intro-list .item {width: 49%;}
    .aboutUs-inner .intro-list .item:nth-child(3n) {margin-right: 1.6%;}
    .aboutUs-inner .intro-list .item:nth-child(2n) {margin-right: 0;}
    .aboutUs-Tabcont #pos3 .title { width: 100%; }
    .aboutUs-Tabcont #pos4 {height: 620px;}
    .aboutUs-inner .news-cont li:nth-child(1) .news-item{height: 240px;}
    .aboutUs-inner .news-cont li:nth-child(2) .news-item { height: 120px;margin-bottom: 12px;}
	.aboutUs-inner .intro-list .item .item-tit { bottom: 0;}
}
@media screen and (max-width: 500px) {
    .aboutUs-Tabcont .page-item .title { font-size: 22px;  }
    .aboutUs-inner .news-item .mask-box { line-height: 22px;padding: 10px 5%;}
    .aboutUs-Tabcont #pos3 .title .link-more {line-height: 30px;}
    .aboutUs-inner .showroom-item .mask-box { height: 90px; padding: 2% 15px; }
    .aboutUs-inner .showroom-item .mask-box .tit { font-size: 14px;  }
    .aboutUs-inner .showroom-item .mask-box p { line-height: 22px; }
    .aboutUs-inner .right-show .link-btn {height: 42px;line-height: 42px;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt1 { font-size: 22px;  }
    .aboutUs-Tabcont .Recruit-inner .f-left .txt2 {font-size: 16px; }
    .aboutUs-Tabcont .Recruit-inner .f-left .txt3 {font-size: 60px;margin-top: -10px;}
    .aboutUs-Tabcont .Recruit-inner .f-left .txt4 .fl {  padding-right: 0px;  width: 100%;  border-right: none;  }
    .aboutUs-Tabcont .Recruit-inner .f-left .fr { width: 100%;  }
    .aboutUs-Tabcont .Recruit-inner .f-left img { width: 85px; }
    .aboutUs-Tabcont .Recruit-inner .f-left { height: 70%;}
    .aboutUs-Tabcont .Recruit-inner .f-right .right-tit {margin-bottom: 5%;font-size: 16px;line-height: 26px;}
    .aboutUs-Tabcont .Recruit-inner .f-left::after {  bottom: 33%; }
    .aboutUs-Tabcont .Recruit-inner {padding: 12% 3.5%;}
    .aboutUs-Tabcont .Recruit-inner .f-right .link-item {width: 28vw;border-width: 1px;line-height: 40px;height: 42px;font-size: 14px;}
    .aboutUs-Tabcont .Recruit-inner .f-right .link-item:hover::after{transition: all 0.5s;bottom: -1px; width: 100%;width:-webkit-calc(100% + 2px);  width:-moz-calc(100% + 2px);  width:calc(100% + 2px); }

    .aboutUs-inner .news-item .mask-box .item-txt {line-height: 44px;}
}
@media screen and (max-width: 350px) {
    .aboutUs-inner .showroom-item .mask-box h5 {font-size: 14px;}
    .aboutUs-inner .showroom-item .mask-box p{font-size: 12px; }
    .aboutUs-inner .showroom-item .mask-box .tit { font-size: 12px;}
    .aboutUs-inner .intro-list .item .item-txt {  font-size: 13px;}
}

/* 下载详情页 */
.download-container{margin-top: 90px;}
.download-container .detail-header{height: 150px;background: #047CEB;padding-top: 40px;line-height: 110px;font-size: 40px;color: #FFFFFF;font-weight: bold; position: relative;}
.download-container .detail-header h5{font-size: 40px;}
.download-container .detail-header::after{content: "";display: inline-block;width: 100%;height: 7px;background: #05C4FF;position: absolute;bottom: 0;left: 0;}
.download-container .detail-cont{margin-top: 40px;margin-bottom: 100px;} 
.download-container .detail-left{width: 65%;}
.download-container .detail-right{width: 35%;padding-left: 45px;}
.download-container .detail-left .top-detail{margin-bottom: 14px;text-align: right;}
.download-container .detail-left.full{width: 100%;}
.download-container .detail-right.full{width: 100%;margin-top: 20px;}
.download-container .detail-left .item-btn{display: inline-block;margin-left: 25px;transition: all 0.5s;}
.download-container .detail-left .item-btn:hover{transition: all 0.5s;color:#047CEB;}
.download-container .detail-left .item-btn .icon{vertical-align: middle;display: inline-block;margin-right: 6px;}
.download-container .detail-left .detail-inner{height: 590px;}
.download-container .detail-right .right-title{color: #047CEB;font-size: 30px;margin-bottom: 20px; font-weight: bold; }
.download-container .detail-right .list-item{border-bottom: 1px solid #e6e6e6;padding: 25px 0 20px;}
.download-container .detail-right .list-item h2 a{display: inline-block; color: #000000;font-size: 16px;transition: all 0.5s; font-weight: bold; margin-bottom: 13px;}
.download-container .detail-right .list-item h2 a:hover{transition: all 0.5s;color: #047CEB;}
.download-container .detail-right .other {font-size: 16px;font-family:'PingFangThin';}
.download-container .detail-right .other span:nth-child(1){display: inline-block;color: #999999;margin-right: 5px;}
.download-container .detail-right .other span:nth-child(2){color: #00114A;}

@media screen and (max-width: 1440px) {
    .download-container .detail-header {height: 130px;padding-top: 30px;line-height: 100px;}
    .download-container .detail-header h5{font-size: 36px;}
    .download-container .detail-right { padding-left: 40px;}
    .download-container .detail-cont {margin-top: 30px;margin-bottom: 90px;}
    .download-container .detail-right .right-title {font-size: 28px;margin-bottom: 15px;}
}
@media screen and (max-width: 1366px) {
    .download-container .detail-right { padding-left: 30px;}
    .download-container .detail-header {height: 120px;padding-top: 20px;line-height: 100px;}
    .download-container .detail-header h5{font-size: 34px;}
    .download-container .detail-cont {margin-top: 20px;margin-bottom: 80px;}
    .download-container .detail-right .list-item { padding: 20px 0 15px; }
    .download-container .detail-right .right-title {font-size: 24px;margin-bottom: 10px;}


}
@media screen and (max-width: 1280px) {
    .download-container .detail-header {height: 100px;padding-top: 20px;line-height: 80px;}
    .download-container .detail-header h5{font-size: 30px;}
    .download-container .detail-right { padding-left: 25px;}
    .download-container { margin-top: 78px;}
    .download-container .detail-right .right-title {font-size: 22px;margin-bottom: 5px;}
    .download-container .detail-right .list-item { padding: 15px 0 10px;}
    .download-container .detail-cont { margin-top: 20px; margin-bottom: 70px;}

}
@media screen and (max-width: 1024px) {
    .download-container { margin-top: 68px;}
    .download-container .detail-header {height: 80px;padding-top: 20px;line-height: 60px;}
    .download-container .detail-header h5{font-size: 26px;}
    .download-container .detail-left { width: 100%;}
    .download-container .detail-right { width: 100%;margin-top: 25px;padding-left: 0;}
    .download-container .detail-right .list-item { padding: 10px 0;}
    .download-container .detail-right .list-item h2 a { margin-bottom: 5px; }
    .download-container .detail-cont { margin-top: 10px; margin-bottom: 50px;}

}
@media screen and (max-width: 768px) {
    .download-container .detail-header {height: 60px;padding-top: 0px;line-height: 60px;}
    .download-container .detail-header h5{font-size: 20px;}
    .download-container .detail-right .other {font-size: 14px;}
    .download-container .detail-cont { margin-top: 0px; margin-bottom: 30px;}
    .download-container .detail-header::after {height: 5px;}
    .download-container .detail-left .item-btn {margin-left: 20px;}
}
@media screen and (max-width: 500px) {
    .download-container .detail-header h5{font-size: 18px;}
    .download-container .detail-header::after {height: 3px;}
    .download-container .detail-left .top-detail { margin-bottom: 10px;}
    .download-container .detail-left .item-btn {margin-left: 15px;}
    .download-container .detail-right .list-item h2 a {font-size: 14px;}
    .download-container .detail-left .detail-inner {height: 450px;}
}

/* 搜索结果页 */
.search-main{margin-top: 90px;background: #F3F4F8;}
.search-main .srtop{padding: 95px 0 30px;}
.search-main .srtop .title{font-size: 50px; font-weight: 600;color: #00114A;}
.search-main .srtop .srtop-txt{color: #808080;font-size: 15px;margin-top: 10px;}
.search-main .srtop .srtop-txt i{color: #333333;font-weight: 600;}
.rusult-inner {background: #ffffff;margin-bottom: 20px;}
.rusult-inner .result-left {width: 20%;padding-top: 20px;border-right:20px solid #F3F4F8;    min-height: 480px;}
.rusult-inner .result-left li{ width: 100%;line-height: 66px;padding-left: 26px; height: 66px;position: relative;}
.rusult-inner .result-left li input[type="radio"] {cursor: pointer; opacity: 0;z-index: 9; display: inline-block;position: absolute;;left: 0;top: 50%;transform: translateY(-50%);}
.rusult-inner .result-left li label{display: block;width: 16px;height: 16px;border-radius: 50%; border: 2px solid #BFBFBF;position: absolute;;left: 0;top: 50%;transform: translateY(-50%); cursor: pointer;}                                                                                                                                                                                                                                                                                                                                                                                       
.rusult-inner .result-left li label:before { display: block; content: ""; text-align: center; background: #BFBFBF; text-align: center; height: 8px; width: 8px; border-radius: 50%; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.rusult-inner .result-left li input[type="radio"]:checked + label{border-color: #047CEB;}
.rusult-inner .result-left li input[type="radio"]:checked + label:before {  background: #047CEB;}
.rusult-inner .result-left li .ltxt{width: 100%;padding-right: 20px;}
.rusult-inner .result-left .ltxt .item-name{color: #4D4D4D;font-size: 24px;}
.rusult-inner .result-left .checked-li .ltxt .item-name{color: #047CEB;}
.rusult-inner .result-left .ltxt .item-num{color: #999999;font-size: 16px;}
.rusult-inner .result-right {width: 80%;padding: 20px 0 0 40px ;}
.result-right .tab-box{font-size: 16px;line-height: 66px;border-bottom: 2px solid #f1f1f1;}
.result-right .time-tab .tab-item{color:#9B9B9B ;display: inline-block;margin-right: 25px;transition: all 0.5s;}
.result-right .time-tab .tab-item.active-tab{color: #047CEB;}
.result-right .time-tab .tab-name{color: #4D4D4D;}
.result-right .recommend-tab .tab-name{color: #9B9B9B;}
.result-right .recommend-tab .tab{width: 18px;height: 66px;position: relative;display: inline-block;}
.result-right .recommend-tab .tab-item{display: inline-block;position: absolute;left: 0;top: 26px;width: 10px;height: 8px;}
.result-right .recommend-tab .tab-item:nth-child(1){background: url(../image/icon9.png) no-repeat center center;}
.result-right .recommend-tab .tab-item:nth-child(2){top: 35px; background: url(../image/icon8.png) no-repeat center center;}
.result-right .recommend-tab .tab-item.active-tab:nth-child(1){background: url(../image/icon9_o.png) no-repeat center center;}
.result-right .recommend-tab .tab-item.active-tab:nth-child(2){background: url(../image/icon8_o.png) no-repeat center center;}
.result-right .search-result-list .li-item{padding: 20px 0;border-bottom: 1px solid #f1f1f1;}
.result-right .search-result-list .li-item .li-name{display: block;width: 100%;transition: all 0.5s; font-weight: 600;margin-bottom: 10px; font-size: 20px;color: #1A1A1A;}
.result-right .search-result-list .li-item .li-name:hover{transition: all 0.5s;color:#047CEB ;}
.result-right .search-result-list .li-item .li-txt{text-overflow:ellipsis;width: 100%;color: #808080;font-size: 14px;overflow: hidden;white-space: nowrap;}
.result-right .pages{padding: 35px 0;}
.result-right .pages a{margin-bottom: 0;}

@media screen and (max-width: 1680px) {
    .search-main .srtop {padding: 80px 0 30px;}
    .rusult-inner .result-left li { line-height: 64px; height: 64px;}
    .search-main .srtop .title {font-size: 48px;}
}
@media screen and (max-width: 1440px) {
    .search-main .srtop {padding: 70px 0 25px;}
    .search-main .srtop .title {font-size: 46px;}
    .rusult-inner .result-left li { line-height: 60px;height: 60px;}
    .rusult-inner .result-left .ltxt .item-name { font-size: 22px;}
}
@media screen and (max-width: 1366px) {
    .search-main .srtop {padding: 60px 0 20px;}
    .rusult-inner .result-left li { line-height: 58px;height: 58px;}
    .search-main .srtop .title {font-size: 42px;}
    .rusult-inner .result-left .ltxt .item-name { font-size: 20px;}
    .result-right .search-result-list .li-item .li-name {font-size: 18px;}
}
@media screen and (max-width: 1280px) {
    .search-main .srtop {padding: 50px 0 20px;}
    .rusult-inner .result-left li { line-height: 56px;height: 56px;}
    .search-main .srtop .title {font-size: 38px;}
    .rusult-inner .result-left .ltxt .item-name { font-size: 18px;}
    .result-right .search-result-list .li-item .li-name {font-size: 16px;margin-bottom: 6px;}
}
@media screen and (max-width: 1024px) {
    .search-main .srtop {padding: 40px 0 20px;}
    .rusult-inner .result-left li { line-height: 52px;height: 52px;}
    .search-main .srtop .title {font-size: 34px;}
    .rusult-inner .result-left .ltxt .item-name { font-size: 16px;}
    .result-right .search-result-list .li-item .li-name {font-size: 14px;margin-bottom: 3px;}
}
@media screen and (max-width: 768px) {
    .search-main {margin-top: 70px;}
    .search-main .srtop {padding: 30px 0 15px;}
    .rusult-inner .result-left li { line-height: 46px;height: 46px;}
    .search-main .srtop .title {font-size: 30px;}
    .rusult-inner .result-left {width: 100%;padding-top: 20px;border-right: none;min-height: auto;}
    .rusult-inner .result-right { width: 100%; padding: 20px 0 0 0px;}
    .result-right .search-result-list .li-item { padding: 15px 0;}
    .result-right .tab-box { font-size: 14px; line-height: 50px;}
    .result-right .recommend-tab .tab {height: 50px;}
    .result-right .time-tab .tab-item { margin-right: 10px;}
    .result-right .recommend-tab .tab-item { top: 18px;}
    .result-right .recommend-tab .tab-item:nth-child(2) { top: 27px;}
}
@media screen and (max-width: 600px) {
    .search-main .srtop .title {  font-size: 20px; }
    .search-main .srtop .srtop-txt {font-size: 14px; margin-top: 5px;}
    .result-right .recommend-tab {width: 100%;}
    .result-right .tab-box {line-height: 30px;  padding: 6px 0; border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;}
    .result-right .recommend-tab .tab {height: 30px;}
    .result-right .recommend-tab .tab-item { top: 8px; }
    .result-right .recommend-tab .tab-item:nth-child(2) { top: 16px; }
    .rusult-inner .result-left li label {width: 12px;height: 12px;border: 1px solid #BFBFBF;}
    .result-right .pages { padding: 25px 0;}
    .rusult-inner .result-left li {line-height: 36px;height: 36px;padding-left: 15px;width: 33%;}
    .rusult-inner .result-left .ltxt .item-name { font-size: 14px;}
    .rusult-inner .result-left .ltxt .item-num { font-size: 14px; }
    .rusult-inner .result-left li label:before { height: 6px; width: 6px;}
    .rusult-inner .result-left li .ltxt { padding-right: 15px;}
}
@media screen and (max-width: 400px) {
    .search-main .srtop .title {font-size: 18px; }
    .rusult-inner .result-left li {width:auto;}
    .rusult-inner .result-left .ltxt .item-num {float: left; }
    .result-right .tab-box { font-size: 12px;line-height: 24px;}
    
}
/* 解决方案详情页 */
.page-tab-cased{margin-top: 0px;border-bottom: 0;}
.page-tab-cased .tab-item a{text-align: center; padding: 20px 0;font-size: 14px;}
.page-tab-cased .tab-item .icon{height: 60px;position: relative;}
.page-tab-cased .tab-item .icon img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 60px;max-height: 60px;object-fit: contain;}
.casedTabcont-containter{margin-bottom: 60px;}
.casedTabcont-containter .cont-item{display: none;animation: fadeInUp50 0.5s linear; background: #ffffff;padding: 50px 4%;color: #808080;font-size: 16px;line-height: 30px;}
.casedTabcont-containter .cont-item.active-cont {display: block;}
.casedTabcont-containter .cont-item .item-txt{width: 58%;text-align: justify;}
.casedTabcont-containter .cont-item .item-img{width: 40%;}
.casedTabcont-containter .cont-item .item-img img{width: 100%;}

@media screen and (max-width: 768px) {
    .page-tab-cased {  margin-top: 100px; }
    .page-tab-cased .tab-item a{ text-align: left; padding:15px 20px; font-size: 18px; } 
    .page-tab-cased .tab-item .icon { height: 60px; position: relative; display: none;}
    .casedTabcont-containter { margin-bottom: 20px;}
    .casedTabcont-containter .cont-item {padding: 25px 4%;font-size: 14px;line-height: 24px;}
    .casedTabcont-containter .cont-item .item-txt { width: 100%;}
    .casedTabcont-containter .cont-item .item-img { width: 100%;margin-top: 15px;}
}
/* .plyr .plyr__play-large { display: block;} */
.plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover, .plyr__play-large {background-color: #047CEB;}
.swiper-slide.swiper-slide-video:before {
    display: block;
    content: '';
    width: 8px;
    height: 14px;
    background: url(../image/icon_videoplay.png) 0 0/100% 100% no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}