@charset "utf-8";
.banner{z-index: 1;width: 100%;position: fixed;top: 0;left: 0;}
.banner .swiper-slide,.banner .swiper-wrapper{transform:translate3d(0,0,0);}
.banner .img{height: 100vh;position: relative;}
.banner .img .text{position: absolute;color: #fff;top: 50%;transform: translatey(-50%);padding: 0 15%;font-weight: bold;}
.banner .img .text .cn{font-size: 1.5rem;transition: 1s 0.3s;opacity: 0;transform: translatey(70px);}
.banner .img .text .en{font-size: 0.6rem;transition: 1s 0.3s;opacity: 0;transform: translatey(70px);}
.banner .swiper-slide-active .img .text .en,.banner .swiper-slide-active .img .text .cn{transform: translatey(0);opacity: 1;}
.banner .btn,.list_design .btn{width: 10%;position: absolute;top: 0;z-index: 2;height: 100%;opacity: 0;cursor: pointer;}
.banner .btn.prev,.list_design .btn.prev{left: 0;background: linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0));}
.banner .btn.next,.list_design .btn.next{right: 0;background: linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0));}
.banner .btn.next img,.list_design .btn.next img{transform: rotatey(180deg);}
.banner .btn:hover,.list_design .btn:hover{opacity: 1;}
.banner .swiper-pagination{bottom: 2rem !important;}
.banner .swiper-pagination .swiper-pagination-bullet svg{position: absolute;left: -7.5px;top: -7.5px;width: 20px;height: 20px;}
.banner .swiper-pagination .swiper-pagination-bullet svg path{fill: transparent;stroke-width: 2px;stroke: #fff;
	stroke-dasharray: 63;stroke-dashoffset: -63;}
