@charset "utf-8";
.wrapper-big{width: 1400px;margin: 0 auto;}
/* .wrapper{width: 1000px;} */

/* section titles */
.section-cxnl{margin-top: 0;}
.section-cxnl .section-title{background: url(../img/icon-sun.png) left top no-repeat;}
.section-cxnl .section-body{margin-top: 50px;}
.section-cxnl .section-body .section-body-inner{position: relative;}
.section-cxnl .section-body .section-body-inner::after{position: absolute;right: 0;top: -107px;content: "";width: 370px;height: 348px;background: url(../img/icon-test-tube.png) center center no-repeat;background-size: contain;background-position: 0px 90px;}
.section-cxnl .section-body .section-body-text{width: 780px;font-size: 17px;line-height: 30px;color: #333;}
.section-jspt .section-title{background: url(../img/icon-rect.png) left top no-repeat;}
.section-jspt .section-subtitle{font-size: 17px;line-height: 30px;color: #333;margin-top: 70px;}
.section-rcdw .section-title{background: url(../img/icon-contact.png) left top no-repeat;}



/* tab */
/* pc tab */
.pc-only{display: block;}
.section-jspt .tab{width: 1400px;height: 900px;background: url(../img/bg-hive-banner.png) center top no-repeat;padding-top: 60px;}
.section-jspt .tab-trigger{width: 1100px;margin: 0 auto 155px;text-align: center;}
.section-jspt .tab-item{width: 321px;height: 374px;line-height: 374px;background: url(../img/bg-hive.png) center center no-repeat;position: relative;font-size: 21px;font-weight: bold;margin-right: 18px;}
.section-jspt .tab-item:nth-of-type(2){transform: translateY(85px);}
.section-jspt .tab-item.cur{background: url(../img/bg-hive-02.png) center center no-repeat;color: #000;}
.section-jspt .tab-item::after{width: 4px;background: #f78675;content: "";position: absolute;left: 158px;top: 99%;display: none;}
.section-jspt .tab-item:nth-of-type(1)::after{height: 160px;}
.section-jspt .tab-item:nth-of-type(2)::after{height: 75px;}
.section-jspt .tab-item:nth-of-type(3)::after{height: 160px;}
.section-jspt .tab-item.cur::after{display: block;}
.section-jspt .tab-cnt{width: 1000px;height: 309px;margin: 0 auto;background: url(../img/bg-dev-tab-cnt.png) center center no-repeat;background-size: 100% 100%;padding: 0 65px 0 50px;box-sizing: border-box;}
.section-jspt .tab-cnt .tab-plain-text{font-size: 18px;color: #000;line-height: 38px;padding: 40px 0 0 0;}

/* wap expanded */
.wap-only{display: none;}

/*  */
.section-rcdw{padding-bottom: 117px;background: url(../img/bg-development-bottom.jpg) center bottom no-repeat;}
.section-rcdw .section-body{position: relative;}
.section-rcdw .section-body-inner{height: 534px;background: url(../img/bg-plain-text.png) center center no-repeat;background-size: 100% 100%;}
.section-rcdw .section-body-inner .section-body-text{font-size: 18px;line-height: 38px;color: #000;padding: 40px 60px 0 50px;}
.section-rcdw .section-body-inner .section-body-text:nth-of-type(1){padding-right: 594px;}

.swiper-box{width: 429px;height: 285px;position: absolute;right: 84px;top: -139px;padding: 10px 0 0 10px;}
.swiper-box::after{z-index: 0;content: "";width: 417px;height: 259px;background: #e65504;position: absolute;top: 0;left: 0;}
.swiper-container-01{width: 429px;height: 285px;}
.swiper-container-01 .swiper-wrapper{width: 429px;height: 285px;}
.swiper-container-01 .swiper-wrapper img{width: 429px;height: 285px;}
.swiper-container-01 .swiper-button-prev,
.swiper-container-01 .swiper-button-next{width: 14px;height: 25px;margin-top: -11px;}
.swiper-container-01 .swiper-button-prev{background: url(../img/arr-left-06.png) center center no-repeat;left: 20px;}
.swiper-container-01 .swiper-button-next{background: url(../img/arr-right-06.png) center center no-repeat;right: 12px;}

.section-footer{margin-top: 0;}


@media screen and (max-width: 900px){
  .wrapper{width: 100%;}
  .section-cxnl .section-body{margin-top: .6rem;background: url(../img/bg-develop-banner-wap-02.jpg) center bottom no-repeat;background-size: contain;padding-bottom: 5.5rem;}
  .section-cxnl .section-body .section-body-inner::after{display: none;}
  .section-cxnl .section-body .section-body-text{width: 100%;font-size: .3rem;line-height: .5rem;}
  .section-rcdw{background: none;position: relative;padding-bottom: .15rem;}
  .section-rcdw::after{width: 7rem;height: 3.43rem;content: "";background: #ff6600;position: absolute;left: .24rem;right: .24rem; bottom: 0;z-index: 0;display:none;}
  .section-rcdw .section-body{border-right: none;}
  .section-rcdw .section-body-inner{height: auto;background: none;padding-top: 0;border: none;}
  .section-rcdw .section-body-inner .section-body-text:nth-of-type(1){padding: 0;}
  .section-rcdw .section-body-inner .section-body-text{padding: 0;font-size: .3rem;line-height: .5rem;margin-top: .5rem;}
  .swiper-box{width: 100%;height: auto;position: relative;right: auto;top: auto;padding: 0;margin-top: 20px;}
  .swiper-box::after{z-index: 0;content: "";width: 100%;height: 100%;background: #e65504;position: absolute;top: auto;left: auto;right: -10px;bottom: -10px;}
  .swiper-container-01{position: relative;top: auto;right: auto;width: 100%;height: 4.52rem;margin-top: .4rem;padding: 0;}
  .swiper-container-01::after{display: none;}
  .swiper-container-01 .swiper-wrapper{width: 100%;height: 100%;margin: 0;}
  .swiper-container-01 .swiper-wrapper img{width: 100%;height: 4.52rem;}
  .pc-only{display: none;}
  .wap-only{display: block;}
  .section-jspt .section-subtitle{margin-top: .54rem;}
  .section-jspt .section-body{margin-top: .77rem;}
  .expand-wrapper .expand-box .expand-item{margin-bottom: .55rem;}
  .expand-wrapper .expand-box .expand-title{height: .9rem;line-height: .9rem;border-radius: .45rem;padding: 0 .5rem 0 .35rem;}
  .expand-wrapper .expand-box .expand-title-main{max-width: 5rem;display: inline-block;overflow: hidden;font-size: .3rem;}
  .expand-wrapper .expand-box .expand-cnt{border: none;background: #f7f7f7;padding: .3rem .4rem;}
  .expand-wrapper .expand-box .expand-cnt .expand-plain-text,
  .section-jspt .tab-cnt .tab-plain-text{font-size: .26rem;line-height: .5rem;color: #3e3a39;margin-bottom: .1rem;}
}