/* **************************************** *
 * Main Visual
 * **************************************** */
#mainVisual{overflow:hidden; height:969px; /* height:100vh; */ min-height:700px; position:relative;}
.main-visual-wrapper{position:relative; height:100%; margin-left:255px; }
.main-visual-slider {
    overflow:hidden;
    width:100%;
    height:100%;
    background-color:#000;
}
.main-visual-slider .swiper-slide {
    overflow: hidden;
    color: #fff;
}
.main-visual-slider .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    background: -moz-linear-gradient(top, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#c9000000', GradientType=0);
    transition: all 2.5s ease;
}
.main-visual-slider .swiper-slide-duplicate-active .overlay,
.main-visual-slider .swiper-slide-active .overlay {
    opacity: .7;
}
.main-visual-slider .swiper-slide .visual-img{position:absolute; top:0px; left:0px; bottom:0px; right:0px; width:1649px; height:969px;; width:100%;  background-size:cover !important; }
.main-visual-slider .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.main-visual-slider .slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}

.main-visual-item .visual-txt-con{position:absolute; top: 50%; transform: translateY(-50%); left:10%; z-index:11; color:#fff; font-size:20px;}
.main-visual-item .visual-txt-con span{display:block; transform:translateY(100%)}
.main-visual-item .visual-txt-con .main-visual-tit{overflow:hidden; font-size:3.6rem; letter-spacing:8px; font-weight:400; margin-bottom:0.58em;}
.main-visual-item .visual-txt-con .main-visual-tit.test{font-weight:400;}
.main-visual-item .visual-txt-con .main-visual-txt{overflow:hidden; font-size:1.2rem; font-weight:300; letter-spacing:-0.7px; opacity:1;}
.main-visual-item .visual-txt-con .main-visual-btn-box{overflow:hidden; margin-top:2.2em; }
.main-visual-item .visual-txt-con .main-visual-btn{overflow:hidden; width:185px; border:0; text-align:left; border-bottom:1px solid #fff; padding:22px 0; text-align:left; transform:translateY(100%)}
.main-visual-item .visual-txt-con .main-visual-btn:before{background-color:#fff;}
.main-visual-item .visual-txt-con .main-visual-btn em{display:inline-block; font-size:15px; font-weight:700; letter-spacing:0.25px; color:#fff; }
.main-visual-item .visual-txt-con .main-visual-btn i{position:absolute; top:50%; right:0px; margin-top:-10px; color:#fff; font-size:20px; transition:all 0.3s}
@media all and ( min-width: 1921px ) , ( min-height: 969px ), ( max-width: 1366px) {
    .main-visual-slider .swiper-slide .visual-img{height:100%; background-size:cover !important;
    }
    .main-visual-slider .swiper-slide .visual-img img{display:none}
}
@media all and ( min-width: 1025px ){
    .main-visual-item .visual-txt-con .main-visual-btn:hover em,
    .main-visual-item .visual-txt-con .main-visual-btn:hover i{color:#222;}
    .main-visual-item .visual-txt-con .main-visual-btn:hover em{text-indent:20px; letter-spacing:0.75px}
    .main-visual-item .visual-txt-con .main-visual-btn:hover i{right:20px;}
}
.main-visual-side-con{position:absolute; top:170px;bottom:0px; left:0px; width:255px; }
.main-visual-side-con .main-visual-side-txt { position:absolute; top:440px;  left:50%; width:450px; margin-left:-8px; color:#000; color:rgba(0,0,0,0.5); font-size:16px; letter-spacing:1px; font-weight:300; transform:rotate(-90deg); transform-origin:0% 0%;}
.main-visual-side-con .main-visual-side-txt em{}

@media(min-width: 1280) and (max-height: 800px){
  .main-visual-side-con .main-visual-side-txt{top: 400px;}
}


.main-scroll-icon{overflow:hidden; position:absolute; bottom:0; left:50%; margin-left:-1px; width:2px; height:20%; z-index:9; background-color:#cfcfcf;}
.main-scroll-icon::after {
  display: block;
  content: "";
  width: 100%;
  height: 28px;
  background: #b9292a;
  position: absolute;
  top: 0;
  left: 0;
  animation:  scroll_ani 2s infinite;
}

@keyframes scroll_ani {
    0%, 20% {
        top: -28px;
    }
    100% {
        top: 100%;
    }
}

/* 메인 비주얼 :: 버튼, 카운터, 로딩바 */
.main-visual-controls{position:absolute; width:215px; height:94px; right:0; bottom:0px; padding:0 45px; background-color:#fff; z-index:11; text-align:center;display: none;}
.main-visual-control-btns{margin:40px 0 20px; }
.main-visual-control-btns button{width:34px; height:11px;}
.main-visual-control-btns .slide-prev-btn{
    float:left;
    background: url("../images/cm_prev_arrow.svg") no-repeat;border: 0;
}
.main-visual-control-btns .slide-next-btn{
    float:right;
    background:url(../images/cm_next_arrow.svg) no-repeat;border: 0;
}
.main-visual-control-btns .main-visual-conuter{display:inline-block; position:relative; top:-2px; vertical-align:middle; line-height:11px; font-size:12px; color:#000; }
.main-visual-control-btns .main-visual-conuter .total-num{position:relative; margin-left:20px; color:rgba(0,0,0,0.5)}
.main-visual-control-btns .main-visual-conuter .total-num:before{position:absolute; left:-10px; width:1px; height:13px; background-color:#e5e5e5; content:"";}
.main-visual-loading-bar{width:100%; height:2px; background-color:#eee;}
.main-visual-loading-bar span{display:block; width:0; height:100%; background-color: #000}

/* 메인 비주얼 :: Custom Bullet */
.main-visual-pagination{position:absolute; bottom:53px; left:-32px; z-index:11;}
.main-visual-pagination .main-visual-paging-item{float:left; filter: grayscale(100%); margin-left:23px; cursor:pointer; background-color:#000;}
.main-visual-pagination .main-visual-paging-item:focus{outline:none;}
.main-visual-pagination .main-visual-paging-item:first-child{margin-left:0}
.main-visual-pagination span{display:block; overflow:hidden; width:183px; height:106px; border:1px solid #9a9a9a;}
.main-visual-pagination img{width:100%; height:100%; transition:all 1s; transform:scale(1.1)}
.main-visual-pagination .swiper-pagination-bullet-active{filter: grayscale(0); }
.main-visual-pagination .swiper-pagination-bullet-active span{border-color:#fff}
.main-visual-pagination .swiper-pagination-bullet-active img{transform:scale(1.0)}
body.ie-browser .main-visual-pagination .main-visual-paging-item img{opacity:0.3}
body.ie-browser .main-visual-pagination .swiper-pagination-bullet-active img{opacity:1}


.white-color{color: #fff!important;}

.index_main{position: relative;z-index: 1;background-color: #fff;overflow: hidden;}

.index_form{display: flex;flex-wrap: wrap;margin-top: 5rem;margin-bottom: 5rem;align-items: center;}

.index_form .titles{flex: 0 0 auto;margin-right: 2.5rem;}
.index_form .titles .title{font-size: 1.8rem;}
.index_form .titles .desc{font-size: 0.9rem;margin-top: 0.5rem;margin-bottom: 8px;}
.index_form .form{flex: 1;display: flex;flex-wrap: wrap;}
.index_form .form .items{flex: 1; display: flex;flex-wrap: wrap;}
.index_form .form .items .item{height: 36px;margin-bottom: 8px;display: flex;width: 45%;margin-right: 5%;}
.index_form .form .items input,.index_form .form .items select{width: 100%;height: 36px;padding: 0 10px;border: 0;border-bottom: 1px solid #b9292a;}
.index_form .form .items inputinput::-webkit-input-placeholder {color: #333;}
.index_form .form .items inputinput:-moz-placeholder {　color: #333;}
.index_form .form .items inputinput::-moz-placeholder {color: #333;}
.index_form .form .items inputinput:-ms-input-placeholder {color: #333;}
.index_form .form .submit {flex: 0 0 auto;width: 11.3rem;height: 80px;}
.index_form .form .submit button{width: 100%;height: 100%;background-color: #b9292a;color: #fff;transition: all 0.33s; border: none;font-size: 1rem;cursor: pointer;}
.index_form .form .submit button:hover{background-color: #97272d;}
.index_form .form .submit button:active{background-color: #97272d;opacity: 0.8;}
.foot_form{position: absolute; left: 0;bottom: 0;width: 100%;height: 4.5rem;background-color: #313131;z-index: 90;}
.foot_form .container{height: 100%;}
.foot_form .form{height: 100%;display: flex;align-items: center;justify-content: center;}
.foot_form .form .title{font-size: 1.6rem;color: #fff;margin-right: 1.5rem;}
.foot_form .form .items{display: flex;}
.foot_form .form .item{width: 12.0rem;height: 45px;margin-right: 1.0rem;}
.foot_form .form .item input{width: 100%;height: 45px;border-color: #999;border-radius: 5px;font-size: 0.8rem;color: #fff;}
.foot_form .form .submit button{width: 9.65rem;height: 45px;background-color: #fff;border: 0;transition: all 0.33s;border-radius: 5px;font-size: 0.9rem;cursor: pointer;}
.foot_form{transition: all 0.5s;}
.foot_form .form .submit button:hover{background-color: #b9292a;color: #fff;}
.foot_form .form .submit button:active{background-color: #b9292a;color: #fff;opacity: 0.8;}
.index_page .foot_form,.m_float{opacity: 0;visibility: hidden;position: fixed;}
.index_page .foot_form.show,.m_float.show{opacity: 1;visibility: visible;}


.section-slide{position: relative;}
.idx-floor .content-wrap {
  background-color: #f8f8f8;
  background-size: 50% 100%;
  background-repeat: no-repeat;
  position: relative;
}
.idx-floor .content-wrap .bg{position: absolute;width: 50%;height: 100%;top: 0;right: 0;background-size: cover;background-position: center;background-repeat: no-repeat;}
.idx-floor .img {
    width: 100%;position: relative;height: 0;padding-top: 65%;box-sizing: content-box;
    background-size: cover;background-position: center;background-repeat: no-repeat;
  }
.img-100 img {
    display: block;
    width: 100%;
    height: auto;
}
@media (min-width: 768px) {
  .idx-floor .content-wrap {
    background-position: right center;
    background-size: 50% 100%;
  }
}
@media (min-width: 980px) {
  .idx-floor .content-wrap {
    background-size: 50% 100%;
  }
}
@media (min-width: 1580px) and (orientation: landscape) {
  .idx-floor .content-wrap {
    background-size: 50% 100%;
  }
}
.idx-floor .floor {
  position: absolute;
  right: 0;
}
@media (min-width: 768px) {


}

.swiper-count {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  width: 100px;
}
.swiper-count span {
  font-size: 1rem;
  margin: 0 0.2rem;
  letter-spacing: 1px;
}
.swiper-count .swiper-idx-count {
  font-size: 1.5em;
  font-weight: bold;
}
.swiper-count:after {
  content: '';
  display: block;
  height: 50px;
  width: 1px;
}
.swiper-pagination span {
  border: none;
  outline: none;
  border-radius: none;
  width: 40px;
  height: 40px;
  padding: 16px;
  background-color: transparent;
}
.swiper-pagination span:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: all 0.3s ease;
  background-color: #999;
}
.swiper-pagination span.swiper-pagination-bullet-active:before {
  background-color: #b9292a;
}
.section {
  position: relative;
}
.section .base {
  z-index: 1;
  position: relative;
}
.section .content {
  position: relative;
}
.section .content:before {
  content: '';
  margin: 0 -10px 0 0;
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 100%;
  left: 0;
  background-color: #b9292a;
  z-index: 10;
  transition: bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,
    right 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.3s,
    margin 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.3s,
    left 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;
  pointer-events: none;
}
.section.loaded .content:before {
  margin-right: 0;
  right: 0;
  bottom: 0;
  left: 100%;
}
.section.loaded .controller {
  opacity: 1;
}
.mobile .section .controller {
  opacity: 1;
}

.section-slide .swiper-button-next,
.section-slide .swiper-button-prev {
  display: none !important;
}
@media (min-width: 0) and (max-width: 767px) {
  .section-slide .content {
    background-color: #f8f8f8;
    padding: 1.5rem;
  }
  .section-slide .loader,
  .section-slide .swiper-count {
    display: none;
  }
  .section-slide .swiper-pagination {
    width: 100%;
    height: 20px;
    margin-top: 12px;
  }
  .section-slide .swiper-pagination span {
    margin: 0 0.1em;padding: 0 10px; width: 10px;height: 10px;position: relative;
  }
  .section-slide .swiper-pagination span:before{width: 10px;height: 10px;position: absolute;left: 0;top: 0;}
  .section-slide .controller {
    height: 40px;
  }
  .section-slide.short .content-wrap {
    height: 50vh;
    min-height: 300px;
  }
  .section-slide.short .content {
    height: 50vh;
    min-height: 300px !important;
  }
}
.more {
    font-weight: 500;
    font-size: 1rem;
    margin-top: 1rem;
    display: inline-block;
    white-space: nowrap;
    transition: all 0.25s ease;
}
.more:after {
    content: '';
    display: inline-block;
    width: 7.0rem;
    border-top: 1px solid #e0e0e0;
    height: 0.2em;
    vertical-align: middle;
    margin-left: 1em;
    transition: border-color 0.25s ease;
}
.section-slide .text h3{font-size: 1.5rem;}
.section-slide .text .idx-p{font-size: 14px;margin-top: 1rem;color: #666;line-height: 20px;height: 60px;}
@media (min-width: 0) and (max-width: 350px) {
  .section-slide .content {
    padding: 25px;
  }
}
@media (min-width: 768px) {
  .section-slide .content-wrap {
    height: 90vh;
    min-height: 680px;
  }
  .section-slide .content-wrap:after {
    content: '';
    background-color: #f8f8f8;
    display: block;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    display: none;
  }
  .section-slide .content-wrap .overlay-line {
    z-index: 2;
  }
  .section-slide .content {
    width:56%;
    height: 72%;
    margin: 0 auto;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    padding-left: 22%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .section-slide .content:after {
    content: '';
    display: block;
    height: 100%;
    width: 1px;
    border-right: 1px solid rgba(224, 224, 224, 0.6);
    position: absolute;
    left: 39.16%;
    top: 0;
  }
  .section-slide .text {
    width: 80%;
    position: relative;
  }
  .section-slide .swiper-button-next,
  .section-slide .swiper-button-prev {
    display: none;
  }
  .section-slide .swiper-count {
    width: 100%;
    transform: rotate(-90deg);
    margin: 0;
    padding: 0 30px 0 0;
    margin-top: 20px;
  }
  .section-slide .swiper-count:after {
    height: 7vw;
  }
  .section-slide .loader {
    margin: 0 auto;
    position: relative;
    top: 15%;
    transform: translateY(-50%);
  }
  .section-slide .swiper-pagination {
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    transform-origin: left 0;
    bottom: 0;
    left: 0;
    padding: 0 0 15px 0;
  }
  .section-slide .swiper-pagination span {
    margin-top: 0.25em;position: relative;
    width: 40px;height: 40px;padding: 16px;background-color: transparent;
  }
  .swiper-pagination span:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: all 0.3s ease;
    background-color: #999;
}
.swiper-pagination span.swiper-pagination-bullet-active:before {
    background-color: #b9292a;
}
  .section-slide:after {
    content: '';
    background-color: #b9292a;
    display: block;
    width: 17%;
    height: 10%;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    display: none;
  }
  .section-slide .controller {
    border: 1px solid rgba(224, 224, 224, 0.6);
    border-right: none;
    position: absolute;
    width: 8%;
    height: 50%;
    z-index: 10;
    left: 14%;
    bottom: 10%;
  }
  .section-slide.right .swiper-slide:after {
    content: '';
    left: auto;
    right: 0;
  }
  .section-slide.right .content {
    left: auto;
    right: 0;
    padding: 0 25% 0 0;
  }
  .section-slide.right .content:after {
    left: auto;
    right: 33.3%;
  }
  .section-slide.right:after {
    display: none;
  }
  .section-slide.right .controller {
    left: auto;
    right: 17%;
    bottom: 10%;
    border: 1px solid rgba(224, 224, 224, 0.6);
    border-left: none;
  }
  .section-slide.transparent .content-wrap:after {
    background-color: transparent;
  }
  .section-slide.short .content-wrap {
    height: 40vw;
    min-height: 300px;
  }
  .section-slide.short .content {
    height: 40vw;
    min-height: 300px !important;
  }
  .section-slide.full .content-wrap {
    height: 70vh;
  }
  .section-slide.full .content {
    height: 100%;
  }
  .section-slide.full .controller {
    height: 75%;
  }
  .section-slide.vh-100 .content {
    min-height: 100vh !important;
  }
  .section-slide.static .content-wrap {
    height: auto;
    padding-top: 30vh;
  }
  .section-slide.static .content {
    position: relative;
    min-height: 500px;
    margin: 0;
  }
  .section-slide.static .content:after {
    display: none !important;
  }
  .section-slide.no-border .content:after {
    display: none !important;
  }
}
@media (min-width: 980px) {
  .section-slide .swiper-count {
    margin-top: 0;
  }
}
@media (min-width: 1300px) {
  .section-slide.short .content-wrap {
    height: 30vw;
  }
  .section-slide.short .content {
    height: 30vw;
  }
  .section-slide .loader {
    top: 11%;
  }
}
@media (min-width: 1580px) {
  .section-slide .text {
    width: 70%;
  }
  .section-slide.short .content-wrap {
    height: 26vw;
  }
  .section-slide.short .content {
    height: 26vw;
  }
  .section-slide .swiper-pagination {
    padding: 0 0 35px 0;
  }
}

.loader {
  height: 40px;
  position: relative;
  width: 40px;
}
.loader span {
  display: block;
}
.loader .circle {
  transform: rotate(-90deg);
  transform-origin: center;
  stroke-dasharray: 75.39;
  stroke-dashoffset: 75.39;
  transition: all 0.3s ease;
  stroke: #ddd;
  stroke-width: 6px;
}
.loader.active span {
  transition: transform 0s;
}
.loader.active .circle {
  animation: circle 9.5s;
  stroke: #000;
}
@keyframes circle {
  0% {
    stroke-dashoffset: 75.39;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes loader {
  99% {
    background: linear-gradient(90deg, #ddd 50%, #000 50%);
  }
  to {
    background: #000;
  }
}
.index_yewu{margin-bottom: 4.5rem;margin-top: 4.5rem}
.yewu_swiper{position: relative;overflow: inherit;}
.yewu_swiper .swiper-button-prev,.yewu_swiper .swiper-button-next{top: -4.0rem;right: 0;left: auto;width: 3.1rem;height: 3.1rem;border-radius: 50%;border: 1px solid #333;text-align: center;background: none;z-index: 2;}
.yewu_swiper .swiper-button-prev{right: 4.5rem;}
.yewu_swiper .swiper-button-prev:after,.yewu_swiper .swiper-button-next:after{display: none;}
.yewu_swiper .iconfont{font-size: 18px;color: #333;}
.yewu_swiper .item{height: 32.0rem;background-size: cover;position: relative;width: 100%;height: 0;padding-top: 148%;overflow: hidden;}
.yewu_swiper .item .textcon{position: absolute;width: 100%;bottom: 0;transform: translateY(40%); padding: 2rem 2.0rem;color: #fff;transition: all 0.5s;height: 250px;z-index: 2;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.3));}
.yewu_swiper .item h4{font-size: 1.8rem;line-height: 1.4;position: relative;}
.yewu_swiper .item h4:after{position: absolute;left: 0;bottom: 0;width: 3.0rem;height: 1px;background-color: #fff;content: "";}
.yewu_swiper .item .desc{font-size: 14px;line-height: 1.8;margin-top: 1rem;opacity: 0;visibility: hidden;transition: all 0.5s;}
.yewu_swiper .item .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all 0.5s;z-index: 0;}
.yewu_swiper .item:hover .bg{background-color: rgba(0,0,0,0.6);}
.yewu_swiper .item:hover .desc{opacity: 1;visibility: visible;}
.yewu_swiper .item:hover .textcon{bottom: 0;transform: translateY(0);}


.idx-typebar {position: absolute;left: 14%;z-index: 2;height: 28%;display: flex;-ms-display: flex;align-items: center;-ms-align-items: center;}
.idx-typebar .typebar{align-items: flex-end;-ms-align-items: flex-end;margin-bottom: 0;}


.index_about{padding: 3.5rem 0 5.0rem;height: 41.5rem;position: relative;z-index: 1;margin-bottom: 0rem;background: url(../images/index_about_bg.jpg) center no-repeat;background-size: cover;}
.index_about .content{color: #333333;line-height: 2;max-width: 636px;text-align: justify;}
.index_about h3{font-size: 2.0rem;font-weight: bold;line-height: 1.4;}
.index_about .readmore{display: block; width: 140px;height: 38px;line-height: 38px;margin-top: 3.0rem; border-radius: 38px; text-align: center;font-size: 0.9rem;display: block;color: #fff;position: relative; overflow: hidden;transition: all 0.5s ease;background-color: #b9292a;}
.index_about .readmore:hover{color: #333;}

.index_fuwu{margin-top: 4.5rem;margin-bottom: 5rem;}
.index_fuwu .content_wrap{position: relative;}
.index_fuwu .content{position: relative;overflow: hidden;}
.index_fuwu .content .swiper-slide{position: relative;}
.index_fuwu .content .swiper-slide:after{position: absolute; width: 150%;height: 1px;content: "";left: 0;bottom: 0;background-color: #ccc;}
.index_fuwu .content .swiper-slide-active .item:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #b9292a;content: "";z-index: 2;}
.index_fuwu .item{height: 6.0rem;padding: 1.5rem 0;padding-left: 4.0rem;position: relative;}
.index_fuwu .item .img{position: absolute;left: 0;top: 1.5rem;height: 50px;width: 50px;}
.index_fuwu .item .textcon{}
.index_fuwu .item .textcon .name{font-size: 1.0rem;color: #333;}
.index_fuwu .item .textcon .desc{font-size: 14px;color: #888;margin-top: 5px;}

.index_fuwu .swiper-button{width: 2.4rem;height: 2.4rem;border-radius: 50%;background-color: #dddddd;transition: all 0.5s;color: #fff; } 
.index_fuwu .swiper-button-prev{left: -70px;}
.index_fuwu .swiper-button-next{right: -70px;}
.index_fuwu .swiper-button:hover{background-color: #b9292a;}
.index_fuwu .swiper-button .iconfont{font-size: 1.5rem;}
.index_fuwu .swiper-button:after{font-size: 1.5rem;}
.index_fuwu .swiper-button-prev.swiper-button-disabled,.index_fuwu  .swiper-button-next.swiper-button-disabled{opacity: 0.5;}



.index_youshi{margin-top: 4.5rem;margin-bottom: 5rem;position: relative;}
.youshi_list{position: relative;}
.youshi_list .swiper-slide{transform: translateX(-16%);transition: all 0.6s;}
.youshi_list .swiper-slide .item{transform: translateX(-16%) scale(0.6);}
.youshi_list .swiper-slide.swiper-slide-active{transform: translateX(0px);}
.youshi_list .swiper-slide.swiper-slide-active .item{transform: translateX(0) scale(1);}
.youshi_list .item .typebar{position: absolute;left: 50% ;width: 12.7rem;margin-left: -6.35rem; top: 6.0rem;z-index: 2;}
.youshi_list .item {display: flex;flex-wrap: wrap;position: relative;}
.youshi_list .item .imgcon{position: relative;width: 54%;}
.youshi_list .item .imgcon .img{width: 100%;height: 0;padding-top: 72.5%;position: relative;}
.youshi_list .item .textcon_wrap{position: relative;width: 26%;padding: 0 2%;padding-top: 15.5rem;}
.youshi_list .item .textcon{width: 12.7rem;margin: 0 auto;}
.youshi_list .item .textcon .name{font-size: 1.0rem;color: #333;position: relative;font-weight: bold;position: relative;line-height: 1.6;padding-bottom: 10px;margin-bottom: 10px;}
.youshi_list .item .textcon .name:after{position: absolute;left: 0;bottom: 0;width: 4.0rem;height: 1px;background-color: #ccc;content: "";z-index: 2;}
.youshi_list .item .textcon .desc{font-size: 14px;color: #888;margin-top: 5px;}

.youshi_list .item .num{position:relative;display:flex;justify-content:center;align-items:center;width:108px;height:108px;pointer-events:none;cursor:auto;}

.youshi_list .swiper-pagination {width: 50%;margin-left: 50%;}


@media only screen and (max-width:960px){.youshi_list .item .num{display:none}}
.youshi_list .item .num__circle,.youshi_list .item .num__circle2{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}
.youshi_list .item .num__circle svg,.youshi_list .item .num__circle2 svg{height:100%;margin:0;padding:0;width:100%}
.youshi_list .item .num__circle svg circle,.youshi_list .item .num__circle2 svg circle{height:100%;margin:0;padding:0;width:100%;fill:transparent;stroke:#333333;stroke-width:1;stroke-dasharray:339 339}
.youshi_list .item .num span{font-size:16px}
@media only screen and (min-width:2561px){
    .youshi_list .item .num span{font-size:18px}
}
@media only screen and (max-width:2560px) and (min-width:1921px){.youshi_list .item .num span{font-size:17px}
}
@media only screen and (max-width:1920px) and (min-width:1681px){.youshi_list .item .num span{font-size:16px}
}
@media only screen and (max-width:1680px) and (min-width:1441px){.youshi_list .item .num span{font-size:16px}
}

.youshi_list .swiper-slide-active .num.active .num__circle{transition:opacity 0.5s}
.youshi_list .swiper-slide-active .num.active .num__circle svg circle{animation:line_ac 5s linear forwards}
@keyframes line_ac{0%{stroke-dasharray:0 339}
100%{stroke-dasharray:339 339}
}
.youshi_list .swiper-slide-active .num.active .num__circle2{display:none}
.youshi_list .swiper-slide-active .num.active2 .num__circle{opacity:0}
.youshi_list .swiper-slide-active .num.active2 .num__circle2{display:block}
.youshi_list .swiper-slide-active .num.active2 .num__circle2 svg circle{animation:line_ac 6.5s linear forwards}
@keyframes line_ac{0%{stroke-dasharray:0 339}
100%{stroke-dasharray:339 339}
}

.youshi_list .swiper-button-np{position:absolute;bottom:50px;left:calc(54% - 4.0rem);display:flex;flex-wrap:wrap;width:8.0rem;z-index:99;height: 4.0rem;}
.youshi_list .swiper-button-np .swiper-button-prev,.youshi_list .swiper-button-np .swiper-button-next{width: 4.0rem;height: 4.0rem;background-color: #b9292a;text-align: center;line-height: 4.0rem;z-index: 9;transition: all 0.5s;}
.youshi_list .swiper-button-np .swiper-button-prev:after,.youshi_list .swiper-button-np .swiper-button-next:after{display: none;}
.youshi_list .swiper-button-np div:hover{opacity: 0.8;}
.youshi_list .swiper-button-np .swiper-button-prev{left: 0;}
.youshi_list .swiper-button-np .swiper-button-next{right: 0;}
.youshi_list .swiper-button-np .iconfont{font-size: 1.5rem;color: #fff;}

.index_news{padding-top: 1.8rem; padding-bottom: 4.0rem;position: relative;z-index: 1;background-color: #fff;}
.news_left{width: 55%;float: left;display: flex;}
.news_left .titles{width: 2.4rem;position: relative;margin-bottom: 0.5rem;margin-right: 2rem;}
.news_left .titles h3{position: relative; font-size: 2.4rem;z-index: 2;}
.news_left .titles:before{font-size: 1.2rem;color: #333;position: absolute;right: -12.8rem;top: 3.25rem;z-index: 2;content: "NEWS CENTER";transform: rotate(90deg);width: 10.0rem;transform-origin: left top;}
/*.news_left .video{width: 100%;height: 0;padding-top: 56.25%;box-sizing: content-box;position: relative;background: url(../images/videopic.jpg) center no-repeat;background-size: cover;}
.news_left .video .video_play{position: absolute;left: 0;top: 0;width: 6.8rem;height: 6.8rem;background-color: rgba(0,0,0,0.7);font-size: 0.8rem;color: #fff;text-align: center;z-index: 2;cursor: pointer;}
.news_left .video .video_play img{width: 2.0rem;height: 2.0rem;margin-top: 1.5rem;margin-bottom: 0.5rem;}
.news_left .video video{position: absolute;width: 100%;height: 100%;top: 0;left: 0;cursor: pointer;}
*/

.news_left .video{width: 100%;height: 0;padding-top: 56.25%;box-sizing: content-box;position: relative;}
.news_left .video .video_play{position: absolute;left: 0;top: 0;width: 6.8rem;height: 6.8rem;background-color: rgba(0,0,0,0.7);font-size: 0.8rem;color: #fff;text-align: center;z-index: 2;cursor: pointer;}
.news_left .video .video_play img{width: 2.0rem;height: 2.0rem;margin-top: 1.5rem;margin-bottom: 0.5rem;}
.imgnews {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.news_left .video a{display: block;width: 100%;height: 100%;background: url(../images/videopic.jpg) center no-repeat;background-size: cover;}
.news_left .video a img{width: 100%;height: 100%;}
.news_left .video a .text{position: relative;width: 100%;background-color: #f6f6f6;padding: 2rem 1.5rem;position: relative;}
.news_left .video a .text:after{position: absolute;left: 0;top: 50%;height: 4.2rem;width: 0.15rem;background-color: #333;margin-top: -2.1rem;content: "";z-index: 2;}
.news_left .video a .text .title{font-size: 1.0rem;line-height: 1.5;height: 3rem;font-weight: bold;overflow: hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.news_left .video a .text .desc{display: flex;justify-content: space-between;margin-top: 0.5rem;}
.news_left .video a .text .date{font-size: 0.9rem;}
.news_left .video a .text .readmore{}
.imgnews .swiper-pagination{width: 80px;left: auto;right: 0; text-align: right;padding: 0 10px;line-height: 50px; bottom: 0;color: #fff;}
.imgnews .swiper-button-next,.imgnews .swiper-button-prev{opacity: 0.3;height: 5.0rem;width: 40px; background-color: rgba(0,0,0,0.3);left: 0;margin-top: -2.5rem;transition: all 0.5s;}
.imgnews .swiper-button-next{left: auto;right: 0;}
.imgnews .swiper-pagination {right: auto;left: -100px;}
.imgnews:hover .swiper-button-next,.imgnews:hover .swiper-button-prev{opacity: 1;}

.news_right{width: 40%;float: right;}
.news_right .hd{border-top: 1px solid #b9292a;}
.news_right .hd li{height: 40px;line-height: 40px; display: inline-block;width: 32%;text-align: center;}
.news_right .hd li a{display: block;position: relative;padding: 0 1.0rem;font-weight: bold;}
.news_right .hd li.on a{color: #fff;background-color: #b9292a;}
.news_right .hd .more{float: right;height: 40px;line-height: 40px;background: url(../images/icon_more_plus.png) right 5px center no-repeat;padding-right: 30px;color: #333;}
.news_right .hd .more:hover{color: #0065bf;}
.news_right .bd{position: relative;padding-top: 110%;height: 0;margin-top: 0.5rem; box-sizing: content-box;overflow: hidden;}
.news_right .index_newslist{display: none;position: absolute;left: 0;top: 0;width: 100%;background-color: #fff;}
.news_right .index_newslist .item{padding: 1.0rem 0 1.0rem 0;border-bottom: 1px solid #ccc;position: relative;display: block;}
/*.news_right .index_newslist .item:last-child{border-bottom: none;}*/
.news_right .index_newslist .img{width: 162px;height: 111px;background-position: center;background-size: cover;position: absolute;left: 0;top: 1.3rem;display: none;}
.news_right .index_newslist .img img{width: 100%;height: 100px;}
.news_right .index_newslist .text{padding-right: 0.4rem;transition: all 0.5s;/* height: 111px;*/}
.news_right .index_newslist .title{position: relative;margin-bottom: 0.5rem;}
.news_right .index_newslist .title:after{position: absolute;bottom: -0.5rem;left: 0;width: 1.5rem;height: 1px;background-color: #333;content: "";display: none;}
.news_right .index_newslist .date{position: relative;font-size: 14px;color: #666;}
.news_right .index_newslist h4{font-size: 0.9rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold; transition:cubic-bezier(0.215,.61,.355,1) .45s; }
.news_right .index_newslist .item:hover h4{color: #b9292a;}
.news_right .index_newslist .item:hover .text{transform: translateX(0.4rem);}
.news_right .index_newslist .desc{font-size: 0.8rem;line-height: 24px;height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 0.5rem;color: #555;}
.news_right .index_newslist .loadmore{margin-top: 0.75rem;display: block;}

.index_hezuo_wrap{overflow: hidden;}
.index_hezuo_wrap .container{position: relative;}
.index_hezuo_wrap .container:after{position: absolute;right: -100%;top: 0;width: 100%;height: 100%;background-color: #f0f0f0;content: "";}
.index_hezuo{padding: 3.5%;background-color: rgb(240,240,240);position: relative;overflow: hidden;}

/*.index_hezuo .swiper-button-prev,.index_hezuo .swiper-button-next{top: -4.0rem;right: 0;left: auto;width: 3.1rem;height: 3.1rem;border-radius: 50%;border: 1px solid #333;text-align: center;background: none;z-index: 2;}
.index_hezuo .swiper-button-prev{right: 4.5rem;}
.index_hezuo .swiper-button-prev:after,.index_hezuo .swiper-button-next:after{display: none;}
.index_hezuo .iconfont{font-size: 18px;color: #333;}*/

.index_hezuo .swiper-button{width: 2.5rem;height: 2.5rem;border-radius: 50%;background-color: #ffffff;transition: all 0.5s;color: #fff;top: -4.0rem;right: 1rem;left: auto; } 
.index_hezuo .swiper-button-prev {right: 4.6rem;}
.index_hezuo .swiper-button .iconfont{font-size: 0.8rem;}
.index_hezuo .swiper-button.swiper-button-next{background-color: #464646;}
.index_hezuo .swiper-button:after{font-size: 0.8rem;color: #464646;transition: all 0.5s;}
.index_hezuo .swiper-button.swiper-button-next:after{color: #fff;}
.index_hezuo .slick-dots li.slick-active button:before{background-color: #b9292a;}


.hezuolist{position: relative;overflow: initial;margin-left: -1.0rem;margin-right: -1.0rem;}
.hezuolist .item{margin-bottom: 2.0rem;}
.hezuolist .item .img{background-color: #fff;height: 4.7rem;line-height: 4.7rem;text-align: center;font-size: 0;margin: 0 1.0rem;}
.hezuolist .item img{max-width: 100%;max-height: 100%;vertical-align: middle;display: inline-block;}

.sub_main{/*background-color: #f8f8f8;*/ position: relative;z-index: 1;padding-top: 1px;padding-bottom: 1px;}

.subbanner{width: 100%;height: 30rem;min-height: 30rem; background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;z-index: 1;background-color: #fff;overflow: hidden;}
.subbanner .banner_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%; background-position: center;background-repeat: no-repeat;background-size: cover;z-index: 0;animation: imgscal 8s ease-in-out 1s 1 both;transform-origin: center;transform: scale(1);}
@keyframes imgscal{
    from {transform: scale(1);}
    to {transform: scale(1.3);}
}

.subbanner:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;content: "";background-color: rgba(0,0,0,0.3);}
.subbanner .container{position: absolute;left: 50%;top: calc(50% - 1.5rem );transform: translate(-50%,-50%);color: #fff;z-index: 2;}
.banner_type h1{font-size: 2.1rem;font-weight: normal;line-height: 1.8;padding-top: 1rem;position: relative;}
.banner_type h1:after{width: 3.5rem;height: 2px;position: absolute;left: 0;top: 0;content: "";background-color: #fff;display: none;}
.banner_type .desc{font-size: 1rem;line-height: 1.8;text-transform: uppercase;}
.banner_type .down{width: 3.0rem;height: 3.0rem;transform: translateY(4.0rem);animation: 2s linear infinite roateY; background: url(../images/icon_scrollmore_w.png) center no-repeat;}
@keyframes roateY {
  to {
    transform: translateY(4.0rem) rotateY(360deg);
  }
}



.subpage_wrap{position: relative;z-index: 1;background-color: #fff;min-height:20vh; }

.subpagenav_wrap{position: relative;z-index: 11;}
.subpagenav{width: 100%;transition: all ease 0.5s;position: absolute;left: 0;top: -3.5rem; z-index: 2;}
.subpagenav.fixed{position: fixed;top: 70px;background-color: rgba(238,126,16,0.8);}
.subpagenav.fixed .container a{background-color: transparent;}
.subpagenav.fixed .container a:after{background-color: #fff;}
.subpagenav.fixed .container{background-image: none;}
.subpagenav .container{text-align: center;display: flex;}
.subpagenav .container a{display: inline-block;margin: 0 0;height: 3.5rem;vertical-align: top;color: #fff;font-size: 0.9rem;line-height: 3.5rem;position: relative;flex: 1 0 auto;border-top: 1px solid #ccc;transition: all 0.5s;}
.subpagenav .container a:after{background-color: #b9292a;content: "";position: absolute;left: 0%;bottom: 0;width: 100%;height: 0.2rem;transition: all 0.5s;transform: scale3d(0,1,1);}
.subpagenav .container a.on:after,.subpagenav .container a:hover:after{transform: scale3d(1,1,1);}

.typebar{margin-bottom: 2.25rem;display: flex;-ms-display: flex;align-items: baseline;flex-wrap: wrap;position: relative;}
.typebar h2{display: inline-block;font-size: 2.4rem;color: #333333;font-weight: normal; letter-spacing: 0.2rem; margin-right: 15px;}
.typebar .enname{display: inline-block;font-size: 0.9rem;color: #888;font-weight: 300;position: relative;text-transform: uppercase;}
.typebar .enname:after{position: absolute;left: 0;top: -10px;width: 1.8rem;height: 1px;background-color: #b9292a;content: "";}

/*.index_page .typebar h2{font-weight: normal;}*/


.typebar .more{float: right;font-size: 1.0rem;color: #0065bf;}
.typebar.typebar2 {}
.typebar.typebar2 h2{width: 100%;margin-bottom: 0.5rem;}
.typebar.typebar2 .enname:after{top: 50%;right: -3rem;left: auto;}

.typebar3{margin-bottom: 1.75rem; display: flex;-ms-display: flex;align-items: baseline;flex-wrap: wrap;}
.typebar3 h3{display: inline-block;font-size: 1.2rem;color: #333333;font-weight: normal;letter-spacing: 0.5rem; margin-right: 15px;}
.typebar3 .enname{display: inline-block;font-size: 0.8rem;color: #888;font-weight: 300;position: relative;text-transform: capitalize;}
.typebar3 .enname:after{position: absolute;left: 2px;top: -6px;width: 1.8rem;height: 1px;background-color: #b9292a;content: "";}



.filter_wrap{background-color: #fff;padding: 0 18px;margin-top: 3.0rem;box-shadow: 3px 4px 6px rgba(0,0,0,0.03),-3px -4px 6px rgba(0,0,0,0.03);}
.filter_wrap .item{width: 100%;padding: 15px 0;border-bottom: 1px solid #efefef;}
.filter_wrap .item:last-child{border-color: transparent;}
.filter_wrap .item .typename{width: 108px;float: left;height: 40px;line-height: 40px;}
.filter_wrap .item .typename .name{display: inline-block;vertical-align: middle;}
.filter_wrap .item .typename .iconfont{font-size: 30px;color: #000;margin-right: 10px;vertical-align: middle;}
.filter_wrap .item .cons{width: calc(100% - 108px);float: left;}
.filter_wrap .item .cons a{display: inline-block;height: 40px;line-height: 40px;margin-right: 1.8rem;}
.filter_wrap .item .cons a:hover{color: #b9292a;}

.caselist{margin-top: 3.0rem;display: flex;flex-wrap: wrap;padding-bottom: -30px;}
.caselist .item{width: calc(33.33% - 20px);margin-bottom: 30px;margin-right: 30px;position: relative;transition: all 0.5s;display: block;}
.caselist .item:hover{box-shadow: 5px 5px 10px rgba(0,0,0,0.09),-5px -5px 10px rgba(0,0,0,0.09);}
.caselist .item .imgcon{width: 100%;height: 0;padding-top: 65%;box-sizing: content-box;position: relative;overflow: hidden;}
.caselist .item .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: all 0.8s;transform-origin: center;}
.caselist .item:hover .img{transform: scale(1.05);transition: all 0.8s;}
.caselist .item .textcon{height: 8rem;background-color: #fff;padding: 1.0rem;}
.caselist .item .textcon .typename{height: 1.8rem;display: inline-block;border-bottom: 1px solid #ccc;}
.caselist .item .textcon .text{display: flex;line-height: 24px;margin-top: 1.0rem;position: relative;}
.caselist .item .textcon .text .name{width: calc(100% - 110px); margin-right: 20px;font-size: 0.9rem;font-weight: bold;max-height: 48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.caselist .item .textcon .text .area{width: 90px;text-align: right;}

.like_case.caselist .item:nth-child(3n){margin-right: 0;}

.fenye{text-align: center;margin-top: 1.0rem;margin-bottom: 1.0rem;}
.fenye a{display: inline-block;height: 40px;line-height: 40px;margin: 0 10px;min-width: 20px;font-size: 1rem;color: #444;border-bottom: 2px solid transparent;transition: all 0.5s;}
.fenye a.cur{border-bottom: 2px solid #ccc;}
.fenye a:hover{color: #b9292a}
.fenye a.prev{}
.fenye a.next{}

.caselist_wrap{padding-bottom: 2rem;}

@media(min-width: 768px){
    .caselist_wrap .caselist .item:nth-child(10n+1){width: calc(66.66% - 10px);height: 0; padding-top: calc( (33.33% - 20px)*0.65 + 8rem ) ;box-sizing: content-box; }
    .caselist_wrap .caselist .item:nth-child(10n+1) .imgcon{position: absolute;left: 0;top: 0; width: 100%;height: 100%;box-sizing: border-box;padding-top: 0;}
    .caselist_wrap .caselist .item:nth-child(10n+6),.caselist_wrap .caselist .item:nth-child(10n+7) {width: calc(50% - 15px);}
    .caselist_wrap .caselist .item:nth-child(5n+2){margin-right: 0;}
    .caselist_wrap .caselist .item:nth-child(5n){margin-right: 0;}

    .caselist_wrap .caselist .item:nth-child(10n+1) .textcon,.caselist_wrap .caselist .item:nth-child(10n+6) .textcon,.caselist_wrap .caselist .item:nth-child(10n+7) .textcon{position: absolute;left: 0;bottom: 0;width: 100%;height: 56px;line-height: 56px;background-color: rgba(0,0,0,0.3);}
    .caselist_wrap .caselist .item:nth-child(10n+1) .textcon .typename,.caselist_wrap .caselist .item:nth-child(10n+6) .textcon .typename,.caselist_wrap .caselist .item:nth-child(10n+7) .textcon .typename{display: none;}

    .caselist_wrap .caselist .item:nth-child(10n+1) .textcon .text,.caselist_wrap .caselist .item:nth-child(10n+6) .textcon .text,.caselist_wrap .caselist .item:nth-child(10n+7) .textcon .text{color: #fff;margin-top: 0;}

    .caselist_wrap .caselist .item:nth-child(10n+1) .textcon .name,.caselist_wrap .caselist .item:nth-child(10n+6) .textcon .name,.caselist_wrap .caselist .item:nth-child(10n+7) .textcon .name{white-space: nowrap;text-overflow: ellipsis;display: block;}
}

@media(max-width: 767px){
    .caselist .item{width: 100%;margin-right: 0px;}
}

.case_content_wrap{position: relative;background-color: #fff;}
.case_content_wrap:after{position: absolute;right: -100%;top: 0;height: 100%;width: 100%;content: "";background-color: #fff;}
.case_content{padding: 4.0rem 3.5rem;}
.case_content .titles{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 1.0rem;}
.case_content .titles h2{flex: 1;margin-right: 60px;font-size: 1.8rem;color: #333;line-height: 1.4;}
.case_content .titles .return{width: 10.0rem;text-align: right;height: 2.2rem;line-height: 2.2rem;}
.case_content .titles .return .iconfont{font-size: 1.8rem;margin-right: 0.5rem;}
.case_content .info{display: flex;justify-content: space-between;align-items: center;padding: 1.5rem 0;border-bottom: 1px solid #ccc;margin-bottom: 3.3rem;flex-wrap: wrap;}
.case_content .info .items{width: 62%;display: flex;flex-wrap: wrap;}
.case_content .info .items .item{width: 24%;margin-right: 1%;flex: 1; display: flex;align-items: center;}
.case_content .info .items .iconfont{font-size: 20px;color: #aaa;margin-right: 0.8rem;}
.case_content .info .items .item .name{color: #888;margin-bottom: 5px;}
.case_content .info .quanjing{width: 140px;height: 38px;line-height: 38px;border-radius: 38px;background-color: #b9292a;text-align: center;color: #fff;}

.case_content .imgs_wrap{overflow: hidden;}
.case_content .bigimgs{margin-bottom: 1.5rem;position: relative;}
.case_content .bigimgs .img{position: relative;}
.case_content .bigimgs .img .text{position: absolute;left: 0;bottom: 0;height: }

.case_content .swiper-button{z-index: 3; width: 2.8rem;height: 2.8rem;border-radius: 50%;background-color: #fff;transition: all 0.5s;color: #333; } 
.case_content .swiper-button-prev{left:10px;}
.case_content .swiper-button-next{right: 10px;}
.case_content .swiper-button:hover{background-color: #b9292a;}
.case_content .swiper-button:hover:after{color: #fff;} 
.case_content .swiper-button .iconfont{font-size: 1.5rem;}
.case_content .swiper-button:after{font-size: 1.5rem;color: #333;font-weight: bold;transition: all 0.5s;}

.case_content .imgs_wrap .img{width: 100%;height: 0;padding-top: 53.17%;box-sizing: content-box; background-position: center;background-repeat: no-repeat;background-size: cover;}
.case_content .smallimgs .img .text{position: absolute;width: 100%;height: 1.5rem;text-align: center;background-color: rgba(0,0,0,0.4);color: #fff;display: flex;align-items: center;justify-content: center;left: 0;bottom: 0;z-index: 2; transition: all 0.5s;}
.case_content .smallimgs .swiper-slide-thumb-active .img .text{height: 100%;}
.like_case_wrap{padding: 3.0rem 4.0rem;border-top: 1px solid #ccc;}
.casecon_page{background-color: #f8f8f8;}


/* ========== */
/* = NEWS = */
/* ========== */
.newslist_wrap{}
.news{ position: relative; padding:60px 0 0;}
.news .gray-png{ position: absolute; top:-70px; left:0; width:44%; height:60%; background: #f8f8f8; z-index: 0;}
.news ul{ margin-bottom: 65px; position: relative; z-index: 1;}
.news li{ margin-bottom: 35px;}
.news li a{ display: block; background: #FFFFFF; padding: 2.5rem 2.5rem 2.5rem 2.5rem; position: relative;}
.news li a:before{ content: ""; position: absolute; bottom:0; left:0; width: 0;  height: 3px; background: #b9292a; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; }
.news li .textcon{float: left; width:50%;position: relative;width: 50%;height: 0;padding-top: 31.27%;box-sizing: content-box;}
.news li .text{ position: absolute;left: 0;top: 0;width: 100%;height: 100%; padding-bottom: 60px;padding-right: 3.0rem;}
.news li .text span{ display: block; font-size: 18px; }
.news li .text .tit{ margin-top: 6%; font-size: 1.2rem; line-height: 2rem; color: #333333;max-height: 4rem;overflow: hidden;}
.news li .text .des{ margin-top: 1.1rem; font-size: 0.8rem; color: #999999; line-height: 24px; height: 48px; overflow: hidden;}
.news li .text .tip{position: absolute;width: calc(100% - 3.0rem); left: 0;bottom: 3.5rem; padding-bottom: 10px; font-size: 12px; color: #cccccc; text-transform: uppercase; letter-spacing:3px;}
.news li .text .tip:after{ content: ""; position: absolute; bottom:0; left:0; width: 100%; border-bottom:1px solid #b9292a;}
.news li .text em{position: absolute;left: 0;bottom: 0; display: block; width: 7.5rem; height: 2.2rem; line-height:2.0rem; border:1px solid #2d2d2d; color: #2d2d2d; font-size: 12px; font-weight: bold; letter-spacing: 1px; text-align: center;transition: all 0.5s;}
.news li .img{ float: right; width: 50%; overflow: hidden; height: 0;padding-top: 31.27%;box-sizing: content-box;position: relative;}
.news li .imgcon{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;transform-origin: center;transition: all 0.5s;}
.news li .img img{ width: 100%;transition: all 0.5s; position: absolute;left: 0;top: 0;}
.news li a:hover:before{ width: 100%;}
.news li a:hover .text em{ background: #b9292a; color: #FFFFFF;border-color: #b9292a;}
.news li a:hover .img img,.news li a:hover .img .imgcon{ transform: scale(1.1); -webkit-transform: scale(1.1);}



.news_con{padding-top: 5.5rem;padding-bottom: 3.5rem;}
.news_con .leftbar{width: 100px;text-align: center;}
.news_con .leftcon{width: calc(75% - 100px);position: relative;padding: 0 3%;}
.news_con .leftcon:before{width: 1px;height: 80%;background-color: #f0f0f0;content: "";position: absolute;left: 0;top: 0;}
.news_con h1{font-size: 1.8rem;font-weight: normal;margin-bottom: 1.5rem;text-align: center;}
.news_con .source{margin-bottom: 2.5rem;padding: 0.75rem;background-color: #f6f6f6;text-align: center;}
.news_con .source span{padding: 0 15px;font-size: 14px;}
.news_con_body{line-height: 1.8;margin-bottom: 2rem;text-align: justify;}
.news_con_body p {text-indent: 2em;line-height: 2;}
.news_con_body p,.news_con_body div{margin-bottom: 20px;}
.news_con_body img{max-width: 90%;margin: 20px auto;display: block;}

.news_con .right_con{width: 25%;height: max-content;position: sticky;position: -webkit-sticky;top: 88px;}
/*@media (max-width: 1440px){
  .news_con .right_con{
    height: 535px;
  }
}
@media (max-width: 1280px){
  .news_con .right_con{
    height: 505px;
  }
}*/
@media (max-width: 767px){
  .news_con .right_con{
    height: auto;
    position: relative;
    position: -webkit-relative;
    top: auto;
  }
}
.news_con .return_list{margin: 2rem 0; width: 100%;height: 2.8rem;line-height: 2.8rem;background: #b9292a ;text-align: center;color: #fff;text-indent: 20px;}
.news_con .return_list .icon{width: 30px;height: 30px;background: url(../images/icon_menu_w.png) center center no-repeat;}

.news_con .leftbar .date{font-size: 1.0rem;color: #000;font-family: "Dosis";margin-bottom: 1rem;}
.news_con .leftbar .day{font-size: 1.5rem;}
.news_con .leftbar .year{position: relative;display: inline-block;}
.news_con .leftbar .year:after,.news_con .leftbar .year:before{position: absolute;left: -20px;top: 50%;width: 0.8rem;height: 1px;background-color: #c8c8c8;content: "";}
.news_con .leftbar .year:after{right: -20px;left: auto;}

.news_con .share{}
.share .name{font-size: 14px;color: #666;position: relative;display: inline-block;}
.share .name:after,.share .name:before{position: absolute;left: -1.0rem;top: 50%;width: 0.8rem;height: 1px;background-color: #c8c8c8;content: "";}
.share .name:after{right: -1.0rem;left: auto;}
.lhShare_list{}
.share .lhShare{display: block;width: 40px;height: 40px;line-height: 40px;margin: 1rem auto 1rem; border-radius: 50%;background-color: #ccc;transition: all 0.6s;text-align: center;}
.share .lhShare:hover{background-color: rgb(61,190,91);}
.share .lhShare[data-type='xinlang']:hover{background-color: rgb(213,44,43)}
.share .lhShare[data-type='qqhy']:hover{background-color: rgb(22,154,218)}
.share .lhShare[data-type='kongjian']:hover{background-color: rgb(253,207,0)}
.share .lhShare .iconfont{font-size: 30px;color: #fff;}


.newslist3{margin-top: 2.5rem;}
.newslist3 h3{font-size: 1.5rem;line-height: 1;width: 100%;margin-bottom: 1.5rem;color: #555;padding-left: 1.0rem;border-left: 0.2rem solid #004098;}
.newslist3 .item{margin-bottom: 10px; display: block;width: 50%; color: #555;transition: all 0.5s ease;line-height: 1.8;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 1rem;padding-right: 30px;}
.newslist3 .item:hover{color: #004097;}

.newslist4{margin-bottom: 2rem;}
.newslist4 h3{font-size: 1.2rem;line-height: 2.2;width: 100%;margin-bottom: 1.5rem;color: #555;padding-left: 35px;border-bottom: 1px solid #ddd;background: url(../images/icon_fire_b.png) left 5px center no-repeat;}
.newslist4 h3.tjicon{background-image: url(../images/icon_new.png);}
.newslist4 .item{margin-bottom: 10px; display: block;width: 100%; color: #555;transition: all 0.5s ease;line-height: 1.8;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 1rem;padding-right: 30px;position: relative;}
.newslist4 .item span{padding: 0 10px;  }
.newslist4 .item.hot{background: url(../images/icon_hot.png) right center no-repeat;}
.newslist4 .item:after{position: absolute;left: 2px;top: 50%;margin-top: -10px; font-size: 14px; width: 20px;height: 20px;line-height: 20px;text-align: center; content: attr(data-num);color: #fff;}
.newslist4 .item:nth-of-type(1) span{color: #c80000;}
.newslist4 .item:nth-of-type(2) span{color: #ff0909;}
.newslist4 .item:nth-of-type(3) span{color: #ff9000;}
.newslist4 .item:hover{color: #b9292a;}

.newslist5{margin-top: 2.5rem;}
.newslist5 h3{font-size: 1.2rem;line-height: 2.2;width: 100%;margin-bottom: 1.5rem;color: #555;padding-left: 35px;border-bottom: 1px solid #ddd;background: url(../images/icon_flag.png) left center no-repeat;}
.newslist5 .item{margin-bottom: 10px; display: block;width: auto;margin-right: 15px;background-color: #f8f8f8;text-align: center; color: #555;transition: all 0.5s ease;line-height: 1.8;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 1rem;padding: 5px 20px;}
.newslist5 .item:hover{color: #b9292a;}

.bt{border-top: 1px solid #ccc;}
.fanpian{padding-top: 1.0rem;width: 100%;}
.fanpian a{margin-bottom: 10px; display: block;width: 100%; color: #444;transition: all 0.5s ease;line-height: 1.8;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fanpian a:hover{color: #b9292a;}
.sharebox{line-height: 37px;margin-top: 30px;}


/*jobs*/
.jobs_page {padding-top: 1.5rem;padding-bottom: 3.5rem;background-color: #fff;z-index: 1;position: relative;}
.jobs_content{padding-top: 3.5rem;}
.rzfz_content{}
.rzfz_content .item{}
/*.rzfz_content .item:nth-of-type(2n) .text{order: -1;}*/
.rzfz_content .item .img{flex: 0 0 50%;-ms-flex: 0 0 50%;-webkit-flex: 0 0 50%;position: relative;overflow: hidden;/*height: 0;box-sizing: content-box;padding-top: 25%;*/}
.rzfz_content .item .imgbg{position: absolute;left: 0;top: 0; width: 100%;height: 100%;transition: all 0.6s ease-in-out;background-size: cover;background-position: center;background-repeat: no-repeat; }
.rzfz_content .item .text{flex: 0 0 50%;-ms-flex: 0 0 50%;-webkit-flex: 0 0 50%;padding: 3.0rem;}
.rzfz_content .item .text h3{font-size: 1.5rem;font-weight: bold;color: #666666;position: relative;padding-bottom: 0.75rem;}
.rzfz_content .item .text h3:after{position: absolute;left: 0;bottom: 0;width: 2.5rem;height: 1px;background-color: #ccc;content: "";}
.rzfz_content .item .text .desc{padding: 3.5rem 0;position: relative;margin-top: 1.5rem;font-size: 1.0rem;color: #666666;line-height: 1.7;}
.rzfz_content .item .text .desc:before{position: absolute;left: 0;top: 0; width: 3.35rem;height: 2.5rem;  background: url(../images/yinhao_left.png) center no-repeat;background-size: 100%;content: ""; }
.rzfz_content .item .text .desc:after{position: absolute;right: 0;bottom: 0;width: 3.35rem;height: 2.5rem;background: url(../images/yinhao_right.png) center no-repeat;background-size: 100%;content: ""; }
.rzfz_content .item:hover .img .imgbg{transform: scale(1.05);}

.job_list_wrap{padding-top: 3.5rem;background-color: #fff;padding-bottom: 2rem;}
.job_search{margin-bottom: 1.5rem;color: #333;}
.job_search select{border: 1px solid #eee;height: 2.8rem;width: calc(45% - 6rem);margin-right: 1.5rem;font-size: 1rem;}
.job_search input[type='text']{border: 1px solid #eee;height: 2.8rem; flex: 1;margin-right: 1.5rem;font-size: 1rem;}
.job_search button[type='submit']{height: 2.8rem;width: 11.7rem;background-color: #b9292a; color: #fff;border: 0;font-size: 1rem;}

/*jobs*/
.joblist {margin-bottom: 60px;}
.joblist .tt{background: #f0f0f0;margin-bottom: 10px;color: #555;font-weight: bold;}
.joblist .tt p{float: left;width: 30%;padding-left: 2.5%;color: #666666;line-height: 3.25rem;font-size: 1rem;text-align: center;}
.joblist ul{background: #fff;border-bottom: 0;}
.joblist ul li .dt{position: relative;border-bottom: 1px dotted #e0e0e0;cursor: pointer;}
.joblist ul li .dt p{float: left;width: 30%;padding-left: 2.5%;color: #666;line-height: 56px;font-size: 1rem;text-align: center;}
.joblist ul li .dt p a,.joblist .cont .wyyp a{width: 9.0rem;background: #b9292a;display: block;color: #fff;font-size: 14px;text-align: center;margin-top: 10px;height: 2.1rem;line-height: 2.1rem;}
.joblist .cont .wyyp a{margin: 15px 0 10px;}
.joblist ul li .dt .zkbtn{
    position:absolute;right:40px;top:0;width:24px;text-align:center;height:56px;display:flex;align-items:center;font-size:40px;cursor:pointer;color:#c8c8c8;background: url(../images/icon_jia.png) center no-repeat;background-size: 16px;}
.joblist ul li .dt .zkbtn.open{background-image: url(../images/icon_jian.png);background-size: 9px;}
.joblist ul li .cont{padding: 2.5%;font-size: 14px;color: #757474;line-height: 24px;border-bottom: 1px dotted #e0e0e0;display: none;background-color: #fff;}
.joblist .cont_body {margin-bottom: 1.0rem;padding-bottom: 1.3rem;border-bottom: 1px dotted #e0e0e0;}
.joblist .cont_body .item{width: 48%;}
.joblist .cont_body .item .name{font-size: 1rem;margin-bottom: 1rem;color: #333;}
.joblist .cont_body .bodycon{font-size: 14px;line-height: 2;}

/*联系我们*/
.contact_wrap{background-color: #fff;position: relative;z-index: 1;padding: 3.5rem;}
.contact_wrap:before{position: absolute;width: 100%;height: calc(100% + 50px);background-color: #f8f8f8;left: -100%;top: 0;content: "";}
.contact_wrap:after{position: absolute;width: 100%;height: 100%;background-color: #ffffff;right: -100%;top: 0;content: "";}



.contact_map{margin-top: 3.5rem;position: relative;}
.contact_map .map{width: 100%;height: 32.5rem;}
.contact_map .map h4{font-size: 16px;font-weight: bold;}
.contact_map .map .input-item{font-size: 15px;}
.contact_map .mapbg {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 200;background-color: rgba(0,0,0,0.05);cursor: pointer;}

.contact_wrap{padding-top: 3.5rem;}
.contact_wrap .info{max-width: 800px;margin-right: 5%;}
.contact_wrap .info p{margin-bottom: 0.5rem;font-size: 1rem;line-height: 1.6;background-position: left top 0.2rem;background-repeat: no-repeat;background-size: 1.2rem;}
/*.contact_wrap .info p.paddr{background-image: url(../images/contact/icon_addr_l.png);}
.contact_wrap .info p.ptel{background-image: url(../images/contact/icon_tel_l.png);}
.contact_wrap .info p.pfax{background-image: url(../images/contact/icon_fax_l.png);}*/
.contact_wrap .feedback{width: 100%;margin-top: 5%;font-size: 1.0rem;}
.contact_wrap .feedback .items {justify-content: space-between;}
.contact_wrap .feedback .items .item{width: 32%;}
.contact_wrap .feedback input[type='text']{height: 2.2rem;font-size: 0.9rem;}
.contact_wrap .feedback textarea{font-size: 0.9rem;}
.contact_wrap .feedback button[type='submit']{height: 3.2rem;background-color: #b9292a;color: #fff;font-size: 1rem;border: 0;width: 10.0rem;}
.contact_wrap .feedback .item{margin-bottom: 1.0rem;}
.contact_wrap .feedback img{height: 2.2rem;margin-left: 1.5rem;margin-right: 1.5rem;}

.contact_guanzhu{padding-top: 3.5rem;}
.codelist{margin-top: 2rem;}
.codelist .item{width: 15%;text-align: center;}
.codelist .item .img{width: 100%;text-align: center;padding: 10px;}
.codelist .item .img img{box-shadow: 3px 3px 10px rgba(0,0,0,0.3)}
.codelist .item p{margin-top: 0.5rem;}

.about_con{width: 100%;background: url(../images/about_bg1.jpg) center no-repeat;background-size: cover;background-attachment: fixed;padding: 8rem 0 3.0rem 0;}
.about_con .content{line-height: 1.8; }
.about_con .content .textcon{flex: 1;margin-right: 5%; text-align: justify;}
.about_con .content .imgcon{width: 28.2rem;height: 32.8rem;}
.about_con .content p{padding-bottom: 1.0rem;}
.about_con .about_data{margin-top: 2.5rem;margin-bottom: 2.5rem;padding-bottom: 1.5rem;padding-top: 1rem;
  background: url(../images/about_data_bg.png) center no-repeat;background-size: cover;
  box-shadow: 3px 4px 6px rgba(0,0,0,0.03),-3px -4px 6px rgba(0,0,0,0.03);
}
.about_con .about_data .con{width: 25%;padding: 0 15px;text-align: center;float: left;}
.about_con .about_data .name{font-size: 1.5rem;line-height: 1.6;}
.about_con .about_data .name .num{font-size: 3.0rem;padding-right: 5px;vertical-align: middle;}
.about_con .about_data .desc{color: #555555;}

.history{background: url(../images/fazhan_bg.jpg) center no-repeat;padding-top: 4.5rem;padding-bottom: 4.5rem;background-size: cover;}
.history_wrap .history_bd{padding: 0;position: relative;background-color: #fff;}
.history_wrap .swiper-container-fazhan{position: static;margin: 0 3.0rem;}
.history_wrap .swiper-slide{text-align: center;}
.history_wrap .swiper-slide.swiper-slide-thumb-active .year{border-color: #b9292a;}
.history_wrap .swiper-slide .year{display: inline-block; height: 2.5rem;line-height: 2.5rem;text-align: center;position: relative;border-bottom: 2px solid transparent;overflow: hidden;cursor: pointer;}
.history_wrap .swiper-button-next,.history_wrap .swiper-button-prev{width: 2.5rem;height: 2.5rem;border-radius: 2.5rem;background-color: #b9292a;top: 0;margin-top: 0; }
.history_wrap .swiper-button-prev{left: 0;}
.history_wrap .swiper-button-next{right: 0;}
.history_wrap .swiper-button-next .iconfont,.history_wrap .swiper-button-prev .iconfont{font-size: 1.4rem;color: #fff;}
.history_wrap .swiper-button-next:after,.history_wrap .swiper-button-prev:after{display: none;}
.history_con{margin: 3.0rem;}
.history_con .item{ transition: all 0.5s;align-items: center;flex-wrap: wrap;justify-content: space-between;display: flex;}
.history_con .item.cur{}
.history_con .item .imgcon{width: 46%;border: 0.3rem solid #fff;box-shadow: 3px 3px 6px rgba(0,0,0,0.1),-3px -3px 6px rgba(0,0,0,0.1);margin: 1%;}
.history_con .item .imgcon .img{width: 100%;height: 0;padding-top: 60.75%;box-sizing: content-box;position: relative;}
.history_con .item .imgcon .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.history_con .item .text{width: 46%; margin-right: 4%; max-width: 510px; line-height: 1.8;text-align: justify;}

.wenhua_wrap {padding-bottom: 4.5rem;padding-top: 4.5rem;}
.wenhua_con{align-items: flex-end;}

.wenhua_con .textcon{width: 46%;}
.wenhua_con .textcon .item{margin-bottom: 1rem;}
.wenhua_con .textcon .item h3{font-size: 1.2rem;color: #b9292a;}
.wenhua_con .textcon .item .desc{margin-top: 1.0rem;line-height: 1.8;font-size: 0.8rem;}

.wenhua_con .imgcon{width: 51%;}
.wenhua_con .imgcon .item{width: 30%;border: 0.5rem solid #dcdcdc;}
.wenhua_con .imgcon .item .img{width: 100%;height: 0;padding-top: 74.5%;box-sizing: content-box;position: relative;}
.wenhua_con .imgcon .item .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}


.honor_wrap {padding-bottom: 4.5rem;padding-top: 4.5rem;background-color: #fff;}
.honor_con{align-items: flex-end;}
.honor_con .honor_con_list{position: relative;}
.honor_con .honor_con_list .swiper-button{width: 2.5rem;height: 2.5rem;border-radius: 50%;background-color: #dddddd;transition: all 0.5s;color: #fff; } 
.honor_con .honor_con_list .swiper-button:hover{background-color: #b9292a;}
.honor_con .honor_con_list .swiper-button .iconfont{font-size: 1.5rem;}
.honor_con .honor_con_list .swiper-button:after{font-size: 1.5rem;}
.honor_con .imgcon{width: 100%;margin: 0 4.5rem;}
.honor_con .imgcon .item{width: 30%;/*border: 0.5rem solid #dcdcdc;*/}
.honor_con .imgcon .item .img{width: 100%;height: 0;padding-top: 74.5%;box-sizing: content-box;position: relative;}
.honor_con .imgcon .item .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.honor_text{background: url(../images/map_bg.png) center no-repeat;background-size: 100%;margin-top: 3.0rem;}
.honor_text .item{width: 33.33%;padding-left: 6.0rem;}
.honor_text .item .headcon{height: 4.5rem;line-height: 4.5rem;position: relative;margin-bottom: 1rem;}
.honor_text .item .headcon:after{position: absolute;left: -6.0rem;bottom: 0;width: calc(100% + 6rem);height: 1px;background-color: #ccc;content: "";}
.honor_text .item .headcon .iconfont{font-size: 2.7rem;color: #333;}
.honor_text .item .title{font-size: 1.2rem;position: relative;margin-bottom: 2.0rem;font-weight: normal;}
.honor_text .item .title:after{position: absolute;left: -2.2rem;top: 50%;margin-top: -0.3rem;width: 0.6rem;height: 0.6rem;background-color: #b9292a;content: "";border-radius: 0.6rem;}
.honor_text .item .desccon{color: #333;line-height: 1.8;}
.honor_text .item .desccon p{margin-bottom: 0.5rem;}


.zizhi_wrap{padding-top: 4.5rem;padding-bottom: 4.5rem;background: url(../images/fazhan_bg.jpg) center no-repeat;background-size: cover;}
.zizhi_wrap .textcon{width: 30%;line-height: 2;}
.zizhi_wrap .imgcon{width: 55%;padding-bottom: 30px;}
.zizhi_wrap .imgcon .item{width: 30%;border: 6px solid #fff;}
.zizhi_wrap .imgcon .item .img{width: 100%;height: 0;padding-top: 141.59%;box-sizing: content-box;position: relative;}
.zizhi_wrap .imgcon .item .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.zizhi_wrap .swiper-pagination,.hezuolist2 .swiper-pagination,.youshi_list  .swiper-pagination,.honor_wrap  .swiper-pagination{bottom: 0;}
.zizhi_wrap .swiper-pagination span,.hezuolist2 .swiper-pagination span,.youshi_list .swiper-pagination span,.honor_wrap .swiper-pagination span{height: 2px;width: 2.5rem;padding: 0;background-color: #cacaca;display: inline-block;margin: 0 0.5rem;border-radius: 0;}
.zizhi_wrap .swiper-pagination span:before,.hezuolist2 .swiper-pagination span:before,.youshi_list .swiper-pagination span:before,.honor_wrap .swiper-pagination span:before{background-color: #cacaca;border-radius: 0;}

.zizhi_wrap .swiper-pagination span.swiper-pagination-bullet-active:before,.zizhi_wrap .swiper-pagination span.swiper-pagination-bullet-active,.hezuolist2 .swiper-pagination span.swiper-pagination-bullet-active:before,.hezuolist2 .swiper-pagination span.swiper-pagination-bullet-active ,.youshi_list .swiper-pagination span.swiper-pagination-bullet-active:before,.youshi_list .swiper-pagination span.swiper-pagination-bullet-active:before,.honor_wrap .swiper-pagination span.swiper-pagination-bullet-active:before{background-color: #b9292a!important;}



.service_page{background-color: #fff;}
.service_quaandz{padding-top: 6rem;padding-bottom: 8rem;}
.service_quaandz .imgcon{width: 55%;position: relative;}
.service_quaandz .imgcon .img{position: relative;height: 0;width: 100%;padding-top: 71.83%;background-position: center;background-size: cover;z-index: 1;}
.service_quaandz .imgcon:after{position: absolute;left: -2.7rem;top: 2.0rem;width: calc(100% + 1.7rem);height: calc(100% + 1.0rem);background-color: #f2f2f2;z-index: 0;content: "";}
.service_quaandz .textcon{width: 40.56%;}
.service_quaandz .textcon h3{font-size: 1.8rem;margin-bottom: 1rem;line-height: 1.6;}
.service_quaandz .textcon .desc{line-height: 1.6;}
.service_quaandz .textcon .desc p{margin-bottom: 0.3rem;margin-bottom: 0.5rem;}

.service_jjtd{padding: 6rem 0;background: url(../images/service_jjtd.jpg) center no-repeat;background-size: cover;}
.service_jjtd .textcon{width: 45%;}
.service_jjtd .textcon .titles{position: relative;padding-bottom: 1.0rem;}
.service_jjtd .textcon .titles:after{position: absolute;left: 0;bottom: 0;width: 240px;height: 0.15rem;background-color: #b9292a;content: "";}
.service_jjtd .textcon .titles h2{font-size: 2.4rem;line-height: 1.4;color: #333333;}
.service_jjtd .textcon .titles .enname{color: #999999;margin-top: 10px;}
.service_jjtd .textcon .desc{margin-top: 1.2rem;line-height: 1.8;color: #666666;}
.service_jjtd .textcon .readmore{width: 140px;height: 38px;border-radius: 38px;background-color: #b9292a;color: #fff;text-align: center;line-height: 38px;margin-top: 1.2rem;transition: all 0.5s;display: block;cursor: pointer;}
.service_jjtd .textcon .readmore:hover{opacity: 0.82;}
.service_jjtd .imgcon{width: 48%;}

.service_flag{padding-top: 4.5rem;padding-bottom: 4.5rem;color: #fff;background: url(../images/fuwu_yzs_bg.jpg) center no-repeat;background-size: cover;}
.service_flag .container{align-items: flex-end;}
.service_flag .leftcon{width: 45%;}
.service_flag .leftcon .enname{font-size: 6.0rem;font-weight: bold;text-transform: uppercase;display: inline-block;border-bottom: 1px solid #b8b8b8;opacity: 0.9;}
.service_flag .leftcon .title{font-size: 1.8rem;margin-top: 1.8rem;}
.service_flag .leftcon .desc{margin-top: 0.8rem;}
.service_flag .rightcon{width: 50%;text-align: right;}
.service_flag .rightcon .tel{font-size: 3.4rem;font-family: 'Dosis';}
.service_flag .rightcon .tel .iconfont{font-size: 2.6rem;margin-right: 10px;}

/*设计定制*/
.service_dingzhi_wrap{background-color: #f2f2f2;padding: 5rem 0;}
.service_dingzhi .container{}
.service_dingzhi{margin-top: -6.59%;}
.service_dingzhi .leftcon{width: 21.33%;}
.service_dingzhi .leftcon .img{width: 100%;height: 0;padding-top: 164.5%;box-sizing: content-box;background-size: cover;background-position: center;background-repeat: no-repeat;}
.service_dingzhi .rightcon{width: 18.33%;margin-left: -1px;}
.service_dingzhi .rightcon .name{width: 100%;height: 4.6rem;line-height: 4.6rem;text-align: center;color: #fff;background-color: #b9292a;font-size: 2.7rem;text-transform: capitalize;font-family: 'Didot';font-weight: bold;}
.service_dingzhi .rightcon .img{width: 100%;height: 0;padding-top: 119.15%;box-sizing: content-box;background-size: cover;background-position: center;background-repeat: no-repeat;}
.service_dingzhi .dz_content{flex: 1;}
.service_dingzhi .dz_content .item{width: 33.3333333%;}

.service_dingzhi .dz_content .con{width: 100%;position: relative;height: 0;padding-top: 108%;box-sizing: content-box;background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #fff;color: #333;transition: all 0.5s;}

.service_dingzhi .dz_content .item:nth-child(2) .con{background-color: #f8f8f8;}
.service_dingzhi .dz_content .item:nth-child(4) .con,.service_dingzhi .dz_content .item:nth-child(5) .con,.service_dingzhi .dz_content .item:nth-child(6) .con{background-color: rgba(0,0,0,0.5);color: #fff;}

.service_dingzhi .dz_content .item:nth-child(4) .con:hover,.service_dingzhi .dz_content .item:nth-child(5) .con:hover,.service_dingzhi .dz_content .item:nth-child(6) .con:hover{background-color: rgba(185,41,42,0.9);}

.service_dingzhi .dz_content .con2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0 10%;text-align: center;justify-content: flex-start;}
.service_dingzhi .dz_content .con .title{font-size: 1.6rem;font-weight: bold;margin-top: 3.2rem;}
.service_dingzhi .dz_content .con .desc{font-size: 14px;margin-top: 1.0rem;line-height: 22px;min-height: 88px;text-align: justify;}

.service_case{padding-top: 4.5rem;padding-bottom: 4.5rem;}
.service_case .typenav{margin-top: -4rem;position: relative;z-index: 2;}
.typenav{text-align: right;height: 40px;}
.typenav li{display: inline-block;margin-right: 5%;height: 40px;line-height: 40px; border-bottom: 1px solid transparent;}
.typenav li a{display: block;height: 100%;}
.typenav li.on{border-color: #b9292a;}
.typenav li:last-child{margin-right: 0;}

.case_list_bd{min-height:0; }
.caselist2{margin-top: 3.0rem;display: none;}
.caselist2 .item{width: calc(30%);margin-bottom: 2%;margin-right: 2%; position: relative;float: left;display: block;}
.caselist2 .item:nth-child(5n+1) {width: 36%;clear: left;}
.caselist2 .item:nth-child(5n+1) .imgcon{padding-top: calc(2%*(100/36) + 100%*30/36*0.65*2);}
.caselist2 .item:nth-child(5n+3),.caselist2 .item:nth-child(5n){margin-right: 0;}
.caselist2 .item .imgcon{width: 100%;height: 0;padding-top: 65%;box-sizing: content-box;position: relative;overflow: hidden;}
.caselist2 .item .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: all 0.8s;transform-origin: center;}
.caselist2 .item:hover .img{transform: scale(1.05);transition: all 0.8s;}
.caselist2 .item .textcon{position: absolute;left: 0;bottom: 0;width: 100%;height: 2.8rem;line-height: 2.8rem;background-color: rgba(0,0,0,0.3);padding: 1.0rem 0.75rem;color: #fff;}
.caselist2 .item .textcon .text{display: flex;line-height: 24px;position: relative;}
.caselist2 .item .textcon .text .name{width: calc(100% - 130px); margin-right: 20px;font-size: 0.9rem;max-height: 48px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.caselist2 .item .textcon .text .area{width: 110px;text-align: right;}

.service_jzgy_wrap{padding-top: 4.5rem;padding-bottom: 4.5rem;background: url(../images/fuwu_jzgy_bg.jpg) center no-repeat;background-size: cover;}
.service_jzgy_list .item{width: 20%;}
.service_jzgy_list .item:nth-child(2n) .con{order: -1;}
.service_jzgy_list .imgcon{width: 100%;position: relative;height: 0;padding-top: 105.28%;box-sizing: content-box;overflow: hidden;position: relative;}
.service_jzgy_list .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%; background-size: cover;background-repeat: no-repeat;background-position: center;transition: all 0.5s;transform-origin: center center;}
.service_jzgy_list .img:hover{transform: scale(1.05);}
.service_jzgy_list .con{width: 100%;position: relative;height: 0;padding-top: 105.28%;box-sizing: content-box;background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #fff;color: #333;transition: all 0.5s;}
.service_jzgy_list .con2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0 1rem;}
.service_jzgy_list .con .title{font-size: 1.6rem;font-weight: bold;}
.service_jzgy_list .con .desc{font-size: 14px;margin-top: 1.0rem;line-height: 22px;min-height: 88px;}

/*服务 合作案例*/
.serivce_hezuo{padding-top: 4.5rem;padding-bottom: 4.5rem;}
.hezuolist2{padding-bottom: 2.5rem;margin-left: -1rem;margin-right: -1rem;}
.hezuolist2 .swiper-slide{margin-bottom: 2.0rem;}
.hezuolist2 .item .img{background-color: #fff;height: 4.7rem;line-height: 4.5rem;text-align: center;font-size: 0;margin: 0 1.0rem;border: 1px solid #b3b3b3;}
.hezuolist2 .item img{max-width: 100%;max-height: 100%;vertical-align: middle;display: inline-block;}
.hezuolist2 .slick-dots li button:before,.hezuolist2 .slick-dots li button,.hezuolist2 .slick-dots li{width: 2.5rem;height: 2px;border-radius: 0; }
.hezuolist2 .slick-dots li{margin: 0 10px;}


/*服务 管理*/
.service_guanli_wrap{padding-top: 4.5rem;padding-bottom: 4.5rem;background: url(../images/fuwu_glms_bg.jpg) center no-repeat;background-size: cover;}
.service_guanli .item{width: 31.5%;}
.service_guanli .con{width: 100%;position: relative;height: 0;padding-top: 69.28%;box-sizing: content-box;background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #fff;color: #fff;transition: all 0.5s;}
.service_guanli .con:hover{box-shadow: 4px 4px 8px rgba(0,0,0,0.2),-4px -4px 8px rgba(0,0,0,0.2);}
.service_guanli .con2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0 1rem;}
.service_guanli .con .title{font-size: 1.5rem;font-weight: bold;position: relative;padding-bottom: 10px;}
.service_guanli .con .title:after{position: absolute;left: 50%;bottom: 0;margin-left: -0.9rem;width: 1.8rem;height: 2px;background-color: #b9292a;content: "";}
.service_guanli .con .desc{font-size: 14px;margin-top: 1.0rem;line-height: 22px;min-height: 88px;text-align: center;}

.service_liucheng_wrap{background-color: #ffffff;padding-top: 4.5rem;padding-bottom: 4.5rem;}
.service_liucheng_wrap .typenav{margin-top: -4rem;position: relative;z-index: 2;}
.service_liucheng_bd{min-height: 18.4rem;background-color: #fff;padding: 4.0rem 2.0rem 1.5rem 2.0rem;box-shadow: 4px 4px 8px rgba(0,0,0,0.1),-4px -4px 8px rgba(0,0,0,0.1);margin-top: 3rem;border-bottom: 2px solid #b9292a;}
.service_liucheng{display: none;}
.service_liucheng_con .item{width: 25%;float: left; display: flex;align-items: center; padding-right: 20px;margin-bottom: 2.5rem;}
.service_liucheng_con .item .imgcon{width: 3rem;height: 3rem;text-align: center;line-height: 3rem;border: 1px solid #333;margin-right: 1.2rem; flex: 0 0 auto; }
.service_liucheng_con .item .imgcon .iconfont2{font-size: 1.8rem;}
.service_liucheng_con .item .textcon{flex: 1;line-height: 1.4;}
.service_liucheng_con .item .textcon .name{font-size: 1.1rem;color: #333333;}
.service_liucheng_con .item .textcon .enname{color: #666666;margin-top: 5px;text-align: left;}



.school_page{}
.school_linian{padding-top: 4.5rem;padding-bottom: 4.5rem;background-color: #f2f2f2;}

.ind-one {background: #efefef;}
.ind-one-list {  width: 100%;  background: #fff;  -webkit-align-items: center;  -moz-box-align: center;  -ms-flex-align: center;  align-items: center;}
.ind-one-inner .typebar h2{font-weight: bold;}
.ind-one-inner .typebar .enname{font-size: 1.2rem;}
.ind-one-inner {  position: relative;  width: 30%;  padding-right: 5%;  padding: 10px  30px;border-right: 1px solid #ccc; }
.ind-one-inner .img{position: absolute;right: 0;top: 0;width: 4.9rem;height: 3.6rem;}
.ind-one-inner .desc {  color: #666666;padding-top: 2.5rem;padding-bottom: 2.5rem; line-height: 2;position: relative; }
.ind-one-inner .desc:before{position: absolute;left: 0;top: 0;font-size: 5rem;color: #666666;content: "“";line-height: 1;}
.ind-one-inner .desc:after{position: absolute;right: 0;bottom: 0;font-size: 5rem;color: #666666;content: "”";line-height: 1.3rem;}
.ind-more {  position: relative;  background: #d6000f;  color: #fff;  padding: 6px 25px 6px 19px;  margin-top: 25px;}
.ind-more::before {  position: absolute;  content: '';  top: 15px;  right: 15px;  width: 0;  height: 0;  border-top: 5px solid transparent;  border-bottom: 5px solid transparent;  border-left: 5px solid #fff;}
.ind-one-ul {  width: 70%;  /* padding: 30px; */}
.ind-one-ul li {  position: relative;  width: 33.33%;  padding: 6.0rem 1.0rem;  text-align: center;border-bottom: 2px solid transparent;transition: all 0.5s;}
.ind-one-ul li:after{position: absolute;left: 0;bottom: 0;z-index: 2;width:100%;height: 2px;background-color: #b9292a;content: "";width: 0;content: "";transition: all 0.5s;}
.ind-one-ul li::before {  content: '';  position: absolute;  width: 100%;  height: -webkit-calc(100% + 30px);  height: -moz-calc(100% + 30px);  height: calc(100% + 30px);  top: -30px;  left: 0;  background: #fff;  box-shadow: 0 0 15px rgba(0, 0, 0, .1);  -webkit-transition: all .5s;  -o-transition: all .5s;  -moz-transition: all .5s;  transition: all .5s;  opacity: 0;}
.ind-one-ul li:hover:after{width: 100%;}
.ind-one-ul li:hover::before {  opacity: 1;}
.ind-one-ul li a {  position: relative;}
.ind-one-ul li i { transition: all 0.5s; font-size: 2.4rem;  width: 2.4rem;  display: block;  margin: 0 auto; }
.ind-one-ul li:hover i{color: #b9292a;}
.ind-one-ul li h4 {  font-size: 1.2rem;  margin-top: 15px;}
.ind-one-ul li p {  color: #666666;  margin: 0.75rem 0;line-height: 2;}
.ind-one-ul li span {  width: 120px;  margin: 0 auto;  display: block;  background: none;  color: #e5aa5c;  margin-top: 10px;  -webkit-transition: all .5s;  -o-transition: all .5s;  -moz-transition: all .5s;  transition: all .5s;}
.ind-one-ul li span::before {  right: 20px;  border-left: 5px solid #e5aa5c;}
.ind-one-ul li:hover span {  background: #d6000f;  color: #fff;}
.ind-one-ul li:hover span::before {  border-left: 5px solid #ffd8d1;}

.school_case{background-color: #f9f9f9;padding-top: 4.5rem;padding-bottom: 0rem;overflow: hidden;}
.caselist3{position: relative;}
.caselist3{margin-top: 3.0rem;}
.caselist3 .item{width: 100%;margin-bottom: 1.5rem;margin-right: 1.5rem; position: relative;float: left;display: block;}
.caselist3 .item .imgcon{width: 100%;height: 0;padding-top: 65%;box-sizing: content-box;position: relative;overflow: hidden;}
.caselist3 .item .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: all 0.8s;transform-origin: center;}
.caselist3 .item:hover .img{transform: scale(1.05);transition: all 0.8s;}
.caselist3 .item .textcon{position: absolute;left: 0;bottom: 0;width: 100%;height: 56px;line-height: 56px;background-color: rgba(0,0,0,0.3);padding: 1.0rem 0.75rem;color: #fff;}
.caselist3 .item .textcon .text{display: flex;line-height: 24px;position: relative;}
.caselist3 .item .textcon .text .name{width: calc(100% - 130px); margin-right: 20px;font-size: 0.9rem;max-height: 48px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.caselist3 .item .textcon .text .area{width: 110px;text-align: right;padding-right: 10px;}

.school_case .swiper-button{width: 2.8rem;height: 2.8rem;border-radius: 50%;background-color: #dddddd;transition: all 0.5s;color: #fff; } 
.school_case .swiper-button-prev{left: 9%;}
.school_case .swiper-button-next{right: 9%;}
.school_case .swiper-button:hover{background-color: #b9292a;}
.school_case .swiper-button .iconfont{font-size: 1.5rem;}
.school_case .swiper-button:after{font-size: 1.5rem;}

.school_service{padding-top: 4.5rem;padding-bottom: 4.5rem;}
.accordion-box {
  width: 100%;
  height: 479px
}

.accordion-box ul {
  padding: 0;
  width: inherit;
  height: 479px;
  overflow: hidden;
  position: relative
}

.accordion-box ul li {
  width: 792px;
  height: 479px;
  position: absolute;
  top: 0;
  -o-transition: all ease .3s 0s;
  transition: all ease .3s 0s;
  -moz-transition: all ease .3s 0s;
  -webkit-transition: all ease .3s 0s;
  overflow: hidden;
}

.accordion-box ul li .left {
  width: 674px;
  height: inherit;
  overflow: hidden;
  position: relative;
  float: left
}
.accordion-box ul li .left .text{position: absolute;z-index: 2;left: 0;bottom: 0;width: 100%;height: 2.9rem;background-color: rgba(0,0,0,0.3);color: #fff;text-align: center;line-height: 2.9rem;font-size: 0.9rem;}

.accordion-box ul li .left .shadow {
  position: absolute;
  bottom: 120px;
  width: 674px;
  height: 125px;
  color: #fff;
  text-align: center;
  font-size: 20px;
}

.accordion-box ul li .left .shadow .title {
  line-height: 35px;
}

.accordion-box ul li .left .shadow a {
  width: 122px;
  height: 42px;
  line-height: 42px;
  border: 1px solid #fff;
  border-radius: 2px;
  display: inline-block;
  
  margin-top: 10px;
}

.accordion-box ul li .left .shadow a img {
  width: 8px;
  height: 14px;
}

.accordion-box ul li .left img {
  z-index: -1;
  /*width: 674px;*/
  height: 479px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-transition: all ease .3s 0s;
  transition: all ease .3s 0s;
  -moz-transition: all ease .3s 0s;
  -webkit-transition: all ease .3s 0s
}

.accordion-box ul li .right {
  width: 118px;
  height: 479px;
  float: left;
  position: relative;
  -o-transition: all ease .3s 0s;
  transition: all ease .3s 0s;
  -moz-transition: all ease .3s 0s;
  -webkit-transition: all ease .3s 0s
}

.accordion-box ul li .right .title {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: tb-lr;
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  color: #333;
  letter-spacing: 7px;
  padding-top: 50px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
}
.accordion-box ul li.cur .right .title{background: url(../images/icon_zuanshi.png) top center no-repeat;}
.accordion-box ul li .right .title:after{position: absolute;left: 50%;top:110%;width: 1px;height: 6.3rem;background-color: #fff;content: "";z-index: 1;opacity: 0;}
.accordion-box ul li.cur .right .title:after{opacity: 1;}

.accordion-box ul li .right .title span {
  
  color: #999;
  margin-top: 12px;
  text-transform: uppercase;
}

.accordion-box ul li .right .sub-title {
  -ms-writing-mode: tb-lr;
  -webkit-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: tb-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: tb-lr;
  position: absolute;
  top: 65px;
  
  left: 27px
}

.accordion-box ul li .right::before {
  -o-transition: all ease .3s 0s;
  transition: all ease .3s 0s;
  -moz-transition: all ease .3s 0s;
  -webkit-transition: all ease .3s 0s;
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  top: 48%;
  left: -10px;
  width: 0;
  height: 0;
  border-right-width: 10px;
  border-right-style: solid;
  border-top-width: 10px;
  border-top-style: solid;
  border-top-color: transparent;
  border-bottom-width: 10px;
  border-bottom-style: solid;
  border-bottom-color: transparent
}

.accordion-box ul li:nth-child(even) .right {
  background: #DEE0E2
}

.accordion-box ul li:nth-child(even) .right::before {
  border-right-color: #DEE0E2
}

.accordion-box ul li:nth-child(odd) .right {
  background: #F6F8FA
}

.accordion-box ul li:nth-child(odd) .right::before {
  border-right-color: #F6F8FA
}

.accordion-box ul li.cur .right {
  background: #b9292a;
}

.accordion-box ul li.cur .right::before {
  border-right-color: #b9292a;
}

.accordion-box ul li.cur .right .title {
  color: #fff;
}

/*学院设计流程*/
.school_liucheng{background: url('../images/design_liucheng_bg.jpg') center no-repeat;background-size: cover;background-attachment: fixed;}
.school_liucheng .service_liucheng_con{margin-top: 4rem;}

.school_xiezuo{background-color: #fff;}
.school_xiezuo_content{position: relative;}
.school_xiezuo_nav{}
.school_xiezuo_nav .item{height: 5.6rem;background-color: #f1f1f1;text-align: center;padding: 1.0rem;transition: all 0.5s;display: flex;cursor: pointer;}
.school_xiezuo_nav .item.swiper-slide-thumb-active{background-color: #b9292a;}
.school_xiezuo_nav .item.swiper-slide-thumb-active .iconfont,.school_xiezuo_nav .item.swiper-slide-thumb-active .name{color: #fff;}
.school_xiezuo_nav .item .iconfont{font-size: 2.0rem;color: #707070;transition: all 0.5s;}
.school_xiezuo_nav .item .name{font-size: 1rem;color: #333;margin-top: 0.3rem;transition: all 0.5s;}

.school_xiezuo_bd{margin: 20px 45px;}
.school_xiezuo_bd .xiezuo_box{}
.school_xiezuo_bd .xiezuo_box .imgcon{width: 100%;height: 0;padding-top: 38%;box-sizing: content-box;position: relative;overflow: hidden;}
.school_xiezuo_bd .xiezuo_box .imgcon .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all 0.5s; transform-origin: center;background-size: cover;background-position: center;background-repeat: no-repeat;}
.school_xiezuo_bd .xiezuo_box:hover .imgcon .img{transform: scale(1.05);}
.school_xiezuo_bd .xiezuo_box .textcon{}
.school_xiezuo_bd .xiezuo_box .textcon .con{height: 4.5rem;line-height: 4.5rem;text-align: center;background-color: #f9f9f9;flex: 1;font-size: 1.2rem;}
.school_xiezuo_bd .xiezuo_box .textcon .con:nth-child(2n){background-color: #f1f1f1;}

.school_xiezuo_content .swiper-button{width: 2.8rem;height: 2.8rem;border-radius: 50%;background-color: #bbb;transition: all 0.5s;color: #fff; } 
.school_xiezuo_content .swiper-button-prev{left: -60px;top: 2.8rem;margin-top: -1.4rem;}
.school_xiezuo_content .swiper-button-next{right: -60px;top: 2.8rem;margin-top: -1.4rem;}
.school_xiezuo_content .swiper-button:hover{background-color: #b9292a;}
.school_xiezuo_content .swiper-button .iconfont{font-size: 1.5rem;}
.school_xiezuo_content .swiper-button:after{font-size: 1.5rem;}

@media(min-width: 768px){
  .school_xiezuo_content .swiper-button{display: none;}
}

.team_wrap{background: url(../images/design_team_bg.jpg) center no-repeat;background-size: cover;}
.team_list{position: relative;justify-content: space-between;margin-top: -10%;}
.team_list .item{float: left;}
.team_list .titles{background-color: #fff;padding: 1.0rem;}
.team_list .titles .title{font-size: 1.2rem;}
.team_list .titles .desc{color: #666;margin-top: 0.75rem;}
.team_list .imgcon{overflow: hidden;}
.team_list .imgcon .img{width: 100%;height: 0;padding-top: 40%;box-sizing: content-box;background-repeat: no-repeat;background-size: cover;background-position: center;transform-origin: center;transition: all 0.5s;}
.team_list .item:hover .imgcon .img{transform: scale(1.05);}
.team_list .item1{width: 62.67%;margin-bottom: 10px;margin-left: 37.2%;}
.team_list .item1 .titles{width: 27.8%;}
.team_list .item1 .imgcon {flex: 1;}
.team_list .item1 .imgcon .img{padding-top: 63%;}

.team_list .item2 {width: 36.5%;position: absolute;left: 0;bottom: 0;}
.team_list .item2 .titles{height: 9.0rem;}
.team_list .item2 .imgcon .img{padding-top: 76.77%;}

.team_list .item3 {width: 62.67%;margin-left: 37.2%;}
.team_list .item3 .titles{width: 32.13%;}
.team_list .item3 .imgcon {flex: 1;}
.team_list .item3 .imgcon .img{padding-top: 76.77%;}

.team_wrap .typenav{margin-top: -4rem;position: relative;z-index: 2;}
.team_list2{margin-top: 3rem;display: none;}
.team_list2.on{display: block;}
.team_list2 .leftcon{float: left;width: 64.37%;}
.team_list2 .leftcon .item{float: left;width: 19%;margin-right: 1%;margin-bottom: 1%;}
.team_list2 .leftcon .item:nth-child(1){float: left;width: 39%;}
.team_list2 .leftcon .item:nth-child(1) .imgcon{padding-top: 109%;}

.team_list2 .item{position: relative;overflow: hidden;}
.team_list2 .item .imgcon{width: 100%;height: 0;padding-top: 108.8%;box-sizing: content-box;overflow: hidden;position: relative;}
.team_list2 .item .imgcon .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0; background-repeat: no-repeat;background-size: cover;background-position: center;transform-origin: center;transition: all 0.6s;}
.team_list2 .item .imgcon .img img{width: 100%;height: 100%; object-fit: cover;}
.team_list2 .item .textcon{position: absolute;left: 0;bottom: 0;z-index:1;width: 100%;height: 40px;line-height: 40px;overflow: hidden;text-align: center;white-space: nowrap;text-overflow:  ellipsis;color: #fff;background-color: rgba(0,0,0,0.6);transition: all 0.5s;opacity: 0;bottom: -40px;}
.team_list2 .item:hover .textcon{opacity: 1;bottom: 0;}
.team_list2 .item:hover .img{transform: scale(1.1);}

.team_list2 .rightcon{float: left;width: 35.63%;}
.team_list2 .rightcon .item{width: 100%;}
.team_list2 .rightcon .item .imgcon{padding-top: 76.48%;}

.jianzheng_form{background-color: #fff;}
.jianzheng_form .textcon{padding-right: 1.3rem;border-right: 1px solid #ccc;margin-right: 2.2rem;flex: 0  0 auto;text-align: right;}
.jianzheng_form .textcon .num{line-height: 1;font-size: 2.4rem;}
.jianzheng_form .textcon .num span{display: inline-block;vertical-align: top;}
.jianzheng_form .textcon .name{font-size: 1.5rem;font-weight: bold;line-height: 1.4;}
.jianzheng_form .textcon .enname{margin-top: 1.0rem;}
.jianzheng_form .textcon .desc{margin-top: 0.6rem;line-height: 2;color: #555;}
.jianzheng_form .formcon{flex: 1;}
.jianzheng_form .formcon .name{font-size: 1.2rem;line-height: 1.6;font-weight: bold;}
.jianzheng_form .formcon .desc{margin-bottom: 1.0rem;margin-top: 0.5rem;}
.jianzheng_form .formcon .items{width: 28.7%;}
.jianzheng_form .formcon .items .item{height: 46%;margin-bottom: 3%;}
.jianzheng_form .formcon .item input{height: 100%;}
.jianzheng_form .formcon .textarea{width: 46.7%;}
.jianzheng_form .formcon .submitbtn{width: 21.11%;}
.jianzheng_form .formcon .submitbtn button{width: 100%;height: 100%;width: 100%;border: none;background-color: #b9292a;color: #fff;font-size: 1.2rem;}


/*设计报价*/
.price_page{background-color: #fff;padding-bottom: 4.5rem;}
.price_shentu{}
.price_shentu .bigitem{width: calc(50% - 0.75rem);height: 24.2rem;position: relative;overflow: hidden;}
.price_shentu .bigitem .img{position: absolute;z-index: 0;width: 100%;height: 100%;background: url(../images/price_shentu_img1.jpg) center no-repeat;transition: all 0.6s; transform-origin: center;}
.price_shentu .bigitem:hover .img{transform: scale(1.05);}
.price_shentu .bigitem .img:after{position: absolute;z-index: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);content: "";}
.price_shentu .bigitem .textcon{position: relative;z-index: 2;width: 100%;height: 100%;color: #fff;padding: 1.5rem 7%;}
.price_shentu .bigitem .textcon .title{position: relative;padding-bottom: 1.5rem;font-size: 1.5rem;font-weight: bold; margin-top: 2.5rem;}
.price_shentu .bigitem .textcon .title:after{position: absolute;left:0;bottom: 0;width: 9.5rem;height: 0.15rem;background-color: #fff;content: "";}
.price_shentu .bigitem .textcon .desc{line-height: 2;margin-top: 2.5rem;}
.price_shentu .items{width: calc(50% - 0.75rem);}
.price_shentu .items .item{width: calc(50% - 0.75rem);height: 11.35rem;position: relative;margin-bottom: 1.5rem;background-color: #f9f9f9;}
.price_shentu .items .item .img{position: absolute;z-index: 0;width: 100%;height: 100%;background: url(../images/price_shentu_img1.jpg) center no-repeat;opacity: 0;transition: all 0.5s;}
.price_shentu .items .item .img:after{position: absolute;z-index: 0;width: 100%;height: 100%;background-image: linear-gradient(to right, rgba(185,41,42,1), rgba(185,41,42,0.1));; content: "";}
.price_shentu .items .item .textcon{position: relative;z-index: 2;width: 100%;height: 100%;padding: 1rem 7%;transition: all 0.5s;}
.price_shentu .items .item .textcon .title{position: relative;padding-bottom: 0.75rem;font-size: 1.5rem;font-weight: bold; margin-top: 1rem;}
.price_shentu .items .item .textcon .title:after{position: absolute;left:0;bottom: 0;width: 2.4rem;height: 0.1rem;background-color: #bcbcbc;content: "";transition: all 0.5s;}
.price_shentu .items .item .textcon .desc{line-height: 1.8;margin-top: 1rem;}
.price_shentu .items .item:hover .img{opacity: 1;}
.price_shentu .items .item:hover .textcon{color: #fff;}
.price_shentu .items .item:hover .textcon .title:after{background-color: #fff;}

.price_jjwt{background: url(../images/price_kunhuo_bg.jpg) center no-repeat;background-size: cover;}
.price_jjwt .imgcon{width: 46%;height: 19.45rem;}
.price_jjwt .imgcon .img{width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.price_jjwt .textcon{width: 51%;background: url(../images/price_kunhuo_img2.png) right -30px center no-repeat;background-size: auto 92%; }
.price_jjwt .textcon .title{font-size: 1.8rem;color: #b9292a;margin-top: 0.6rem;}
.price_jjwt .textcon .desc{margin-top: 2rem;}
.price_jjwt .textcon .desc p{font-size: 1.0rem;padding-left: 20px;position: relative;line-height: 1.6;margin-bottom: 0.75rem;}
.price_jjwt .textcon .desc p:after{position: absolute; width: 0.6rem;height: 0.6rem;border-radius: 0.6rem;background-color: #b9292a;top: 0.4rem;left: 0;content: "";}
.price_jjwt .textcon .desc p span{font-weight: bold;color: #b9292a;}

.price_kunhuo{margin-top: 2.5rem;}
.price_kunhuo .title{font-size: 1.8rem;color: #b9292a;}
.price_kunhuo .items{margin-top: 1.5rem;}
.price_kunhuo .items .item{width: 24%;height: 5.25rem;line-height: 5.25rem;border-radius: 10px;background: #b9292a url(../images/price_kunhuo_con.png) right -50px top -50px no-repeat;padding: 0 1.2rem;transition: all 0.5s;display: flex;justify-content: flex-start;}
.price_kunhuo .items .item:hover{box-shadow: 5px 5px 10px rgba(239,126,26,0.3),-5px -5px 10px rgba(239,126,26,0.5);}
.price_kunhuo .items .item .num{display: inline-block;vertical-align: middle; color: rgba(255,255,255,0.5);font-size: 3.6rem;}
.price_kunhuo .items .item .name{display: inline-block;vertical-align: middle;color: rgba(255,255,255,1);font-size: 1.2rem;margin-left: 0.8rem;}

.choose_us{background-color: #fff;padding-top: 4.5rem;}
.choose_us .items{}
.choose_us .items .item{width: 48.3%;position: relative;min-height: 13.5rem;padding: 2.0rem 2.0rem 2.0rem 1.0rem;background-color: #f9f9f9;margin-bottom: 3.4%;}
.choose_us .items .item .img{position: absolute; left: 0;top: 0; width: 100%;height: 100%;background: url(../images/price_shentu_img1.jpg) center no-repeat;opacity: 0;transition: all 0.5s;z-index: 0;transition: all 0.5s;}
.choose_us .items .item .img:after{position: absolute;z-index: 0;width: 100%;height: 100%; background-color: rgba(185,41,42,0.8); content: "";}
.choose_us .items .item .textcon{position: relative;z-index: 2;}
.choose_us .items .item .num{font-size: 6.5rem;color: #f1f1f1;margin-right: 1.2rem;line-height: 1;transition: all 0.5s;}
.choose_us .items .item .text{flex: 1;max-width: 430px;}
.choose_us .items .item .title{font-size: 1.5rem;border-bottom: 1px solid #ccc;line-height: 1.4;padding-bottom: 10px;display: inline-block;transition: all 0.5s;}
.choose_us .items .item .desc{margin-top: 1rem;line-height: 1.8;color: #666;transition: all 0.5s;}
.choose_us .items .item:hover .img{opacity: 1;}
.choose_us .items .item:hover .num{color: rgba(255,255,255,0.3);}
.choose_us .items .item:hover .title,.choose_us .items .item:hover .desc{color: #fff;border-color: #fff;}

.get_price{padding-top: 4.5rem;}
.get_price_wrap{padding-top: 4.5rem;padding-bottom: 3rem;background: url(../images/price_baojia_bg.jpg) center no-repeat;background-size: cover;margin-top: 4rem;}
.get_price_wrap .items{width: 61.62%;}
.get_price_wrap .items .item{width: 29%;height: 12.65rem;border-radius: 10px;background-color: rgba(0,0,0,0.5);color: #fff;padding: 1.0rem;text-align: center;transition: all 0.5s;}
.get_price_wrap .items .item .icon{width: 3.9rem;height: 3.9rem;text-align: center; line-height: 3.9rem; border-radius: 50%;margin: 0.5rem auto;border: 1px solid #fff;transition: all 0.5s;}
.get_price_wrap .items .item .iconfont{font-size: 1.8rem;transition: all 0.5s;}
.get_price_wrap .items .item .name{font-size: 1.2rem;font-weight: bold;margin-top: 1rem;}
.get_price_wrap .items .item .desc{font-size: 14px;margin-top: 0.6rem;}
.get_price_wrap .items .item:hover{background-color: rgba(185,41,42,0.9);}
.get_price_wrap .items .item:hover .icon{background-color: #fff;}
.get_price_wrap .items .item:hover .iconfont{color: #b9292a;}

.get_price_wrap .formcon{width: 32.25%;height: auto;/*height: 27.0rem;*/ padding: 1.5rem 2.0rem; border-radius: 10px;background-color: rgba(0,0,0,0.5);color: #fff;}
.get_price_wrap .formcon .name{font-size: 2.0rem;font-weight: bold;text-align: center;position: relative;padding-bottom: 1.0rem;}
.get_price_wrap .formcon .name:after{position: absolute;left: 50%;bottom: 0;width: 8.3rem;height: 1px;background-color: #999898;margin-left: -4.15rem;content: "";}
.get_price_wrap .formcon .desc{text-align: center;line-height: 1.6;opacity: 0.8;margin-top: 1rem;}
.get_price_wrap .formcon form{margin-top: 1rem;}
.get_price_wrap .formcon form .item{width: 100%;margin-bottom: 1rem;}
.get_price_wrap .formcon form .item input{width: 100%;height: 46px;border-radius: 5px;background-color: #fff;padding: 0 1.5rem;}
.get_price_wrap .formcon .tips{font-size: 14px; line-height: 1.6;opacity: 0.8;}
.get_price_wrap .formcon .submitbtn{width: 100%;height: 2.8rem;border-radius: 5px;background-color: #b9292a;color: #fff;font-size: 1rem;border: 0;margin-top: 1rem;transition: all 0.5s;}
.get_price_wrap .formcon .submitbtn:active{opacity: 0.8;}


.imgcon.scale{overflow: hidden;}
.imgcon.scale .img{transition: all 0.5s;transform-origin: center;}
.imgcon.scale:hover .img{transform: scale(1.05); }

.ptb90{padding-top: 4.5rem;padding-bottom: 4.5rem;}

.container{width: 72%;}
@media(max-width: 1650px){
  html{font-size: 18px;}
  .container{width: 80%;}
  .head .rightnav>ul>li>a{}
  .news_right .index_newslist .item{padding: 3% 0 3% 0;}
  .news_right .index_newslist .img{top: 1.9rem;}
  .news_right .index_newslist h4,.newslist2 .item h4{}

  .history_con .item .text{margin-right: 1%;}
  .service_liucheng_con .item .textcon .enname{font-size: 14px;}
}
@media(max-width: 1440px){
  html{font-size: 16px;}
  .container{width: 85%;}
  .banner_nav{height: 120px;}
  .banner_nav .item{padding: 20px;}
  .banner_nav .text .desc{line-height: 1.4;}
  .banner_nav .icon img{width: 60px;}
  .banner_nav .item.on .icon img{width: 40px;}
  .product_list .item:nth-of-type(4n+2):after{width: 95%;}
  .product_list .item:nth-of-type(4n):after{width: 95%;}
  /*.head .rightnav>ul>li>a{padding: 0}*/
  .product_list .item .text .desc,.about_con .about_data .desc,.com-fenye1 .a1,.fanpian a,.news_con_body,.product_con_body{font-size: 14px;}

  .news_right .index_newslist .item{padding: 2.9% 0 2.9% 0;}
  .footer .backtop{left: -80px;}

  .service_liucheng_con .item .textcon .name{font-size: 1rem;}
}

@media(max-width: 1280px){
  html{}
  body{font-size: 14px;}
  .container{width: 85%;}
  .head .rightnav>ul>li>a{padding: 0 1rem;}
  .news_right .index_newslist .item{padding: 2.8% 0 2.8% 0;}
  .news_right .index_newslist .img{top: 1.2rem;}
  .footer .backtop{left: -64px;}
}