/* 产品详情 X2 */
.cor-fff {color: #fff;}
.cor-jbs {
  background: linear-gradient(
    to top,
    rgb(109, 185, 238) 0%,
    rgb(97, 125, 182) 50%,
    rgb(119, 113, 210) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.more1 {background: linear-gradient( 270deg, rgb(71,66,146) 0%, rgb(43,132,192) 100%);}
.more1::before {background: linear-gradient( 270deg, rgb(43,132,192) 0%, rgb(71,66,146) 100%);}

.container {width: 1650px;}

.proD1-banner {height: 100vh; position: relative;}
.proD1-banner .imgBox {height: 100%;}
.proD1-banner .imgBox img {width: 100%; height: 100%; object-fit: cover;  min-height: 4.5rem;}
/* .proD1-banner .box {top: 40%;} */
.proD1-banner .p1 {font-size: 1rem; color: #332d29;}
.proD1-banner .p1 .sp1 {font-weight: 100;}
.proD1-banner .p2 {font-size: .6rem; color: #332d29; margin-top: .3rem; font-weight: 700;}
.proD1-banner .p3 {color: #332d29; font-size: .3rem;}

.proD1Tle .t1 {font-size: .5rem; font-weight: 700;}
.proD1Tle .t2 {font-size: .4rem; font-weight: 200;}

.proD1Two {position: relative;}
.proD1Two li {position: relative; height: 150vh;}
.proD1Two li .style-sticky { position: sticky; top: 0; height: 100vh; z-index: 1; overflow: hidden;}
.proD1Two li .imgBox {height: 100%; overflow: hidden;}
.proD1Two li .imgBox img {width: 100%;display: block; height: 100%; object-fit: cover;object-position: center;}
.proD1Two li .box .proD1Tle .t1 {font-weight: normal;color: #332d29;}
.proD1Two li .box .text p {color: #332d29; font-size: var(--font20); line-height: 2; position: relative;}
.proD1Two li .box .text p::before {content: '•'; margin-right: .1rem;}
.proD1Two li .box .text {width: 100%; max-width: 100%; margin-top: .4rem;}
.proD1Two li .box .sm {margin-top: .4rem;}
.proD1Two li .box.box_top {top: 30%;}
.proD1Two li.li_right .box {display: flex; justify-content: flex-end;}
.proD1Two li.li_right .box .con {max-width: 40%;}
.proD1Two li.li_right .box .text {width: 100%;}

.proD1Four {padding: 1rem 0; position: relative; overflow: hidden;}
.proD1Four .swiperBox {margin-top: .5rem;}
.proD1Four .swiper .slide .imgBox {border-radius: .58rem; overflow: hidden;}
.proD1Four .swiper .slide .imgBox img {width: 100%; height: 100%; object-fit: cover;transition: .5s;}
.proD1Four .swiper .slide span {font-size: var(--font30); margin-top: .2rem;text-align: center; display: block;}
.proD1Four .swiper .slide:hover .imgBox img {transform: scale(1.1); }

.proD1Five {padding-bottom: 1rem;}
.proD1Five .box {margin-top: .8rem; overflow-x: auto;}
.proD1Five table {border-collapse: collapse;width: 100%;background-color: #fff; white-space: nowrap;}
.proD1Five table th,.proD1Five table td {border: 1px solid #ccc;padding: .15rem .7rem; padding-right: .2rem; text-align: left;font-size: var(--font20); color: #252525;}
.proD1Five table th {font-weight: bold;width: calc(100% / 3); color: #000; padding: .3rem 1rem; padding-right: .3rem; font-weight: 700; font-size: var(--font30);}
.proD1Five table th:first-child {width: 17%;}
.proD1Five table td:first-child {padding-left: .4rem;}

.proD1Six {background: url(../images/D1/proD1Six-bj.jpg) no-repeat center; background-size: cover; min-height: 10rem;}
.proD1Six .box {padding-top: 1.5rem;}
.proD1Six .box .text {font-size: var(--font20); color: #000000; text-align: center; line-height: 1.8; margin-top: .4rem;}
.proD1Six .box .more {margin-top: .5rem;}
.proD1Six .imgBox {margin: .6rem auto; width: 68%;}
.proD1Six .imgBox img {max-width: 100%;}
.proD1Six .p2 {text-align: center; margin-top: .6rem;}
.proD1Six .p2 , .proD1Six .p2 a {font-size: var(--font18); color: #333;}
.proD1Six .p2 span {display: block;margin: .1rem 0;}
.proD1Six .p2 a:hover {color: #37a5d0 ;}


.modelPop {display: none;}
.joinPop { background: #fff; }
.joinPop .box {padding: 1rem .8rem; box-sizing: border-box;}
.joinPop .tle .tit {font-size: .46rem; color: #000; font-weight: 700;}
.joinPop .tle .tit2 {margin-top: .5rem;}
.joinPop .tle .tit2 p {color: #666666;}
.joinPop .form .form-item {margin-top: .4rem;}
.joinPop .form .form-item .form-tle {margin-bottom: .15rem;}
.joinPop .form .form-item .form-tle label {color: #666666; font-size: var(--font16);}
.joinPop .form .form-item .form-tle label span {color: #d10000; margin-right: .1rem;}
.joinPop .form .form-item-one {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 0;}
.joinPop .form .form-item-one .item {position: relative; width: 30%; margin-top: .45rem;}
.joinPop .form .form-item-one .item label {position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: var(--font16); color: #d10000; z-index: 1;}
.joinPop .form .form-item-one .item input {border: 0; border-bottom: 1px solid #cccccc; box-shadow: none; font-size: var(--font16); padding-left: 15px;}
.joinPop .form .form-item-one .item .inBox {position: relative;}
.joinPop .form .form-item-one .item .erro {color: #c7000f; font-size: var(--font13); display: none; position: absolute; left: 0; top: 100%;}
.joinPop .form .form-item-one .item input.layui-form-danger ~ .erro , .joinPop .form .form-item-one .item .layui-form-danger ~ .erro {display: block;}
/* 输入框 */
.layui-input:focus, .layui-textarea:focus {border-color: #138abd  !important;}
.layui-form-danger+.layui-form-select .layui-input, .layui-form-danger:focus {border-color: #c7000f  !important;}
.layui-form-select dl dd.layui-this {background-color: #138abd  !important;}
.layui-form-select dl dd.layui-this {color: #fff !important;}
/* 城市选择 */
.joinPop #distpicker .inBox .city-picker-span:nth-child(4) {display: none;}
.joinPop #distpicker .inBox .city-picker-dropdown:nth-child(5) {display: none;}
.joinPop .city-picker-span {padding-left: 15px;border-bottom: 1px solid #cccccc; font-size: var(--font16); width: 100%;}
.joinPop .city-picker-span > .placeholder {color: #666;}
.joinPop .city-picker-span > .title {color: #666;}
.joinPop .city-picker-span > .title > span {color: #666;}
/* 复选框 */
.layui-form-checkbox {margin-right: .3rem !important;}
.layui-form-checkbox>i {background: #e2e2e2 !important; border-color: #e2e2e2 !important;}
.layui-form-checked[lay-skin=primary]>i {background-color: #138abd !important; border-color: #138abd !important;}
.layui-form-checkbox[lay-skin=primary]:hover>i {border-color: #138abd !important;}
.layui-form-checkbox>div {color: #666666 !important; font-size: var(--font16) !important;}
/* 单选 */
.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i {color: #138abd !important;}
/* 多行文本框 */
.form-item-six .layui-textarea {background: #f8f8f8;min-height: 1.6rem; padding-top: .2rem;}
/* 验证码 */
.form-item-seven #verify_img {position: absolute; right: .1rem;bottom: .1rem; width: 1.04rem; height: 0.5rem;max-height: 100%;background: #dde6f7;border: 1px solid #cccccc;border-radius: 100px; cursor: pointer; z-index: 1;}
/* 提交 */
.joinPop .form .sub {margin-top: .5rem; display: flex; justify-content: center;}
.joinPop .form .sub button {width: auto; cursor: pointer;  padding: .13rem .9rem; background: #138abd; border-radius: 100px; font-size: var(--font16); color: #fff; border: 0;}

/* 增加D1勾选时判断是否有开发经验 */
.form-item-five2 {display: none;}
.form-item-five2 .conText {margin-top: .3rem; display: none;}

@media screen and (max-width:1440px) {
  .proD1-banner {height: auto;}

  .proD1Two li .box .proD1Tle .t1 {font-size: .4rem;}
  .proD1Two li .box .text p {font-size: var(--font18);}
  .proD1Two li {height: auto; position: relative;}
  .proD1Two li .style-sticky {height: auto;}
}

@media screen and (max-width:991px) {
  .proD1-banner .p1 {font-size: .7rem;}
  .proD1-banner .p2 {font-size: .5rem;}

  .proD1Two li.li_right .box .con {max-width: 50%;}
  .proD1Two li .box .text p {font-size: var(--font16);}
}



@media screen and (max-width:767px) {
  .proD1-banner {height: auto;}
  .proD1-banner .box {top: 60%;}
  .proD1-banner .p1 {font-size: .5rem;}
  .proD1-banner .p2 {font-size: var(--font22);}
  .proD1-banner .p3 {font-size: var(--font14);}

  .proD1Two li .imgBox img {height: auto;}

  .proD1One .dsic p {font-size: .24rem;}
  .proD1Two li {height: auto;}
  .proD1Two li .style-sticky {height: auto;}
  .proD1Tle .t1 {font-size: .4rem;}
  .proD1Tle .t2 {font-size: .3rem;}
  .proD1Two li .box {position: relative;left: 0;top: 0;transform: none; padding: .7rem 0;}
  .proD1Two li .box .text {width: 100%;}
  .proD1Two li .box.box_top {top: 0;}
  .proD1Two li .box .proD1Tle .t1 {font-size: .36rem;}
  .proD1Two li.li_right .imgBox img {height: auto; width: 150%;}
  .proD1Two li.li_right .box .con {max-width: 100%; width: 100%;}

  .proD1Four .swiper .slide .imgBox {border-radius: .3rem;}
  .proD1Four .swiper .slide span {font-size: var(--font20);}
  .proD1Five table th {font-size: var(--font20); padding: .2rem .4rem;}
  .proD1Five table th, .proD1Five table td {font-size: var(--font14);padding: .2rem .4rem;}
  .proD1Five .proD1Tle .t1 {text-align: center;}

  .proD1Six .imgBox {width: 100%;}

  /* 弹窗 */
  .joinPop {width: 92% !important}
  .layui-layer-setwin {right: 1%;}
  .joinPop .box {padding: .6rem .4rem;}
  .joinPop .tle .tit {font-size: .4rem;}
  .joinPop .tle .tit2 p {font-size: var(--font12);}
  .joinPop .form .form-item-one .item {width: 100%;}
  .joinPop .form .form-item .form-tle label {font-size: var(--font14);}
  .layui-form-checkbox {margin: .1rem !important;}
    
}