.margin-0a {
margin: 0 auto;
}
/*修改a 原样式*/
.exp_tab li a {
color: black;
}

.dev_menus{
background: white;
display: flex;
}
.mySwiper{
width: 100%;
padding: 10px 20px;
}
.mySwiper .swiper-wrapper {
}
.swiper-slide {
}
.dev_experience_container{
position: relative;
margin-bottom: 70px;
}
/*改变 面包屑*/
.bread {
padding-left: 0;
}
.mod1>div a{
color: #333333;
}

/*上下选项图*/
.btn_img {
width: 43px;
height: 43px;
}
/*主体标题*/
.data_dev_head {
font-size: 46px;
opacity: 1;
line-height: 0px;
width: 188px;
height: 43px;
padding: 70px  0 57px 0;
}

.dev_title {
font-size: 46px;
text-align: center;
}
.dev_desc {
font-size: 20px;
font-weight: 500;
opacity: 1;
}
/*tab*/
.tab_title_left {
position:absolute;
left: -90px;
top: 32%;
transform: translate(-50%);
}
.tab_title_right {
position:absolute;
right: -150px;
top: 32%;
transform: translate(-50%);
}

.pagetab {
position:absolute;width: 100%;height: 100%;
}
.exp_tab {
display: flex;
height: 135px;
background: white;
justify-content: space-between;
margin: 0 auto;
box-shadow: 0px 1px 5px 1px rgb(0 0 0 / 10%);
}
.exp_tab .on {
/*box-shadow: 1px 1px 7px 2px rgba(255,152,83, 0.27);*/
box-shadow: 0px 3px 7px 6px rgb(255 152 83 / 27%);
position: relative;
z-index: 98;
color: #ff9853;
}
.exp_tab .on a {
color: #ff9853;
}
.exp_tab .on::before{
content: '';
width: 0;
height: 0;
border: 20px solid;
position: absolute;
bottom: -40px;
left: 50%;
transform: translate(-50%);
border-color:  rgba(255,152,83, 0.27) transparent transparent;
}
.exp_tab .on::after{
content: '';
width: 0;
height: 0;
border: 20px solid;
position: absolute;
bottom: -39px;
left: 50%;
transform: translate(-50%);
border-color:  #fff transparent transparent;
}
.line_left {
position: absolute;width: 2px;
height: 77px;
background: #ECECEC;
left: 0;
bottom: 40px;
}
.line_right {
position: absolute;width: 2px;
height: 77px;
background: #ECECEC;
right: 0;
bottom: 40px;
}
.exp_tab  li {
width: 33%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
height: 135px;
}
.exp_tab  li a {
font-size: 28px;
text-align: center;
font-weight: 500;
}
.dev_menu {
display: flex;
overflow-x: hidden;
height: 170px;
background: white;
}
/*.mod1>div{*/
/*    padding: 0px 0px 0px 15px;*/
/*}*/
.modtitle {
padding-top: 45px;
margin-bottom: 30px;
}
.mod2_rec>.modhead>.columns{
padding-left: 0px!important;
}
.modcon>.clearfix>.columns{
padding-left: 0px!important;
}
.dev_menu-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
margin-top: 4px;
/*box-shadow: 0px 1px 5px 1px rgb(0 0 0 / 10%)*/
}
.swiper-wrapper .swiper-slide:nth-child(1) .dev_menu-item{
margin-left: 5px;
}
.swiper-wrapper .swiper-slide:nth-child(3) .dev_menu-item {
margin-right: 6px;
}
/*选中*/
.active_bg::before{
content: '';
width: 0;
height: 0;
border: 20px solid;
position: absolute;
bottom: -40px;
left: 50%;
transform: translate(-50%);
border-color:  rgba(255,152,83, 0.27) transparent transparent;
}
.active_bg::after{
content: '';
width: 0;
height: 0;
border: 20px solid;
position: absolute;
bottom: -39px;
left: 50%;
transform: translate(-50%);
border-color:  #fff transparent transparent;
}
.active_bg {
box-shadow: 1px 1px 7px 2px rgba(255,152,83, 0.27);
}
.active_text {
color:#FF9853 !important;
}
.pre, .next{
min-height: 1px;
}
.flex-center {
display: flex;
align-items: center;
/* justify-content: start; */
}
.exp_container {
padding: 51px 0 0 0;
}
.exp_left_label {
width: 15%;
font-size: 28px;
text-align: right;
color: #808080;
}
.exp_right_big {
width: 76%;
padding-left:5px;
font-size: 24px;
font-weight: 500;
color: #808080;
}
.exp_right_content{
width: 76%;
padding-left: 5px;
font-size: 20px;
font-weight: 400;
color: #808080;
}
.exp_first_icon {
border-radius: 50%;
border: 5px solid #FF9853;
height: 30px;
width: 30px;
display: inline-block;
position: relative;
background: white;
z-index: 1;
}
.exp_icon {
width: 19px;
height: 19px;
background: #EDEDED;
border-radius: 50%;
display: inline-block;
}
.dev_exp_line {
SIZE: A5;
width: 3px;
background: #ededed;
position: absolute;
left: 23.7%;
height: 90%;
z-index: 0;
top: 60px;
}
.exp_left_tab{
font-size: 22px;
width: 15%;
color: #808080;
font-weight: 500;
text-align: right;
}
.data_bottom{
margin-bottom: 158px;
position: relative;
}

