.about-box{ padding-top:30px; margin:0 auto; text-align:center;}
.honor-box{ text-align:center;  position:relative }

.team-box{margin:0 auto; text-align:center;  width:1165px}


.introduction-box{ position:relative}
.introduction-desc{position: absolute;top:25%;width: 430px;left: 55%; color: #fff;}
.introduction-desc h3{ font-size:22px; font-weight:bold; line-height:30px;}
.introduction-desc p {  margin-top:30px;}




.text_red {
    color: #c92a32;
}
	.companey_break{ background:#e6c1aa url(/assets/images/about/bg_break.jpg) 50% 100% no-repeat; margin-top:10px; padding-top:30px; padding-bottom:120px; position:relative;}
	.companey_break .container{ overflow:visible; position:sticky}
    .companey_break .breakBox{ position:relative;}
    .companey_break .breakBox:before{ content:""; display:block; height:4px; position:absolute; left:10px; right:10px; top:48px; background:rgba(255,255,255,.6); border-radius:100px;}
    .companey_break .break_item{ position:relative; display:block;}
    .companey_break .break_item:before{ content:""; display:block; width:2px; height:96px; position:absolute; left:50%; margin-left:-1px; top:48px; background:rgba(255,255,255,.6); z-index:-1;}
    .companey_break .break_item .item_year{ width:96px; height:96px; display:block; text-align:center; padding-top:30px; background:rgba(201,42,50,1); color:#fff; margin-bottom:40px; margin-left:auto; margin-right:auto; border-radius:100px;}
    .companey_break .break_item .item_year figure{ font-size:18px;}
    .companey_break .break_item .item_year b{ color:rgba(255,255,255,.4);}
    .companey_break .break_item .list_text{ padding:20px 24px 10px; display:block; background:rgba(255,255,255,.8); border-radius:10px; overflow:hidden; margin-bottom:60px; box-shadow:0 2px 4px rgba(0,0,0,.2)}
    .companey_break .break_item .list_text li{ padding-top:10px; padding-bottom:10px;}
    .companey_break .swiper-button-next, 
    .companey_break .swiper-button-prev{ width:34px; height:80px; position:absolute; top:30px; }
 
    .companey_break .swiper-button-prev, 
    .companey_break .swiper-container-rtl .swiper-button-next{ background-image:url(/assets/images/a_LR.png) -34px 0px;left:-50px}
    .companey_break .swiper-button-next, 
    .companey_break .swiper-container-rtl .swiper-button-prev{ background-image:url(/assets/images/a_LR.png) -0px 0px;right:-50px }
h2.title{ line-height:1em; font-size:30px; position:relative; padding-bottom:18px; margin-bottom:30px;}
	h2.title b{ display:block; font-size:16px; line-height:1em; padding-bottom:6px; text-transform: uppercase;}
	h2.title:before{ content:""; display:block; width:60px; height:2px; overflow:hidden; background:#c92a32; position:absolute; left:0; bottom:0;}
	h2.title2{ text-align:center;}
	h2.title2:before{ content:""; left:50%; margin-left:-30px;}
	h3.title{ line-height:1em; font-size:20px; position:relative; padding-bottom:18px; margin-bottom:24px;}
	h3.title b{ display:block; font-size:12px; line-height:1em; padding-bottom:10px; text-transform:uppercase;}
	h3.title:after{ content:""; display:block; width:48px; height:2px; overflow:hidden; background:#d59961; position:absolute; left:0; bottom:0;}
	
.scrolllist a.abtn{display:block;height:81px;width:28px;overflow:hidden;background:url(/assets/images/arrow4.png) no-repeat 0px 0px;}
.scrolllist a.aleft{float:left;background-position:0 0}
.scrolllist a.agrayleft{cursor:default;background-position:-56px 0;}
.scrolllist a.aright{float:left;background-position:-28px center;}
.scrolllist a.agrayright{cursor:default;background-position:-84px center;}
.scrolllist {width:550px;margin:0 auto; height:100px; position:absolute;top:65%; left:10%}
.scrolllist .imglist_w{width:450px;height:100px;overflow:hidden;float:left;position:relative;/*必要元素*/}
.scrolllist .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px; }
.scrolllist .imglist_w li{width:150px;float:left;padding:0 10px;}
.scrolllist .imglist_w li img { height:87px; width:130px; }


#s1 a.abtn{height:200px;} 
#s1 {top:20%; left:10%;height:200px;width:534px;}
#s1 .imglist_w{height:200px}
#s1 .imglist_w li{width:450px;float:left;padding:0 10px;}
#s1 .imglist_w li img { width:130px;height:184px;  }

#s1 a.abtn {display:block;height:81px;width:32px;overflow:hidden;margin-top:60px;}
#s1 a.aleft{float:left;background-position:-112px 0}
#s1 a.agrayleft{cursor:default;background-position:-176px center;}
#s1 a.aright{float:left;background-position:-146px 0;}
#s1 a.agrayright{cursor:default;background-position:-208px center;}



	.index_map{ background:#d69a63 url(/assets/images/about/bg01.png) repeat; padding-bottom:90px; padding-top:60px;}
	.index_map .row_group{ margin-bottom:80px;}
	.index_map .row_group .col_line + .col_line{ border-color:rgba(255,255,255,.4)}
	.index_map .mapBox{ display:block; position:relative; width:620px; margin:0 auto;}
	.index_map .mapBox img{ margin:0 auto;}
	figure { font-size:48px}
	b, strong{font-weight: 700;}
	.text_white{ color:#FFF}
	.col_line + .col_line{border-left: 1px solid #fff;}
	.index_map .stats-block span{ position:absolute; top:0px; right:30px}
	
/************波纹效果************/
.wave { position: absolute; width:40px; height:40px; text-align: center;   display:block; left:50%; bottom:50%；}
.wave .circle { position:absolute; border-radius:50%; opacity:0; left:50%; top:50%;}

.wave.ripple .circle { width:60px; height:60px; display:block; margin-left:-30px; margin-top:-30px; border:2px solid #fff;}
.wave.ripple .circle:first-child { animation: circle-opacity 2s infinite;}
.wave.ripple .circle:nth-child(2) { animation: circle-opacity 2s infinite; animation-delay: .3s;}
.wave.ripple .circle:nth-child(3) { animation: circle-opacity 2s infinite; animation-delay: .6s; }
.wave.ripple.danger {  color: red;}
.wave.ripple.danger .circle { border-color: red;}
 
.wave.ripple .btn_point{ width:12px; height:12px; background:#fff; position: absolute; left:50%; top:50%; margin-left:-6px; margin-top:-6px; border-radius:100px;}
.wave.ripple.ripple_yellow .circle { border-color:#f6ff02;}
.wave.ripple.ripple_yellow .btn_point { background:#f6ff02;}


@keyframes circle-opacity{
from { opacity: 1; transform: scale(0);}
to { opacity: 0; transform: scale(1);}
}


.infodiv { display:none;}
.no-none { display:block;}
.infodiv hr{ width:130px;   position: absolute; top: 0px;left: 20px;}
.infodiv .infobox 
{ 

    position: absolute;
    top: -10px;
    left: 150px;
    background-color: #fff;
    padding: 10px 20px;
    border-radius:8px;
    white-space: nowrap;
    text-align:left;
    }
    .infobox  h5{ font-weight:bold;  color:#bc121f}
    .infobox  ul li { color:#808080; line-height:1.5em }
    .infobox  ul li span { color:#c92a32; margin-right:5px; font-weight:bold }
   .group-info > div { background-color:Red}