@charset "utf-8";
/* =====================内页样式======================== */
/* common */
.com-tit{font-weight:700;color:#333}
/* 视频弹窗 */
.popVideo{display: none;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}
.popVideo-items{width: 1000px;position: relative;padding: 34px 34px 0;opacity: 0;}
.popVideo-video{width: 100%;}
.popVideo-video video{width: 100%;}
.popVideo-video iframe{width: 100%;height: 500px;}
.popVideo-close{width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 3;background: url('../images/common/closeW.svg') no-repeat center/24px auto;cursor: pointer;opacity: .7;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}
.popVideo.active{display: flex;}
.popVideo.active .popVideo-items{animation: popVideRun 1s ease both .4s;}
@keyframes popVideRun {0%{opacity: 0;transform: translateY(-200px);}100%{opacity: 1;transform: translateY(0);}}
@media all and (max-width:1100px) {.popVideo-items{width: 92%;padding: 34px 0 0;}.popVideo-close{right: 0;}.popVideo-video iframe{height: 400px;}}
@media all and (max-width:640px) {.popVideo-video iframe{height: 200px;}}
/* 分页 */
.paging{width: 100%;font-size: 0;text-align: center;margin-top: 60px;user-select: none;}
.paging-menu, .paging-menu a, .paging-skip, .paging-hint, .paging-skip input, .paging-skip button{display: inline-block;vertical-align: middle;}
.paging-menu a{width: 44px;height: 44px;line-height: 44px;margin: 4px;font-size: 15px;font-weight: 500;color: #666;transition: all .4s ease;border-radius:50%;background-color: #fff;box-shadow: 0px 0px 18.06px 2.94px rgba(70, 70, 70, 0.06)}
.paging-menu a:first-child, .paging-menu a:last-child{width: 102px;border-radius: 30px}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #096fca;background-color: #096fca;color: #fff;}
.paging-skip{margin-left: 8px;}
.paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;}
.paging-hint:first-of-type{margin: 0;}
.paging-skip input{width: 54px;text-align: center;height: 38px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;}
.paging-skip input:focus{border-color: #096fca;}
.paging-skip button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .4s ease;height: 38px;background: #fff;cursor: pointer;border-radius: 3px;}
.paging-skip button:hover{background-color: #096fca;color: #fff;border-color: #096fca;}
.paging-hint span{color: #096fca;}
@media all and (max-width:1599px) {.paging{margin-top: 50px;}.paging-menu a{width:38px;height: 38px;line-height: 38px}.paging-menu a:first-child, .paging-menu a:last-child{width: 80px}}
@media all and (max-width:1279px) {.paging{margin-top: 44px;}}
@media all and (max-width:1000px) {.paging{margin-top: 36px;}.paging-menu a{margin: 4px 2px;}.paging-skip{width: 100%;margin-left: 0;}.paging-menu a:first-child, .paging-menu a:last-child{width: 70px;}}
@media all and (max-width:1000px) {.paging{margin-top: 30px;}.paging-menu a{font-size: 14px;width: 30px;height: 30px;line-height: 30px}.paging-menu a:first-child, .paging-menu a:last-child{width: 60px}}
/* 搜索页面 */
.search{width: 100%;}
.search-info{width: 100%;line-height: 1.1;color: #333;font-weight: 700;}
.search-info span{color: #096fca;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border-bottom: 1px solid #f0f0f2;}
.search-link h2{color: #333;line-height: 1.1;transition: all .4s ease;}
.search-link p{width: 100%;color: #666;}
.search-link .highlightRow span{color: #096fca !important;}
.search-link:hover h2{color: #096fca;}
@media all and (max-width:1000px) {.search-link{padding: 22px 0;}.search-list{margin-top: 10px;}}
/* 产品中心 */
.prod-list{overflow:hidden}
.prod-list .com-bg{overflow:hidden}
.prod-list .com-bg .move{transform:scale(3);animation:none;transition:all 6s ease}
.prod-list.active .com-bg .move{transform:scale(1)}
.prod-list #particles-js{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}
.prod-list .fp-tableCell{padding-top:90px}
.prod-list .contain-max{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3}
.prod-list .lft{width:30%}
.prod-list .lft .logo{transform:translateY(20px);opacity: 0;transition: all 1.2s ease .4s}
.prod-list .lft .title{color:#333;font-weight:700;transform:translateY(20px);opacity: 0;transition: all .8s ease .5s}
.prod-list .lft .sm-tit{font-size:22px;color:#333;transform:translateY(20px);opacity: 0;transition: all .8s ease .6s}
.prod-list .lft .text{font-size:15px;line-height:26px;transform:translateY(20px);opacity: 0;transition: all .8s ease .7s}
.prod-list .lft .go{width:128px;height:44px;border-radius:30px;font-size:15px;display:flex;align-items:center;justify-content:center;border:2px solid #096fca;color:#096fca;transition:background-color .4s ease,border .4s ease,color .4s ease,transform .8s ease .8s,opacity .8s ease .8s;transform: translateY(20px);opacity:0}
.prod-list .lft .go:hover{background:#096fca;color:#fff}
.prod-list .rgt{width:62.5%;transform:translateY(20px);opacity: 0;transition: all .8s ease .7s}
.prod-list .Footer-wrapper{position:absolute;left:0;bottom:0}
.prod-list .Footer-wrapper .contain-max{justify-content:center}
.prod-list:last-child .fp-tableCell{padding-top:0}
.prod-animated{position:absolute;width:100%;height:100%;z-index:-1;left:0;top:0}
.prod-animated img{position:absolute}
.prod-animated.one .p1{left:13%;top:0;animation:float-rotate 4s ease-in-out infinite,bullet_0deg 30s infinite linear}
.prod-animated.one .p2{right:10%;top:-25%;animation:float-rotate 4s ease-in-out infinite 1s,bullet_0deg 30s infinite linear}
.prod-animated.one .p3{left:26%;bottom:-8%;animation:float 4s ease-in-out infinite,bullet_0deg 30s infinite linear}
.prod-animated.one .p4{right:-3%;top:30%;animation:float-r 4s ease-in-out infinite}
.prod-animated.two .p1{left:20%;top:5%;animation:float-rotate 4s ease-in-out infinite,scale 2s infinite linear}
.prod-animated.two .p2{right:12%;top:8%;animation:scale 2s infinite linear 1s}
.prod-animated.two .p3{left:30%;bottom:0;animation:float-rotate 4s ease-in-out infinite 1s,bullet_0deg 30s infinite linear}
.prod-animated.three{background:#f3f3f3}
.prod-animated.three .p1{max-width:295px;top:10%;left:-5%;animation:float-rotate-r 4s ease-in-out infinite,bullet_0deg 30s infinite linear}
.prod-animated.three .p2{max-width:240px;top:0;right:26%;animation:float-rotate-r 4s ease-in-out infinite 1s,bullet_0deg 30s infinite linear}
.prod-animated.three .p3{max-width:640px;bottom:-12%;left:6%;animation:float-rotate 4s ease-in-out infinite,bullet_0deg 30s infinite linear}
.prod-animated.three .p4{max-width:520px;right:-7%;top:25%;animation:float-rotate 4s ease-in-out infinite 1s,bullet_0deg 30s infinite linear}
#slider-menu{position:fixed;right:100px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;z-index:99}
#slider-menu li{width:12px;height:12px;border-radius:50%;border: 2px solid transparent;background: #dfdede; transition:all .2s ease-in-out}
#slider-menu li.active,#slider-menu li:hover{box-shadow:0 7px 10px 0 rgba(0,111,202,.2);width:15px;height:15px;background: #fff;border-color:#096fca;}
#slider-menu li+li{margin-top:15px}
#slider-menu li a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:5px}
#slider-menu li a img{display: none;}
.prod-list.active .lft .logo,.prod-list.active .lft .title,.prod-list.active .lft .sm-tit,.prod-list.active .lft .go,.prod-list.active .lft .text,
.prod-list.active .rgt{opacity: 1;transform: translateY(0)}
/* 行业客户 */
.industry{position:relative}
.industry .bg{height:100%;position:absolute;width:100%;left:0;top:0;z-index:-1}
.industry .bg .sub{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;transition:all 1.5s cubic-bezier(.23,1,.32,1);visibility:hidden;opacity:0}
.industry .bg .sub.active{opacity:1;visibility:visible}
.industry .nav{width:18%;background:#fff;padding:36px 0}
.industry .nav li{position:relative;padding:4px 0 4px 54px;text-align:left;font-size:16px;cursor:pointer;display:flex;align-items:center;user-select:none}
.industry .nav li .icon{color:#096fca;margin-left:20px;transition:margin-left .4s ease,opacity .4s ease;opacity:0}
.industry .nav li:after{content:'';height:calc(100% - 10px);transform:scale(0);transform-origin:center;transition:opacity .4s ease,transform .4s ease;opacity:0;visibility:hidden;width:4px;background:#fff;position:absolute;left:0;top:5px}
.industry .nav li+li{margin-top:16px}
.industry .nav li.active:after,.industry .nav li:hover:after{transform:scale(1);opacity:1;visibility:visible;background:#096fca}
.industry .nav li.active .icon,.industry .nav li:hover .icon{margin-left:15px;opacity:1}
.industry .slider{width:75%}
.industry .slider .swiper-container{padding-left:5px;margin-left:-5px;padding-bottom: 5px}
.industry .slider .title{color:#096fca;font-weight:500;line-height: 1;}
.industry .slider .desc{color:#666;font-size:16px;line-height:24px;margin-top:15px;padding-right:28px}
.industry .slider .desc p+p{margin-top:15px}
.industry .slider .btn{margin-top:30px;width:126px;height:44px;border-radius:30px;background:#096fca;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500}
.industry .slider .logo{width:100%}
.industry .slider .logo li{width:20%;height:84px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.4);cursor:pointer}
.industry .slider .logo li .c{display:none}
.industry .slider .logo li:hover,.industry .slider .logo li.active{background:#fefefe}
.industry .slider .logo li:hover .c,.industry .slider .logo li.active .c{display:block}
.industry .slider .logo li:hover .g,.industry .slider .logo li.active .g{display:none}
.industry .content{align-items: flex-start;}
/* .industry ._rgt>.swiper-wrapper{height: 440px;} */
.industry .slider .logo{margin-top: 0;}
.industry-mix .swiper-slide{min-height: calc(440px - 88px);}
.industry-mix{width: 100%;}
@media all and (max-width:1599px) {
  .industry-mix .swiper-slide{min-height: calc(440px - 85px);}
}
@media all and (max-width:1279px) {
  .industry-mix .swiper-slide{min-height: calc(400px - 85px);}
}
@media all and (max-width:640px) {
  .industry .slider .logo{margin-top: 24px;}
  /* .industry ._rgt>.swiper-wrapper {height: 540px;} */
}
/* 关于 */
.aboutDesc{overflow:hidden}
.aboutDesc .lft .blk{position:absolute;top:-10%;left:-13%;z-index:-1;animation:bullet_0deg 30s infinite linear}
.aboutDesc .rgt{width:66.5%}
.aboutDesc .rgt .text{font-size:16px;line-height:32px;color:#666}
.aboutDesc .rgt .text p+p{margin-top:20px}
.aboutDesc .rgt .blk{position:absolute;z-index:-1}
.aboutDesc .rgt .blk.blk1{left:-25%;top:-10%}
.aboutDesc .rgt .blk.blk2{left:60%;top:-9%;animation:float-rotate 4s ease-in-out infinite,bullet_0deg 30s infinite linear}
.aboutDesc .rgt .blk.blk3{left:-20%;top:42%;animation:float-rotate 4s ease-in-out infinite 1s,bullet_0deg 30s infinite linear}
.aboutDesc .rgt .blk.blk4{left:25%;top:108%;animation:float 4s ease-in-out infinite,bullet_0deg 30s infinite linear}
.aboutDesc .rgt .blk.blk5{right:-40%;top:30%;animation:float-r 4s ease-in-out infinite}
.about-develop{overflow:hidden}
.about-develop .com-bg{transition:all .6s ease}
.about-develop:hover .com-bg{transform:scale(1.04)}
.about-develop .in{overflow:hidden}
.develop-main{width:100%!important;margin-left:-2px}
.develop-main .item{padding:70px 38px;height:auto;border-left:1px solid rgba(255,255,255,.2)}
.develop-main .item:first-of-type{border-left:0}
.develop-main .item .year{color:#fff;line-height:1;font-family:OPPOSANS-B}
.develop-main .item .cont{margin-top:30px;padding-right:15px;max-height:400px;overflow-y:auto;overflow-x:hidden}
.develop-main .item .cont p{color:#fff;font-size:15px;line-height:24px;position:relative;padding-left:18px;text-align:justify}
.develop-main .item .cont p:after{content:'';width:7px;height:7px;border-radius:50%;position:absolute;left:0;top:9px;background:#fff}
.develop-main .item .cont p+p{margin-top:15px}
.develop-main .cont::-webkit-scrollbar{width:2px;height:100%;background:#fff}
.develop-main .cont::-webkit-scrollbar-thumb{background:#096fca}
.about-develop .swiper-wrapper{padding-bottom:45px}
.about-develop .swiper-pagination-progressbar{top:auto;bottom:0;height:2px;background:rgba(255,255,255,.2)}
.about-develop .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#096fca}
.about-develop .swiper-btn{width:40px;height:40px;color:#096fca;display:flex;align-items:center;justify-content:center;transition:all .36s;background:0 0;top:calc(50% - 40px);z-index:2;cursor:pointer;border-radius:50%;position:absolute;opacity:0;visibility:hidden}
.about-develop:hover .swiper-btn,.about-develop:hover+.swiper-btn{opacity:1;visibility:visible}
.about-develop .swiper-btn:not(.swiper-button-disabled):hover{background:#fff;color:#096fca;box-shadow:0 5px 10px rgba(0,0,0,.2)}
.about-develop .swiper-btn.swiper-button-disabled{opacity:0!important;visibility:hidden;cursor:default!important}
.about-develop .swiper-btn.prev{left:-50px}
.about-develop .swiper-btn.next{right:-50px}
.aboutHonor{background:#f6f6f6;overflow:hidden}
.aboutHonor .nav a{font-size:16px;font-weight:500;color:#333;transition:color .4s ease;position:relative}
.aboutHonor .nav a:after{content:'';width:100%;height:2px;background:#096fca;bottom:-14px;position:absolute;left:0;opacity:0;transition:all .4s ease}
.aboutHonor .nav a.active,.aboutHonor .nav a:hover{color:#096fca}
.aboutHonor .nav a.active:after,.aboutHonor .nav a:hover:after{opacity:1}
.aboutHonor .nav a+a{margin-left:40px}
.aboutHonor .slider:not(:first-child){display:none}
.aboutHonor .slider .swiper-container{padding:20px 20px 0;width:calc(100% + 40px);margin-left:-20px}
.aboutHonor .slider .swiper-wrapper{padding-bottom:66px}
.aboutHonor .slider .item{background:#fff;text-align:center;box-shadow:0 4px 14px 0 rgba(8,117,240,.08)}
.aboutHonor .slider .item .pic{height:340px;display:flex;align-items:center;justify-content:center}
.aboutHonor .slider .item p{height:90px;padding:5px 10px;color:#666;font-size:16px}
.aboutHonor .slider .item p br,.aboutHonor .slider li p br{height:5px}
.aboutHonor .slider .item:hover .pic img{transform:scale(1.04)}
.aboutHonor .slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px}
.aboutHonor .slider .swiper-pagination-bullet{width:10px;height:10px;opacity:1;background:#e1e1e1}
.aboutHonor .slider .swiper-pagination-bullet-active{background:#07549c}
.aboutHonor .slider li{background:#fff;width:100%!important;margin-top:12px;text-align:center;padding:20px 0 40px}
.aboutHonor .slider li .pic{height:120px;display:flex;align-items:center;justify-content:center}
.aboutHonor .slider li p{padding:0 10px;font-size:16px;color:#444;line-height:28px;height:56px}
.aboutHonor .slider li.more{color:rgba(28,28,28,.1);font-weight:500}
.aboutPerson{overflow:hidden}
.aboutPerson .item{display:flex;justify-content:space-between;align-items:center}
.aboutPerson .item .pic{width:26.5%}
.aboutPerson .item .txt{width:65%}
.aboutPerson .item .txt .tit{font-size:26px;color:#000306;font-weight:700;line-height:1}
.aboutPerson .item .txt .tip{color:#666;font-size:19px;margin-top:8px;padding-bottom:20px;position:relative}
.aboutPerson .item .txt .tip:after{content:'';width:29px;height:3px;background:#096fca;bottom:0;position:absolute;left:0;transition:all .4s ease}
.aboutPerson .item .txt .text{margin-top:28px;padding-top:30px;border-top:1px solid #eee;font-size:15px;line-height:28px}
.aboutPerson .item .txt .text p+p{margin-top:16px}
.aboutPerson .item:nth-child(even){flex-direction:row-reverse}
.aboutPerson .item:not(:first-child){margin-top:60px;padding-top:50px;border-top:1px dashed #e0e0e0}
.aboutPerson .blk{position:absolute;z-index:-1}
.aboutPerson .blk.blk1{max-width:280px;left:35%;top:8%;animation:float 4s ease-in-out infinite,bullet_0deg 30s infinite linear}
.aboutPerson .blk.blk2{max-width:220px;right:2%;top:58%;animation:float 4s ease-in-out infinite .5s,bullet_0deg 30s infinite linear}
.aboutPerson .blk.blk3{left:-10%;bottom:-3%;width:404px;animation:float 4s ease-in-out infinite 1s,bullet_0deg 30s infinite linear}
/* 招贤 */
.jobs-list .item{width:24.3%;padding:45px 35px;display:block;position:relative;overflow:hidden;background:#fbfbfb;transition:background-color .4s ease;z-index:2;border:1px solid #e7e7e7;cursor:default;user-select:text;margin-top:15px}
.jobs-list .item:after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;background:url(../images/pages/jobs-list-item-bg.png) no-repeat center/cover;opacity:0;transform:scale(1.3);visibility:hidden;transition:all .4s ease,transform .6s ease .2s}
.jobs-list .item h3{font-size:22px;color:#333;font-weight:700}
.jobs-list .item .cond{margin:15px 0 10px;display:flex}
.jobs-list .item .cond .sm-ico{display:flex;align-items:center;font-size:15px;color:#999;margin-right:20px;transition:color .4s ease}
.jobs-list .item .cond svg{margin-right:5px;color:#00b0f0}
.jobs-list .item .cont{margin-top:20px}
.jobs-list .item p{line-height:24px;color:#999;font-size:15px;transition:color .4s ease}
.jobs-list .item p+p{margin-top:5px}
.jobs-list .item .more-btn{display:flex;width:60px;height:35px;text-align:center;transition:all .4s ease;background:#096fca;color:#fff;border-radius:6px;align-items:center;justify-content:center}
.jobs-list .tdIntro-box:hover{cursor:pointer}
.jobs-list .tdIntro-box:hover:after{opacity:1;visibility:visible;transform:scale(1)}
.jobs-list .tdIntro-box:hover .cond .sm-ico,.jobs-list .tdIntro-box:hover h3,.jobs-list .tdIntro-box:hover p{color:#fff}
.jobs-list .tdIntro-box:hover .cond .sm-ico svg{color:#fff}
.jobs-list .tdIntro-box:hover .more-btn{background:#fff;color:#096fca}
/*详情*/
.CIUAV-box,.cTeamModal-contain,.picData-modal .picDataModal-contain,.tdIntroModal-contain{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.tDvptIntro-modal{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:99999;display:none;opacity:0}
.tDvptIntro-modal .tdIntroModal-contain{width:1029px;max-height:92%;padding:50px;background:#fff;display:none}
.tDvptIntro-modal .tdIntroModal-contain .inner{overflow-x:hidden;overflow-y:auto}
.tdIntroModal-contain .tdIntroModal-top{padding:0 0 20px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between}
.tdIntroModal-top .name{color:#333;font-weight:700}
.tdIntroModal-top .about{margin:15px 0 0}
.tdIntroModal-top .about span{display:inline-block;padding:0 0 0 21px;line-height:19px;font-size:15px;color:#888;background:url(../images/pages/icon-label.png) no-repeat left center;margin:0 0 0 25px}
.tdIntroModal-contain .tdIntroModal-con{padding:0 10px 0 0;color:#888;position:relative;overflow:hidden;margin:22px 0 0;font-size:15px;line-height:30px;letter-spacing:.02em;max-height:60vh;overflow-x:hidden;overflow-y:auto}
.tdIntroModal-contain .tdIntroModal-con .tit,.tdIntroModal-contain .tdIntroModal-con p{line-height:inherit}
.tdIntroModal-con .top{line-height:31px;font-size:18px}
.tdIntroModal-apply{padding:37px 0 0;border-top:1px solid #e5e5e5;margin:35px 0 0}
.tdIntroModal-apply .btn{display:block;width:180px;height:46px;line-height:46px;font-size:16px;color:#383838;background:#fff;border:1px solid #383838;text-align:center;transition:all .4s ease}
.tdIntroModal-apply .btn:hover{box-shadow:inset 0 0 0 .1em #383838}
.tdIntroModal-apply .btn span{padding:0 0 0 41px;background:url(../images/pages/icon-send.png) no-repeat left center;display:inline-block}
.xz-modal{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:99999;display:none}
.xz-modal .xz-modal-box{width:800px;height:92%;padding:50px;background:#fff;display:block;position:absolute;top:4%;left:50%;margin-left:-400px}
.xz-modal .pst-rel{position:relative;height:100%}
.xz-modal-box .content{width:100%;height:100%;position:absolute;line-height:28px;overflow:hidden}
.xz-modal-action{position:absolute;right:-70px;top:0}
.xz-modal h2{padding:0 0 20px;border-bottom:1px solid #e5e5e5;font-size:28px;color:#333;text-align:center;margin-bottom:30px}
.xz-modal-box table{width:100%;border-collapse:collapse;text-align:center}
.xz-modal-box table td{border:1px solid #e5e5e5;text-align:center;padding:5px 10px}
.tdIntroModal-action{position:absolute;right:-70px;top:0}
.tdIntroModal-action .btn,.xz-modal-action .btn{display:block;width:70px;height:70px;background:rgba(0,0,0,.5);position:relative;margin:0 0 1px}
.tdIntroModal-action .btn:after,.xz-modal-action .btn:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0}
.tdIntroModal-action .btn.close:after,.xz-modal-action .btn:after{background:url(../images/pages/icon-close2.png) no-repeat center center}
.tdIntroModal-action .btn.prev:after{background:url(../images/pages/swiper2-r.png) no-repeat center center}
.tdIntroModal-action .btn.next:after{background:url(../images/pages/swiper2-l.png) no-repeat center center}
.tdIntroModal-action .btn:hover:after{transform:scale(.8);-webkit-transform:scale(.8)}
.joinGap .item{position:relative;z-index:3}
.joinGap .item:after{content:'';width:100%;height:86%;top:0;position:absolute;background:#f8f9fa;left:0;z-index:-2}
.joinGap .item .blk{position:absolute;left:10px;bottom:calc(100% + 10px)}
.joinGap .item .contain{display:flex;justify-content:space-between}
.joinGap .item .pic{width:60.858%;border-radius:5px;overflow:hidden}
.joinGap .item .pic .swiper-slide{position:relative;padding-top:57.16%}
.joinGap .item .txt{width:32%}
.joinGap .item .txt .tit{font-size:28px;line-height:34px;color:#000;font-weight:700}
.joinGap .item .txt .heading{position:relative;z-index:2}
.joinGap .item .txt .heading .num{font-family:OPPOSANS-B;line-height:1;position:absolute;font-weight:700;top:-60%;color:#e9e9e9;background:linear-gradient(360deg,rgba(255,255,255,0) 0,#f1f1f2 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:120px;z-index:-1}
.joinGap .item .txt .text{font-size:15px;line-height:28px;color:#666;padding-top:24px;margin-top:24px;border-top:1px solid #dee0e3;text-align:justify}
.joinGap .item .txt .text p+p{margin-top:16px}
.joinGap .item:nth-child(even) .contain{flex-direction:row-reverse}
.joinGap .item:not(:first-child){margin-top:125px}
.joinGap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 20px}
.joinGap .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}
.joinGap .swiper-pagination{text-align:left;padding:38px 20px}
.joinGap .swiper-pagination-bullet{background:#fff;opacity:1;position:relative;transition:all .4s ease}
.joinGap .swiper-pagination-bullet:after{content:'';background-color:transparent;margin-left:1px;margin-top:0;border-radius:0;-webkit-transition:auto;transition:auto;width:0;height:0;border-bottom:6px solid transparent;border-right:0;border-top:6px solid transparent;border-left:9px solid #fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}
.joinGap .swiper-pagination-bullet:hover .circle{animation-play-state:paused}
.joinGap .swiper-pagination-bullet-active{background:0 0}
.joinGap .swiper-pagination-bullet-active:after{content:'';opacity:1}
.joinGap .swiper-pagination-bullet-active .circle{opacity:1;animation:dash 5s linear}
.joinGap .swiper-pagination-bullet-active:hover:after,.joinGap .swiper-pagination-bullet-active:hover:before{position:absolute;top:-1px!important;content:' ';display:block;width:2px;height:11px;background:#fff}
.joinGap .swiper-pagination-bullet-active:hover:before{left:0}
.joinGap .swiper-pagination-bullet-active:hover:after{right:0;margin:0;border:none;transform:none;left:auto}
.joinGap .circle{position:absolute;width:30px;height:30px;fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-dasharray:94px;stroke-dashoffset:0;margin:auto;top:50%;left:50%;transform:rotate(-90deg) translate(50%,-50%);opacity:0;transition:all .4s ease}
@keyframes dash{from{stroke-dashoffset:94px}to{stroke-dashoffset:0}}
/* 新闻 */
.newsBanner .lft{width:55%;overflow:hidden}
.newsBanner .lft .swiper-container,.newsBanner .lft .swiper-wrapper{height:100%}
.newsBanner .lft img{transition:all .6s ease;transform:scale(1.04)}
.newsBanner .lft a{padding-top:61.3%;height:100%;overflow:hidden}
.newsBanner .lft:hover img{transform:scale(1)}
.newsBanner .rgt{width:45%;padding:66px 60px 30px 54px;background:#f4f7f9}
.newsBanner .rgt .time{font-family:OPPOSANS-B;color:#ccc}
.newsBanner .rgt .time .max{line-height:.8;padding-bottom:18px;border-bottom:3px solid #096fca}
.newsBanner .rgt .time .sm{margin-left:10px;margin-top:-18px}
.newsBanner .rgt .title{color:#333;font-size:22px;font-weight:500;margin-top:25px;transition:all .4s ease}
.newsBanner .rgt .title:hover{color:#096fca}
.newsBanner .rgt .text{font-size:14px;line-height:24px;color:#737373;margin-top:16px}
.newsBanner .swiper-pagination{position:static;display:flex;justify-content:flex-end}
.newsBanner .swiper-pagination-bullet{width:10px;height:10px;background:0 0;border:2px solid #dfdfdf;opacity:1}
.newsBanner .swiper-pagination-bullet:not(:first-child){margin-left:10px}
.newsBanner .swiper-pagination-bullet-active{background:#096fca;border-color:#096fca}
.newsItem .cell{display:block;width:32%;margin-top:30px;border:1px solid #d8dfe5;border-top:2px solid #096fca;padding:40px 30px;position:relative;z-index:2;transition:background-color .5s ease,border .5s ease;overflow:hidden}
.newsItem .cell:after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;background:url(../images/pages/newsItem-bg.jpg) no-repeat right bottom/cover;transform:scale(1.04);transform-origin:right bottom;opacity:0;transition:all .5s ease}
.newsItem .cell .title{font-size:18px;line-height:26px;color:#333;font-weight:500;height:52px;transition:all .4s ease}
.newsItem .cell .time{color:#096fca;font-size:15px;font-family:OPPOSANS-B;margin-top:40px;transition:all .4s ease}
.newsItem .cell .desc{font-size:15px;line-height:24px;color:#777;margin-top:20px;transition:all .4s ease}
.newsItem .cell .view-btn{display:inline-block;color:#096fca;margin-top:24px;font-family:OPPOSANS-B;font-size:14px;position:relative}
.newsItem .cell .view-btn span{opacity:0;transition:all .4s ease}
.newsItem .cell .view-btn svg{position:absolute;top:-2px;left:0;transition:all .4s ease}
.newsItem .cell:hover{background:#096fca}
.newsItem .cell:hover .view-btn{color:#fff}
.newsItem .cell:hover .view-btn span{opacity:1}
.newsItem .cell:hover .view-btn svg{left:calc(100% + 10px)}
.newsItem .cell:hover:after{transform:scale(1);opacity:1}
.newsItem .cell:hover .desc,.newsItem .cell:hover .title{color:#fff}
.newsItem .cell:hover .time{opacity:0}
.article .heading{width:70%;padding-bottom:30px;border-bottom:1px solid #f2f2f2}
.article .heading h1{color:#333;font-weight:700}
.article .heading .time{color:#666;font-size:14px;font-family:OPPOSANS-B;display:flex;align-items:center;margin-top:15px;font-weight:500;line-height:1}
.article .heading .time .icon{margin-right:10px}
.article .content .lft{width:70%}
.article .content .lft p{font-size:15px;line-height:26px;color:#666}
.article .content .lft img{max-width:100%;display:block;margin:0 auto}
.article .content .rgt{width:21%}
.article .content .rgt .heading_top{line-height:1;color:#333;font-weight:700;border-bottom:1px solid #f1f1f1;padding-bottom:24px}
.article .content .rgt .news_list li{padding:20px 0;border-bottom:1px dashed #e6e6e6}
.article .content .rgt .news_list li .time{font-size:13px;color:#666}
.article .content .rgt .news_list li .title{font-size:16px;line-height:26px;color:#666;margin-top:14px}
.article .content .rgt .news_list li a:hover .title{font-weight:700}
.article .content .rgt .news_list li:last-child{border-bottom:0}
.article .content .rgt .go_btn{background:#096fca;color:#fff;font-size:15px;height:46px}
.article .content .rgt .qr_code p{font-size:16px;color:#444;font-weight:700}
.article .content .rgt .qr_code .pic{width:128px;height:128px;border:1px solid #eee;margin-top:20px}
/* 联系我们 */
.contactW .main{margin-top:15px}
.contactW .main ul li{display:flex;align-items:center;margin-right:120px}
.contactW .main ul li i{width:40px;height:40px;border-radius:50%;border:2px solid #444}
.contactW .main ul li .t{margin-left:22px}
.contactW .main ul li .t .tit{color:#096fca;font-size:16px;font-weight:500}
.contactW .main ul li .t p{font-family:OPPOSANS-B;font-size:16px;color:#777;margin-top:16px}
.contactW .main ul li .qr{text-align:center}
.contactW .main ul li .qr .pic{width:128px;height:128px;border:1px solid #eee}
.contactW .main ul li .qr p{font-size:14px;color:#444;margin-top:15px}
.contactW .main ul li:last-child{margin-left:30px}
.contactC{background:#f4f4f4}
.contactC .lft{width:31%}
.contactC .lft li{background:#fff;padding:24px 38px;display:flex;align-items:center}
.contactC .lft li i{width:80px}
.contactC .lft li .t{flex:1;padding-left:22px}
.contactC .lft li .t .tit{font-size:20px;color:#1d7bcd;font-weight:700}
.contactC .lft li .t p{font-size:15px;line-height:26px;color:#555;margin-top:12px;height:52px}
.contactC .lft li+li{margin-top:2px}
.contactC .rgt{width:57%;display: flex;align-items: center;}
.Cadgn-svp{position: relative;}
.Cadgn-svp .swiper-btn{position: absolute;top: 50%;transform: translateY(-50%);}
.Cadgn-svp .swiper-btn i{font-size: 38px;transition: all .4s ease;}
.Cadgn-svp .swiper-btn.prev{left: -100px;}
.Cadgn-svp .swiper-btn.next{right: -100px;}
.Cadgn-svp .swiper-btn.next a{display: block;transform: rotate(180deg);}
.Cadgn-svp .swiper-btn:hover i{color: #06579a;}
.Cadgn-lun .cont .number{display: none;}
.ChanPinggx {background-color: #f9f9f9;}
.ChanPinggx-cont .cont-l{width: 25%;border-left: 1px solid #e7e7e7;padding-right: 100px;}
.ChanPinggx-cont .cont-r{width: 75%;}
.ChanPinggx-muen a{display: flex;padding: 10px 30px;position: relative;}
.ChanPinggx-muen a::before{content: "";position: absolute;left: 0px;top: 0px;width: 2px;height: 0%;background-color: #096fca;transition: all .4s ease;}
.ChanPinggx-muen a.active::before{height: 100%;}
.ChanPinggx-muen a.active {background-color: #fff;color: #096fca;}
.ChanPinggx-Sticky {position: sticky;top: 100px;left: 0px;}
.ChanPinggx-Sticky > .title{padding: 0px 30px;}
.ChanPinggx-list .list{position: relative;background-color: #fff;padding: 50px;margin-bottom: 50px;overflow: hidden;}
.ChanPinggx-list .list:last-child{margin-bottom: 0px;}
.ChanPinggx-list .list .hit{justify-content: space-between;border-bottom: 1px solid #e7e7e7;padding-bottom: 22px;}
.ChanPinggx-list .list .hit .data i{margin-right: 12px;}
.ChanPinggx-list .list .hit .data {width: 200px;display: flex;align-items: center;justify-content: flex-end;}
.ChanPinggx-list .list .hit .title {width: calc(100% - 200px);padding-right: 15px;}
.ChanPinggx-list .list .btn{width: 134px;height: 52px;display: flex;justify-content: center;align-items: center;border-radius: 26px;background-color: #096fca;transition: all .4s ease;}
.ChanPinggx-list .list .btn:hover {border-color: transparent;box-shadow: 0 0 0 .2rem rgba(9, 111, 202,.5);}
.ChanPinggx-list .list img.bg{position: absolute;bottom: 0px;right: 0px;pointer-events: none;}
.ChanPinggx-list .list > div{position: relative;z-index: 2;}
.ZhiShisx-from .list{margin-right: 30px;}
.ZhiShisx-from .list .input {border: 1px solid #e7e7e7;width: 240px;height: 50px;}
.ZhiShisx-from .list .input input{width: calc(100% - 50px);padding: 0px 15px;height: 100%;}
.ZhiShisx-from .list .input .btn{width: 50px;height: 100%;display: flex;align-items: center;justify-content: center;color: #adadad;}
.ZhiShisx-from .list .customSelect{display: block;width: 240px;position: relative;user-select: none;}
.ZhiShisx-from .list .customSelect-name{font-size: 16px;height: 50px;font-weight: 300;color: #333;display: flex;align-items: center;position: relative;cursor: pointer;}
.ZhiShisx-from .list .customSelect-name,.ZhiShisx-from .list .customSelect-drop>div,.ZhiShisx-from .list .customSelect input{padding: 0 15px;}
.ZhiShisx-from .list .customSelect-name,.ZhiShisx-from .list .customSelect-drop,.ZhiShisx-from .list .customSelect input{border-radius: 0px;border: 1px solid #e7e7e7;}
.ZhiShisx-from .list .customSelect-drop{max-height: 160px;background: #fff;display: none;position: absolute;z-index: 10;top: calc(100% + 4px);width: 100%;box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.1);overflow-x: hidden;overflow-y: auto;left: 0;}
.ZhiShisx-from .list .customSelect-drop>div{height: 40px;font-size: 14px;color: #666;position: relative;display: flex;align-items: center;width: 100%;transition: all .4s ease;cursor: pointer;}
.ZhiShisx-from .list .customSelect-drop>div::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #eee;}
.ZhiShisx-from .list .customSelect-drop>div:last-child::after{display: none;}
.ZhiShisx-from .list .customSelect-drop>div:hover, .customSelect-drop>div.active{color: #668cda;}
.ZhiShisx-from .list .customSelect-drop>div a{width: 100%;height: 100%;display: flex;align-items: center;}
.ZhiShisx-from .list .customSelect-drop::-webkit-scrollbar {width: 2px;height: 4px;}
.ZhiShisx-from .list .customSelect-drop::-webkit-scrollbar-thumb {background: #ccc;}
.ZhiShisx-from .list .customSelect-drop::-webkit-scrollbar-track {background: #fff;}
.ZhiShisx-from .list .customSelect-null{display: none;}
.ZhiShisx-from .list .customSelect input{display: none;position: absolute;padding-right: 60px;width: 100%;height: 100%;z-index: 2;bottom: 0;left: 0;background: transparent;}
.ZhiShisx-from .list .customSelect.hasInput input{display: block;}
.ZhiShisx-from .list .customSelect.hasInput .customSelect-name{font-size: 0;border: none;background: transparent;}
.ZhiShisx-from .list .ctbtn{display: flex;align-items: center;justify-content: center;height: 50px;transition: all .4s ease;}
.ZhiShisx-from .list .ctbtn:nth-child(1),.ZhiShisx-from .list .ctbtn:nth-child(2){background-color: #096fca;width: 103px;border-radius: 26px;color: #fff;margin-right: 40px;}
.ZhiShisx-from .list .ctbtn:nth-child(3){width: 134px;border: 2px solid #096fca;border-radius: 26px;color: #096fca;}
.ZhiShisx-from .list .ctbtn:nth-child(1):hover{box-shadow: 0 0 0 3px rgba(9, 111, 202,.5);}
.ZhiShisx-from .list .ctbtn:nth-child(2):hover{background-color: #096fca;color: #fff;box-shadow: 0 0 0 3px rgba(9, 111, 202,.5);}
.ZhiShijg {background-color: #f9f9f9;}
.ZhiShijg-list .list{padding: 24px 18px;border-bottom: 1px solid #e7e7e7;width: 100%;}
.ZhiShijg-list .list:nth-child(1){padding-top: 0px;}
.ZhiShijg-list .list .img{width: 220px;height: 160px;background-color: #ebf1f6;display: flex;justify-content: center;align-items: center;}
.ZhiShijg-list .list .img img{max-height: 100%;}
.ZhiShijg-list .list .cont{width: calc(100% - 220px);padding-left: 40px;}
.ZhiShijg-list .list .cont .title{transition: all .4s ease;}
.ZhiShijg-list .list:hover .cont .title{color: #096fca;}
.ZhiShixqtb-nav {display: flex;align-items: center;transition: all .4s ease;width: fit-content;}
.ZhiShixqtb-nav i{margin-right: 12px;font-size: 12px;}
.ZhiShixqtb-nav:hover {color: #096fca;}
.ZhiShixqtb-title .hit{display: flex;align-items: center;}
.ZhiShixqtb-title .hit .text{margin-right: 55px;}
.ZhiShixqtb-title .hit .data{display: flex;align-items: center;}
.ZhiShixqtb-title .hit .data i{margin-right: 12px;}
.ZhiShixq {background-color: #f9f9f9;}
.ZhiShixq img.bg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);pointer-events: none;}
.ZhiShixq-cont {justify-content: space-between;align-items: center;}
.ZhiShixq-cont .swiper-btn a{width: 36px;height: 36px;display: flex;justify-content: center;align-items: center;border-radius: 100px;background-color: #e6e6e6;color: #fff;font-size: 14px;transition: all .4s ease;}
.ZhiShixq-cont .swiper-btn a:hover{background-color: #096fca;}
.ZhiShixq-cont .swiper-btn.next a{transform: rotate(180deg);}
.ZhiShixq-cont .swiper-btn.prev {margin-right: 14px;}
.ZhiShixq-lun {box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.08);height: 380px;overflow: hidden;}
.ZhiShixq-swiper .muen{margin: -20px;}
.ZhiShixq-swiper .swiper-container{padding: 20px;}
.ZhiShixq-lun img{width: 100%;height: 100%;}
.ZhiShixq-page {align-items: center;border-top: 1px solid #e7e7e7;padding-top: 30px;}
.ZhiShixq-page .btn{width: 134px;height: 52px;border-radius: 26px;display: flex;justify-content: center;align-items: center;background-color: #096fca;transition: all .4s ease;}
.ZhiShixq-page .prev,.ZhiShixq-page .next{width: calc((100% - 134px) / 2);transition: all .4s ease;}
.ZhiShixq-page .prev:hover,.ZhiShixq-page .next:hover{color: #096fca;}
.ZhiShixq-page .prev {padding-right: 15px;}
.ZhiShixq-page .next {text-align: right;padding-left: 15px;}
.ZhiShixq-page .btn:hover{box-shadow: 0 0 0 3px rgba(9, 111, 202,.5);}
.ZhiShiTanCk {position: fixed;z-index: 99999;top: 0px;left: 0px;width: 100%;height: 100%;display: none;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, .3);}
.ZhiShiTanCk.active {display: flex;animation: ZhiShiTanCk .4s ease;}
@keyframes ZhiShiTanCk {0%{opacity: 0;}100%{opacity: 1;}}
.ZhiShiTanCk-close {font-size: 22px;color: #d2d4d6;position: absolute;line-height: 22px;top: 24px;right: 24px;transition: all .4s ease;}
.ZhiShiTanCk-close:hover {color: #096fca;transform: rotate(90deg);}
.ZhiShiTanCk-cont {width: 740px;background-color: #fff;position: relative;padding: 50px 60px 60px 60px;}
.ZhiShiTanCk-cont > .title{color: #005398;}
.ZhiShiTanCk-cont > .text{color: #596069;}
.ZhiShiTanCk-from {margin-right: -15px;margin-bottom: -20px;}
.ZhiShiTanCk-from .list{width: calc(100%/2 - 15px);margin-right: 15px;margin-bottom: 20px;}
.ZhiShiTanCk-from .list.line{width: calc(100%/1 - 15px);}
.ZhiShiTanCk-from .list textarea{width: 100%;border: 1px solid #e6e7e8;height: 136px;padding: 10px 20px;}
.ZhiShiTanCk-from .list input{height: 50px;padding: 0px 20px;width: 100%;border: 1px solid #e6e7e8;}
.ZhiShiTanCk-from .list .btn{width: 100%;height: 50px;display: flex;justify-content: center;align-items: center;background-color: #06579a;transition: all .4s ease;}
.ZhiShiTanCk-from .list .btn:hover{background-color: #096fca;}
.ZhiShixq-lun {position: relative;display: block;}
.ZhiShixq-lun .showBtn {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, .3);opacity: 0;transition: all .4s ease;}
.ZhiShixq-lun .showBtn i{width: 60px;height: 60px;border-radius: 100px;display: flex;justify-content: center;align-items: center;border-radius: 100px;background-color: #06579a;color: #fff;font-size: 22px;}
.ZhiShixq-lun:hover .showBtn {opacity: 1;}
/* 简历弹窗 */
.onResume{display: none;z-index: 999999;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, .5);position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;user-select: none;padding: 0 4%;}
.onResume-contain{background-color: #fff;border-radius: 5px;padding: 45px;width: 530px;position: relative;opacity: 0;}
.onResume.active{display: flex;}
.onResume.active .onResume-contain{animation: onResumeRun .6s ease both;}
@keyframes onResumeRun {0%{opacity: 0;}100%{opacity: 1;}}
.onResume-close{position: absolute;top: 12px;right: 12px;font-size: 18px;transition: all .4s ease;color: #06579a;}
.onResume-close i{font-size: inherit;}
.onResume-close:hover{color: #f00;}
.onResume-title{font-size: 20px;color: #333;}
.onResume-form{width: 100%;margin-top: 12px;}
.onResume-name{width:100%;height:45px;}
.onResume-name input, .onResume-wrap .onResume-hint{height: 100%;border: 1px solid #e6e6f1;padding: 0 16px;}
.onResume-name input{width: 100%;}
.onResume-wrap{position: relative;width: 100%;}
.onResume-wrap .onResume-hint{width: 66% !important;}
.onResume-wrap .btn{width: 34% !important;height: 100%;background-color: #06579a;position: relative;}
.onResume-wrap .btn .onResume-upload{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #fff;cursor: pointer;}
.onResume-button {width: 100%;display: flex;justify-content: center;margin-top: 20px;}
.onResume-button button{width: 100%;height: 45px;background-color: #06579a;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 16px;cursor: pointer;border-radius: 5px;}
@media all and (max-width: 720px) {
    .onResume-contain {padding:24px 16px;width: 100%;}
    .onResume-title {font-size: 18px;}
    .onResume-name, .onResume-wrap{height: 40px;}
    .onResume-button {margin-top: 12px;}
    .onResume-button button{height: 40px;font-size: 14px;}
    .onResume-close{top: 10px;right: 10px;font-size: 16px;}
    .onResume-wrap .btn .onResume-upload {font-size: 14px;}
    .onResume-name input, .onResume-wrap .onResume-hint {padding: 0 14px;}
}
.ZhiShijg-list .list{padding: 10px;}
.ZhiShijg-list .list .img {width: 120px;height: 90px;}
.ZhiShijg-list .list .cont {width: calc(100% - 120px);padding-left: 20px;}
.ZhiShijg-list .list .cont .text{margin-top: 10px;}
.ZhiShijg-list .list .cont .data{margin-top: 10px;display: none;}
/* .ZhiShisx-title {font-size: 30px;} */
.ZhiShisx-from .list .input {height: 40px;}
.ZhiShisx-from .list .customSelect-name {height: 40px;}
.ZhiShisx-from .list .ctbtn {height: 40px;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
  /* 1600 × (900) */
  #slider-menu{right: 40px}
  .prod-animated.three .p1{max-width: 260px}
  .prod-animated.three .p2{max-width: 210px}
  .prod-animated.three .p3{max-width: 610px}
  .prod-animated.three .p4{max-width: 490px}
}
@media all and (max-width:1599px) {
  /* 1440 × (700)  */
  .prod-list .fp-tableCell{padding-top: 82px}
  .prod-list .lft .sm-tit{font-size: 20px}
  .prod-list .rgt{width: 58%}
  .prod-list .lft{width: 36%}
  .prod-list .lft .go{width: 116px;height: 40px}
  .prod-animated.one .p4{max-width: 130px}
  .prod-animated.three .p1{max-width: 220px}
  .prod-animated.three .p2{max-width: 180px}
  .prod-animated.three .p3{max-width: 410px}
  .prod-animated.three .p4{max-width: 300px;top: 40%}
  .industry .nav{width: 20%}
  .industry .slider .btn{width: 120px;height: 42px}
  .industry .slider .logo li{height: 80px}
  .industry .slider .desc{margin-top: 10px}
  .industry .nav li{padding: 4px 0 4px 40px}
  .develop-main .item{padding: 40px 30px}
  .develop-main .item .cont{margin-top: 20px}
  .aboutDesc .rgt{width:70%}
  .aboutDesc .rgt .blk.blk1{transform: scale(.8)}
  .aboutDesc .rgt .text p + p{margin-top: 15px}
  .aboutHonor .slider .item .pic{height: 310px}
  .aboutHonor .slider .item p{height: 70px}
  .aboutPerson .item .txt .text p + p{margin-top: 10px}
  .aboutPerson .item .txt .text{margin-top: 20px;padding-top: 20px}
  .aboutPerson .item .txt .tip{font-size: 18px;padding-bottom: 15px}
  .aboutPerson .item .txt .tit{font-size: 24px}
  .aboutHonor .slider li .pic{height: 100px}
  .aboutHonor .slider li{padding: 20px 0}
  .develop-main{width:calc(50vw + 600px)}
  .tDvptIntro-modal .tdIntroModal-contain{padding: 35px;width: 880px}
  .tdIntroModal-contain .tdIntroModal-top{padding-bottom: 15px}
  .tdIntroModal-action .btn, .xz-modal-action .btn{width: 60px;height: 60px}
  .tdIntroModal-action{right: -60px}
  .tdIntroModal-apply .btn{width: 160px;height: 44px}
  .tdIntroModal-apply .btn span{background-size: 20px;padding-left: 30px}
  .tdIntroModal-apply{padding-top: 20px;margin-top: 20px}
  .jobs-list .item{padding: 30px 25px}
  .jobs-list .item .more-btn{width: 54px;height: 32px}
  .joinGap .item .txt .tit{font-size: 26px;line-height: 32px}
  .joinGap .item .txt .heading .num{font-size: 100px;top: -55%}
  .joinGap .item .txt .text{margin-top: 20px;padding-top: 20px}
  .joinGap .swiper-pagination{padding: 30px 15px}
  .joinGap .item:not(:first-child){margin-top: 110px}
  .newsBanner .rgt{padding: 50px 30px}
  .newsBanner .rgt .time .max{line-height: 1;padding-bottom: 10px}
  .newsBanner .rgt .title{margin-top: 20px;font-size: 20px}
  .newsItem .cell{margin-top: 25px;padding: 30px}
  .newsItem .cell .time{margin-top: 30px}
  .article .heading{padding-bottom: 20px;width: 74%}
  .article .content .rgt .heading_top{padding-bottom: 20px}
  .article .content .rgt .news_list li .title{margin-top:5px;font-size: 15px;line-height: 24px}
  .article .content .rgt .go_btn{height: 40px}
  .article .content .rgt .qr_code .pic{margin-top: 10px}
  .article .content .lft{width: 74%}
  .contactW .main ul li{margin-right: 100px}
  .contactW .main ul li:last-child{margin-left: 0}
  .contactW .main ul li .t p{margin-top: 10px}
  .contactW .main ul li .t{margin-left: 15px}
  .contactW .main ul li .qr p{margin-top: 10px}
  .contactC .lft li .t .tit{font-size: 18px}
  .contactC .lft li .t p{margin-top: 8px}
  .contactC .lft li{padding: 20px 30px}
  /* .industry{padding-top: 24px;} */
  .industry .content{margin-top: 20px;}
  .ZhiShixq-lun {height: 325px;}
}
@media all and (max-width:1439px) {
  /* 1360 */
}
@media all and (max-width:1359px) {
  /* 1280 */
}
@media all and (max-width:1279px) {
  /* 1152 × (700) */
  #slider-menu{right: 20px}
  .prod-list .lft .logo{transform:scale(.8) translateY(0) !important}
  .prod-list .lft .sm-tit{font-size: 17px}
  .prod-list .lft{width: 38%}
  .prod-list .lft .text{font-size: 14px}
  .prod-list .lft .go{width: 110px;font-size: 14px}
  .prod-animated.three .p1{max-width: 200px}
  .prod-animated.three .p2{max-width: 160px}
  .prod-animated.three .p3{max-width: 360px}
  .prod-animated.three .p4{max-width: 250px}
  .industry .nav li{font-size: 15px}
  .industry .nav li:hover .icon, .industry .nav li.active .icon{margin-left: 10px}
  .industry .nav li .icon{margin-left: 15px}
  .industry .nav li + li{margin-top: 12px}
  .industry .slider .desc{font-size: 15px}
  .industry .nav li{padding: 4px 0 4px 30px}
  .industry .slider .btn{width: 110px;height: 40px;font-size:14px;margin-top: 20px}
  .industry .slider .desc p + p{margin-top: 10px}
  .develop-main .item .cont p{font-size: 14px;line-height: 22px}
  .develop-main .item .cont p + p{margin-top: 10px}
  .develop-main .item{padding: 30px 20px}
  .develop-main .item .cont p{padding-left: 14px}
  .develop-main .item .cont p:after{width: 6px;height: 6px;top: 8px}
  .aboutDesc .rgt .text{font-size: 15px;line-height: 30px}
  .aboutDesc .rgt .text p + p{margin-top: 10px}
  .aboutDesc .rgt .blk.blk4{top: 100%;max-width: 200px}
  .aboutDesc .rgt .blk.blk5{max-width: 280px}
  .aboutHonor .nav a:after{bottom: -8px}
  .aboutHonor .nav a + a{margin-left: 30px}
  .aboutHonor .slider .item .pic{height: 250px}
  .aboutHonor .slider .item p{font-size: 15px;height: 60px}
  .aboutHonor .slider .swiper-wrapper{padding-bottom: 50px}
  .aboutHonor .slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px}
  .aboutPerson .item .txt .text p + p{margin-top: 5px}
  .aboutPerson .item .txt .tip{font-size: 16px}
  .aboutPerson .item .txt .tip:after{height: 2px}
  .aboutPerson .item .txt .text{margin-top:15px;padding-top: 15px}
  .aboutPerson .item:not(:first-child){margin-top: 40px;padding-top: 40px}
  .aboutPerson .blk.blk3{width: 300px}
  .aboutPerson .blk.blk1{max-width: 220px}
  .aboutPerson .blk.blk2{max-width: 200px;right: -5%}
  .aboutHonor .slider li{padding: 20px 0;margin-top:10px}
  .aboutHonor .slider li p{font-size: 15px;line-height: 26px;height: 52px}
  .develop-main{width:calc(50vw + 480px)}
  .jobs-list .item{width: 49.3%}
  .joinGap .item .blk{width: 110px}
  .jobs-list .item h3{font-size: 20px}
  .jobs-list .item .cond{margin: 10px 0}
  .jobs-list .item .cond .sm-ico{font-size: 14px}
  .joinGap .item .txt .text{font-size: 14px;line-height: 24px}
  .joinGap .item .txt{width: 35%}
  .joinGap .item .txt .heading .num{font-size: 80px;top: -40%}
  .joinGap .item .txt .tit{font-size: 24px;line-height: 30px}
  .joinGap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 15px}
  .joinGap .item:after{height: 90%}
  .joinGap .item:not(:first-child){margin-top: 90px}
  .newsBanner .rgt .title{margin-top: 15px;font-size: 18px}
  .newsBanner .rgt .time .sm{margin-top: 0}
  .newsBanner .rgt{padding: 40px 25px}
  .newsBanner .rgt .text{margin-top: 10px}
  .newsItem .cell .title{font-size: 16px;line-height: 24px;height: 48px}
  .newsItem .cell .time{margin-top: 10px;font-size: 14px}
  .newsItem .cell .desc{font-size: 14px;line-height: 22px;margin-top: 10px}
  .newsItem .cell .view-btn{margin-top: 15px;font-size: 13px}
  .newsItem .cell .view-btn svg{width: 18px;height: 18px;top: 0}
  .article .content .rgt .heading_top{padding-bottom: 10px}
  .article .content .rgt .news_list li{padding: 15px 0}
  .article .content .rgt .news_list li .title{font-size: 14px;line-height: 22px}
  .article .content .rgt .go_btn{height: 36px;font-size: 14px}
  .article .content .rgt .qr_code .pic{width: 112px;height: 112px}
  .contactW .main ul li .t{margin-left: 10px}
  .contactW .main ul li .t p{margin-top: 5px;font-size: 15px}
  .contactW .main ul li{margin-right: 60px}
  .contactW .main ul li .qr .pic{width: 110px;height: 110px}
  .contactW .main ul li .qr p{margin-top: 5px}
  .contactC .lft li{padding: 20px}
  .contactC .lft li .t p{font-size: 14px;line-height: 24px;height: 48px;margin-top: 0}
  .contactC .lft li i{width: 60px}
  .contactC .lft li .t .tit{font-size: 16px}
  .contactC .contain{align-items: center}
  .jobs-list .item .cont{margin-top:10px}
  .ChanPinggx-cont .cont-l {width: 25%;padding-right: 50px;}
  .ChanPinggx-list .list {padding: 25px;margin-bottom: 25px;}
  /* .ZhiShijg-list .list {padding: 35px 15px;} */
  .ZhiShisx-from .list .customSelect {width: 210px;}
  .ZhiShisx-from .list .input {width: 210px;}
  .ZhiShisx-from .list {margin-right: 10px;}
  .ZhiShisx-from .list .ctbtn:nth-child(1) {width: 100px;margin-right: 20px;}
  .ZhiShixq-lun {height: 257px;}
}
@media all and (max-width:1151px) {
  /* 1024 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
  /* 平板设备 720 适配 */
  #fullpage{margin-top:60px}
  #fullpage .section{position: relative;z-index: 2;padding: 60px 0;overflow: hidden}
  .prod-list .lft .text{margin-top: 10px}
  #slider-menu{display: none}
  .prod-list .contain-max{flex-wrap: wrap;position: static}
  .prod-list .lft{width: 100%}
  .prod-list .rgt{width: 100%;padding: 0;margin-top:20px}
  .prod-animated.one .p3{bottom: 0}
  .prod-list .lft .title{font-size: 24px;margin-top: 15px}
  .prod-list .lft .go{width: 100px;height: 38px}
  .prod-animated.three .p1{max-width: 180px}
  .prod-animated.three .p2{max-width: 140px}
  .prod-animated.three .p3{max-width: 310px}
  .prod-animated.three .p4{max-width: 200px}
  .prod-list:last-child{padding-bottom: 0!important}
  .prod-list .Footer-wrapper{position: static;margin-top: 60px}
  .prod-list .lft .logo,.prod-list .lft .title,.prod-list .lft .sm-tit,.prod-list .lft .go,.prod-list .lft .text,
  .prod-list .rgt{opacity: 1;transform: translateY(0)}
  .industry .nav{width: 100%;padding: 0 10px}
  .industry .nav ul{display: flex;overflow-x: auto;overflow-y: hidden}
  .industry .nav li + li{margin: 0 0 0 20px}
  .industry .nav li{padding: 10px 0;white-space: nowrap}
  .industry .nav li .icon{display: none}
  .industry .nav li:after{height: 2px;width: 100%;bottom: 0;left: 0;top: auto}
  .industry .slider{width: 100%;margin-top: 30px}
  .industry .slider .desc{padding-right: 0}
  .develop-main .item .cont{padding-right: 5px}
  .about-develop .swiper-btn.prev{left: 0}
  .about-develop .swiper-btn.next{right: 0}
  .develop-main{width:100%}
  .develop-main .item{width: 40%}
  .about-develop .swiper-wrapper{padding-bottom: 30px}
  .aboutDesc .rgt .blk.blk1{transform: scale(.6)}
  .aboutDesc .lft .blk{top: -6%}
  .aboutDesc .rgt .blk.blk2{top: -5%}
  .aboutDesc .rgt .blk.blk3{max-width: 50px}
  .aboutDesc .rgt .blk.blk4{max-width: 150px}
  .aboutDesc .rgt .blk.blk5{max-width: 220px;right: -25%}
  .aboutDesc .rgt .text p + p{margin-top: 5px}
  .aboutHonor .nav a{font-size: 15px}
  .aboutHonor .slider .swiper-pagination-bullet{width: 8px;height: 8px}
  .aboutPerson .item .txt .tit{font-size: 22px}
  .aboutPerson .item .txt .tip{font-size: 15px}
  .aboutPerson .item .txt .text{font-size: 14px;margin-top: 10px;padding-top: 10px}
  .aboutHonor .slider li{width: 32.5%}
  .tDvptIntro-modal .tdIntroModal-contain{width: 92%}
  .tdIntroModal-action{top:0;right: 0;display: flex;flex-direction: row-reverse}
  .tdIntroModal-action .btn, .xz-modal-action .btn{width: 30px;height: 30px}
  .tdIntroModal-action .btn.next:after, .tdIntroModal-action .btn.prev:after{background-size: 8px}
  .tdIntroModal-action .btn.close:after{background-size: 14px}
  .tdIntroModal-action #prnt{display: flex}
  .tdIntroModal-action .btn.next:after,.tdIntroModal-action .btn.prev:after{background-size: 10px}
  .tdIntroModal-action .btn.close:after{background-size: 20px}
  .jobs-list .item{padding: 25px 20px}
  .jobs-list .item .more-btn{width: 50px;height: 30px}
  .joinGap .item .txt .text{margin-top: 15px;padding-top: 15px}
  .joinGap .item:not(:first-child){margin-top:20px}
  .joinGap .item .txt .tit{font-size: 22px;line-height: 28px}
  .joinGap .item .txt .text p + p{margin-top: 10px}
  .joinGap .item .blk{display: none}
  .joinGap .item{padding: 60px 0}
  .joinGap .item:after{height: 100%}
  .newsBanner .lft{width: 100%}
  .newsBanner .rgt{width: 100%;padding:30px 20px}
  .newsItem .cell{width: 49%;margin-top: 15px;padding: 25px 20px}
  .article .content .lft{width: 100%}
  .article .content .rgt{width: 100%;margin-top: 40px}
  .article .heading{padding-bottom: 15px;width: 100%}
  .article .heading .time{font-size: 13px}
  .article .heading .time .icon{margin-right: 5px;width: 16px;height: 16px}
  .contactW .main ul li i{width: 34px;height: 34px}
  .contactW .main ul li .t .tit{font-size: 15px}
  .contactW .main ul li .t p{font-size: 13px;margin-top: 2px}
  .contactW .main ul li:last-child{margin-top: 20px}
  .contactC .lft{width: 100%}
  .contactC .lft .company-list{display: flex;flex-wrap: wrap;justify-content: space-between}
  .contactC .lft .company-list li{width: 49.8%;margin-top: 2px}
  .contactC .rgt{width: 100%;margin-top: 30px}
  .ChanPinggx-cont .cont-l {width: 100%;padding-right: 0px;border-left: 0px;}
  .ChanPinggx-cont .cont-r {width: 100%;}
  .ChanPinggx-Sticky {overflow-x: auto;}
  .ChanPinggx-muen {display: flex;flex-wrap: nowrap;width: 900px;}
  .ChanPinggx-muen a {justify-content: center;align-items: center;flex: 1;padding: 10px;}
  .ChanPinggx-Sticky > .title {display: none;}
  .ChanPinggx-muen a::before {top: auto;bottom: 0px;width: 0%;height: 1px;}
  .ChanPinggx-muen a.active::before {height: 1px;width: 100%;}
  .ChanPinggx-list .list {padding: 20px;margin-bottom: 15px;}
  .ChanPinggx-list .list .hit .title {width: 100%;padding-right: 0px;}
  .ChanPinggx-list .list .hit .data {width: 100%;justify-content: flex-start;margin-top: 15px;}
  .ChanPinggx-list .list .hit {padding-bottom: 10px;}
  .ChanPinggx-list .list .btn {width: 100px;height: 36px;}
  .ChanPinggx-list .list .btn:hover {box-shadow: 0 0 0 3.2px rgba(9, 111, 202,.5);}
  .ZhiShisx-from {margin-bottom: -10px;}
  .ZhiShisx-from .list {width: 100%;margin-right: 0px;margin-bottom: 10px;justify-content: center;}
  .ZhiShisx-from .list .input {width: 100%;height: 40px;}
  .ZhiShisx-from .list .customSelect {width: 100%;}
  .ZhiShisx-from .list .ctbtn {height: 36px;}
  .ZhiShisx-from .list .ctbtn:nth-child(2) {width: 100px;}
  .ZhiShisx-from .list .customSelect-name {font-size: 14px;height: 40px;}
  .ZhiShisx-from .list .input input::-webkit-input-placeholder{color: #999;font-size: 14px;}
  .ZhiShijg-list .list {padding: 15px 0px;}
  .ZhiShijg-list .list .img {width: 80px;height: 90px;}
  .ZhiShijg-list .list .cont {width: calc(100% - 80px);padding-left: 20px;display: flex;flex-direction: column;justify-content: center;}
  .ZhiShijg-list .list .cont .title {margin-top: 0px;}
  .ZhiShixqtb-title .hit .text {margin-right: 30px;}
  .ZhiShixq-page .btn {width: 100px;height: 36px;}
  .ZhiShixq-page .prev, .ZhiShixq-page .next {width: calc((100% - 100px) / 2);}
  .ZhiShixq-page {padding-top: 15px;margin-top: 20px;}
  .ZhiShiTanCk-cont {width: 100%;padding: 20px;}
  .ZhiShiTanCk-from .list textarea {height: 100px;padding: 10px 20px;}
  .ZhiShiTanCk-from .list input {height: 40px;}
  .ZhiShiTanCk-from .list .btn {height: 40px;}
  .ZhiShiTanCk-from .list input::-webkit-input-placeholder{color: #999;font-size: 14px;}
  .ZhiShiTanCk-from .list textarea::-webkit-input-placeholder{color: #999;font-size: 14px;}
  .ZhiShiTanCk-from {margin-bottom: -10px;}
  .ZhiShiTanCk-from .list.line {margin-bottom: 10px;}
  .ZhiShisx-from .list .ctbtn:nth-child(1) {margin-right: 10px;width: 80px;}
  .ZhiShisx-from .list .ctbtn:nth-child(2) {margin-right: 10px;width: 80px;}
  .ZhiShisx-from .list .ctbtn:nth-child(3) {width: 110px;}
}
@media all and (max-width:640px) {
  /* 移动终端以上 360 适配 */
  #fullpage .section{padding: 40px 0}
  .prod-list .Footer-wrapper{position: static;margin-top: 40px}
  .prod-list .lft .sm-tit{font-size: 16px}
  .prod-animated.two .p1{max-width: 70px;left: 2%}
  .prod-animated.two .p2{max-width: 100px}
  .prod-animated.two .p3{max-width: 80px}
  .prod-list .lft .title{font-size: 20px;margin-top: 10px}
  .prod-list .lft .go{width: 90px;height: 36px}
  .prod-animated.three .p1{max-width: 140px}
  .prod-animated.three .p2{max-width: 100px}
  .prod-animated.three .p3{max-width: 260px}
  .prod-animated.three .p4{max-width: 160px}
  .prod-list .lft .text{line-height: 24px}
  .industry .slider .desc{font-size: 14px;line-height: 22px;margin-top: 5px}
  .industry .slider .desc p+p{margin-top: 5px}
  .industry .slider .btn{height: 36px;width: 100px}
  .industry .slider .logo li{width: 50%;height: 74px}
  .develop-main .item{padding: 20px 15px}
  .develop-main .item .cont{margin-top:10px}
  .develop-main .item .cont p{font-size: 13px;line-height: 20px}
  .aboutDesc .lft{width: 100%}
  .aboutDesc .rgt{width: 100%;margin-top: 20px}
  .aboutDesc .lft .blk{top: -40%;max-width: 70px;left: 0}
  .aboutDesc .rgt .blk.blk1{display: none}
  .aboutDesc .rgt .text{font-size: 14px;line-height: 26px}
  .aboutHonor .slider .item p{height: 50px;font-size: 14px}
  .aboutHonor .slider .item .pic{height: 220px}
  .aboutHonor .nav a{font-size: 14px}
  .aboutHonor .nav{width:100%;margin-top: 15px}
  .aboutHonor .slider .swiper-container{padding: 0;width: 100%;margin:30px 0 0}
  .aboutHonor .slider .item{box-shadow:none}
  .aboutPerson .item{flex-wrap:wrap}
  .aboutPerson .item .pic{width: 40%;margin: 0 auto}
  .aboutPerson .item .txt{width: 100%;margin-top: 30px}
  .aboutPerson .blk.blk1{max-width: 180px;left: 0;top: 15%}
  .aboutHonor .slider li .pic{height: 90px}
  .aboutHonor .slider li{width: 49%}
  .aboutHonor .nav a + a{margin-left: 20px}
  .aboutHonor .slider li p{padding: 0 10px;font-size: 14px;line-height: 22px;height: 44px}
  .tDvptIntro-modal .tdIntroModal-contain{padding: 20px}
  .tdIntroModal-top .about{width: 100%;margin-top: 0}
  .tdIntroModal-contain .tdIntroModal-top{flex-wrap: wrap}
  .tdIntroModal-top .about span:nth-child(1){margin-left: 0}
  .tdIntroModal-contain .tdIntroModal-con{font-size: 14px;line-height: 28px}
  .jobs-list .item{width: 100%}
  .jobs-list .item p{font-size: 14px;line-height: 24px}
  .joinGap .item .contain{flex-wrap: wrap}
  .joinGap .item .pic{width: 100%}
  .joinGap .item .txt{width: 100%;margin-top: 30px}
  .joinGap .item .txt .tit{font-size: 20px;line-height: 26px}
  .joinGap .item{padding: 40px 0}
  .joinGap .item .txt .text{margin-top: 10px;padding-top: 10px}
  .newsBanner .rgt .time .max{padding-bottom: 5px;border-width: 2px}
  .newsBanner .rgt .time{font-size: 13px}
  .newsBanner .rgt .title{font-size: 17px}
  .newsItem .cell{width: 100%}
  .article .content .lft p{font-size: 14px;line-height: 24px}
  .newsBanner .lft{display:none}
  .contactW .main ul li{margin-right: 0;width: 100%}
  .contactW .main ul li+li{margin-top: 20px}
  .contactC .lft .company-list li{width: 100%}
}
/* 天工看图-新增 */
.tgSee{width: 100%;overflow: hidden;}
.tgSee .lh{line-height: 1.14;}
.tgSeeBan{width: 100%;position: relative;}
.tgSeeBan img.bg{width: 100%;}
.tgSeeBan-cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;z-index: 4;}
.tgSeeBan-cont .title{color: #00508d;}
.tgSeeBan-cont .text{color: #3e3a39;}
.tgSeeBan-cont .CommonBtn{width:270px;height:54px;}
.tgSeeBan-cont .CommonBtn .img{position:relative;display:flex;align-items:center;justify-content:center;margin-right:14px;}
.tgSeeBan-cont .CommonBtn .img img{transition:all .4s ease;margin:0;}
.tgSeeBan-cont .CommonBtn .img img:nth-child(1){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;}
.tgSeeBan-cont .CommonBtn:hover{color:#fff;}
.tgSeeBan-cont .CommonBtn:hover .img img:nth-child(2){opacity:0;}
.tgSeeBan-cont .CommonBtn:hover .img img:nth-child(1){opacity:1;}
.tgSeeTz .title{padding: 10px 50px;background: url('../images/pages/tgSee-intro-title.png') no-repeat center/100% 100%;}
.tgSeeCj-list{justify-content: space-between;}
.tgSeeCj-list li{width: 50%;}
.tgSeeCj-img{width: 50%;}
.tgSeeCj-img img{height: 215px;}
.tgSeeCj-con{padding: 0 40px;background: linear-gradient(to right,rgba(0,80,141,.12) 20%,transparent 100%); width: 50%;flex-direction: column;justify-content: center;}
.tgSeeCj-con .text{margin-top: 5px;}
.tgSeeTs-list li{background: #f8f8f8;}
.tgSeeTs-list .contain{justify-content: space-between;align-items: center;}
.tgSeeTs-con{width: 46%;}
.tgSeeTs-con .title{align-items: center;}
.tgSeeTs-con .title i{display: block;margin-right: 18px;width: 53px;}
.tgSeeTs-con .text p{margin-top: 12px;}
.tgSeeTs-con .text p br{height: auto;}
.tgSeeTs-img{width: 46%;height: 19vw;display: flex;align-items: center;}
.tgSeeTs-img img{max-width: 100%;max-height: 100%;}
.tgSeeTs-list li:nth-child(2n){background: transparent;}
.tgSeeTs-list li:nth-child(2n) .contain{flex-direction: row-reverse;}
@media all and (max-width:1599px) {
  .tgSeeCj-img img{height: 180px;}
  .tgSeeCj-con{padding: 0 30px;}
  .tgSeeCj-con .text{font-size: 16px;line-height: 26px;}
  .tgSeeTs-con{width: 48%;}
  .tgSeeTs-con .title i{width: 45px;margin-right: 15px;}
}
@media all and (max-width:1279px) {
  .tgSeeTz .title{padding: 8px 35px;}
  .tgSeeCj-img img{height: 160px;}
  .tgSeeCj-con{padding: 0 15px;}
  .tgSeeCj-con .text {font-size: 13px;line-height: 24px;}
  .tgSeeTs-con .title i {width: 35px;margin-right: 12px;}
}
@media all and (max-width:640px) {
  .tgSeeBan img.bg{height: 200px;}
  .tgSeeBan-cont .CommonBtn {width: 235px;height: 45px;}
  .tgSeeTz .title{padding: 10px 25px;background: transparent;}
  .tgSeeTz .text br{display: none;}
  .tgSeeCj-list li{width: 100%;margin-top: 15px;}
  .tgSeeCj-con .title{font-size: 16px;}
  .tgSeeCj-con .text {font-size: 12px;line-height: 22px;}
  .tgSeeCj-img img{height: 150px;}
  .tgSeeTs-list .contain{flex-direction: column !important;}
  .tgSeeTs-img{width: 100%;height: auto;justify-content: center;margin-top: 30px;}
  .tgSeeTs-img img{max-width: 90%;}
  .tgSeeTs-con{width: 100%;}
  .tgSeeTs-con .title i{width: 26px;margin-right: 10px;}
  .tgSeeTs-con .text{font-size: 14px;}
  .tgSeeTs-con .text p{margin-top: 8px;}
}