@import url(reset.css);
@import url(animate.min.css);


@font-face {
	font-family:"DIN";
	src: url(../fonts/DIN Regular.otf);
}
.c{overflow: hidden;}

.section{width: 100%;height: 100vh;position: relative;}
.section1{height: 100vh;}
.page-bg{width: 100%;height: 100%;position: absolute;top: 0;left:0;z-index: -9;}
.section1 .section_content{width: 100%;position: absolute;left: 0;top: 10rem;flex-direction: column;color: #fff;line-height: 1;}
.section1 h1{font-size: 4.5rem;font-weight: 600;font-family: "Noto Sans SC";}
.section1 h3{font-size: 2.7rem;padding: 1.1875rem 0 3rem;font-family: "Noto Sans SC";}
.section1 ul li{display: flex;flex-direction: column;flex-shrink: 0;text-align: center;margin: 0 2.5rem;width: 15.125rem;cursor: pointer;font-family: "Noto Sans SC";}
.section1 ul li b{font-size: 4rem;font-weight: 700;padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: 2px solid #D6DCDC;transition: all .5s;font-family: "Noto Sans SC";}
.section1 ul li span{font-size: 1.25rem;font-weight: 500;transition: all .5s;font-family: "Noto Sans SC";}
.section1 ul li:hover{color: #8BE1FE;}
.section1 ul li:hover b{border-color: #8BE1FE;}


/* 第二块 */
.title{font-size: 3.75rem;text-align: center;padding-top: 4.375rem;line-height: 1;}
.section2 .title{color:#3e3a39}
.section2 .title.on1{color: #fff;text-align: left;padding-left: 7.1875rem;}
.section2 .title.on2{color: #fff;}
.section2 .title.on3{color: #fff;}
.section2-li{position: absolute;bottom:5rem;width: 100%;}
.section2-li dl{width:calc(100%/4 - 3.125rem);padding:0 3.125rem;cursor: pointer;}
.section2-li dl dt,.section2-li dl dd{color: #e7cf9a;font-family: '微软雅黑';transition: all .5s;}
.section2-li dl dt{font-size: 2.5rem;line-height: 2.5rem;border-bottom:4px solid #e7cf9a}
.section2-li dl dd{font-size: 1.25rem;margin-top: 1.5625rem;line-height: 1.25rem;}
.section2-li dl dt::after{content: '';display: block;width:0;height: 4px; background: #fff;margin-top: 0.9375rem;transition: all .5s;position: relative;top:4px}
.section2-li dl:hover dt,.section2-li dl:hover dd,.section2-li dl.active dt,.section2-li dl.active dd{color:#fff}
.section2-li dl:hover dt::after,.section2-li dl.active dt::after{width: 100%;}
.page2bg{opacity: 0;transition: 0.6s all;}
.page2bg:nth-of-type(1){opacity: 1;}
.page2bg.on{opacity: 1;}

/* 第三块 */
.section3 .title{color:#61686b;padding-top: 5.625rem;}
.pro-top{text-align: center;margin:6.25rem 0}
.pro-top{width:38%;margin:4rem auto;position: relative;}
.pro-top img{width: 100%;}
.pro-bottom{width: 40rem;margin:0 auto}
.pro-bottom li,.pro-bottom li a{width: 10rem;height: 3.75rem;text-align: center;line-height: 3.75rem;border-radius:60px;transition: all .3s;cursor: pointer;}
.pro-bottom li a{display: block;font-size: 2.5rem;border:1px solid #cadcd9;box-sizing: border-box;}
.pro-bottom li:hover a,.pro-bottom li.active a{border:1px solid #fff;color:#fff}
.proImg{opacity: 0;transition: 0.6s all;position: absolute;top: 0;left:0;right: 0;margin: auto;}
.proImg.on{opacity: 1;position: relative;}

/* 第四块 */
.section4{overflow: hidden;height:100vh;position: relative;}
/*.section4 .section4-title{padding-left: 10.875rem; position: absolute;z-index: 9;    top: 3rem;}
.section4 .section4-title .title{text-align: left;}*/

.section4 .swiper-slide{position: relative;}
.section4 .section4-title{/*padding-left: 10.875rem;*/padding:0;width: 100%; position: absolute;z-index: 100000;    top:3rem;}
.section4 .section4-title .title{/*text-align: left;*/text-align: center;}

.section4 .section4-title .title{color:#727171}
.section4 .section4-title a{display: block;width: 10.0625rem;height: 2.6875rem;line-height: 2.6875rem;text-align: center;font-size: 1.25rem;color:#727171; background: url(../images/video-jt.png) no-repeat center right 1rem;border:1px solid #727171;border-radius:30px;transition: all .3s;margin-top: 3.75rem;cursor: pointer;margin: 2rem auto;}

.section4 .section4-title a:hover{ background:#333;color:#fff}

.section4 .section4-video{overflow: hidden;}
.section4 .section4-video .swiper-slide{}
 .section4 .section4-video video{z-index: 99999; position: relative;}
	#section4-title{z-index: 9999999;}
	
/* 第五块 */
.section5{background:#122735;height: auto;padding-bottom: 10.75rem;position: relative;margin-top: -6px;}
.section5 .title{padding-top:6.5rem}
.section5-con{overflow: hidden;}
.section5 .title{color:#fff}
.section5-con{width: 94%;margin:0 auto;margin-top:3rem}
.section5-con ul{overflow: hidden;}
.section5-con ul li{float: left;width: calc(100%/3 - 24px);margin:12px;height:18rem;
        height: calc((100% - 30px) / 2);z-index: 99999;}
.section5-con ul li a{font-size: 1.875rem;line-height:18rem;display: block;width: 100%;text-align: center;background: rgba(97,104,107,0.5);height:18rem;color:#fff;transition: all .3s;}
.section5-con ul li:hover a{opacity: 0;}
.section5 #video-num{bottom:5rem}

#video-num {bottom:150px}
#video-num .swiper-pagination-bullet{width: 25rem;height:0.5625rem;border-radius:9px;background: rgba(128,130,135,0.8);opacity: 1;margin:0 2rem;;}
#video-num .swiper-pagination-bullet-active{background: #fff;}

.search-pro {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: rgba(255,255,255,1);padding: 20px 30px; box-sizing:border-box;width: 400px;min-height: 200px;position: absolute;right: -60px;top: 50px;opacity: 0;transition: all .5s ease;  transform: translateY(50px); box-shadow: 0 0 99px rgba(29,56,75,.4);    pointer-events: none;}
.search-pro::before {content: ""; position: absolute; top: -30px; right: 0; width: 100%; height: 50px; background-color: transparent;}
.search-pro::after {content: '';display: block;width: 18px;height: 18px;transform: rotate(45deg);top: -8px;right: 60px;background-color: #fff;position: absolute;}
.search-con:hover .search-pro {opacity: 1;transform: translateY(0);pointer-events: auto;}
.search{border-bottom: 1px solid #e1e1e1; margin-bottom: 10px;}
.search input{outline: none; border: none; font-family: "Microsoft YaHei"; }
.search-text{width: 310px; line-height: 50px;}
.search .sub{background: url(../images/head-search2.png) no-repeat center; width: 25px; height: 50px; cursor: pointer;}
.search-list dl dt{float: left; margin-right: 10px; margin-bottom: 10px;     line-height: initial;}
.search-list dl dt a{position: relative; transition: all .5s ease .3s; display: inline-block; padding: 0 10px; background: #e1e1e1; border-radius: 4px;  text-align: center;}
.search-list dl dt a:after{content: '';display: block;width: 0;transition: width .5s ease-out;height: 100%;background-color: #89ABC0;position: absolute;top: 0;left: 0; z-index: 0; border-radius: 4px;}
.search-list dl dt:hover a:after{width: 100%; }
.search-list dl dt span{font-size: 16px; line-height: 36px; color: #999; position: relative; z-index: 1}
.search-list dl dt:hover span{color: #fff;}

.wechat{ position: absolute;bottom:6rem;display: none;}
.bottom li:hover .wechat{display: block;;}


/* 内页产品详情页 */
.ny-banner{height: 100vh;}
.com-banner{position: fixed;top:0;left:0;width: 100%;z-index: -999;}
.com-bannerzw{height:100vh}
.ny-fff-bg{ background: #fff;}
.ny-pro-xh{padding:9.375rem 0}
.ny-title{font-size: 3.75rem;line-height: 3.75rem;color:#000000;text-align: center;margin-bottom: 5.625rem;line-height: 1;}
.ny-xh-top{width:30rem;margin:0 auto}
.ny-xh-top li{font-size: 1.875rem;line-height: 1.875rem;color:#a4a5a5;cursor: pointer;transition: all .4s;line-height: 5rem;text-align: center;width:8rem;}
.ny-xh-top .swiper-slide-thumb-active,.ny-xh-top li:hover,.ny-xh-top li.on{color:#231815;font-size: 3.125rem;border-bottom:#231815 1px solid;line-height: 5rem;box-sizing: border-box}
.ny-xh-bottom{width: 88%;margin:0 auto;margin-top:4rem;}
.ny-xh-bottom .xh-right{width: 48%;}
.xh-left{width:45%;text-align: center}
.ny-xh-bottom table{width:100%;border-top:#808080 1px solid;}
.ny-xh-bottom table td{font-size: 1.125rem;height: 3.75rem;line-height: 3.75rem;color:#231815; }
/* 颜色定制 */
.colorDZ{max-width: 1920px;width: 100%;height:  67.5rem;;margin: 0 auto;background: #F6F6F6;position: relative;}
.colorDZ h2{position: absolute;font-size: 3.75rem;color: #fff;position: absolute;left: 5rem;top: 5.3125rem;z-index: 3;}
.colorDZ .con .lbg{height: 67.5rem;width: 0;transition: 0.6s all;}
.colorDZ .ms-sl-selected .con .lbg{width: 39.27%;}
.colorDZ .con p{font-size: 6.6rem;color: #fff;position: absolute;left: 5rem;bottom: 4rem;line-height: 1;font-family: "DIN";}
.colorDZ .con img{display: block;width: 42.9%;position: absolute;left: 32%;top: 8.75rem;z-index: 2;}
.ms-showcase2-template.ms-dir-v {padding-bottom:0 !important;}
.ms-container,.ms-view,.ms-slide{height:  67.5rem !important;}
.ms-showcase2-template .ms-thumb-list .ms-thumb-frame {width: 14.375rem;height: 5.625rem;display: flex;align-items: center;}
.ms-thumb{display: flex;justify-content: space-between;align-items: center;}
.ms-thumb span{font-size: 2.5rem;color: #3e3a39;opacity: 0;margin-right: 2.5rem;}
.ms-thumb-frame-selected .ms-thumb span{opacity: 1;}
.ms-thumbs-cont{overflow: hidden;}
.ms-thumb em{width:  3.75rem;;height: 3.75rem;border-radius: 50%;transform: scale(0.5);transition: 0.6s all;}
.ms-thumb-frame-selected .ms-thumb em,.ms-thumb em:hover{transform: scale(1);}
.ms-showcase2-template .ms-thumb-list.ms-dir-v{height: 100%;width: 17.7%;right: 0;background: #F6F6F6;}
.ny-xh-bottom table tr{border-bottom:#808080 1px solid}
/* 内饰定制 */
.dingzhi-con{margin:9.375rem 0;overflow: hidden;}
.dingzhi{margin: 0 8.2%;}
.dingzhi .swiper-slide{transition: all .4s;}
.dingzhi .swiper-slide:nth-child(2n){margin-top: 3.875rem;}
.dingzhi .swiper-slide .dz-pic{overflow: hidden;}
.dingzhi .swiper-slide img{display: block;width: 100%;transition: all .5s;overflow: hidden;}
.dingzhi .swiper-slide:hover img{transform: scale(1.1);}
.dingzhi .swiper-slide span{display: block;text-align: center;font-size: 1.5rem;color: #000;margin-top: 1.875rem;}
/* 场景和案例 */
.ny-anli{position: relative;overflow: hidden;}
.anliSwiper2 img,.anliSwiper .swiper-slide img{display: block;width: 100%;}
/*.anliSwiper{position: absolute;bottom: 4.375rem;left: 2.6%;z-index: 2;max-width: 1740px;width: 100%;}*/

.anliSwiper{position: relative;bottom:0rem;left:0%;z-index: 2;max-width: 1740px;width: 100%;margin:1rem 0}

.anliSwiper .swiper-slide{position: relative;cursor: pointer;overflow: hidden;}
.anliSwiper .swiper-slide span{font-size: 1.5rem;width: 100%;height: 100%;position: absolute;left:0;top: 0;
background: rgba(0,0,0,0.5);display: flex;justify-content: center;align-items: center;color: #fff;transition: all .3s;opacity: 1;}
.anliSwiper .swiper-slide img{transition: all 1.4s;}
.anliSwiper .swiper-slide:hover img{transform: scale(1.1);}
.anliSwiper .swiper-slide.swiper-slide-thumb-active span,.anliSwiper .swiper-slide:hover span{opacity: 0;}
.anliSwiper .swiper-slide.swiper-slide-thumb-active img{transform: scale(1.05);}
/* 服务中心 */
.service{padding-bottom: 10.3125rem;}
.service h2{text-align: center;font-size: 3.75rem;color: #000;line-height: 1;padding: 9.375rem 0 3.4375rem;}
.service h2.afterH2{padding: 10.625rem 0 6.25rem;}
.service .process{margin: 0 3.64% 10rem;}
.service .process li{flex-shrink: 0;width: 19.1%;height: 31.375rem;background-image: linear-gradient(#D0DFF5, #FBFBFC);border-radius: 1.25rem;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: 5.625rem;}
.service .process li img{display: block;margin: 0 auto;width: 63.23%;}
.service .process li:nth-of-type(1) img{margin-left: 16%;}
.service .process li:nth-child(2n){margin-top: 3.5rem;}
.service .process li:nth-of-type(3){margin-top: 7rem;}
.service .process li span{display: block;font-size: 2.5rem;color: #417acd;margin-top: 4.375rem;}
.service .videoPlay{flex-direction: column;position: relative;}
/*#video1{width: 100%;}*/
.service .sm-con {height: 100%;flex-direction: column; position: relative;top:-33.75rem;}
.service .sm-con h3{font-size: 3.75rem;color: #fff;line-height: 6.9rem;text-align: center;}
.service .sm-con a{display: block;margin: 2.5rem auto 0;width: 10rem;line-height: 2.8125rem;font-size: 1.25rem;border-radius: 3.125rem;border: 1px solid #fff;background: url(../images/service-jt.png) no-repeat center right 1rem;text-align: center;color: #fff;transition: all .3s;}
.service .sm-con a:hover{background: #2E86BF url(../images/service-jt.png) no-repeat center right 1rem;border-color: #2E86BF;}
.service .afterSales{margin: 0 6.25%;background: url(../images/service-sales.png) no-repeat center;background-size: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 1.25rem 0 1.875rem;height: 22.1875rem;align-items: stretch;}
.service .afterSales li{display: flex;flex-direction: column;flex-shrink: 0;width: 10.3125rem;align-items: center;}
.service .afterSales li b{font-size: 3.5rem;color: #417acd;width: 5.9375rem;height: 5.9375rem;border: 0.3125rem solid #417acd;line-height: 5.9375rem;text-align: center;border-radius: 50%;background: #fff;margin-bottom: 3.125rem;}
.service .afterSales li:nth-child(2n) b{margin-bottom: 0;}
.service .afterSales li p{font-size: 0.9375rem;color: #000;line-height: 1.5rem;}
.service .afterSales li:nth-of-type(2) p{padding-bottom: 5.625rem;}
.service .afterSales li:nth-of-type(4) p{padding-bottom: 2.5rem;}
.service .afterSales li:nth-of-type(6) p{padding-bottom: 5rem;}
.service .afterSales li:nth-child(2n){flex-direction: column-reverse;}
/* 动态详情 */
.articleBg{background: url(../images/article_bg.jpg) no-repeat top center;background-size: cover;height: 25rem;position: fixed;top:0;left:0;width: 100%;}
.articleZW{height: 25rem;}
.article{background: #D9E3E4;padding-bottom: 9.0625rem;}
.artMain{background: #fff;margin: -11.25rem 6.25rem 0;position: relative;z-index: 2;box-shadow: 0 0 0.625rem rgba(125,125,125,0.2);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 2.5rem 1.25rem 8.125rem 5.625rem;transition: all .4s;}
.artMainaddress{margin: -11.25rem 0 0}
.currentNav{margin-bottom: 7.5rem;}
.currentNav a{font-size: 1rem;color: #595757;padding-right: 2rem;position: relative;}
.currentNav a::after{content: "";width: 0.5625rem;height: 1rem;background: url(../images/icon_jt.png) no-repeat;background-size: 100%;position: absolute;top: 0;bottom: 0;margin: auto;right: 0.625rem;}
.currentNav a:last-child::after{background: none;}
.artCon{align-items: stretch;color: #595757;}
.artCon .left{flex-shrink: 0;width: 37.5%;display: flex;justify-content: space-between;flex-direction: column; position: relative;    height: 41.875rem;}
.artCon .arcBtn{position: absolute;bottom:0;width: 100%;}
.artCon .left img{display: block;width: 100%;}
.artCon .left .back{font-size: 1rem;padding-left: 3.75rem;background: url(../images/article_back.png) no-repeat left center;background-size: 2.5rem 1.875rem;height: 1.875rem;line-height: 1.875rem;transition: all .4s;}
.artCon .left .back:hover{background: url(../images/article_back.png) no-repeat left 10px center;color:#417acd}
.artCon .left .p_n a{font-size: 1rem;height: 2rem;line-height: 2rem;}
.artCon .left .p_n a:nth-of-type(1){padding-left: 2rem;background: url(../images/article_prev.png) no-repeat left center;background-size: 1.125rem 2rem;margin-right: 2rem;transition: all .4s;}
.artCon .left .p_n a:nth-of-type(2){padding-right: 2rem;background: url(../images/article_next.png) no-repeat right center;background-size: 1.125rem 2rem;transition: all .4s;}
.artCon .left .p_n a:nth-of-type(1):hover{background: url(../images/article_prev.png) no-repeat left 10px center;}
.artCon .left .p_n a:nth-of-type(2):hover{background: url(../images/article_next.png) no-repeat right 10px center;}
.artCon .right{flex-shrink: 0;width: 56.25%;-webkit-box-sizing: border-box;box-sizing: border-box;padding-right: 5rem;height:41.875rem;overflow-y: auto;}
.artCon .right::-webkit-scrollbar{width:11px;height:11px;background-color:#EDEDED;border-radius:11px}
.artCon .right::-webkit-scrollbar-track{border-radius:10px;background-color:#EDEDED;}
.artCon .right::-webkit-scrollbar-thumb{border-radius:10px;background-color:#DAE4E5;}
.artCon .right h1{font-size: 2.5rem;padding-bottom: 3.125rem;}
.artCon .right p{font-size: 1.3125rem;line-height: 2.9375rem;text-align: justify;}
/* 联系我们 */
.contactMap{background: url(../images/contact-mapbg.jpg) no-repeat center;background-size: cover;height:67.5rem;}
.contactMap .con{max-width: 1560px;width: 100%;margin: 0 auto;-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: 12.5rem;align-items:flex-start;}
.contactMap .con .map{flex-shrink: 0;width: 60.38%;position: relative;}
.contactMap .con .map img{display: block;width: 100%;}
.contactMap .con .map li{position: absolute;font-size: 0.875rem;color: #fff;display: flex;justify-content: center;align-items: center;cursor: pointer;z-index: 1;}
.contactMap .con .map li,.contactMap .con .map li *{transition: ease all 0.5s;}
.contactMap .con .map li i{width: 0.75rem;height: 0.75rem;border: 0.25rem solid #31E7FF;border-radius: 50%;background: transparent;}
.contactMap .con .map li span{display: none;}
.contactMap .con .map li::after{content: "";width: 5rem;height: 5rem;background: rgba(49,231,235,0.3);position: absolute;left: -1.9rem;top: -1.9rem;border-radius: 50%;transition: ease all 0.5s;opacity: 0;display: none;}
.contactMap .con .map li::before{content: "";width: 3.75rem;height: 3.75rem;background: rgba(49,231,235,0.6);position: absolute;left: -1.275rem;top: -1.275rem;border-radius: 50%;transition: ease all 0.5s;opacity: 0;display: none;}
.contactMap .con .map li:nth-of-type(1){top: 15.2%;right: 9.1%;}
.contactMap .con .map li:nth-of-type(2){top: 24.8%;right: 9.1%;}
.contactMap .con .map li:nth-of-type(3){top: 30%;right:13%;}
.contactMap .con .map li:nth-of-type(4){top:37%;right:24.4%;}
.contactMap .con .map li:nth-of-type(5){top:43%;right:26.3%;}
.contactMap .con .map li:nth-of-type(6){top:47%;right:21.5%;}
.contactMap .con .map li:nth-of-type(7){top:54.8%;right:38.4%;}
.contactMap .con .map li:nth-of-type(8){top:54.8%;right:28.1%;}
.contactMap .con .map li:nth-of-type(9){top:56.4%;right:17%;}
.contactMap .con .map li:nth-of-type(10){top:60%;right:20%;z-index: 2;}
.contactMap .con .map li:nth-of-type(11){top:60.3%;right:12%;}
.contactMap .con .map li:nth-of-type(12){top:63.4%;right:48%;}
.contactMap .con .map li:nth-of-type(13){top:62.8%;right:30%;}
.contactMap .con .map li:nth-of-type(14){top:63.8%;right:14.8%;}
.contactMap .con .map li:nth-of-type(15){top:67.2%;right:39.3%;}
.contactMap .con .map li:nth-of-type(16){top:71.4%;right:30.7%;}
.contactMap .con .map li:nth-of-type(17){top:71.4%;right:22.3%;}
.contactMap .con .map li:nth-of-type(18){top:75%;right:18%;}
.contactMap .con .map li:nth-of-type(19){top:83.65%;right:35.56%;}
.contactMap .con .map li:nth-of-type(20){top:82.3%;right:25.5%;}
.contactMap .con .map li:nth-of-type(21){top:38.3%;right:14.1%;}
.contactMap .con .map li:nth-of-type(22){top:49%;right:19.5%;}
.contactMap .con .map li:nth-of-type(23){top:94%;right:33.1%;}
.contactMap .con .map li.active i{transform: scale(1.5);background:#33E6FE;border-color: rgba(51,230,254,0.8);}
.contactMap .con .map li.active::after,.contactMap .con .map li.active::before{opacity: 1;animation: navicon 2s infinite;display: block;}
@keyframes navicon {
 0% {transform: scale(0)}
 50%,75% {transform: scale(1.5)}
 78%,100% {opacity: 0;transform: scale(1)}
}
.contactMap .right{flex-shrink: 0;width: 30.25%;margin-right: 2.5%;}
.contactMap .right h2{font-size: 3.75rem;color: #fff;text-align: center;line-height: 1;padding: 2.5rem 0 3.75rem;}
.contactMap .right .mapInfo{background: url(../images/contact-info.png) repeat center;background-size: 5rem 5rem;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 1.75rem;color: #fff;display: none;border-radius: 1.25rem;border: 1px solid rgba(255,255,255,0.4);padding-bottom: 5.9375rem;}
.contactMap .right .mapInfo.active{display: block;}
.contactMap .right .mapInfo img{display: block;width: 100%;}
.contactMap .right .mapInfo .name{font-size: 1.5rem;font-weight: 700;padding: 3.4375rem 0 1.875rem;}
.contactMap .right .mapInfo .address{font-size: 1.25rem;line-height: 2.5rem;}
.recruitBg{width: 100%;height: 42.5rem;background: url(../images/recruitBg.jpg) no-repeat center;background-size: cover;position: relative;}
.recruitBg .con{margin-left: 9.9%;width: 30.7%;line-height: 2.5rem;color:#595757;}
.recruitBg .con h2{font-size: 3.75rem;color: #4697d2;}
.recruitBg .con h3{font-size: 1.875rem;width: 94%;padding: 4.0625rem 0 3.125rem;}
.recruitBg .con p{font-size: 1.25rem;}
.recruit{position: relative;background: #F6F7F7;padding: 3.75rem 3.75rem 5.625rem;}
.recruitList{border-top: 0.375rem solid #4697D0;}
.recruitList ul{height:5.625rem;line-height: 5.625rem;font-size: 1.5rem;cursor: pointer;}
.recruitList ul li:nth-of-type(5){margin-right: 16.25rem;}
.recruitList div h2{font-size: 1.625rem;margin-bottom: 1.25rem;line-height: 1.625rem;}
.recruitList .zptitle{border-bottom: 0.375rem solid #F6F7F7;background: #fff;padding: 0 2.5rem;}
.recruitList .zptitle.current ul{color: #4697d2;}
.recruitList .zptitle div{margin-bottom: 2.8125rem;}
.recruitList div p{line-height: 2rem;font-size: 1.25rem;}
.recruitList .desc{margin-top: 1.875rem;display: none;}
.recruitList .zptitle .flex-btw img{transition: all .5s;}
.recruitList .zptitle .flex-btw .addimg{transform: rotate(45deg);}

.paging{margin-top: 4.6875rem;}
.paging a{font-size: 1.25rem;margin: 0 0.9375rem;color: #a7a7a7;border-bottom: 0.125rem solid transparent;padding: 0 0.4rem 0.3rem;transition: all .5s;}
.paging a.a_prev,.paging a.a_next{width: 1.5rem;height: 2.75rem;padding: 0;}
.paging a.a_prev{background: url(../images/paging-prev.png) no-repeat;background-size: 100%;}
.paging a.a_next{background: url(../images/paging-next.png) no-repeat;background-size: 100%;}
.paging a.on,.paging a:hover{border-bottom: 0.125rem solid #7F7F7F;color: #808080;}
.paging a.a_prev:hover,.paging a.a_next:hover{border: none;}
/* 关于我们 */
.about h2{font-size: 3.75rem;line-height: 1;text-align: center;}
.aboutUs{margin: -7.8125rem 0 -9.0625rem;background: rgba(70, 151, 208, 0.9);border-radius: 15rem;border: 2px solid #fff;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 5.5625rem 6.25rem 5.5625rem 10rem;color: #fff;position: relative;z-index: 2;transition: all .6s;}
.aboutUs-con{max-width:1400px;margin:0 auto}

.aboutUs h2{font-size: 3.75rem;flex-shrink: 0;width: 28%;}
.aboutUs p{font-size: 1.3125rem;line-height: 3rem;flex-shrink: 0;width: 72%;}
.aboutclass{width:100%;margin: -7.8125rem 0 -9.0625rem;;border-radius:0;border:none;background: rgba(70, 151, 208, 1);padding:7.5625rem 7.25rem 7.5625rem 11rem;}

.wenhua{text-align: center;padding: 18.125rem 6.25rem 11.25rem;background: url(../images/about_wenhua.jpg) no-repeat center;background-size:cover;box-sizing: border-box;}
.wenhua h2{color: #254751;margin-bottom: 2.5rem;}
.wenhua p{font-size: 1.5rem;color: #254751;line-height: 3rem;padding-bottom: 7.5rem;}
.wenhua p span{display: block;}
.wenhua ul{height: 39.6875rem;}
.wenhua ul li{width: 22.8125rem;height: 22.8125rem;border: 2px solid #fff;border-radius: 50%;background: rgba(255,255,255,0.2);flex-direction: column;color: #fff;line-height: 1;cursor: pointer;overflow: hidden;position: relative;flex-shrink: 0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.wenhua ul li,.wenhua ul li *{transition: ease all 0.5s;}
.wenhua ul li i{display: block;width: 7.5rem;height: 7.5rem;margin: 4.125rem auto 1.875rem;}
.wenhua ul li i.i1{background: url(../images/wenhua_i1.png) no-repeat center;background-size: 100%;}
.wenhua ul li i.i2{background: url(../images/wenhua_i2.png) no-repeat center;background-size: 100%;}
.wenhua ul li i.i3{background: url(../images/wenhua_i3.png) no-repeat center;background-size: 100%;}
.wenhua ul li i.i4{background: url(../images/wenhua_i4.png) no-repeat center;background-size: 100%;}
.wenhua ul li:hover i.i1{background: url(../images/wenhua_i1s.png) no-repeat center;background-size: 100%;}
.wenhua ul li:hover i.i2{background: url(../images/wenhua_i2s.png) no-repeat center;background-size: 100%;}
.wenhua ul li:hover i.i3{background: url(../images/wenhua_i3s.png) no-repeat center;background-size: 100%;}
.wenhua ul li:hover i.i4{background: url(../images/wenhua_i4s.png) no-repeat center;background-size: 100%;}
.wenhua ul li h3{font-size: 2.5rem;margin-bottom: 3.75rem;}
.wenhua ul li p{font-size: 1.5rem;color: #254751;line-height: 3rem;padding: 0 2.5rem;position: absolute;left: 0;right: 0;margin: auto;top: 110%;}
.wenhua ul li p span{display: block;width: 4.625rem;height: 1px;background: #254751;margin: 0 auto 3.75rem;}
.wenhua ul li:hover{background: rgba(255,255,255,0.7);color: #254751;height: 39.6875rem;border-radius: 15rem;border:2px solid  rgba(255,255,255,1)}
.wenhua ul li:hover p{height: auto;}
.wenhua ul li:hover i{ animation: itembtn 0.6s ease;margin-top: 4.125rem;}
.wenhua ul li:hover p{top: 50%;}
@keyframes itembtn{
	0%{ transform: scale(0)}
	50%{ transform: scale(0)}
	100%{ transform: scale(1)}
}
.rongyu{background: url(../images/about_rybg.jpg) no-repeat center;background-size: cover;text-align: center;padding-bottom: 6.25rem;position: relative;}
.rongyu h2{color: #fff;padding: 5.9375rem 0 7.1875rem;}

.rongyu-swiper{height:710px;max-width: 1415px;width: 100%;position: initial !important;}
.rongyu-swiper .swiper-slide{height: 19.0625rem;margin-bottom:50px;margin-top: 0 !important;cursor: pointer;}
.rongyu-swiper .swiper-slide img{display: block;width: 100%;}
.rongyu-swiper .swiper-button-next,.rongyu-swiper .swiper-button-prev{width: 3.375rem;height: 3.375rem;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.rongyu-swiper .swiper-button-prev{background:url(../images/ry_prev.png) no-repeat;background-size: 100%;left: 5.2%;}
.rongyu-swiper .swiper-button-next{background:url(../images/ry_next.png) no-repeat;background-size: 100%;right: 5.2%;}
.rongyu-swiper .swiper-button-prev::after,.rongyu-swiper .swiper-button-next::after{display: none;}
.rongyuPic{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);position: fixed;left: 0;top: 0;right: 0;margin: auto;z-index: 999;display: none;}
.rongyuPic img,.rongyuPic .close{max-width: 934px;width: 100%;margin: 0 auto;}
.rongyuPic .close{padding-top: 1.8rem;}
.rongyuPic .close b{display: block;width: 3.375rem;height: 3.3125rem;flex-shrink: 0;background: url(../images/ry_close.png) no-repeat;background-size: 100%;margin-bottom: 2.25rem;cursor: pointer;}
.aboutNews,.media{background: #D9E3E4;}
.aboutNews h2{color: #254751;padding: 10.625rem 0 5.625rem;}
.aboutNews ul{padding: 0 6.25%;flex-wrap: wrap;}
.aboutNews ul li{flex-shrink: 0;width: 30.23%;background: #fff;margin: 0 4.655% 5rem 0;color: #808080;position: relative;overflow: hidden;}
.aboutNews ul li:nth-child(3n){margin-right: 0;}
.aboutNews ul li,.aboutNews ul li *{line-height: 1;}
.aboutNews ul li img{display: block;width: 100%;}
.aboutNews .paging{margin-top: 1.25rem;}
.aboutNews ul li .con{padding: 1.5625rem 6.7% 5rem;-webkit-box-sizing: border-box;box-sizing: border-box;transition: 0.6s all;}
.aboutNews ul li .date{font-size: 1rem;text-align: right;}
.aboutNews ul li .name{font-size: 1.5rem;color: #3e3a39;padding: 3.125rem 0 1.5625rem;}
.aboutNews ul li p{font-size: 1rem;line-height: 1.875rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.aboutNews ul li .more{font-size: 0.875rem;margin: 0 auto;width: 86.6%;margin-bottom:2rem;position: relative;}
.aboutNews ul li .more i{flex-shrink: 0;width: 9%;height: 1.125rem;background: url(../images/new_more.png) no-repeat center;background-size: 100%;margin-left: 0.625rem;}
.aboutNews ul li .news-hover{position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background: rgba(65, 122, 205, 0.9);opacity: 0;}
.aboutNews ul li .news-hover *{color: #fff;}
.aboutNews ul li .news-hover .con{padding-top: 3.125rem;}
.aboutNews ul li .news-hover .name{padding-top: 6.875rem;}
.aboutNews ul li:hover .news-hover{top: 0;transition: 0.6s all;opacity: 1;}
.aboutNews ul li:hover .con{opacity: 0;}
.aboutNews ul li:hover .news-hover .con{opacity: 1;}
.aboutNews ul li:hover .more{z-index: 10;color: #fff;transition: 0.6s all;}
.aboutNews ul li:hover .more i{width: 80%;height: 1.125rem;background: url(../images/new_more2.png) no-repeat center;background-size: 100%;transition: 0.6s all;}

.media{padding-bottom: 9.6875rem;}
.media h2{color: #254751;padding: 10.625rem 0 7.1875rem;}


/* 走进氧疗 */
.zjyl-list{ position: absolute;bottom:6rem}
.zjyl-list ul{flex-wrap: nowrap !important;flex-direction: row !important;}
.zjyl-list ul li{font-size: 2.5rem;line-height: 2.5rem;margin-top: 0 !important;}
.zjyl{ position:relative;overflow: hidden}
.zjyl-con,.zjyl{height:67.5rem !important;}

.zjyl-list ul{overflow: hidden;}
.zjyl-list ul,.zjyl-list{width: 100% !important;}
.zjyl-list ul li{color:rgba(255,255,255,0.6);width:21% !important;margin:0 2% !important;border-top:4px solid rgba(255,255,255,0.6);padding-top: 1.0625rem; position: relative;box-sizing: border-box;cursor: pointer;float:left}
.zjyl-list ul li::after{height: 4px;background: rgba(255,255,255,1);width:0;content: '';display: block;position: absolute;top:-4px;left:0;transition: all .5s;}
.zjyl-list ul li:hover,.zjyl-list ul li.swiper-slide-thumb-active{color:rgba(255,255,255,1)}
.zjyl-list ul li:hover::after,.zjyl-list ul li.swiper-slide-thumb-active::after{width: 100%;}

.zjyl-qy{height:67.5rem !important;}
.zjyl-qy1{max-width: 1152px;margin:0 auto; position: relative;}
.zjyl-qy1::after{content: '';display: block; background: url(../images/zjyc-img1.png) no-repeat center;width:480px;height:480px; background-size:100%;-webkit-animation: gif 1s infinite linear;animation: gif 15s infinite linear; margin:auto}
@keyframes gif {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.zjyl-qy-con{width:17.9375rem;margin:auto;position: absolute;top:0;bottom:0;right:0;left:0;margin: auto;height:15.625rem;}
.zjyl-qy-con b,.zjyl-qy-con p{color:#fff}
.zjyl-qy-con b{font-size: 2.5rem;line-height: 2.5rem;width: 100%;text-align: center;margin-bottom: 2.8125rem;display: block;}
.zjyl-qy-con p{font-size: 1.5rem;line-height: 3.5rem;;letter-spacing: 1px;}
.zjyl-qy1{top:15.625rem ;}
.zjyl-qy-list{width: 100%; }
.zjyl-qy-list span{position: absolute;}
.zjyl-qy1 .zjyl-qy-list span:nth-child(1){right:157px;top:-79px}
.zjyl-qy1 .zjyl-qy-list span:nth-child(2){right:0;top:154px}
.zjyl-qy1 .zjyl-qy-list span:nth-child(3){right:70px;top:386px}
.zjyl-qy1 .zjyl-qy-list span:nth-child(4){right:0;left:0;margin:0 auto;bottom:-130px;width:282px}
.zjyl-qy1 .zjyl-qy-list span:nth-child(5){left:70px;top:386px}
.zjyl-qy1 .zjyl-qy-list span:nth-child(6){left:0;top:154px}
.zjyl-qy1 .zjyl-qy-list span:nth-child(7){left:157px;top:-79px}

.zjyl-qy2 .zjyl-qy-con{height: 2.5rem;}
.zjyl-qy2{top:21.875rem}
.zjyl-qy2{max-width: 660px;margin:0 auto; position: relative;}
.zjyl-qy2::after{content: '';display: block; background: url(../images/zjyc2-img1.png) no-repeat center;width:324px;height:324px; background-size:100%;-webkit-animation: gif 1s infinite linear;animation: gif 15s infinite linear; margin:auto}
@keyframes gif {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.zjyl-qy2 .zjyl-qy-list span:nth-child(1){left:152px;top:-174px}
.zjyl-qy2 .zjyl-qy-list span:nth-child(2){left:340px;top:-174px}
.zjyl-qy2 .zjyl-qy-list span:nth-child(3){right:23px;top:-97px}
.zjyl-qy2 .zjyl-qy-list span:nth-child(4){right:0;top:71px}
.zjyl-qy2 .zjyl-qy-list span:nth-child(5){right:21px;top:245px}
.zjyl-qy2 .zjyl-qy-list span:nth-child(6){right:153px;bottom:-172px}
.zjyl-qy2 .zjyl-qy-list span:nth-child(7){right:340px;bottom:-172px}
.zjyl-qy2 .zjyl-qy-list span:nth-child(8){left:21px;top:245px}
.zjyl-qy2 .zjyl-qy-list span:nth-child(9){left:1px;top:71px}
.zjyl-qy2 .zjyl-qy-list span:nth-child(10){left:24px;top:-97px}

.zjyl-qy3{top:14rem;position: relative;}
.zjyl-qy3 h2{font-size: 4.25rem;color:#fff;text-align: center;line-height: 4.25rem;margin-bottom: 3.75rem;}
.zjyl-qy3 p span{display: block;font-size: 1.875rem;line-height: 3.5rem;text-align: center;color:#fff}

.zjyl-qy4{top:23.8125rem;position: relative;}
.zjyl-qy4 h2{font-size: 4.25rem;color:#fff;text-align: center;line-height: 4.25rem;margin-bottom: 3.75rem;}
.zjyl-qy4 p span{display: block;font-size: 1.875rem;line-height: 3.5rem;text-align: center;color:#fff}
.zjyl-qy4{max-width: 1407px;margin:0 auto; position: relative;}
.zjyl-qy4 .zjyl-qy-con{height: 2.5rem;}
.zjyl-qy4::after{content: '';display: block; background: url(../images/zjyc3-img1.png) no-repeat center;width:278px;height:278px; background-size:100%;-webkit-animation: gif 1s infinite linear;animation: gif 15s infinite linear; margin:auto}
@keyframes gif {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.zjyl-qy4 .zjyl-qy-list span:nth-child(1){right:94px;top:-113px}
.zjyl-qy4 .zjyl-qy-list span:nth-child(2){right:46px;top:-61px}
.zjyl-qy4 .zjyl-qy-list span:nth-child(3){right:20px;top:-11px}
.zjyl-qy4 .zjyl-qy-list span:nth-child(4){right:7px;top:42px}
.zjyl-qy4 .zjyl-qy-list span:nth-child(5){right:0;top:94px}
.zjyl-qy4 .zjyl-qy-list span:nth-child(6){right:0;top:146px}
.zjyl-qy4 .zjyl-qy-list span:nth-child(7){right:7px;bottom:42px}
.zjyl-qy4 .zjyl-qy-list span:nth-child(8){right:18px;bottom:-10px}
.zjyl-qy4 .zjyl-qy-list span:nth-child(9){right:42px;bottom:-61px}
.zjyl-qy4 .zjyl-qy-list span:nth-child(10){right:99px;bottom:-114px}

.zjyl-qy4 .zjyl-qy-list span:nth-child(11){left:94px;top:-113px}
.zjyl-qy4 .zjyl-qy-list span:nth-child(12){left:46px;top:-61px}
.zjyl-qy4 .zjyl-qy-list span:nth-child(13){left:20px;top:-11px}
.zjyl-qy4 .zjyl-qy-list span:nth-child(14){left:7px;top:42px}
.zjyl-qy4 .zjyl-qy-list span:nth-child(15){left:0;top:94px}
.zjyl-qy4 .zjyl-qy-list span:nth-child(16){left:0;top:146px}
.zjyl-qy4 .zjyl-qy-list span:nth-child(17){left:7px;bottom:42px}
.zjyl-qy4 .zjyl-qy-list span:nth-child(18){left:18px;bottom:-10px}
.zjyl-qy4 .zjyl-qy-list span:nth-child(19){left:42px;bottom:-61px}
.zjyl-qy4 .zjyl-qy-list span:nth-child(20){left:99px;bottom:-114px}

.wap-zjyl-qy{display: none;}
/* 瀑布流 */
.pblMain{margin: auto;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;width: 100%;max-width:1720px;}
#wrap{width: 100% !important;position: relative;}
.pblMain .box{border-bottom: 2.5rem solid #DAE4E5;background: #fff;-webkit-box-sizing: border-box;box-sizing: border-box;margin-right:2.33%;position: relative;cursor: pointer;width: 22.67%;float: left;}
.pblMain .box a{content: "";width: 100%;height: 100%;background: rgba(66, 122, 205, 0.9) url(../images/pbl-more.png) no-repeat center;position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;transition: all 0.6s;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.pblMain .box:hover a{opacity: 1;}
.pblMain .box:nth-child(4n){margin-right: 0;}
.pblMain .box .info{width:100%;height:auto;background:#fff;}
.pblMain .box .info .pic{width:100%;height:auto;margin:0 auto;}
.pblMain .box .info .pic img{width:100%;display: block;}
.pblMain .box .info .title{width:100%;margin:0 auto;text-align:center;color:#808080;font-size: 1.125rem;overflow:hidden;line-height: 1.4;padding: 2.5rem 0;font-weight: 400;}
.pblAdd{width: 100%;}
.pblAdd span{width: 9.375rem;height: 3.125rem;border:1px solid #808080;border-radius: 50px;color: #808080;text-align: center;line-height:3.125rem;font-size: 1.5rem;cursor: pointer;transition: all 0.5s;}
.pblAdd span:hover{border-color: #254751;color: #254751;}

.meitiContent .pblMain .box{width: 32.89%;margin-right: 0.665%;}
.meitiContent .pblMain .box:nth-child(4n){margin-right: 0.665%;}
.meitiContent .pblMain .box:nth-child(3n){margin-right: 0;}
.meitiContent .pblMain .box .info .title{display: flex;justify-content: space-between;align-items: center;padding: 1.75rem 1.875rem 1.75rem 2.25rem;-webkit-box-sizing: border-box;box-sizing: border-box;}
.meitiContent .pblMain .box .info .title span{font-size: 1rem;color: #969696;}

/* 第四块 */
.ny-section4{overflow: hidden;position: relative;width: 100%;}
.ny-section4 .section4-title{position: absolute;z-index: 9;bottom:30%;left:10%}
.ny-section4 .section4-title .title{text-align: left;}
.ny-section4 .section4-title .title{color:#fff}
.ny-section4 .section4-title a{display: block;width: 10.0625rem;height: 2.6875rem;line-height: 2.6875rem;text-align: center;font-size: 1.25rem;color:#fff; background: url(../images/video-jtfff.png) no-repeat center right 1rem;border:1px solid #fff;border-radius:30px;transition: all .3s;margin-top: 3.75rem;}
.ny-section4 .section4-title a:hover{ background:#333 url(../images/video-jtfff.png) no-repeat center right 1rem;color:#fff}
.ny-section4 .section4-video{overflow: hidden;}
/* .ny-section4 .section4-video video,.videoPlay video{width:100%;overflow: hidden;pointer-events: none;height: auto;} */