body{ font-size: 0.28rem; }
img{ display: block; margin: 0; padding: 0; width: 100%; height: 100%; }
.wp{ padding: 0 0.3rem; }
.m_tops i.icon{color: #fff;}
/* banner */
.banner .who{  background: #ff592d; background: rgba(255,89,45,0.8); position: relative; padding: 0.48rem 0; }
.banner .titile { font-size: 0.36rem;line-height: 0.36rem; margin-bottom: .4rem; text-align: center;  font-weight: bold; color: #fff; }
.banner .text{ background: #fff; border: 2px solid #000000; padding: 0.3rem; border-radius: 0.2rem; padding-top: 0.4rem; padding-bottom: 0.2rem; }
.banner p { font-size: 0.28rem; line-height: 0.36rem; color: #707070; padding-bottom: 0.3rem; } 
.banner .img_top{ position: relative; height: 0; width: 100%; }
.banner .img_top .img{ position: absolute;  top: -.6rem; width: 0.1rem; height: 0.33rem;}
.banner .img_top .img_left{ position: absolute; left: 0.95rem; }
.banner .img_top .img_right{ position: absolute; right: 0.95rem }
/* 标题 */
.headline { text-align: center; padding-top: 0.48rem; }
.headline .title{ font-size: 0.36rem;line-height: 0.36rem; color: #2a2a2a; margin-bottom: 0.2rem; position: relative; }
.headline .title span{ position: relative; padding: 0 0.4rem; font-weight: bold; }
.headline .title span:before{ width: 0.23rem; height: 0.23rem; content: ""; position: absolute;  left: 0; top: 0.12rem; background: url(//www.sj456.cn/m_2020/img/about/icon.png) no-repeat center center; background-size: 100% 100%; }
.headline .title span:after{ width: 0.23rem; height: 0.23rem; content: ""; position: absolute;  right: 0; top: 0.12rem; background: url(//www.sj456.cn/m_2020/img/about/icon.png) no-repeat center center; background-size: 100% 100%; }
.headline .min_title { font-size: 0.28rem;line-height: 0.36rem; color: #686868; }
/* 我们的足迹 */
.footprint{ overflow-x: hidden; }
.footer_img .text{ padding: 0.15rem 0.4rem; margin-bottom: 0.44rem; border: solid 0.02rem #c3c2c2; font-size: 0.18rem; 	line-height: 0.3rem; color: #a4a4a4; }
/* 大事记 */ 
.memorabilia .swiper-container{ padding-top: 0.3rem;  }
.memorabilia .swiper-slide{text-align:center;font-size:0.36rem;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:70%}
.memorabilia .swiper-slide-pre{ width: 10%;  }  
.memorabilia .swiper-slid{ width: 10%; } 
.memorabilia .img{ display: block; width: 100%; height: 100%; }
.memorabilia .item { background-color: #ffffff; border-radius: 0.1rem; border: solid 0.02rem #dfdfdf; width: 100%;  box-sizing: border-box;  overflow: hidden;}
.memorabilia .item p { padding: 0 0.2rem; box-sizing: border-box; font-size: 0.28rem;line-height: 0.8rem; color: #3b3b3b; text-align: left; }
/* 发展历程 */
.course { background: url(//www.sj456.cn/m_2020/img/about/b1.jpg) no-repeat top center,url(//www.sj456.cn/m_2020/img/about/b2.jpg) no-repeat bottom center; background-size: contain; } 
.anlricon { margin: 0;padding: 0.3rem 0;line-height: 0.4rem;font-size: 0.28rem;text-align: center; }
.anlricon .anlitile { margin: 0 auto;width: 85%; font-size: 0.32rem; font-weight: bold; text-align: center; padding: 0.2rem 0; line-height: 0.44rem;}
.anlricon .anlimasg { position: relative; background: #f7f7f7;border-radius: 0.04rem; padding: 0.3rem;margin: 0;border: 0.02rem solid #eee;font-size: 0.28rem; }
.anlricon .anlileft { position: relative; margin: 0;line-height: 0.4rem;padding-right: 1.8rem; }
.anlricon .anlileft span { display: inline-block;margin-right: 0.2rem;color: #777; }
.anlricon .anlright { position: absolute;right: 0;top: 50%;height: 0.64rem;line-height: 0.64rem; margin: -0.32rem 0 0 0;background: #d92525;font-size: 0.28rem;border-radius: 0.4rem;box-shadow: 0 0.04rem 0.08rem rgba(0,0,0,.2); padding: 0 0.2rem; }
.anlricon .anlright a { display: block;color: #fff; }
.anlricon .anlilefe { margin-top: 0.2rem;color: #777;line-height: 0.4rem; }
.anlricon img { display: inline-block;width: 100%;max-width: 12rem;margin-bottom: 0.2rem; }
.anlricon p { display: inline-block;width: 100%;max-width: 12rem;margin: 0;  color: #737373; font-size: 0.28rem; } 
.anlricon .timeline { padding-left: 1.51rem; position: relative; padding-top: .2rem; }  
.anlricon .timeline:before { content: ''; position: absolute; left: 1.52rem; top: 0; z-index: 0; width: 0.06rem; height: 100%;}
.anlricon .timeline:before, hr { background-color: #e1e1e1; }
.anlricon .timeline-item {position: relative;padding-bottom: 0.2rem;}
.anlricon .timeline-title { position: relative; margin-bottom: 0.2rem; font-weight: bold;color: #3a3a3a; font-size: 0.28rem; }
.anlricon .text { line-height: 0.44rem; font-size: 0.28rem; color: #666;}
.anlricon .timeline-item:first-child:before { display: block;}
.anlricon .timeline-item:last-child:before { display: none;}
.anlricon .timeline-yuan {position: absolute;left: -0.06rem;top: 0.02rem;z-index: 10; text-align: center;cursor: pointer; border-radius: 50%; width:0.15rem;height:0.15rem;background-color:#ffffff;border:solid 0.02rem #ff6b44; }
.anlricon .timeline-yuan2{ width: 0.15rem;height: 0.15rem;background-color: #bebebe; border-color: #bebebe; }
.anlricon .timeline-content { position: relative;  top: -0.13rem; text-align: left; padding-left: 0.3rem;}
.anlricon .year{position:absolute;left:-1.05rem;top:-0.07rem;width:0.9rem;height:0.39rem;background-color:#ff6b44;border-radius:0.3rem;color:#fff;line-height:0.39rem;font-size:0.24rem}
.anlricon .year.span{ background-color: #e2e2e2; }
.anlricon .year.span span{ color: #7d7d7d;  }
/* 品牌荣誉 */
.brand{ background: url(//www.sj456.cn/m_2020/img/about/bg3.jpg) no-repeat top center; background-size: cover; }
.brand .headline .title{ color: #FFFFFF; }	
.brand .swiper-designer{ padding-top: 0.3rem; }
.brand .swiper-slide span{ display: block; width:25%; padding: 0 0.06rem; float: left; box-sizing: border-box; height: 2.32rem; position: relative; } 
.brand .swiper-slide img{ display: block; padding: 0.2rem 0.1rem;  box-sizing: border-box; background: #FFFFFF; } 
.brand .swiper-slide a{ position: absolute;left: 0; top: 0; width: 100%; height: 100%; }
.certificate{display: flex;flex-wrap: wrap;justify-content: space-between; padding-top: .2rem; }
.certificate-item{position: relative;padding:.2rem .1rem .1rem 0.1rem;background:#ff3322;border-radius: 0.1rem 0.1rem 0.9rem 0.9rem; width: 45%;margin-bottom: 0.2rem}
.certificate-item img{display: block; width: 2.94rem;height: 2.06rem; margin: 0 auto;}
.certificate-item p{font-size: 0.28rem;color: #fff;line-height: 0.46rem;text-align: center;padding: 0.18rem;}
.certificate-item a {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
/* swiper */
.swiper-container { padding-bottom: 0.6rem; }
.swiper-pagination-bullet { width: 0.12rem;height: 0.12rem; background: #c8c8c8; opacity: 1; }
.swiper-container .swiper-pagination-bullets { bottom:-0.08rem; pointer-events:none;  height: 0.88rem; line-height: 0.88rem;}
.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.06rem; }
.swiper-pagination-bullet-active { background-color: #ff6b44; }
/* 员工风采 */
.staff {box-sizing: border-box; }
.staff .list_team{ padding-top: .2rem; }
.staff .list { width: 48%; margin: 0 1%; padding-bottom: 0.01rem; float: left; border-radius: 0.1rem;border: solid 0.02rem #f3f3f3; box-sizing: border-box; margin-bottom: 0.15rem; margin-top: 0.15rem; overflow: hidden; }
.staff .list p{ text-align: center; color: #3b3b3b; line-height:0.65rem; padding: 0 0.08rem; box-sizing: border-box; font-size: 0.24rem; }
.staff .list img{ display: block; width: 5.59rem; height: 3.35rem; }
/* 办公环境 */
.office .office_img{ padding-top: 0.26rem; }
.office .img_top{ margin: 0.15rem 0 0.3rem;  }
/* 联系我们 */
.contact{ background: #f7f7f7; padding-bottom: 0.5rem; }
.contact .headline{ padding-bottom: 0.01rem;}
.contact .contact-item{ position: relative; padding: 0.2rem 0.3rem; margin-top: 0.21rem; background: #fff; border-radius: 0.1rem; } 
.contact .icon1 { display: block; background-size: 100%; position: absolute; left: 0.2rem; top: 0.2rem; } 
.contact .icon-phone{  background: url("//www.sj456.cn/m_2020/img/about/icon-01.jpg") no-repeat; background-size: 100%; width: 0.48rem;height: 0.48rem;}
.contact .icon-location{background: url("//www.sj456.cn/m_2020/img/about/icon-02.jpg") no-repeat; background-size: 100%; width: 0.48rem;height: 0.48rem;}
.contact .contact-text{width: 90%; padding-left: 0.6rem; box-sizing: border-box; color: #4d4d4d;font-size: 0.28rem; line-height: 0.34rem; }

#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;background-color:#222;background-color:rgba(0,0,0,0.8);-webkit-transition:opacity .5s ease;-o-transition:opacity .5s ease;-moz-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,0.6);font-family:Verdana,Geneva,sans-serif}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;	-webkit-transition: left 0.4s ease, -webkit-transform 0.4s ease;transition: left 0.4s ease, -moz-transform 0.4s ease;transition: left 0.4s ease, transform 0.4s ease;}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;-moz-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;-moz-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:-webkit-calc(50% - 30px);top:-moz-calc(50% - 30px);top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,0.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;-o-transition:background-color .4s ease;-moz-transition:background-color .4s ease;transition:background-color .4s ease}
.baguetteBox-button:hover{background-color:rgba(50,50,50,0.9)}
.baguetteBox-button#next-button{right:2%;display:block !important}
.baguetteBox-button#previous-button{left:2%;display:block !important}
.baguetteBox-button#close-button{top:20px;right:2%;right:-webkit-calc(2% + 6px);right:-moz-calc(2% + 6px);right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0} 
/* 蒙层 */ 
.pjd_pjdfc { position: fixed;z-index: 9;right: 0.2rem;bottom: 1.4rem;width: 1.42rem;height: 1.42rem; }
.pjd_pjdfc img { display: block;width: 100%;height: 100%;margin: 0 auto; }
.pjd_gzhfc { display: none;position: fixed;z-index: 98;text-align: center; }
.pjd_gzhfc_bg { background: #000;opacity: 0.4;position: fixed;left: 0;top: 0;right: 0;bottom: 0; }
.pjd_gzhfc_pd { position: fixed;left: 50%;top: 50%;margin: -3.66rem 0 0 -3.26rem; width: 6.52rem;height: 6.52rem;padding: 0; }
.pjd_gzhfc_pd img { display: block;width: 100%;height: 100%;margin: 0 auto; }
.pjd_gzhfc_xx { position: relative;border: 0.02rem solid #eee; width: 0.6rem;height: 0.6rem;line-height: 0.52rem; text-indent: 0.02rem; font-size: 0.4rem;text-align: center;position: absolute;left: 50%;bottom: -0.8rem;margin-left: -0.32rem; color: #fff;border-radius: 50%; }
.pjd_gzhfc_xx:hover { background: #ff3322;border-radius: 50%;color: #fff; }
.pjd_gzhfc.pjd_show .pjd_gzhfc_pd { animation: pjd_show 0.4s ease-in-out; }
.pjd_gzhfc.pjd_show .pjd_gzhfc_bg { animation: pjd_show2 0.4s ease-in-out; }
.pjd_gzhfc.pjd_hide .pjd_gzhfc_pd { animation: pjd_hide 0.4s ease-in-out; }
.pjd_gzhfc.pjd_hide .pjd_gzhfc_bg { animation: pjd_hide2 0.4s ease-in-out; }
@keyframes pjd_show{
0% { opacity: 0.1;transform: scale(0.2);}
100% { opacity: 1;transform: scale(1);}
}
@keyframes pjd_hide{
0% { opacity: 1;transform: scale(1);}
100% { opacity: 0.1;transform: scale(0.2);}
}
@keyframes pjd_show2{
0% { opacity: 0;}
100% { opacity: 0.4;}
}
@keyframes pjd_hide2{
0% { opacity: 0.4;}
100% { opacity: 0;}
}