.banner{background-image: url('../imgs/ban-develop.jpg');}
.banner .en{background-image: url('../imgs/ban-en-develop.png');}
.theme{height: 8.9rem; background:#fdf5eb url('../imgs/develop-theme.jpg') no-repeat center top / 7.5rem auto; padding: 1.05rem .8rem 0;box-sizing: border-box;}
.theme h3{font-size: .4rem; line-height: .62rem; font-weight: bold; color: #4b4b4b; text-align: center; margin-bottom: .1rem;}
.theme p{text-indent: 2em; line-height: .8rem; color: #4e5259;}
.develop{margin: .6rem 0;line-height: .6rem;color: #4e5259; min-height: 10rem;position: relative;}
.develop .preview{background: #fff; text-align: center; margin-bottom: 1rem;}
.develop .preview p{font-size: .3rem; height: .6rem; }
.develop .desc p{text-indent: 2em;}
.develop .swiper-pagination{position: absolute; top: 4.9rem; left: 0; width: 100%; z-index: 1; display: flex; justify-content: center;}
.develop .swiper-pagination-bullet{width: .2rem; height: .2rem; border-radius: 50%; border: .03rem solid #000; display: block; margin: 0 .08rem; -webkit-transition: all .2s linear; transition: all .2s linear;}
.develop .swiper-pagination-bullet-active{background: #ffd71f; border-color: #ffd71f;}
.swiper-slide-active .preview{-webkit-animation: fadeInDown .6s forwards; animation: fadeInDown .6s forwards;}
.swiper-slide-active .desc{-webkit-animation: fadeInUp .6s forwards; animation: fadeInUp .6s forwards;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-.6rem,0);transform:translate3d(0,-.6rem,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-.6rem,0);transform:translate3d(0,-.6rem,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,.6rem,0);transform:translate3d(0,.6rem,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,.6rem,0);transform:translate3d(0,.6rem,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.en .theme{padding: .5rem 0.4rem 0;}
.en .theme p{line-height: 2.1;}
.en .develop .preview p{font-size: .2rem; padding: 0 .2rem; line-height: 1.4; display: flex; align-items: center; justify-content: center;}