.top1,.top_about{height: 600px;background: url(../202311/about/top_about.jpg) no-repeat top center;}
.top_about{height: 1060px;}

.about1{padding-top: 125px;color: #fff;}
.about1 h2{font-size: 48px;text-align: center;line-height: 1;font-weight: 700;}
.about1 p{font-size: 30px;line-height: 55px;margin-top: 25px;}

.about_video{width: 1024px;height: 576px;margin: 40px auto 0;}
.about_video video{border-radius: 20px;width:100%;height:100%;}

.tt1{ text-align:center; font-size:36px; padding: 45px 0;color: #d81f26;font-weight: bold;}

.about2 .Tion2{padding-left: 70px;position: relative;padding-bottom: 30px;}
.about2 h2{color: #333;font-size:50px;line-height: 1;position: relative;}
.about2 h2 span{color: #ccc;font-size:42px;line-height: 1;font-family: Arial;padding-left: 13px;}
.about2 h2:before{content: '';position: absolute;width: 149px;height: 25px;background-color: #ddd;z-index: -1;left: 0;bottom: 0;}
.about2 h3{color: #313131;font-size:82px;line-height: 1;font-family: Arial;text-transform: uppercase;padding: 48px 0 40px;opacity: .1;}
.about2 h4{color: #333;font-size:26px;line-height: 1;padding: 21px 0 30px;}
.about2 p{color: #666;font-size:22px;line-height:36px;width: 680px;text-align:justify;}
.about2 .imgPeople{position: absolute;bottom:0;right: 40px;z-index: 10;}

.about3{background:url(../images/aboutTion3bg.jpg) no-repeat center top;padding-bottom: 70px;}
.about3 .title{color: #FFF;font-size:42px;line-height: 1;font-weight: bold;display: inline-block;border-bottom: 1px solid #FFF;padding: 80px 0 28px;}
.about3 .culture{margin-left: -60px;}
.about3 .culture li{width: 360px;float: left;margin-left: 60px;box-shadow: 0 0 50px 12px rgba(0,0,0,.05);}
.about3 .culture li .nr{height: 117px;padding-top: 16px;padding-right: 15px;}
.about3 .culture li.p1 .nr{background: #fff url(../images/about/qywh1.png) no-repeat right top;}
.about3 .culture li.p2 .nr{background: #fff url(../images/about/qywh2.png) no-repeat right top;}
.about3 .culture li.p3 .nr{background: #fff url(../images/about/qywh3.png) no-repeat right top;}
.about3 .culture li h3{font-size: 30px;position: relative;padding-left: 26px;line-height: 35px;margin-bottom: 10px;}
.about3 .culture li h3:before{content: '';position: absolute;width: 4px;height: 35px;background-color: #d81f26;left: 0;top: 0;}
.about3 .culture li p{font-size:22px;line-height:30px;padding-left: 26px;}


.tt2{text-align:center;font-size:16px;color: #666;}
.tt2 b{ display:block; font-weight: bold; font-size:36px; color:#d81f26; margin-bottom: 20px;}
.idea{padding: 50px 0;}
.idea_list{ margin-left: -25px;}
.idea_list li{ width:218px; height: 278px; float:left; margin: 5px 0 5px 26px; position: relative; overflow: hidden; color:#fff;} 
.idea_list li img{ display:block; width:100%; height: 100%;}
.idea_list li:before,.idea_list li:after{ content:""; position: absolute; top:0; left:0; width:100%; height: 100%;  }
.idea_list li:before{background: url(../images/a_idea05.png) center center no-repeat;}
.idea_list li:after{background: url(../images/a_idea05b.png) center center repeat; opacity:0; filter:Alpha(opacity=0);}
.ie8 .idea_list li:after{ display:none;}
.idea_text{ position:absolute; top:0; left:0; z-index: 1; width:100%; height: 100%;} 
.idea_text h6{text-align:center; font-size: 24px;line-height: 30px; position: relative; top:170px;}
.idea_text h6 span{ display:inline-block; padding-bottom: 10px; position: relative;}
.idea_text h6 span:before,.idea_text h6 span:after{ content:""; position: absolute; bottom: 0; height: 1px;}
.idea_text h6 span:before{ left:0; width:100%; background: #e60012;}
.idea_text h6 span:after{  left:50%; width:0; background: #fff;}
.idea_des{line-height: 28px; max-height: 145px; overflow: hidden; padding: 0 30px; position: relative; top:100%; opacity: 0; filter:Alpha(opacity=0);font-size: 16px;} 
.idea_list li:hover:before{ opacity: 0; filter:Alpha(opacity=0);}
.idea_list li:hover:after{ opacity: 1; filter:Alpha(opacity=100);}
.ie8 .idea_list li:hover:after{ display:block;}
.idea_list li:hover .idea_text h6{ top:55px;}
.idea_list li:hover .idea_text h6 span:before{ left:50%; width:0;}
.idea_list li:hover .idea_text h6 span:after{ left:0; width:100%;}
.idea_list li:hover .idea_des{ top:65px; opacity: 1; filter:Alpha(opacity=100);}
.idea_text h6,.idea_des{
    -webkit-transition:all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}


.join1,.join2,.join3{width: 905px;height: 315px;margin: 60px auto 0;border-left: 1px solid #d81f26;border-bottom: 1px solid #d81f26;position: relative;}
.join1 h2.bt,.join2 h2.bt,.join3 h2.bt{position: absolute;font-size: 30px;top: 0;left: -110px;}
.join1 h2.bt{width: 92px;}
.join2 h2.bt{width: 125px;}
.join1 h2.bt span,.join2 h2.bt span,.join3 h2.bt span{display:block;font-size: 24px;line-height: 30px;color: #d81f26;text-align: right;}
.join1 em.dian,.join2 em.dian,.join3 em.dian{width: 12px;height: 12px;position: absolute;background-color: #d81f26;border-radius: 50%;top: 32px;left: -6px;}
.join1 .sw1,.join2 .sw2,.join3 .sw3{width: 790px;margin: 0 auto;}
.join1 .sw1 .swiper-slide img,.join2 .sw2 .swiper-slide img,.join3 .sw3 .swiper-slide img{display: block;width: 246px;height: 160px;}
.join1 .sw1 .swiper-slide span,.join2 .sw2 .swiper-slide span,.join3 .sw3 .swiper-slide span{display: block;width: 100%;height: 35px;font-size: 18px;color: #d81f26;background-color: #e5e5e5;line-height: 35px;text-align: center;}
.join1 .sw1 .swiper-slide p,.join2 .sw2 .swiper-slide p,.join3 .sw3 .swiper-slide p{font-size: 14px;line-height: 18px;width: 85%;margin: 5px auto;text-align: center;}
.join1 .next,.join1 .prev,.join2 .next,.join2 .prev,.join3 .next,.join3 .prev{width: 16px;height: 26px;background: url(../images/join/arrow.png) no-repeat 0 0;top: 88px;outline: none;}
.join1 .prev,.join2 .prev,.join3 .prev{left: 25px;}
.join1 .next,.join2 .next,.join3 .next{background-position: top right;right: 15px;}
.join2{height: 290px;border-left: 0 none;border-right: 1px solid #d81f26;margin-top: 0;padding-top: 45px;border-bottom: 0 none;}
.join2:before{content: '';position: absolute;width: 50%;height: 1px;bottom: 0;right: 0;background-color: #d81f26;}
.join2 .next,.join2 .prev{top: 140px;}
.join2 h2.bt{right: -130px;left: initial;}
.join2 h2.bt span{text-align: left;}
.join2 em.dian{right: -6px;left: initial;}
.join3{border-width: 0;height: auto;padding-bottom: 70px;}
.join3:before{content:'';display: block;position: absolute;width: 1px;height: 30px;left: 50%;background-color: #d81f26;top: -60px;}
.join3 h2.bt{position: initial;text-align: center;}
.join3 h2.bt span{text-align: center;}
.join3 em.dian{left: 50%;margin-left: -6px;top: -30px;}
.join3 .sw3{margin-top: 15px;}
.join3 .next,.join3 .prev{top: 180px;}

.post{background: #f8f8f8;padding: 20px 0 40px;}
.post_item{ padding: 20px 30px; background: #fff; cursor: pointer; position: relative; margin-bottom: 10px;}
.post_item:before{content:""; position: absolute; top:50%; margin-top: -11px; right:30px; width:22px; height: 22px; background: #d8d8d8 url(../images/a_ico09a.png) center center no-repeat;}
.post_item span{ display:block; line-height: 24px; font-size:20px; margin-bottom: 15px;}
.post_info{ margin:0 -25px; line-height: 22px;}
.post_info i{ display: inline-block; margin: 0 25px; font-size:14px; color: #666;}
.post_cur:before{ background-color: #e60012; background-image: url(../images/a_ico09b.png); }
.post_item:hover{ background: #f3f3f3;}
.post_xq{ display: none; background:#fff; padding:35px; border:1px solid #dadada; line-height: 26px; color: #666; margin-top: -10px; margin-bottom: 20px; }
.post_company{ display:block; float: right; margin:0 60px;}
.post_text{ overflow:hidden;}
.post_caption{ color:#333;}
.wai_link{ display:inline-block; font-size: 16px; color: #e60010; padding-right: 26px; background: url(../images/a_ico10.png) right center no-repeat; border-bottom: 1px solid #e60010; margin-top: 20px;}
.wai_link:hover{ padding-right: 30px;}
.apply{ background: #f5f5f5; padding: 12px 30px; margin-top: 15px;}
.apply_btn{ display:block; float: right; width:146px; height: 34px; line-height: 34px; text-align: center; font-size: 16px; color: #fff; background: #e60012; border:2px solid #e60012; border-radius: 5px; margin-top: 8px;}
.apply_btn:hover{ background:#fff; color: #e60012;}
.apply_des{ line-height:26px; color: #333;}
.apply_des a{ color:#e60012; text-decoration: underline;}
.page_post{ background:#f5f5f5;}
.post_guide{background: url(../images/join/gw-bg.jpg) no-repeat top center;height: 227px;text-align: center;color: #fff;}
.post_guide .post_tit{font-size: 36px;padding-top: 40px;}
.post_guide .post_tit b{border-bottom: 2px solid #fff;padding-bottom: 10px;}
.post_guide .post_jiyu{font-size: 20px;line-height: 30px;width: 645px;margin: 20px auto 0;}