.banner .swiper-pagination .swiper-pagination-bullet{position: relative;width: 5px;height: 5px;opacity: 1;margin:0 10px !important;background: none}
.banner .swiper-pagination .swiper-pagination-bullet:after{content: '';position: absolute;width: 5px;height:5px;background: rgba(255,255,255,0.8);left: 0;top: 0;border-radius: 50%}
.banner .swiper-pagination .swiper-pagination-bullet:before{width: 20px;height: 20px;border:2px solid rgba(255,255,255,.3);content: '';position: absolute;left: -7.5px;top: -7.5px;opacity: 0;box-sizing: border-box;border-radius: 50%;transition:0.3s}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{opacity: 0}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{opacity: 1}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active svg path{animation: loopsvg 3s linear forwards;}
@keyframes loopsvg{to{stroke-dashoffset: 0;}}
/* 首页框子 */
.sectionbox{margin-top: 100vh;position: relative;transition: 0.8s linear;z-index: 2;}
.whitebg{position: relative;}
.foottop ul li a:hover{color: #222;}
/* 近期项目 */
.sectionone{margin: 0 3% 2.3rem;flex-wrap: wrap;}
.sectionone .item{width:24.5% ;margin-left: 0.5%;margin-bottom: 0.5%;}
.sectionone .item:nth-child(2),.sectionone .item:nth-child(5),.sectionone .item:nth-child(8){width:32.5% ;}
.sectionone .item:nth-child(3),.sectionone .item:nth-child(4),.sectionone .item:nth-child(9){width:42% ;}
.sectionone .item:nth-child(3n 1),.sectiontwo .item:nth-child(3n 1){margin-left: 0;}
.sectionone .item a{position: relative;overflow: hidden;display: block;}
.sectionone .item .img{padding-bottom:12.65rem;transition: 1s linear;}
.sectionone .item .text{position: absolute;bottom: 0;left: 0;padding:0.5rem 1rem ;background: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));width: 100%;color: #fff;box-sizing: border-box;}
.sectionone .item .text i{font-size: 0.55rem;}
.sectionone .item .text em{font-size: 0.75rem;font-weight: 500;}
.sectionone .item:hover .text{padding: 1rem 1rem;}
.sectionone .item:hover .img{ transition: 0.5s linear; transform: scale(1.1,1.1);}
/* 东艺资讯 */
.listtitle{padding: 1rem 0 0;}
.sectiontwo{margin: 0 3%;padding-bottom: 2.6rem;}
.sectiontwo .item{width: calc(99% / 3);margin-left: 0.5%;}
.sectiontwo .item .img{padding-bottom: 92.4%;}
.sectiontwo .item a{position: relative;overflow: hidden;}
.sectiontwo .item .text{background: rgba(255,255,255,0.9);position: absolute;height: 100%;padding: 0.7rem 1.1rem;box-sizing: border-box;width: 69%;left: -70%;top: 0;}
.sectiontwo .item .text .time{ font-family: "font";color: #000;position: absolute;left:1.1rem;bottom: 1rem;width: calc(100% - 1.4rem);line-height: 1.25;}
.sectiontwo .item .text .time *{display: block;}
.sectiontwo .item .text .time i{font-size: 1.3rem;line-height: 1;}
.sectiontwo .item .text .time em{font-size: 2rem;line-height: 1;}
.sectiontwo .item .text .title{padding-top: 1.5rem;display: block;}
.sectiontwo .item .text .title i{font-size: 0.65rem;font-weight: bold;color: #1c1d24;}
.sectiontwo .item .text .title em{font-size: 0.5rem;color: #62656a;margin-top: 0.4rem;}
.sectiontwo .item a:hover .text{left: 0;}
.sectiontwo .item:hover .img{box-shadow: inset 0 0 10px #fff;filter: blur(4px); }
/* 关于我们 */
.mainbox{margin: 0 3%;}
.aboutone{margin-bottom: 2rem;}
.aboutone .img{padding-bottom: 40%;} 
.aboutone .text{position: absolute;background: rgba(255,255,255,0.9);bottom: 0;left: 0;padding: 0.5rem 3% 1.5rem;box-sizing: border-box;}
.aboutone .text .title{border-bottom: 1px solid rgba(135,136,140,0.5);font-size: 0.8rem;color: #1c1d24;font-weight: 500;padding: 0.63rem 0;margin-bottom: 0.75rem;}
.aboutone .text .wrap{color: #62656a;font-size: 0.48rem;line-height: 1.5;}
.aboutone:hover .text {padding-bottom: 4%;}
.aboutone:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
/* 企业文化 */
.list_culture {margin-bottom: 2rem;}
.list_culture .img{padding-bottom: 40%;position: relative;}
.list_culture .img .text{position: absolute;width: 100%;top: 50%;transform: translatey(-50%);text-align: center;color: #fff;}
.list_culture .img .text h5 img{max-width: 21.5%;}
.list_culture .img .text h6{font-size: 1.6rem;letter-spacing: 1.1rem;padding: 1rem 0;}
.list_culture .img .text .wrap{font-size: 0.65rem;width: 45%;margin: auto;}
.swi_pag{position: absolute;width: 100%;bottom: 1rem !important;z-index: 2;text-align: center;}
.swi_pag span{width: 12px;height: 12px;background: #fff;}
.swi_pag span.swiper-pagination-bullet-active{width: 24px;border-radius: 6px;}
/* 发展历程 */
.histitle{background-image: url(/uploads/image/ptspaimages/hisbg.jpg);color: #fff;}
.histitle .wrap{line-height: 1.8;font-size: 1.2rem;max-width:68%;margin: auto;padding: 2.5rem 0;text-align: center;}
.historywrap .pohiiden{padding: 0 5.5%;height: 392px;}
.historywrap .pohiiden::before,.historywrap .pohiiden::after{content:'';position: absolute;top: 50%;margin-top: -1px;height: 2px;background: url(/uploads/image/ptspaimages/xuleft.svg);width: 5.5%}
.historywrap .pohiiden::after{transform: rotatey(180deg);right: 0;}
.historywrap .pohiiden::before{left: 0;}
.historywrap{padding: 0 3%;margin: 2.5rem 0;}
.historywrap .btn{width: 1.2rem;height: 1.2rem;border: 1px solid #d8d8d8;box-sizing: border-box;position: absolute;top: 50%;transform: translatey(-50%);cursor: pointer;transition: 0.3s;}
.historywrap .btn.prev{left: 1%;}
.historywrap .btn.next{right: 1%;}
.historywrap .btn img{width: 35%;}
.historywrap .btn.next img{transform: rotatey(180deg);}
.historywrap .btn:hover{background: #ddd;}
.historywrap .btn:hover img{filter: brightness(0) invert(1);}
.historywrap .pohiiden .swiper-slide:after{width: 100%;height: 2px;background: #1c1d24;content: '';top: 50%;margin-top: -1px;position: absolute;}
.historywrap .item {position: absolute;border-left: 2px solid #1c1d24;padding-left: 0.7rem;height: 150px;width: 30%;box-sizing: border-box;color: #1c1d24;}
.historywrap .item::after{width: 12px;height: 12px;border-radius: 50%;background: #1c1d24;content: '';position: absolute;left: -6px;bottom: -52px;z-index: 2;transition: 0.2s}
.historywrap .item::before{width: 2px;height: 0;content: '';background: #ddd;position: absolute;left: -2px;top: 0;transition: 0.4s;}
.historywrap .item:nth-child(even)::after{bottom: auto;top: -52px;}
.historywrap .item:nth-child(odd){top: 0;}
.historywrap .item:nth-child(even){bottom: 0;}
.historywrap .item .time{font-size: 0.85rem;font-weight: bold;line-height: 1;}
.historywrap .item .text{font-size: 0.45rem;line-height: 1.5;margin-top:0.65rem;transition: 0.3s;width: 60%;}
.historywrap .item:nth-child(1){left: 40px;}
.historywrap .item:nth-child(2){left: 17%;}
.historywrap .item:nth-child(3){left: 34%;}
.historywrap .item:nth-child(4){left: 51%;}
.historywrap .item:nth-child(5){left: 68%;}
.historywrap .item:nth-child(6){left: 85%;}
.historywrap .item:hover::before{height: 100%;}
.historywrap .item:hover .time{color: #25219f;}
.historywrap .item:hover::after{transform: scale(1.4); background: #25219f;}
.historywrap .item:nth-child(even):hover::after{bottom: -100px;}
.historywrap .item:hover .text{transform: translatey(-5px);}
/* 合作伙伴 */
.list_partner ul{flex-wrap: wrap;padding-bottom: 2rem;}
.list_partner ul li{width: calc((100% - 50px) / 6);margin-bottom: 10px;background: #fff;height: 4rem;transition:0.3s; margin-left: 10px;box-shadow: 0 0 6px rgba(0,0,0,0.13)}
.list_partner ul li:nth-child(6n 1){margin-left: 0;}
.list_partner ul li a{display: flex;height: 100%;}
.list_partner ul li a img{max-width: 90%;max-height: 90%;}
.list_partner ul li a span{width: 10px;height: 10px;border-radius: 50%;background: #87888c;margin: 0 0.1rem;}
.list_partner ul li:last-child a{align-items: center;justify-content: center;}
.list_partner ul li:hover{transform: scale(0.95) }
/* 项目筛选 */
.proselect select{border: 1px solid #cfd0d1;height: 1.3rem;}
/*下拉select*/
.dmui-select{z-index: 1;position: relative;width: 240px;margin-left: 0.8rem;}
.dmui-select .name{position: relative;box-sizing: border-box;height: 1.3rem;padding: 0 1rem 0 0.4rem;color: #62656a;line-height: 1.3rem;cursor: pointer;user-select: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border: 1px solid #cfd0d1;font-size: 0.5rem;}
.dmui-select .name:after,.contprobox .information dt::after,.contpage a.prev::after,.contpage a.next::after{content: "";position: absolute;right: 12px;top: 50%;width: 6px;height: 6px;border-right: 1px solid #bbbbbb;border-bottom: 1px solid #bbbbbb;transform: rotate(45deg) translate(-50%,-50%);}
.dmui-select .list{display: none;position: absolute;left: 0;width: 100%;max-height: 150px;background-color: #fff;overflow-y: auto;box-shadow: 0 0 6px rgba(0,0,0,.2);overscroll-behavior: contain;}
.dmui-select .list li a{display: block;padding: 10px;border: 1px solid #eee;border-bottom: 0;font-size: 0.4rem;line-height: 16px;transition: 0.3s;color: #333;}
.dmui-select .list li a:hover{background-color: #dedede;}
.dmui-select:first-child{margin-left: 0;}
/* 所有项目 */
.listpro,.prolist ul{flex-wrap: wrap;margin-bottom: 2rem;}
.listpro .item{width:24.5% ;margin-left: 0.5%;margin-bottom: 0.5%;}
.listpro .item:nth-child(2),.listpro .item:nth-child(5),.listpro .item:nth-child(8){width:32.5% ;}
.listpro .item:nth-child(1),.listpro .item:nth-child(6),.listpro .item:nth-child(7){width:42% ;}
.listpro .item:nth-child(3n 1),.sectiontwo .item:nth-child(3n 1),.prolist ul li:nth-child(3n 1) {margin-left: 0;}
.listpro .item a{position: relative;overflow: hidden;display: block;}
.listpro .item .img{padding-bottom:12.65rem;transition: 1s linear;}
.listpro .item .text,.prolist ul li .text,.recommend .item .text,.litswrap ul li .text{position: absolute;bottom: 0;left: 0;padding:0.5rem 1rem ;background: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));width: 100%;color: #fff;box-sizing: border-box;}
.listpro .item .text *,.prolist ul li .text *,.recommend .item .text *{display: block;}
.listpro .item .text i,.prolist ul li .text i,.recommend .item i{font-size: 0.8rem;}
.listpro .item .text em,.prolist ul li .text em,.recommend .item em{font-size: 0.53rem;text-transform: uppercase;}
.listpro .item:hover .text,.prolist ul li a:hover .text{padding: 1rem 1rem;}
.listpro .item:hover .img,.prolist ul li a:hover .img,.recommend .item a:hover .img,.litswrap ul li a:hover .img{ transition: 0.5s linear; transform: scale(1.1,1.1);}
/* 项目列表 */
.prolist ul li,.recommend .item{width: calc((100% - 20px) / 3);margin-bottom: 10px;margin-left: 10px;}
.prolist ul li a{position: relative;overflow: hidden;}
.prolist ul li .img,.recommend .item .img{padding-bottom: 63.5%;}
/* 项目详情 */
.contbanner .img{}
.contbanner .btn{width: 10%;position: absolute;top: 0;z-index: 2;height: 100%;opacity: 0;cursor: pointer;}
.contbanner .btn.prev{left: 0;background: linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0));}
.contbanner .btn.next{right: 0;background: linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0));}
.contbanner .btn.next img{transform: rotatey(180deg);}
.contbanner .btn:hover{opacity: 1;}

.contprotitle{border-bottom: 1px solid #1c1d24;padding-top: 2.5rem;padding-bottom: 1rem;}
.contprotitle h5{font-size: 1.2rem;color: #1f1a17;line-height: 1.1;}
.contprotitle h6{font-size: 0.55rem;color: #1f1a17;padding-top: 0.6rem;font-weight: normal;}
.contprotitle h6 a{margin-right: 10px;}
.contprotitle h6 a:hover{font-weight: bold;}
.contprotitle .share{line-height: 24px;}
.contprotitle .share a{margin-right: 0.5rem;}
.contprotitle .share a:last-child{margin-right: 0;}
.contprobox{padding: 1rem 0;align-items: inherit;}
.contprobox .project{width: calc(100% - 400px);}
.contprobox .project .title{font-size: 0.55rem;line-height: 1.57;}
.contprobox .project .text{font-size: 0.46rem;line-height: 1.57;padding-top: 0.66rem;text-align:justify;}
.contprobox .information{width: 342px;background: rgba(245,245,247,0.5);padding: 0.66rem 1rem;box-sizing: border-box;}
.contprobox .information dl{border-top: 1px solid rgba(221,221,221,0.5);}
.contprobox .information dl:first-child{border: none;}
.contprobox .information dt{line-height: 1.7rem;position: relative;font-weight: bold;color: #1c1d24;}
.contprobox .information dd .item{display: flex;font-size: 0.46rem;margin-top: 0.46rem;}
.contprobox .information dd .item .title{width: 70px;color: #62656a;}
.contprobox .information dd .item .text{width: calc(100% - 55px);color: #1c1d24;}
.contprobox .information dd .item:first-child{margin-top: 0;}
.contprobox .information dd{display: none;padding-bottom: 0.45rem;}
.contprobox .information dl:first-child dd{display: block;}
/* 推荐浏览 */
.recommend .item{width: calc((100% - 30px) / 4);}
.recommend .item:first-child{margin-left: 0;}
.recommend .item a .text{opacity: 0;transform: translatey(10px);}
.recommend .item a:hover .text{opacity: 1;transform: translatey(0);}
/* 翻页 */
.contpage{padding: 0.7rem 0 2.2rem;}
.contpage a{position: relative;color: #1c1d24;font-weight: bold;}
.contpage a.prev{padding-left: 1rem;}
.contpage a.next{padding-right: 1rem;}
.contpage a.prev::after,.contpage a.next::after{width: 8px;height: 8px;}
.contpage a.prev::after{right: auto;left: 0;transform: rotate(135deg) translatex(-6px);}
.contpage a.next::after{transform: rotate(315deg) translatex(6px);}
/* 服务 */
.servicebanner{height: 100vh;position: relative;}
.servicebanner::before{width: 100%;height: 100%;content: '';background: rgba(0,0,0,0.3);position: absolute;left: 0;top: 0;opacity: 0;}
.servicebanner .wrap{left: 11.8%;top: 50%;transform: translatey(-50%);color: #fff;font-size: 0.8rem;line-height: 1.3rem;position: absolute;z-index: 2;width: 76.4%;}
.servicebanner ul li{background: rgba(255,255,255,.4);width: 18%;height: 2.66rem;margin-right: 10px;margin-top: 2.66rem;}
.servicebanner ul li img{max-width: 90%;max-height: 90%;}
.servicebanner .title h6{font-size: 2rem;line-height: 1.1;margin-bottom: 2.5rem;}
/* 列表 */
.servicewrap dl{flex-direction: row-reverse;padding: 2.6rem 3%;}
.servicewrap dl:nth-child(even){background: #f4f5f9;flex-direction: inherit;}
.servicewrap dl dt{padding-bottom: 33.5%;width: 58%;transition: 0.3s;}
.servicewrap dl dd{margin-left: 4.2%;line-height: 1.1;width:37.8% ;}
.servicewrap dl:nth-child(odd) dd{margin-left: 0;margin-right: 4.2%;}
.servicewrap dl dd .titlecn,.servicewrap dl dd .titleen{color: #1c1d24;}
.servicewrap dl dd .titlecn{font-size: 0.8rem;padding-bottom: 0.6rem;font-weight: bold;}
.servicewrap dl dd .titlecn span{font-weight: bold;font-size: 1.6rem;padding-right: 0.2rem;}
.servicewrap dl dd .titleen{font-size: 0.6rem;text-transform: uppercase;}
.servicewrap dl dd .text{color: #62656a;line-height: 1.5;padding-top: 1.5rem;}
.servicewrap dl dd .text .cn{font-size: 0.6rem;}
.servicewrap dl dd .text .en{font-size: 0.55rem;padding-top: 0.8rem;}
.servicewrap dl:hover dt{transform: scale(1.05);box-shadow: 0 0 15px rgba(0,0,0,0.25);}
/* 新闻资讯 */
.newswiper .img{padding-bottom: 36%;}
.newswiper .wrap{position: absolute;background: rgba(255,255,255,0.9);height: 100%;left: 0;top: 0;width: 33%;box-sizing: border-box;}
.newswiper .wrap .text{position: absolute;top: 50%;left: 13.7%;width: 72.6%;box-sizing: border-box;transform: translatey(-50%);}
.newswiper .wrap i{display: block;position: relative;font-size: 1.15rem;line-height: 1.5;color: #1c1d24;font-weight: 500;padding-bottom: 1.4rem;}
.newswiper .wrap i::after{width:2.6rem ;height: 4px;background: #1c1d24;content: '';position: absolute;left: 0;bottom:0;}
.newswiper .wrap em{line-height: 2;color: #62656a;margin-top: 2.6rem;}
.litswrap ul{flex-wrap: wrap;padding-top: 1rem;min-height: 300px;padding-bottom: 1rem;}
.litswrap ul li{width: calc((100% - 30px) / 4);margin-top: 10px;margin-left: 10px;}
.litswrap ul li:nth-child(4n 1),.joblist .item:nth-child(4n 1){margin-left: 0;}
.litswrap ul li a{position: relative;overflow: hidden;}
.litswrap ul li .img{padding-bottom: 100.5%;transition: 1s linear;}
.litswrap ul li .text em{font-weight: bold;font-size: 0.6rem;}
.litswrap ul li .text i{font-size: 0.5rem;padding-top: 5px;display: block;padding-bottom: 0.5rem;}

/* 新闻详情 */
.contnews{width: 75%;margin: auto;padding: 3rem 0 2rem;border-bottom: 1px solid #dddddd;}
.contitle{font-size: 1.2rem;color: #1f1a17;line-height: 1.2;border-bottom: 1px solid #dddddd;padding-bottom: 0.5rem;}
.contime{font-size: 0.55rem;color: #87888c;line-height: 1.2;padding: 0.5rem 0 2rem 0;}
.contime span{margin: 0 3%;}
.conbox{line-height: 1.75;font-size: 0.55rem;color: #62656a;}
.conbox iframe,.conbox table,.conbox img{max-width: 100%;height: auto !important;}
/* 招聘 */
.jobtitle{background-image: url(/uploads/image/ptspaimages/jobtitle.jpg);}
.joblist{flex-wrap: wrap;}
.joblist .item{width: calc((100% - 50px) / 4);margin-left: 10px;margin-bottom: 10px;background: url(/uploads/image/ptspaimages/jobbg.jpg) center no-repeat;background-size: cover;height: 5.3rem;padding: 0.66rem;box-sizing: border-box;}
.joblist .item *{display: block;}
.joblist .item .title{font-size: 0.66rem; color: #1c1d24; font-weight: bold;}
.joblist .item .num,.joblist .item  em{color: #87888c;font-size: 0.45rem;}
.joblist .item .num{padding-top: 0.26rem;}
.joblist .item a{position: relative;height: 100%;}
.joblist .item em{position: absolute;right: 0;bottom: 0;}
.joblist .item em::after{width: 16px;height: 12px;content: '';background: url(/uploads/image/ptspaimages/more.svg) right  center no-repeat;opacity: 0;position: absolute;right: 0;top: 50%;margin-top: -6px;background-size: 100%;transition: 0.3s;}
.joblist .item:hover em{padding-right: 1rem;color:#01007f}
.joblist .item:hover em::after{opacity: 0.8;}
/* 招聘弹窗 */
.jobfixed{position: fixed;right:-42%;background: #fff;height: calc(100vh - 2.3rem);box-shadow: 0 0 10px rgba(0,0,0,0.2);top: 2.3rem;z-index: 2;width: 41%;overflow-y: auto;transition: 0.3s;}
.jobfixed.show{right: 0;}
.job_details{border-bottom: 1px solid #dddddd;padding: 0 1rem;line-height: 1.86rem;color: #1c1d24;font-size:0.55rem ;font-weight: bold;position: relative;}
.jobfixed > .close{border-top: 1px solid #ddd;width: 100%;text-align: center;padding: 0.66rem 0;}
.jobfixed > .close span{border: 1px solid #c5c7ca;border-radius: 3px;width: 3.6rem;height: 1.33rem;line-height: 1.33rem;color: #62656a;font-size: 0.46rem;display: block;margin: auto;transition: 0.3s;cursor: pointer;}
.job_introduction{padding: 0.5rem 1rem 0.8rem;margin: 0.66rem 1rem;background: rgba(139,143,149,0.1);line-height: 2;}
.job_introduction .name span{color: #1c1d24;font-weight: bold;font-size: 1rem;}
.job_introduction .name{font-weight: bold;}
.job_introduction .name i{color: #ff4300;font-size: 0.8rem;margin-left: 0.5rem;}
.job_introduction .text{color: #62656a;line-height: 2;}
.job_responsibilities{padding: 0 2rem 0.5rem;}
.job_responsibilities .box{margin-bottom: 2rem;}
.job_responsibilities .box .title,.job_responsibilities .box .text{color: #1c1d24;line-height: 2.4;}
.job_responsibilities .box .text{font-size: 0.46rem;}
.job_responsibilities .box .title{font-size: 0.55rem;}
.job_details .close{cursor: pointer; right: 30px;top: 50%;margin-top: -9px; position: absolute;width: 18px;height: 18px;display: flex;}
.close span:hover{background: #01007f;color: #fff;border-color: #fff;}
/* 联系我们 */
.mapiframe{padding-bottom: 38%;}
.mapiframe iframe{position: absolute;width: 102%;top: 0;height: 100%;}
.contactinformation{position: absolute;bottom:1.33rem ;left: 4%;z-index: 2;display: flex;width: 92%;}
.contactinformation .item{background: rgba(255,255,255,0.9);margin-left: 10px;width: calc((100% - 30px) / 4);height: 80px;box-shadow: 0 0 10px rgba(0,0,0,0.2);padding: 0 20px;box-sizing: border-box;text-align:center}
.contactinformation .item dt{margin-right: 0.6rem;width: 43px;height: 43px;}
.contactinformation .item dd{width: calc(100% - 43px - 0.6rem);}
.contactinformation .item dd i{color: #62656a;font-size: 0.6rem;margin-right:10px;}
.contactinformation .item dd em{color: #1c1d24;font-size: 0.6rem;font-weight: bold;word-break: break-all}
.contactinformation .item:first-child{margin-left:0;}
.contact .mainbox .wrap textarea{width: 100%;}
.contact .mainbox label{font-size: 0.55rem;color: #1c1d24;}
.contact .mainbox .wrap .item{margin-bottom: 10px;width: calc((100% - 30px) / 4);border: 1px solid #bbbbbb;padding: 0 25px;box-sizing: border-box;height: 1.6rem;line-height: 1.6rem;margin-left: 10px;border-radius: 3px;}
.contact .mainbox {margin-bottom: 2rem;}
.contact .mainbox .wrap .item input[type=text]{font-size: 0.55rem;width:calc(100% - 3rem) ;margin-left: 10px;line-height: 1.6}
.contact .mainbox .wrap .item:first-child{margin-left: 0;}
.contact .mainbox .wrap .item:first-child input[type=text]{width: calc(100% - 55px);}
.contact .mainbox .wrap .item:last-child{padding: 0;position: relative;}
.contact .mainbox .wrap .item:last-child::after{content: "";position: absolute;right: 12px;top: 50%;width: 6px;height: 6px;border-right: 1px solid #bbbbbb;border-bottom: 1px solid #bbbbbb;transform: rotate(45deg) translate(-50%,-50%);}
.contact .mainbox .wrap .item select{width: 100%;height: calc(100% - 2px);border: none;}
.contact .mainbox .wrap .item select{appearance: none;-webkit-appearance: none;border-radius: 0;padding:  0 25px;font-size: 0.55rem;color: #1c1d24;}
.contact .mainbox .wrap2 .item {border: 1px solid #bbbbbb;height: 200px;padding: 0 0 0 25px;margin-bottom: 20px;border-radius: 3px;}
.contact .mainbox .wrap2 .item textarea{height: 200px;width: calc(100% - 55px);margin-left: 15px; font-size: 0.55rem;line-height: 1.6rem;resize: none;}
.contact .mainbox .wrap2 .item label{float: left;line-height: 1.6rem;}
.contact .mainbox input[type=submit]{width:8rem ;height: 48px;line-height: 48px;transition:0.3s; font-size: 0.55rem;background: none;border: 1px solid #bbbbbb;margin: auto;display: block;border-radius: 3px;}
.contact .mainbox input[type=submit]:hover{background-color:#01007f;color:#ffffff;outline:none;}
.contact .locationtitle{padding-top: 0;}


/*单页面公用*/
.list_dan{line-height: 2;margin-bottom: 2rem;min-height: 300px;}
.padding40{padding:0 10%;}
/*首页导入页面*/
.welcome{position: fixed;width: 100vw;height: 100vh;z-index: 9;background: #fff;top:0;left: 0;}
.welcome .wrap{position: absolute;top: 50%;transform: translatey(-50%);width: 100%;left: 0;}
.welcome .item1{position: relative;width: 40%;max-width: 150px;margin:auto;padding-top: 1.5rem;animation: txtloding 1s linear forwards;opacity: 0;transform:translatey(10px);}
.welcome .item1 .img2{width: 100%}
.welcome .item1 .img1{width: 1rem;position: absolute;right: 0;top:0;}
.welcome .item2{line-height: 2;color: #333;padding-top: 1rem}
.welcome .item2 h6{text-transform: uppercase;font-weight: 300;color: #555}
.welcome .item2 h6 span{padding: 0 3px;}
.welcome .item2 h6 span,.welcome .item2 h5 span{padding: 0 10px;}
.welcome .item2 h5 span{text-align: justify; text-align-last: justify;}
.welcome .item2 .time{text-align: center;color: #888;font-weight: 600;font-size: 0.4rem}
.welcome .line{width: 135px;height: 2px;background: #ddd;margin:1rem auto 0;transform:scalex(0);animation: line 1.5s 0.5s ease-in-out forwards;-webkit-animation: line 1.5s ease-in-out forwards;}
.welcome{animation: loadinglayer 3s linear forwards}
@keyframes txtloding{
    0%{opacity: 0;transform:translatey(10px);}
    100%{opacity: 1;transform:translatey(0);}
}

@keyframes loadinglayer{
    0%{background-color: #fff;}
    30%{background-color: #fff;}
    60%{background-color: #fff;}
    85%{transform:translatey(0);}
    100%{transform:translatey(-100%);visibility: hidden;}
}

@keyframes line{
	0%{transform:scalex(0);}
	100%{transform:scalex(1);}
}
@-webkit-keyframes line{
	0%{-webkit-transform:scalex(0);}
	100%{-webkit-transform:scalex(1);}
}
/* 服务领域 */
.list_design .img{height: 100vh;position: relative;}
.list_design .img::after{width: 100%;height: 100%;content: '';background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));position: absolute;left: 0;top: 0;}
.list_design .wrap{position: absolute;left: 11%;width: 78%;z-index: 2;color: #fff;top: 50%;transform: translatey(-50%);}
.list_design .wrap h5{font-family: impact, haettenschweiler, 'arial narrow bold', sans-serif;font-size: 2.5rem;text-transform: uppercase;letter-spacing: -2px;}
.list_design .wrap h6{font-size: 1.7rem;line-height: 1.3;padding: 0.8rem 0;}
.list_design .wrap .itemlink{padding-bottom: 2rem;}
.list_design .wrap .itemlink a{display: block;width: 6.66rem;height: 1.26rem;text-align: center;border: 1px solid #fff;line-height: 1.26rem;margin-top: 3rem;border-radius: 3px;}
.list_design .wrap .itemlink a span{position: relative;color: #fff;}
/* .list_design .wrap .itemlink a span::after{content: '';transition: 0.3s;filter: brightness(0) invert(1); background: url(/uploads/image/ptspaimages/more.svg) center no-repeat;width: 16px;height: 12px;display: inline-block;opacity: 0; background-size: 16px ;position: absolute;top: 50%;margin-top: -6px;}
.list_design .wrap .itemlink a:hover span::after{opacity: 1;}
.list_design .wrap .itemlink a:hover span{padding-right: 10px;}
 */.list_design .wrap .itemlink a:hover{background: rgba(255,255,255,0.5);}
.list_design .wrap .text{line-height: 1.5;}
.designpage{position: absolute;width: 100%;bottom: 0.8rem;left: 0;z-index: 2;text-align: center;}
.designpage span{background: #fff;}
.designpage span.swiper-pagination-bullet-active{width: 24px;border-radius: 8px;}
.jobbanner .img{height: 100vh;position: relative;}
.jobbanner img{max-width: 90%;}
.jobbanner .img::after{width: 100%;height: 100%;content: '';/*background: linear-gradient(to top,rgba(0,0,0,0.4),rgba(0,0,0,0.1));*/position: absolute;left: 0;top: 0;}
.jobbanner .text{position: absolute;left: 0;top: 50%;transform: translatey(-40%);visibility: hidden;opacity: 0;transition: 0.3s ease-in-out;width: 100%;text-align: center;}
.jobbanner .text h6{font-size: 1.2rem;line-height: 1.1;color: #fff;margin-top: 1.1rem;}
.jobbanner .swiper-slide-active .text{transform: translatey(-50%);visibility: visible;opacity: 1;}

.servicebanner .wrap .animated .text p:first-child{font-size:32px !important;}

/* .list_design .btn{position: absolute;top: 50%;width: 40px;height: 70px;z-index: 2;cursor: pointer;}
.list_design .btn.prev{left: 3%;}
.list_design .btn.next{right: 3%;}
.list_design .btn.next img{transform: rotatey(180deg);} */
@media only screen and (max-width: 1440px){
	.sectionone .item .img{padding-bottom: 10rem;}
	.sectionone{margin-bottom: 1rem;}
	.historywrap .item .text{width: 80%;}
	.historywrap .item:nth-child(6) .text{width: 50%;}
	.servicebanner .title h5 img,.list_design .wrap h5 img{height: 40px;}
	.servicebanner .title h6{font-size: 1.5rem;margin-bottom: 1rem;}
	.list_design .wrap h6{font-size: 1.2rem;}
	.servicebanner ul li{margin-top: 1rem;}
}
@media only screen and (max-width: 1200px){
	.sectionone .item .img,.listpro .item .img{padding-bottom: 8rem;}
	.dmui-select {width: 180px;}
	.servicewrap dl dt{width: 45.8%;}
	.servicewrap dl dd{width: 50%; }
	.servicewrap dl dd .text{padding-top: 1rem;}
	.servicewrap dl dd .titlecn span{font-size: 1.2rem;}
	.newswiper .wrap em{margin-top: 1.5rem;}
	.joblist .item{width: calc((100% - 30px) / 4);}
	
	.mapiframe{padding-bottom: 60%;}
	.contactinformation .item dd em{display: block;}
}
@media only screen and (max-width: 991px){
	.historywrap .item{position: inherit;left: auto !important;width: 100%;margin-bottom: 1rem;height: auto;}
	.historywrap .pohiiden{height: auto;}
	.historywrap .swiper-slide{display: flex;flex-wrap: wrap;}
	.historywrap .pohiiden .swiper-slide:after,.historywrap .pohiiden::before,.historywrap .pohiiden::after,.historywrap .item::after,.foottop ul li:first-child::before{display: none;}
	.historywrap .item:nth-child(6) .text{width: 100%;}
	.list_partner ul li{width: calc((100% - 30px) / 4);}
	.list_partner ul li:nth-child(6n 1),.litswrap ul li:nth-child(3n 1),.joblist .item:nth-child(4n 1){margin-left: 10px;}
	.list_partner ul li:nth-child(4n 1),.litswrap ul li:nth-child(2n 1),.joblist .item:nth-child(3n 1){margin-left: 0;}
	.sectiontitle{flex-wrap: wrap;}
	.proselect{width: 100%;margin-top: 1rem;}
	.listpro .item .text{padding-left: 0.5rem;padding-right: 0.5rem;}
	.contprobox .information{width: 240px;}
	.contprobox .project{width: calc(100% - 280px);}
	.contprobox .project .text,.contpage a{font-size: 0.6rem;}
	.contprobox .project .title{font-size: 0.8rem;}
	.litswrap ul li{width: calc((100% - 10px) / 2)}
	.joblist .item{width: calc((100% - 20px) / 3);}
	.jobfixed{width: 50%;right: -51%;}
	.jobfixed{height: calc(100vh - 2.6rem);top: 2.6rem;}
	.contactinformation .item{width: calc((100% - 10px) / 2);height: auto;padding: 1.5rem 10px;margin-bottom: 10px;}
	.contactinformation .item:nth-child(3),.contactinformation .item:nth-child(1){margin-left: 0;}
	.contactinformation{flex-wrap: wrap;}
	.contactinformation{position: inherit;bottom: 0;margin-top: 1rem;}
	.servicebanner .wrap .animated .text{text-align: justify;}
	.servicebanner .wrap .animated .text p:first-child{font-size:24px !important;}
}
@media only screen and (max-width: 765px){
	.sectionone .item,.listpro .item{width: 40.75%;}
	.sectionone .item .img,.listpro .item .img{padding-bottom: 11rem;}
	.sectionone .item:nth-child(2),.listpro .item:nth-child(1){width: 58.2%;}
	.sectionone .item:nth-child(3),.sectionone .item:nth-child(6),.sectionone .item:nth-child(9),.listpro .item:nth-child(1),.listpro .item:nth-child(6),.listpro .item:nth-child(7){width: 100%;margin-left: 0;margin-top: 0.5%;}
	.sectionone .item:nth-child(5){width: 57.5%;}
	.sectionone .item:nth-child(8){width: 58.7%;}
	.sectiontwo .item .text .title i,.histitle .wrap,.recommend .item i,.dmui-select .name,.contprobox .project .text,.servicewrap dl dd .titlecn,.servicebanner .wrap,.litswrap ul li .text em,.page a,.newswiper .wrap i,.job_introduction .name i,.job_introduction .text,.job_responsibilities .box .text,.contact .mainbox .wrap .item input[type=text],.contact .mainbox label,.contact .mainbox .wrap .item select,.contact .mainbox .wrap2 .item textarea{font-size: 1rem;}
	.sectiontwo .item .text .title em.list_culture .img .text .wrap,.historywrap .item .text,.contprobox .information dt,.contprobox .information dd .item,.contpage a,.servicewrap dl dd .text .en,.servicewrap dl dd .text .cn,.litswrap ul li .text i,.newswiper .wrap em,.contime,.conbox,.jobfixed > .close span,.joblist .item .num, .joblist .item em,.contactinformation .item dd i,.contactinformation .item dd em{font-size: 0.9rem;}
	.aboutone .text{position: inherit;}
	.aboutone .text .title,.contprobox .project .title,.job_details,.job_introduction .name span,.job_responsibilities .box .title{font-size: 1.1rem;}
	.list_culture .img,.servicewrap dl dt,.newswiper .img{padding-bottom: 60%;}
	/*.list_culture .img{padding-bottom: 100%;}*/
	.list_culture .img .text h5 img{max-width: 40%;}
	.historywrap .item .time{font-size: 1.2rem;}
	.list_partner ul li{width: calc((100% - 20px) / 3);}
	.list_partner ul li:nth-child(6n 1),.list_partner ul li:nth-child(4n 1){margin-left: 10px;}
	.list_partner ul li:nth-child(3n 1){margin-left: 0;}
	.list_partner ul li a span{width: 5px;height: 5px;}
	.dmui-select{width: calc((100% - 0.8rem) / 2);}
	.dmui-select:first-child{width: 100%;margin-bottom: 0.5rem;}
	.dmui-select:nth-child(2),.recommend .item:nth-child(odd){margin-left: 0;}
	.dmui-select .name{height: 2.5rem;line-height: 2.5rem;}
	.prolist ul li{width: calc((100% - 10px) / 2);margin-left: 0;}
	.prolist ul li:nth-child(3n 1),.listpro .item:nth-child(2),.listpro .item:nth-child(8),.contact .mainbox .wrap .item{margin-left: 0;}
	.listpro .item:nth-child(2),.listpro .item:nth-child(8),.listpro .item:nth-child(5){width: 58.75%}
	.prolist ul li:nth-child(even){margin-left: 10px;}
	.litswrap ul li{width: 100%;margin-left: 0}
	.litswrap ul{padding-top: 0}
	.recommend .item,.joblist .item{width: calc((100% - 10px) / 2);}
	.recommend .item a .text{opacity: 1;transform: translatey(0);}
	.contprobox .project,.contprobox .information,.contnews,.contact .mainbox .wrap .item{width: 100%;}
	.contprobox .information,.newswiper .wrap em{margin-top: 1rem;}
	.contprobox .information dt{line-height: 2.5rem;}
	.recommend .item i{font-weight: bold;}
	.servicewrap dl{flex-direction: inherit;}
	.servicewrap dl dd,.servicewrap dl dt{width: 100%;}
	.servicewrap dl dd{margin-left: 0;margin-top: 2rem;}
	.servicebanner::before{opacity: 1;}
	.servicebanner ul li{width: calc((100% - 10px) / 2);}
	.servicebanner ul li:last-child{margin-right: 0px;}
	.page a{width: 20px;height: 2rem;line-height: 2rem;border: 1px solid #dddddd;margin: 0 5px;}
	.newswiper .wrap{width: 50%;}
	.newswiper .wrap em{-webkit-line-clamp:2}
	.joblist .item{margin-left: 0 !important;height: 7rem;}
	.joblist .item:nth-child(odd){margin-right: 10px;}
	.joblist .item:hover em{padding-right: 2rem;}
	.jobfixed{top: 2.9rem;height: calc(100vh - 2.9rem);}
	.jobfixed > .close span{width: 7.2rem;height: 2.6rem;line-height: 2.6rem;}
	.contact .mainbox .wrap .item,.contact .mainbox input[type=submit]{height: 2.5rem;line-height: 2.5rem;}
	.contact .mainbox .wrap .item,.contact .mainbox .wrap .item select{padding: 0 10px;}
	.contact .mainbox .wrap2 .item{padding-left: 10px;}
	.contact .mainbox .wrap2 .item textarea,.contact .mainbox .wrap2 .item label{line-height: 2.5rem;}
	.mapiframe{padding-bottom: 100%;}
	.contactinformation{margin-top: 0;}
	.sectionone .item .text i,.sectionone .item .text em{font-size: 0.9rem;}
	.aboutone .text .wrap,.dmui-select .list li a,.contact .mainbox input[type=submit]{font-size: 0.8rem;}
	.jobbanner .img{height: 50vh;}
	/*.jobbanner .img::after{background: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0.3));}*/
	.litswrap ul li{display: none;}
	.litswrap ul li:first-child,.listnews ul li{display: block;margin-left: 0 !important}
	.joblist .item .title{font-size: 1rem;}
	.servicewrap dl dd .titlecn{font-size: 1.2rem;}
	.historywrap .item .text {width: 100%;text-align: justify;}
}
@media only screen and (max-width: 640px){
	.sectiontwo .item{width: 100%;margin-left: 0;margin-bottom: 0.5rem;}
	.sectionone .item .text em,.listpro .item .text i, .prolist ul li .text i,.sectionone .item .text i{font-size: 1rem;}
	.prolist ul li,.recommend .item{width: 100%;margin-left: 0;}
	.prolist ul li:nth-child(even){margin-left: 0;}
	.jobfixed{top: 3.5rem;height: calc(100vh - 3.5rem);width: 100%;right: -101%;}
	.job_details{line-height: 3;}
	.job_details .close{width: 12px}
	.contactinformation{margin-top: 1rem;}
	.sectiontwo .item .text .title em,.list_dan,.list_design .wrap .text{font-size:0.9rem; text-align: justify;}
	.servicebanner .wrap .animated .text{text-align: justify;}
	.contact .mainbox .wrap .item input[type=text]{width: calc(100% - 6rem)}
	.list_design .wrap .itemlink a{height: 1.7rem;}
	.list_design .wrap .itemlink a span{line-height: 1.7rem;}
	.contime span{margin:0 ;}
	.contime{justify-content: space-between !important;}
	.page a {width: 6rem;height: 2rem;line-height: 2rem;border: 1px solid #dddddd;}
	.servicebanner .wrap .animated .text p:first-child{font-size:18px !important;}
}