.not_banner{
  height: 550px;
  min-height: auto;
}
.not_banner .wrap > img{
  min-height: 100%;
}

.section .wrap {
  width: 1404px;
  margin: 92px auto 34px;
    max-width: 90%;
}
.section .wrap .title {
  text-align: center;
  margin: 0 0 100px 0;
  position: relative;
  z-index: 1;
}
.section .wrap .title > div > span {
  font-size: 40px;
  font-family: ZauriSans;
  font-weight: normal;
  color: #202020;
  display: block;
  margin: 0 0 75px 0;
}
.section .wrap .title .flex {
  display: flex;
  justify-content: center;
}
.section .wrap .title .flex .item {
  border-bottom: 1px solid #efefef;
}
.section .wrap .title .flex .item:not(:last-child) {
  margin: 0 39px 0 0;
}
.section .wrap .title .flex .item > .show {
  width: 246px;
  padding: 0 6px 17px 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.section .wrap .title .flex .item > .show p {
  font-size: 14px;
  font-family: X-ZhongHei;
  font-weight: normal;
  color: #2B2B2B;
}
.section .wrap .title .flex .item .pull .scrollbar-track {
  display: none!important;
}
.section .wrap .title .flex .search_click {
  width: 124px;
  height: 42px;
  background: #EC6716;
  border-radius: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-family: X-ZhongHei;
  font-weight: normal;
  color: #FFFFFF;
  cursor: pointer;
}
.section .wrap .content {
  height: 541px;
  display: flex;
}
.section .wrap .content .the_left {
  width: 822px;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.section .wrap .content .the_left #container {
  width: 100%;
  height: 100%;
}
.section .wrap .content .the_left .position {
  width: 358px;
  position: absolute;
  left: 113px;
  top: 50%;
  transform: translateY(-50%);
}
.section .wrap .content .the_left .position.on{
    pointer-events: none;
}
.section .wrap .content .the_left .position .cut {
  background: #FFFFFF;
  box-shadow: -1px 9px 21px 0px rgba(86, 86, 86, 0.27);
  border-radius: 9px;
  padding: 35px 32px 30px 32px;
  display: none;
  min-height: 314px;
}
.section .wrap .content .the_left .position .cut.on {
  display: block;
}
.section .wrap .content .the_left .position .headline {
  margin: 0 0 14px 0;
}
.section .wrap .content .the_left .position .headline span {
  font-size: 22px;
  font-family: PingFang SC b;
  font-weight: bold;
  color: #252525;
  line-height: 26px;
  display: block;
}
.section .wrap .content .the_left .position .tel{
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #252525;
    display: block;
    margin: 15px 0 0 0;
}
.section .wrap .content .the_left .position p {
  font-size: 13px;
  font-family: PingFang SC r;
  font-weight: 400;
  color: #252525;
  padding: 0 0 0 17px;
  position: relative;
}
.section .wrap .content .the_left .position p:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 8px;
  height: 8px;
  background: #41AA75;
  border-radius: 50%;
}
.section .wrap .content .the_left .position h5 {
  width: 240px;
  margin: 31px 0 0 0;
  font-size: 15px;
  font-family: X-ZhongHei;
  font-weight: normal;
  color: #121212;
  line-height: 24px;
}
.section .wrap .content .the_left .position a {
  margin: 45px auto 0;
  width: 160px;
  height: 41px;
  background: #E9E9E5;
  border-radius: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: ZauriSans;
  font-weight: normal;
  color: #575756;
  transition: 0.6s;
}
.section .wrap .content .the_left .position a:hover {
  background: #EC6716;
  color: #FFFFFF;
}
.section .wrap .content .the_left .position .clone {
  width: 32px;
  height: 32px;
  background: #E9E9E5;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer;
  transition: 0.6s;
}
.section .wrap .content .the_left .position .clone div {
  transform: rotate(45deg);
  width: 9px;
  height: 9px;
}
.section .wrap .content .the_left .position .clone div:after {
  content: '';
  position: absolute;
  width: 9px;
  height: 1px;
  background: #252525;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: 0.6s;
}
.section .wrap .content .the_left .position .clone div:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 9px;
  background: #252525;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: 0.6s;
}
.section .wrap .content .the_left .position .clone:hover {
  background: #EC6716;
}
.section .wrap .content .the_left .position .clone:hover div:after {
  background: #FFFFFF;
}
.section .wrap .content .the_left .position .clone:hover div:before {
  background: #FFFFFF;
}
.section .wrap .content .the_right {
  width: 582px;
  height: 100%;
  position: relative;
  z-index: 1;
}
.section .wrap .content .the_right .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.section .wrap .content .the_right .message {
  padding: 26px 75px 0 75px;
  display: flex;
  align-items: center;
  margin: 0 0 40px 0;
}
.section .wrap .content .the_right .message .iconfont {
  font-size: 30px;
  margin: 0 20px 0 0;
}
.section .wrap .content .the_right .message .text {
  display: flex;
  align-items: center;
}
.section .wrap .content .the_right .message .text .num {
  font-size: 24px;
  font-family: Roboto;
  font-weight: 400;
  color: #000000;
  position: relative;
  margin: 0 3px 0 0;
}
.section .wrap .content .the_right .message .text .num:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #000;
  left: 0;
  bottom: 0;
}
.section .wrap .content .the_right .message .text p {
  font-size: 12px;
  font-family: ZauriSans;
  font-weight: normal;
  color: #000000;
}
.section .wrap .content .the_right .scroll {
  height: 462px;
  overflow: hidden;
}
.section .wrap .content .the_right .scroll .scrollbar-track-y {
  width: 2px!important;
  background-color: rgba(191, 191, 191, 0.15) !important;
  opacity: 1!important;
}
.section .wrap .content .the_right .scroll .scrollbar-thumb {
  width: 2px!important;
  background-color: #ec6716 !important;
  opacity: 1!important;
}
.section .wrap .content .the_right .scroll .item {
  width: 100%;
  height: 111px;
  position: relative;
  z-index: 1;
  padding: 30px 77px 10px 77px;
  cursor: pointer;
}
.section .wrap .content .the_right .scroll .item span {
  font-size: 20px;
  font-family: PingFang SC m;
  font-weight: normal;
  color: #141414;
  line-height: 20px;
  display: block;
  margin: 0 0 15px 0;
}
.section .wrap .content .the_right .scroll .item p {
  font-size: 13px;
  font-family: X-ZhongHei;
  font-weight: normal;
  color: #4D4C4C;
  opacity: 0.8;
}
.section .wrap .content .the_right .scroll .item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #faf0ea, rgba(250, 240, 234, 0.7), rgba(250, 240, 234, 0.5), transparent);
  opacity: 0;
  z-index: -1;
  transition: 0.6s;
}
.section .wrap .content .the_right .scroll .item.on:after {
  opacity: 1;
}
/*# sourceMappingURL=inquire.css.map */
@media screen and (max-width: 1900px) {
    .section .wrap .content .the_left{
        width: 59%;
    }
    .section .wrap .content .the_right{
        width: 41%;
    }
}
@media screen and (max-width: 1550px) {
    .section .wrap .content .the_left .position .cut{
        min-height: auto;
    }
    .section .wrap .content .the_left .position{
        left: 5%;
    }
    .section .wrap .content .the_left .position .headline span{
        font-size: 20px;
    }
    .section .wrap .content .the_left .position h5{
        font-size: 14px;
    }
    .section .wrap .content .the_right .scroll .item span,.section .wrap .content .the_right .scroll .item p{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
@media screen and (max-width: 1500px) {
    .not_banner{
        height: auto;
    }
}
@media screen and (max-width: 1023px) {
    .not_banner{
        min-height: auto!important;
    }
    .section .wrap{
        margin: 41px auto 34px;
    }
    .section .wrap .title > div > span{
        font-size: 28px;
        margin: 0 0 42px 0;
    }
    .section .wrap .title .flex .item > .show{
        width: 100%;
    }
    .section .wrap .title .flex{
        flex-direction: column;
    }
    .section .wrap .title .flex .item:not(:last-child){
        margin: 0 0 25px 0;
    }
    .section .wrap .title .flex .search_click{
        font-size: 13px;
        margin: 18px auto 0;
    }
    .section .wrap .title{
        z-index: 8;
    }
    .down_select .pull {
        max-height: 300px!important;
    }
    .down_select .pull .scroll-content > div{
        font-size: 12px!important;
    }
    .section .wrap .title{
        margin: 0 0 52px 0;
    }
    .section .wrap .content{
        height: auto;
        flex-direction: column;
    }
    .section .wrap .content .the_left{
        width: 100%;
        height: 450px;
    }
    .section .wrap .content .the_left .position{
        width: 100%;
        left: 0;
        padding: 0 5%;
    }
    .section .wrap .content .the_left .position .cut{
        padding: 10% 5%;
    }
    .section .wrap .content .the_left .position .clone{
        right: 37px;
    }
    .section .wrap .content .the_left .position h5 {
        font-size: 12px;
    }
    .section .wrap .content .the_left .position a{
        font-size: 12px;
    }
    .section .wrap .content .the_left .position .headline span {
        font-size: 18px;
    }
    .section .wrap .content .the_left .position .headline span {
        font-size: 18px;
    }
    .section .wrap .content .the_right{
        width: 100%;
    }
    .section .wrap .content .the_right .scroll .item{
        padding: 25px 5%;
        height: auto;
    }
    .section .wrap .content .the_right .scroll .item span{
         white-space: unset;
         overflow: unset;
        font-size: 18px;
        margin: 0 0 11px 0;
    }
    .section .wrap .content .the_right .scroll{
        height: auto;
    }
    .section .wrap .content .the_right .scroll .item p{
        font-size: 12px;
    }
    .section .wrap .content .the_right .message {
        padding: 8% 5%;
        margin: 0;
    }
    .section .wrap .content .the_left .position .cut.fadeOut{
        pointer-events: none;
    }


}