@media only screen and (max-width:1024px) {
.bread {
background-color: #FFffff;
}
.mod1>div a{
font-size: 13px;
}
.mod1{
margin-left: 0px;
}
.modtitle {padding-top: 0px;line-height: 1;padding-bottom: 10px;}
.exp_left_tab {
font-size: 12px;
width: 18%;
}
.dev_title {
font-size: 12px;
}
.dev_desc {
font-size: 8px;
}
.pre, .next{
display: none;
}
.data_dev_head {
font-size: 20px;
padding: 20px  0 18px 20px;
}
.exp_container {
padding: 8px 10px;
}
.exp_left_label {
font-size: 12px;
font-weight: bold;
width: 18%;
}
.comment{
padding-left: 15px;
padding-right: 15px;
}
.exp_right_content {
font-size: 11px;
width: 75%;
}
.exp_right_big{
font-size: 12px;
}
.exp_first_icon {
height: 10px;
width: 10px;
border: 1px solid #FF9853;
}
.exp_icon {
width: 6px;
height: 6px;

}
.dev_exp_line {
width: 1px;
left: 21.7%;
top: 20px;
}
.data_bottom{
margin-bottom: 32px;
}
/*tab*/
.pagetab {
display: none;
}
.exp_tab {
display: flex;
height: 38px;
background: white;
justify-content: space-between;
margin: 0 auto;
box-shadow: 0px 1px 5px 1px rgb(0 0 0 / 10%)
}
.exp_tab .on {
/*box-shadow: 1px 1px 7px 2px rgba(255,152,83, 0.27);*/
box-shadow: 0px 3px 7px 6px rgb(255 152 83 / 27%);
height: 38px;
position: relative;
z-index: 9;
color: #ff9853;
}
.exp_tab .on a {
color: #ff9853;
}
.exp_tab .on::before{
content: '';
width: 0;
height: 0;
border: 10px solid;
position: absolute;
bottom: -20px;
left: 50%;
transform: translate(-50%);
border-color:  rgba(255,152,83, 0.27) transparent transparent;
}
.exp_tab .on::after{
content: '';
width: 0;
height: 0;
border: 10px solid;
bottom: -19px;
left: 50%;
transform: translate(-50%);
border-color:  #fff transparent transparent;
}
.dev_experience_container {
margin: 10px 0;
}
.line_left {
display: none !important;
}
.line_right {
display: none !important;
}
.exp_tab  li {
width: 33%;
height: 38px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
}
.exp_tab  li a {
font-size: 12px;
font-weight: bold;
text-align: center;
}
}
@media only screen and (min-width: 320px) and (max-width: 640px) {
.dev_exp_line{
left: 22.4%;
}
.mod2_rec {
background: white;
}
.dev_menu {
display: flex;
overflow-x: hidden;
height: 87px
}
}
@media only screen and (min-width: 640px) and (max-width: 1024px){
.exp_left_label{
text-align: right;
}
.modtitle{
margin-bottom: 0px;
margin-left: 0px;
}
.exp_tab li a{
font-size: 20px;
}
.dev_desc{
font-size: 8px;
}
.exp_tab .on{
height: 55px;
}
.exp_tab li{
height: 55px;
}
.exp_tab{
height: 55px;
}
.exp_left_label{
font-size: 18px;
}
.exp_right_big{
font-size: 18px;
}

}