@charset "utf-8";
/* =====================内页样式======================== */
.commom-banner{width: 100%;position: relative;}
.commom-banner img{width: 100%;object-fit: cover;}
.common-content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.common-content .incontain{ display: flex;flex-direction: column;justify-content: center;height: 100%;}
.common-headline{width: 100%;}
.common-headline h2{font-size: 44px;color: #fff;font-weight: 700;}
.common-menu{width: 100%;margin-top: 24px;}
.common-menu li{float: left;margin-right: 50px;}
.common-menu li a{display: inline-block; font-size: 16px;color: #fff;font-weight: 700;position: relative;padding-bottom: 12px;transition: all .4s ease;}
.common-menu li a::after{content: '';width: 0%;height: 2px;background-color: #32b9ff;position: absolute;right: 0;bottom: 0;transition: all .4s ease;}
.common-menu li.active a,.common-menu li a:hover{color: #32b9ff;}
.common-menu li.active a::after,.common-menu li a:hover::after{width: 100%;right: auto;left: 0;}

.conmon-title{width: 100%;text-align: center;}
.conmon-title h2{font-size: 40px;color: #015198;font-weight: 700;line-height: 1;}
.conmon-title.white h2{color: #fff;}

.about-company{width: 100%;}
.about-cpycontent{width: 100%;background-position: left bottom;background-repeat: no-repeat;background-size: cover;padding: 100px 0 108px;}
.about-items{width: 100%;margin-top: 60px;}
.about-cpyimg{float: left;width: 676px;}
.about-cpyimg img{width: 100%;object-fit: cover;max-height: 488px;}
.about-cpyjs{float: right;width: calc(100% - 676px);padding-left: 116px;}
.about-cpyjs h2{font-size: 28px;color: #333;font-weight: 700;}
.about-cpyintro{width: 100%;margin-top: 28px;}
.about-cpyintro p{font-size: 16px;color: #999;line-height: 26px;text-indent: 1.2em;margin-bottom: 38px;}
.about-cpyjs .about-data{ width: 100%;padding-top: 28px;display:flex;color:#015198}
.about-num{font-size:20px;line-height:1}
.about-num span{font-size:50px;font-family:Arial;font-weight:700}
.about-data p{font-size:16px;margin-top:5px}
.about-data li:not(:first-child){margin-left:60px}
.about-value{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-valgather{width: 33.333333%;position: relative;display: flex;align-items: flex-end;}
.about-valgather img{width: 100%;object-fit: cover;}
.about-valcont{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: flex-end;padding-bottom: 120px;}
.about-valitems{width: 100%; height: 104px;text-align: center;overflow: hidden;transition: all .6s ease;}
.about-valcont .about-valicon{width: 38px;height: 50px;margin: 0 auto;}
.about-valcont .about-valicon img{max-width: 100%;object-fit: cover;transition: all .4s ease .3s;opacity: 0;}
.about-valcont h2{font-size: 26px;color: #fff;font-weight: 700;line-height: 1;margin: 20px 0;}
.about-valcont p{font-size: 16px;color: #d6e6f4;line-height: 24px;}
.about-valcont p span{margin-right: 18px;}
.about-valcont p span:last-child{margin-right:0;}
.about-valgather:hover .about-valcont .about-valicon img{opacity: 1;}


/* 发展历程 */
.about-develop{width: 100%;background-position: left top;padding: 100px 0 148px;background-repeat: no-repeat;background-size: cover;}
.about-year{width: 100%;margin-top: 174px;position: relative;}
.about-year .swiper-container::after{content: '';width: 210px;height: 2px;background-color: #c2d3e2;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}
.about-year .swiper-container::before{content: '';width: 210px;height: 2px;background-color: #c2d3e2;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.about-year .about-time{width: 100%;text-align: center;position: relative;height: 240px;}
.year-num{display: inline-block;width: 100%; font-size: 34px;color: #777;position: absolute;left: -48px;top: 50%;transform: translateY(-50%);}
.about-year .swiper-slide-active .year-num{font-size: 240px;color: #333;line-height: 1;left: 0;}
.about-year .swiper-slide-active .year-num span{color: #015198;}
.about-next, .about-prev{width: 55px;height: 55px;border-radius: 50%;background: #777 url('../images/pages/abt_rgtArr.png')no-repeat center;opacity: 1;margin-top: -27.5px;position: absolute;right:12%;top: 50%;z-index: 2;}
.about-prev {left:18%;transform: rotate(180deg);right: auto;}
.about-next::before{content: '';width: 210px;height: 2px;background-color: #c2d3e2;position: absolute;right: 194px;top: 50%;margin-top: -2px;}
.about-prev::after{content: '';width: 210px;height: 2px;background-color: #c2d3e2;position: absolute;right:80px;top: 50%;margin-top: -2px;}

.about-wdbox{width: 100%;margin-top: 28px;}
.about-wdbox li{width: 100%;display: none;}
.about-wdbox li.ontrue{display: block;}
.about-wd{max-width: 584px;margin: 0 auto; transition: all 4s ease;opacity: 0;}
.about-wdbox li.ontrue .about-wd{animation: aboMs 1s ease both .2s;}
@keyframes aboMs{0%{opacity: 0;transform: translateY(20px);}100%{opacity: 1;transform: translateY(0);}}
.about-wd p{font-size: 15px;color: #444;line-height: 36px;text-align: center;}

/* 荣誉 */
.honor{width: 100%;padding: 100px 0 28px;}
.honor-wall{width: 100%;}
.honor-wall li{width: 23.5%;position: relative;float: left;margin-right: 2%;margin-bottom: 72px;}
.honor-wall li:nth-child(4n){margin-right: 0;}
.honor-bg img{border-bottom-color:#ffe;border-left-color:#eed;border-right-color:#eed;border-top-color:#ccb;max-height:80%;max-width:80%}
.honor-bg{background-color:#ddc;border:solid 20px #eee;border-bottom-color:#fff;border-left-color:#eee;border-radius:2px;border-right-color:#eee;border-top-color:#ddd;box-sizing:border-box;display:inline-block;position:relative;text-align:center;box-shadow:0 8px 32px 0 rgba(82,82,82,.26)}
.honor-bg:before{border-radius:2px;bottom:-10px;box-shadow:0 2px 5px 0 rgba(0,0,0,.25) inset;content:"";left:-10px;position:absolute;right:-10px;top:-10px}
.honor-item{display:block;width:100%;height:478px}
.honor-top{background:#f7f7f7;height:448px;display:flex;align-items:center;justify-content:center;padding: 40px 40px 64px}
.honor-info{background:#fff;color:#555;text-align:center;width:88%;height:64px;padding: 0 12px; z-index:1;position:absolute;display:flex;left:6%;bottom:0;justify-content:center;align-items:center;transition:all .4s ease;letter-spacing:.04em}
.honor-info p{line-height: 24px;font-size: 16px;}
.honor-item:hover .honor-info{box-shadow:none;background:#015198;color:#fff}
.about-honor .swiper-container{margin-top:50px}
.about-honor .swiper-wrapper{padding-bottom:80px}
.swiper-pagination-bullet{width:10px;height:10px;background:0 0;border:2px solid #aab3b8;opacity:1;transition:all .4s ease}
.swiper-pagination-bullet-active{background:#e77817;border-color:#e77817}
.about-intro .com-tit.startAnimate,.about-honor .swiper-container.startAnimate{animation: to-up 1s ease both .2s}
.about-intro-txt.startAnimate{animation: to-up 1s ease both .4s}
.about-intro-btn.startAnimate{animation: to-up 1s ease both .6s}
.about-culture-cont.startAnimate{animation: clip 1s ease both .2s}

.target-case{width: 100%;padding: 94px 0 76px;}
.target-case-items{width: 100%;}
.target-case-items ul li{width: 23.5%;float: left;margin-right: 2%;margin-bottom: 25px;}
.target-case-items ul li:nth-child(4n){margin-right: 0;}
.solution-item{display:flex;align-items: center;justify-content:center;padding:0 55px;height:108px;width:100%;background:linear-gradient(140deg,#fff 30%,#ebf3f9 70%);position:relative;overflow:hidden;z-index:1}
.solution-item:after{content:'';z-index:0;width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(144deg,#0388e6 0,#00b7ec 50%);opacity:0;transition:all .4s ease}
.solution-item:hover:after{opacity:1}
.target-case-items ul li.active .solution-item:after{opacity: 1;}
.solution-item h3{color:#015198;font-size:22px;z-index:1;transition:all .4s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.solution-item:hover h3{color:#fff}
.target-case-items ul li.active .solution-item h3{color: #fff;}
.solution-item p{font-size:15px;line-height:24px;z-index:1;color:#666;transition:all .4s ease;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;height: 48px}
.solution-item:hover p{color:#fff}
.target-case-items ul li.active .solution-item p{color: #fff;}
.solution-item i{margin-top:20px;z-index:1;transition:all .4s ease}
.solution-item:hover i{background:#fff url(../images/common/arrow-rgt-sm.png) no-repeat center/6px 10px;border-color:#fff}
.solution-i{display:block;background:url(../images/index/solution-i-1.png) no-repeat center/cover;width:85px;height:84px;z-index:1;position:absolute;bottom:-10px;right:50px;transform:translateY(100%);transition:all .4s ease}
.solution-item:hover .solution-i{transform:translateY(0)}
.target-case-items ul li.active .solution-item .solution-i{transform:translateY(0)}
.solution-i:nth-of-type(2){position:absolute;bottom:-35px;right:35px;transition-delay:.1s}
.solution-i:nth-of-type(3){position:absolute;bottom:-60px;right:20px;transition-delay:.2s}
.target-more{width: 100%;text-align: center;margin-top: 25px;}
.target-more a{display: inline-block;font-size: 16px;color: #015198;padding: 0 22px 12px 0;position: relative;}
.target-more a::after{content: '';width: 6px;height: 10px;background: url('../images/pages/target_caseArr.png')no-repeat center;position: absolute;right: 0;top: 25%;}
.target-more a::before{content: '';width: 100%;height: 1px;background-color: #015198;position: absolute;left: 0;bottom: 0;}



.target-show{width: 100%;background-color: #eef4f9;padding: 118px 0;}
.target-show-items{width: 100%;}
.target-show-items li{width: 32%;float: left;overflow: hidden;margin-bottom: 50px;margin-right: 2%;transition: all .4s ease;}
.target-show-items li:nth-child(3n){margin-right: 0;}
.target-show-column{width: 100%;}
.target-show-img{width: 100%;position: relative;overflow: hidden;}
.target-show-img img{width: 100%;object-fit: cover;transition: all .4s ease;}
.target-show-cont{width: 100%;padding: 42px 32px 46px;background-color: #fff;}
.target-show-cont h2{font-size: 18px;color: #444;font-weight: 700;line-height: 28px;position: relative;transition: all .4s ease;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 56px;}
.target-show-items li:hover .target-show-img img{transform: scale(1.06);}
.target-show-items li:hover .target-show-cont h2{color: #015198;}
.target-show-more{display: flex;width: 100%;height: 16px;align-items: center;}
.target-show-more span { position: relative; z-index: 3;font-size: 15px;color: #a0a0a0;display: inline-block;padding-right: 20px; background: url('../images/pages/target_showArr.png') no-repeat right center;transition: all .4s ease;}
.targetal{width: 100%;margin-top: 42px;}
.targetal-title{width: 100%;}
.targetal-title h2{font-size: 36px;color: #015198;font-weight: 700;line-height: 1;}
.targetal-item{width: 100%;margin-top: 38px;}
.targetal-item li{float: left;width: 32%;margin: 0 2% 14px 0;background-color: #fff;}
.targetal-item li:nth-child(3n){margin-right: 0;}
.targetal-item li a{display:flex;align-items: center;width: 100%;height: 80px;padding: 0 20px; border: 1px solid #e9e9e9;font-size: 16px;color:#555;font-weight: 700;line-height: 32px;}
.target-page{width: 100%;margin-top: 20px;}
.common--pageitems{display: flex;justify-content: center;}
.common--pageitems .page-buton{width: 102px;height: 44px;margin: 0 14px; border-radius: 22px;text-align: center;background-color: #fff;position: relative;cursor: pointer;}
.common--pageitems span i{font-size: 16px;font-family: \5B8B\4F53;color:#333333;font-style: normal;font-weight: 800;transition: all .4s ease;}
.common--pageitems a:hover i{color: #fff;}
.common--pageitems a{width: 44px;height: 44px;text-align: center;line-height: 44px;border-radius: 50%;font-size: 18px;color: #666;background-color: #fff;margin: 0 3px;transition: all .4s ease;}
.common--pageitems a.active,.common--pageitems a:hover{color: #fff;background-color: #015198;}
.common--pageitems b{width: 16px;height: 44px;line-height: 44px;text-align: center;margin: 0 3px;}


.case-detail{width: 100%;padding: 98px 0 106px;}
.case-detaitems{width: 100%;display: flex;justify-content: space-between;height: 452px;}
.case-detalft{width: 50%;padding: 102px 112px 0 0px;height: 100%;}
.case-detalft-cont{width: 100%;padding: 22px 0 0 50px;border-left: 6px solid #015198;height: 100%;}
.case-detalft-cont h2{font-size: 28px;color: #333;font-weight: 700;line-height: 34px;margin-bottom: 24px;}
.case-detalft-cont p{font-size: 15px;color: #777;line-height: 27px;}
.case-detargt{width: 50%;height: 100%;}
.case-detargt-img{width: 100%;height: 100%;}
.case-detargt-img img{width: 100%;object-fit: cover;height: 100%;}
.case-project{width: 100%;}
.case-project-items{width: 100%;display: flex;justify-content: space-between;height: 574px;}
.case-projectlft{width: 50%;overflow: hidden;height: 100%;}
.case-projectlft .swiper-container{height: 100%;}
.case-project-img{width: 100%;height: 100%;}
.case-project-img img{width: 100%;height: 100%;object-fit: cover;}
.case-projectlft .swiper-pagination-bullet {border: 2px solid #fff;}
.case-projectlft .swiper-pagination-bullet-active {background: #01a5ec; border-color: #01a5ec;}
.case-projectrgt{width: 50%;height: 100%; background-position: left top;background-repeat: no-repeat;background-size: 100% 100%;padding: 118px 260px 0 86px;}
.case-project-title{width: 100%;position: relative;}
.case-project-title h2{font-size: 28px;color: #fff;line-height: 30px;font-weight: 700;position: relative;z-index: 2;}
.case-project-title span{font-size: 42px;color: #376aa4;line-height: 30px;font-weight: 700;position: absolute;left: 0;top: 6px;z-index: 0;}
.case-project-cont{width: 100%;margin-top: 30px;}
.case-project-cont p{font-size: 14px;color: #c5daec;line-height: 26px;}

.case-show{width: 100%;padding: 100px 0 88px;}
.case-show-title{width: 100%;text-align: center;}
.case-show-title h2{font-size: 36px;color: #015198;font-weight: 700;line-height: 1;}
.case-show-items{width: 100%;margin-top: 40px;}
.case-loop{width: 100%;}
.case-loop .swiper-container{padding-bottom: 40px;}
.case-loop-item{width: 100%;}
.case-loop-item li{float: left;width: 32%;margin:0 2% 14px 0;}
.case-loop-item li:nth-child(3n){margin-right: 0;}
.case-loop-item li a{display:flex;align-items: center;width: 100%;height: 80px;padding: 0 20px;border: 1px solid #e9e9e9;background-color: #f6f6f6;font-size: 16px;color: #555;font-weight: 700;line-height: 32px;}
.case-loop .swiper-pagination{bottom: 0 !important;}
.case-loop .swiper-pagination-bullet {border: 2px solid #707070;}
.case-loop .swiper-pagination-bullet-active {background: #01a5ec; border-color: #01a5ec;}

/* .case-show-items li{width: 32%;float: left;overflow: hidden;margin-right: 2%;transition: all .4s ease;}
.case-show-items li:nth-child(3n){margin-right: 0;}
.case-show-column{width: 100%;}
.case-show-img{width: 100%;position: relative;overflow: hidden;}
.case-show-img img{width: 100%;object-fit: cover;transition: all .4s ease;}
.case-show-cont{width: 100%;padding: 42px 32px 46px;}
.case-show-cont h2{font-size: 19px;color: #444;font-weight: 700;line-height: 24px;margin-bottom: 6px;position: relative;transition: all .4s ease;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 48px;}
.case-show-items li:hover .case-show-img img{transform: scale(1.06);}
.case-show-items li:hover .case-show-cont h2{color: #015198;}
.case-show-more{display: flex;width: 100%;height: 16px;align-items: center;}
.case-show-more span { position: relative; z-index: 3;font-size: 15px;color: #a0a0a0;display: inline-block;padding-right: 20px; background: url('../images/pages/target_showArr.png') no-repeat right center;transition: all .4s ease;}
 */

/* 新闻 */
.news{width: 100%;padding: 94px 0 60px;}
.news-items{width: 100%;display: flex;justify-content: space-between;height: 484px;}
.news-lft{width:674px;display:block;overflow: hidden;height: 100%;}
.news-lft_img{display: inline-block; width:100%;height:100%;overflow:hidden;position: relative;z-index: 1;}
.news-lft_img::after{content: '';width: 100%;height: 100%;background-color: rgba(0,0,0,.2);position: absolute;left: 0;top: 0;z-index: 0;}
.news-lft_img img{width: 100%;object-fit: cover; transition:all .6s ease}
.news-lft:hover img{transform:scale(1.06)}
.news-lft_img h2{font-size:20px;color:#fff;font-weight: 700;width: 100%;padding: 0 32px;z-index: 3; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s ease;position: absolute;left:0;bottom: 32px;}
.news-rgt{width:calc(100% - 674px);padding-left: 88px;display: flex;}
.news-menu{width: 100%;}
.news-menu li{width: 100%;padding:26px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.news-menu li a{width: 100%;display: inline-block;}
.news-menu li+li{border-top:0}
.news-menu h3{font-size:18px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease}
.news-time{display:flex;align-items:center;font-size:15px;color:#666;margin-top:10px}
.news-time i{display:block;background:url(../images/common/time.png) no-repeat center/100%;width:17px;height:17px;margin-right:5px}
.news-menu li:hover h3{color: #015198;font-weight: 700;}
.news-gather{width: 100%;padding-bottom: 68px;}
.news-list{width: 100%;}
.news-list li{width: 32%;float: left;padding: 28px;border: 1px solid #f0f0f0; overflow: hidden;margin-bottom: 30px;margin-right: 2%;transition: all .4s ease;}
.news-list li:nth-child(3n){margin-right: 0;}
.news-column{width: 100%;}
.news-img{width: 100%;position: relative;overflow: hidden;}
.news-img img{width: 100%;object-fit: cover;transition: all .4s ease;}
.news-img span{font-size: 16px;color: #fff;background-color: #015198;padding: 5px 12px;position: absolute;right: 0;bottom: 0;}
.news-cont{width: 100%;padding: 32px 0 20px 0;}
.news-cont h2{font-size: 20px;color: #333;line-height: 26px;position: relative;transition: all .4s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-cont p{font-size: 14px;color: #888;line-height: 24px;margin-top: 10px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 48px;}
.news-list li:hover{border: 1px solid #015198;}
.news-list li:hover .news-img img{transform: scale(1.06);}
.news-list li:hover .news-cont h2{color: #015198;}
.news-page{width: 100%;margin-top: 30px;}
.news-page .common--pageitems a {border: 1px solid #f0f0f0;}

/* 新闻看点 */
.news-view{width: 100%;padding-bottom: 68px;}
.news-group{width: 100%;margin-top: 20px;}
.news-group li{width: 49%;float: left;margin-right: 2%;margin-bottom: 38px;}
.news-group li:nth-child(2n){margin-right: 0;}
.news-colitems{width: 100%;display: flex;padding: 60px;background-color: #ebf0f5;transition: all .4s ease;}
.news-data{margin-right: 40px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.news-data p{font-size: 36px;color: #333;font-weight: bold;transition: all .4s ease;}
.news-data span{font-size: 14px;color: #333;line-height: 28px;transition: all .4s ease;}
.news-colcont h2{font-size: 18px;color: #333;font-weight: bold;line-height: 28px;margin-bottom: 10px;transition: all .4s ease;}
.news-colcont p{font-size: 14px;color: #777;line-height: 22px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 44px;transition: all .4s ease;}
.news-group li:hover .news-colitems{background-color:#015198;}
.news-group li:hover .news-data p,.news-group li:hover .news-data span,.news-group li:hover .news-colcont h2,.news-group li:hover .news-colcont p{color: #ffffff;}

/* 新闻详情 */
.news-detail{width: 100%;padding: 98px 0 100px;}
.news-detaitems{width: 100%; display: flex;justify-content: space-between;}
.news-detacont{width: 68%;}
.news-detatitle{width: 100%;border-bottom:1px solid #ebebeb ;padding-bottom: 24px;}
.news-detatitle h2{font-size: 28px;font-weight: bold;color: #111;line-height: 36px;margin-bottom: 16px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 72px;}
.news-detatitle span{font-size: 13px;color: #999;line-height: 24px;position: relative;padding-left: 24px;}
.news-detatitle span::before{content: ''; width: 18px;height: 18px; background: url('../images/common/time.png')no-repeat left center;position: absolute;left: 0;top: 0;}
.news-detashow{width: 100%;padding-top: 66px;}
.news-detashow P{font-size: 14px;color: #555;line-height: 28px;}
/* .news-detashow p+p{margin-top:48px;} */
.news-detashow P:last-child{margin-top: 0;}
.news-detashow img{max-width: 100%;object-fit: cover;}
.news-detarela{width: 23%;}
.news-detarela-title{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.news-detarela-title h2{font-size: 16px;color: #0257aa;line-height: 36px;position: relative;padding-left: 42px;}
.news-detarela-title h2::before{content: '';width: 34px;height: 34px;border-radius: 50%;background: #0257aa url('../images/pages/newsAbt.png') no-repeat center;position: absolute;left: 0;top: 0;}
.news-detarela-title a{display: inline-block;font-size: 14px;color: #555;position: relative;padding-left: 22px;}
.news-detarela-title a::before{content: '';width: 14px;height: 14px; background: url('../images/pages/news_more.png') no-repeat center;position: absolute;left: 0;top: 0;margin-top: 5px;}
.news-detalist{width: 100%;margin-top: 40px;}
.news-detali{width: 100%;border: 9px solid #e9eef3;padding: 30px;}
.news-detali li{width: 100%;border-bottom: 1px solid #e4e4e4;padding-bottom: 18px;margin-bottom: 28px;}
.news-detali li:last-child{border-bottom: none;margin-bottom: 0;}
.news-detali li p{font-size: 15px;color: #777;line-height: 22px;margin-bottom: 10px;transition: all .4s ease;}
.news-detali li span{font-size: 12px;color: #999;line-height: 20px;transition: all .4s ease;position: relative;padding-left: 24px;}
.news-detali li span::before{content: ''; width: 18px;height: 18px; background: url('../images/common/time.png')no-repeat left center;position: absolute;left: 0;top: 0;transition: all .4s ease;}
.news-detali li h6{font-size: 20px;color: #222222;font-weight: bold;line-height: 36px;margin-bottom: 16px;}
.news-detali li:hover p,.news-detali li:hover span{color: #015198;}
.news-detali li:hover span::before{background: url('../images/common/timeH.png')no-repeat left center;}


/* 联系我们 */
.contact-banner{width: 100%;position: relative;}
.contact-mix{width: 100%;position: absolute;height: 100%;left: 0;top:100px;}
.contact-info{width: 390px;float: left;background: #00a0e9;padding: 28px 24px 74px;margin-top: 32px;}
.contact-info-mix{width: 100%;background-repeat: no-repeat;background-size: cover;background-position: left top;height: 196px;text-align: center;padding-top: 34px;}
.contact-info-area{width: 100%;}
.contact-info-area span{display: inline-block;width: 88px;height: 28px;text-align: center;line-height: 28px; font-size: 15px;color: #015198;border-radius: 13.5px;background-color: #fff;}
.contact-info-city{width: 100%;font-size: 0;padding: 24px 0 8px;}
.contact-info-city span{display: inline-block;vertical-align: middle;font-size: 14px;color: #fff;margin: 0 5px;}
.contact-info-company{width: 100%;margin-top: 32px;}
.contact-info-company p{font-size: 16px;color: #fff;font-weight: 700; line-height: 20px;}
.contact-info-cont{width: 100%;color: #fff;padding: 28px 10px 0;}
.contact-info-cont h4{font-size: 18px;font-weight: 700; margin-bottom: 14px;}
.contact-info-cont p{font-size: 14px;line-height: 26px;}
.contact-map{width: 772px;float: right;position: relative;margin-right: 110px;}
.loading{position: fixed;background: #fff;z-index: 9;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.loading i{width: 48px;height: 48px;display: block;font-style: normal;background: url('../images/pages/loading.gif') no-repeat;}
.abolx-map img{width: 100%;object-fit: cover;}
/* ---- */
.contact-dots{position: absolute;z-index: 4;width: 100%;height: 100%;top: 0;left: 0;}
.reldots{position: absolute;z-index: 1;width: 32px;text-align: center;cursor: pointer;padding-bottom: 3px;user-select: none;}
.reldots h6{font-size: 16px;color: #aed3f3;background: url('../images/pages/map_site.png') no-repeat center bottom;padding-bottom: 34px;transition: all .4s;}
.reldots i{position: absolute;bottom: 0;left: 50%;width: 14px;height: 6px;margin-left: -7px;border-radius: 14px / 6px;background-color: #aed3f3;transition: all .4s;}
.reldots i::before, .reldots i::after{content: "";z-index: -1;opacity: 0.4;display: block;width: 46px;height: 20px;background: #3274ae;border-radius: 46px / 20px;position: absolute;top: -7px;left: -16px;}
.reldots i::after{transform: scale(0.7);background: #5892c6;}
.reldots.active{z-index: 3;}
.reldots.active h6{background-image: url('../images/pages/map_siteH.png');}
.reldots.active i{background: #32b9ff;}
.reldots.active i::before, .reldots.active i::after{background: #2792d7;transform: scale(0);}
.reldots.active i::before,i::before{animation: reldotsRing 2s linear infinite 0.6s;}
.reldots.active i::after,i::after{animation: reldotsRing 2s linear infinite 0s;}
@keyframes reldotsRing {from {transform: scale(0);opacity: 1;}to {transform: scale(1.2);opacity: 0;}}
.reldots-shenzhen{bottom: 20%;left: 67%;}
.reldots-xiamen{bottom: 24%;left: 72%;}
.reldots-zhuhai{bottom: 16%;left: 66%;}
.reldots-guangxi{bottom: 20%;left: 52%;}
.reldots-xian{top: 44%;left: 56%;}
.reldots-shanxi{top: 36%;left: 62%;}
/* ---- */
.contact-message{width: 100%;padding: 94px 0;}
.contact-items{width: 100%;margin-top: 46px;padding: 16px 45px 45px;border: 1px solid #ededed;}
.contact-form{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px}
.contact-inline{width:24%;margin-bottom:32px}
.contact-inline.contact-content {width: 100%;}
.contact-inline.contact-content textarea{width:100%;height:164px}
.contact-inline label{display: inline-block; font-size: 15px;color: #444;margin-bottom: 12px;}
.contact-inline i{display: inline-block; font-size: 14px; font-style: normal;color:#f60909;margin-left: 4px;}
.contact-inline input,.contact-inline textarea,.contact-code input{background:#f7f7f7;border:1px solid #ededed;height:45px;width:100%;padding:18px;transition: all .6s ease}
.contact-inline input:focus,.contact-inline textarea:focus,.msg-code input:focus{box-shadow:inset 0 0 9px rgba(204,204,204,.6)}
.contact-inline input::placeholder,.contact-inline textarea::placeholder{color:#8b9297}
.contact-bott{display:flex;justify-content:space-between;width:100%;align-items: flex-end;}
.contact-code{height:auto;display:flex;width:24%;align-items: flex-end;}
.code-items {display: inline-block;}
.code-items label{display: block;font-size: 15px;color: #444;margin-bottom: 12px;}
.contact-code input{width:100%}
.contact-code span{display:block;margin-left:10px}
.submit-btn{display:block;width:142px;background:#015198;color:#fff;text-align:center;height: 48px; line-height:48px;font-size:16px}
.submit-btn:hover{opacity:.7;color:#fff}


/* 人才招聘 */
.talwelfare{width: 100%;overflow: hidden;background: #e8eff6;padding: 90px 0 96px;display: none;}
.talwelfare-loop{width: 100%;margin-top: 54px;position: relative;}
.talwelfare-items{display: block;width: 100%;}
.talwelfare-img{width: 100%;overflow: hidden;}
.talwelfare-img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.talwelfare-cont{width: 100%;min-height: 230px;padding: 36px 34px;background-color: #fff;background-repeat: no-repeat;background-position: right bottom;background-size: 276px auto;transition: all .4s ease;}
.talwelfare-cont h2{font-size: 22px;color: #333;font-weight: 700;text-align: center;transition: all .4s ease;}
.talwelfare-cont p{font-size: 16px;color: #777;line-height: 26px;margin-top: 18px;transition: all .4s ease;}
.talwelfare-items:hover .talwelfare-img img{transform: scale(1.06);}
.talwelfare-items:hover .talwelfare-cont{background-color:#015198;}
.talwelfare-items:hover .talwelfare-cont h2, .talwelfare-items:hover .talwelfare-cont p{color: #fff;}
.talwelfare-loop .sonPagination{display: none;}
.talwelfare-prev, .talwelfare-next{position: absolute;z-index: 3;width: 39px;height: 39px;border: 1px solid #bfcfdd; border-radius: 50%;background:url('../images/pages/tal_Arr.png') no-repeat center;top: 50%;margin-top: -25px;cursor: pointer;transition: all .4s ease;}
.talwelfare-prev{left: -104px;}
.talwelfare-next{right: -104px;transform: rotate(180deg);}
.talwelfare-prev:hover, .talwelfare-next:hover{background-color:#fff;border: 1px solid #fff;}
.tallive{width: 100%;background: #015198 url('../images/pages/liveBj.jpg') no-repeat left top/100% auto;overflow: hidden;padding: 100px 0 96px;display: none;}
.tallive-loop{width: 100%;margin-top: 68px;position: relative;}
.tallive-items{width: 100%;position: relative;overflow: hidden;}
.tallive-items img{width: 100%;object-fit: cover;transition: all .6s ease;}
.tallive-cont{position: absolute;padding: 0 40px 40px;width: 100%;height: 100%;display: flex;align-items: flex-end;z-index: 2;top: 0;left: 0;}
.tallive-cont h2{font-size: 20px;color: #fff;font-weight: 700;}
.tallive-loop .swiper-container{padding-bottom: 60px;}
.tallive-loop .swiper-pagination-bullet{opacity:1;border: 2px solid #fff;}
.tallive-loop .swiper-pagination-bullet-active{background-color: #01a5ec;border: 2px solid #01a5ec;}
.tallive-items:hover img{transform: scale(1.06);}

.taljoin{width: 100%;overflow: hidden;padding: 100px 0;}
.taljoin-menu{width: 100%;text-align: center;margin-top: 40px;}
.taljoin-menu a {display: inline-block; width: 114px;height: 36px;line-height: 34px;border-radius: 18px; text-align: center; border: 1px solid #e6e6e6; font-size: 14px;color: #555;margin: 0 15px;transition: all .4s ease;}
.taljoin-menu a.active, .taljoin-menu a:hover{background-color: #015198;border: 1px solid #015198;color: #fff;}
.taljoin-mix{width: 100%;margin-top: 60px;}
.taljoin-list{width: 100%;display: none;}
.taljoin-list.active{display: block;}
.taljoin-title {width: 100%;margin-bottom: 20px;box-shadow: 12px 0 70px rgba(0,0,0,.08);}
.taljoin-column{width: 100%;}
.taljoin-tit{display: flex;}
.taljoin-tit h2{color:#444;font-size:18px;font-weight: 700;}
.taljoin-tit span{display: inline-block;margin-left: 96px; font-size: 18px;color: #adadad;}
.taljoin-btn svg{width:15px;height:15px;color: #d8d8d8;}
.taljoin-cont{width:100%;border:1px solid #f2f2f2;padding:34px 42px}
.taljoin-column{display:flex;width:100%;align-items:center;padding:34px 46px;cursor:pointer;justify-content: space-between;}
.taljoin-column.active svg{transform:rotate(180deg)}
.taljoin-content{background:#fff;padding:0 46px;display:none;width:100%}
.taljoin-contitems{width: 100%;border-top: 1px solid #f3f3f3;padding: 36px 0 68px;}
.taljoin-content h6{font-weight:700;color:#333;font-size:16px;line-height:30px;margin-bottom:8px}
.taljoin-content h6:not(:first-child){margin-top:15px}
.taljoin-content p{font-size:14px;color:#777;line-height:30px}
.taljoin-content ul{width: 100%;margin: 34px 0 0;display: inline-block;}
.taljoin-content ul li{width: 100%;float: left;font-size:14px;color:#888888;line-height:30px;}
.taljoin-content-tel{width: 100%;}
.taljoin-content-tel p{font-size:14px;color:#555;line-height:30px}
.taljoin-content-btn{display: inline-block; width: 154px;height: 45px;font-size: 16px;color: #fff;background:linear-gradient(144deg,#0289e6 30%,#00b8ec 70%);text-align: center;line-height: 45px;margin-top: 28px;}
.taljoin-page{width: 100%;margin-top: 30px;}
.taljoin-page .common--pageitems a {border: 1px solid #f0f0f0;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .conmon-title h2 {font-size: 38px;}
    
    .about-cpyimg {width: 608px;}
    .about-cpyjs {width: calc(100% - 608px);padding-left: 88px;}
    .about-year {margin-top: 108px;}
    .about-year .swiper-container::after{width: 130px;}
    .about-year .swiper-container::before{width: 130px}
     .about-year .swiper-slide-active .year-num {font-size: 188px;}
     .about-next::before{width: 130px;right: 178px;}
     .about-prev::after{width: 130px;}

    .honor-item {height: 448px;}
    .honor-top {height: 418px;}

    .news-colitems {padding: 48px;}
    .news-colcont h2{font-size: 18px; overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height: 52px;}
    .news-detatitle h2 {font-size: 24px;}
    .news-detarela {width: 25%;}

    .talwelfare-loop {width: 92%;margin: 54px auto 0;}
    .talwelfare-prev {left: -68px;}
    .talwelfare-next {right: -68px;}
    
    .contact-banner .banner-img{height: 668px;}
    .contact-info-mix {height: 168px;}
    .contact-map {width: 568px;margin-right: 68px;}
}

@media all and (max-width:1439px) {
    /* 1360 */
    .about-year .swiper-container::after{width: 100px;}
    .about-year .swiper-container::before{width: 100px}
    .about-next::before{width: 100px;right: 178px;}
    .about-prev::after{width: 100px;}
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .common-headline h2 {font-size: 38px;}
    .conmon-title h2 {font-size: 32px;}

    .about-cpycontent {padding: 80px 0 88px;}
    .about-cpyimg {width: 468px;}
    .about-cpyjs {width: calc(100% - 468px);padding-left: 48px;}
    .about-cpyjs h2 {font-size: 20px;}
    .about-cpyintro p {font-size: 15px;margin-bottom: 20px;}
    .about-num span {font-size: 42px;}
    .about-data p {font-size: 14px;}
    .about-valcont {padding-bottom: 68px; }
    .about-develop {padding: 80px 0 108px;}
    .about-year .swiper-slide-active .year-num {font-size: 138px;}

    .honor {padding: 80px 0 28px;}
    .honor-item {height: 368px;}
    .honor-top {height: 338px;}

    .target-case {padding: 80px 0 68px;}
    .solution-item h3 {font-size: 20px;}
    .target-show {padding: 80px 0;}
    .target-show-cont {padding: 32px 28px 38px;}
    .target-show-cont h2 {font-size: 18px;}
    .target-show-more{margin-top: 10px;}
    .targetal-item li a {font-size: 15px;line-height: 25px;}

    .case-detail {padding: 80px 0 88px;}
    .case-detaitems {height: 418px;}
    .case-detalft {padding: 68px 68px 0 0px;}
    .case-detalft-cont h2 {font-size: 20px;margin-bottom: 18px;}
    .case-detalft-cont p {font-size: 14px;line-height: 24px;}
    .case-project-items {height: 518px;}
    .case-projectrgt {padding: 68px 60px 0 48px;}
    .case-project-title h2 {font-size: 20px;line-height: 22px;}
    .case-project-title span {font-size: 32px;top: 0;}
    .case-show {padding: 80px 0 88px;}
    .case-show-title h2 {font-size: 28px;}
    .case-show-cont h2 {font-size: 18px;}
    .case-show-cont {padding: 32px 28px 38px;}
    .case-loop-item li{float: left;width: 49%;margin:0 2% 14px 0;}
    .case-loop-item li:nth-child(3n){margin-right: 2%;}
    .case-loop-item li:nth-child(2n){margin-right: 0;}
    .case-loop-item li a {font-size: 15px;line-height: 25px;}

    .news {padding: 80px 0 48px;}
    .news-items { height: 408px;}
    .news-lft {width: 568px;}
    .news-rgt {width: calc(100% - 568px);padding-left: 48px;}
    .news-menu li {padding: 18px 0;}
    .news-menu h3 {font-size: 16px;}
    .news-colitems {padding: 38px;}
    .news-detail {padding: 80px 0 88px; }
    .news-detacont {width: 60%;}
    .news-detatitle h2 {font-size: 20px;}
    .news-detashow {padding-top: 48px;}
    .news-detarela {width: 30%;}
    .news-detali li p {font-size: 14px;}

    .contact-banner .banner-img{height: 618px;}
    .contact-info {width: 360px;padding: 24px 20px 42px;}
    .contact-map {width: 558px;margin-right: 0; }
    .reldots h6 {font-size: 14px;padding-bottom: 30px;}
    .contact-message {padding: 80px 0;}
    .contact-items {margin-top: 42px;padding: 10px 0 52px;}
    .contact-code {width: 32%;}

    .talwelfare {padding: 80px 0 88px;}
    .talwelfare-cont {padding: 32px 28px;}
    .talwelfare-cont h2 {font-size: 20px;}
    .talwelfare-cont p {font-size: 15px;line-height: 25px; margin-top: 12px;}
    .tallive {padding: 80px 0 88px;}
    .tallive-loop {margin-top: 48px;}
    .taljoin {padding: 80px 0 88px;}
    .taljoin-menu {margin-top: 28px;}
    .taljoin-mix {margin-top: 48px;}
    

}

@media all and (max-width:1151px) {
    /* 1024 */
    .about-year .swiper-slide-active .year-num {font-size: 118px;}
    .about-year .swiper-container::after{width: 88px;}
    .about-year .swiper-container::before{width: 88px}
    .about-next::before{width: 88px;right: 148px;}
    .about-prev::after{width: 88px;}
    .talwelfare-prev {left: -52px;}
    .talwelfare-next {right: -52px;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .common-headline h2 {font-size: 28px;}
    .conmon-title h2 {font-size: 26px;}
   
    .about-cpycontent {padding: 60px 0 68px;}
    .about-items {margin-top: 20px;}
    .about-cpyimg {width: 100%;text-align: center;}
    .about-cpyimg img{width: auto;max-width: 100%;}
    .about-cpyjs {width: 100%;padding-left:0;margin-top: 28px;}
    .about-valcont {padding-bottom: 28px;}
    .about-valcont h2 {font-size: 20px;margin: 15px 0;}
    .about-develop {padding: 60px 0 88px;} 
    .about-year { margin-top: 28px;}
    .about-year .swiper-slide-active .year-num {font-size: 158px;}
    .about-next::before{display: none;}
    .about-prev::after{display: none;}
    .about-prev {left: 12%;right: auto;}

    .honor {padding: 60px 0 28px;}
    .honor-wall li {margin-bottom: 42px;}
    .honor-item {height: 288px;}
    .honor-top {height: 248px; padding: 40px 20px 64px;}
    .honor-info p{font-size: 14px;line-height: 20px;}

    .target-case {padding: 60px 0 48px;}
    .solution-item {padding: 0 28px;height: 98px;}
    .solution-item h3 {font-size: 16px;}
    .target-show {padding: 60px 0;}
    .targetal {margin-top: 28px;}
    .targetal-title h2 { font-size: 28px;}
    .targetal-item{margin-top: 32px;}
    .targetal-item li {width: 49%;}
    .targetal-item li:nth-child(3n){margin-right: 2%;}
    .targetal-item li:nth-child(2n){margin-right: 0;}

    .case-detail {padding: 60px 0 68px;}
    .case-detaitems {height: 388px;}
    .case-detalft {padding: 60px 38px 0 0px;}
    .case-detalft-cont {padding: 18px 0 0 32px;}
    .case-project-items {height: auto;flex-direction: column;}
    .case-projectlft {width: 100%;}
    .case-projectrgt {width: 100%;padding:68px 48px;}
    .case-show {padding: 60px 0 68px;}
    .case-show-title h2 {font-size: 20px;}
    .case-show-items {margin-top: 32px;}
    .case-show-cont h2 {font-size: 16px;}
    
    .news {padding: 60px 0 40px;}
    .news-items { height: auto;flex-direction: column;}
    .news-lft {width: 100%;}
    .news-rgt {width:100% ;padding-left: 0;margin-top: 28px;}
    .news-gather {padding-bottom: 48px;}
    .news-list li {padding: 20px;}
    .news-cont {padding: 22px 0 20px 0;}
    .news-cont h2 {font-size: 16px;line-height: 20px;}
    .news-page {margin-top: 20px;}
    .news-colitems {padding: 28px;}
    .news-data {margin-right: 28px;}
    .news-data p {font-size: 28px;}
    .news-colcont h2 {font-size: 16px;line-height: 26px;}
    .news-detail {padding: 60px 0 68px; }
    .news-detaitems {flex-direction: column;}
    .news-detacont {width: 100%;}
    .news-detashow {padding-top: 32px;}
    .news-detashow img {margin: 32px 0 38px;}
    .news-detashow p+p {margin-top: 28px;}
    .news-detarela {width: 100%;margin-top: 32px;}
    .news-detalist {margin-top: 26px;}
   
    .contact-banner .banner-img {height: 100vh;}
    .contact-mix {top: 80px;}
    .contact-map {margin: 0 auto;float: none;}
    .contact-info {float: none;margin: 20px auto 0;}
    .contact-message {padding: 60px 0;}
    .contact-items {margin-top: 32px;padding: 10px 15px 42px;}
    .contact-code {width: 42%;}

    .talwelfare {padding: 60px 0 68px;}
    .talwelfare-cont {padding: 32px 28px;}
    .talwelfare-cont h2 {font-size: 20px;}
    .talwelfare-cont p {font-size: 15px;line-height: 25px; margin-top: 12px;}
    .tallive {padding: 60px 0 68px;}
    .tallive-loop {margin-top: 48px;}
    .taljoin {padding: 60px 0 68px;}
    .taljoin-menu {margin-top: 28px;}
    .taljoin-mix {margin-top: 48px;}

}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .common-headline h2 {font-size: 20px;}
    .commom-banner img {min-height: 238px;}
    .common-menu {margin-top: 14px; }
    .common-menu li {margin-right: 16px;}
    .conmon-title h2 {font-size: 20px;}

    .common--pageitems a {width: 36px; height: 36px;line-height: 34px;font-size: 14px;}
    .common--pageitems .page-buton {width: 36px;height: 36px;line-height: 36px;border-radius: 50%;margin: 0 8px; background:#fff url('../images/pages/target_caseArr.png')no-repeat center;}
    .common--pageitems .page-buton:first-child{transform: rotate(180deg);}
    .common--pageitems .page-buton span{display: none;}
    
    .about-cpycontent {padding: 40px 0 48px;}
    .about-cpyjs .about-data {padding-top: 10px;}
    .about-num span {font-size: 26px;}
    .about-data li:not(:first-child) {margin-left: 24px;}
    .about-data p {font-size: 13px;}
    .about-valgather {width: 100%;flex-wrap: wrap;}
    .about-valcont .about-valicon img{opacity: 1;}
    .about-valitems {height: 148px;}
    .about-develop {padding: 40px 0 48px;}
    .about-year {margin-top: 20px;}
    .about-year .about-time {height: 148px;}
    .about-year .swiper-slide-active .year-num { font-size: 88px; }
    .about-next, .about-prev {width: 40px;height: 40px;margin-top: -20px;right: 4%;}
    .about-prev {left: 4%;right: auto; }
    .about-year .swiper-container::after{display: none;}
    .about-year .swiper-container::before{display: none;}
    .about-wdbox {margin-top: 0;}
    
    .honor {padding: 40px 0 20px;}
    .honor-wall li {width: 48%;margin-bottom: 32px;}
     
    .target-case {padding: 40px 0 38px;}
    .target-case-items ul li {width: 48%;margin-bottom: 20px;}
    .target-more {margin-top: 12px;}
    .target-show {padding: 40px 0;}
    .target-show-items li {width: 100%;margin-bottom: 28px;}
    .targetal {margin-top: 20px; }
    .targetal-title h2 { font-size: 20px;}
    .targetal-item{margin-top: 28px;}
    .targetal-item li { width: 100%;}
    
    .case-detail {padding: 40px 0 28px;}
    .case-detaitems {height: auto;flex-direction: column;}
    .case-detalft {width: 100%; padding: 0;}
    .case-detalft-cont { padding: 18px 0 0 20px;}
    .case-detalft-cont h2 {font-size: 18px;margin-bottom: 12px;}
    .case-detargt {width: 100%;margin-top: 20px;}
    .case-projectrgt {padding: 38px 32px;}
    .case-show {padding: 40px 0;}
    .case-show-items li {width: 100%;margin-bottom: 20px;}

    .news {padding: 40px 0 30px;}
    .news-lft_img h2 {width: 100%;font-size: 18px;padding:0 20px;left: 0;bottom: 20px;}
    .news-list li {width: 100%;}
    .news-page {margin-top: 10px;}
    .news-view {padding-bottom: 48px;}
    .news-group li {width: 100%;margin-bottom: 28px;}
    .news-colitems {padding: 20px;}
    .news-colcont h2 {font-size: 15px;line-height: 25px;height: 50px;}
    .news-detail {padding: 40px 0 48px; }
    .news-detatitle h2 {font-size: 18px;line-height: 28px;height: 56px;}
    
    .contact-banner .banner-img {height: 128vh;}
    .contact-map {width: 318px;margin: 0 auto;float: none;}
    .reldots-shanxi {top: 28%;left: 60%;}
    .reldots-xian {top: 38%;left: 52%;}
    .contact-info {width: 100%; margin-top: 28px;}

    .contact-message {padding: 40px 0;}
    .contact-inline { width: 100%;margin-bottom: 24px;}

    .talwelfare {padding: 40px 0 48px;}
    .talwelfare-loop {margin: 28px auto 0;}
    .tallive {padding: 40px 0 48px;}
    .tallive-loop {margin-top: 28px;}
    .tallive-cont h2 {font-size: 18px;}
    .taljoin {padding: 40px 0 48px;}
    .taljoin-menu {margin-top: 16px;}
    .taljoin-menu a {margin: 12px 15px 0;}
    .taljoin-mix {margin-top: 32px;}
    .taljoin-column {padding: 30px 28px;}
    .taljoin-tit h2 {font-size: 16px;}
    .taljoin-tit span {font-size: 14px;margin-left: 48px;}
    .taljoin-content {padding: 0px 20px;}
    .taljoin-contitems {padding: 28px 0 48px;}
    .contact-bott {flex-wrap: wrap;}
    .contact-code {width: 100%;}
    .submit-btn {width: 100%;margin-top: 20px;}
}