.about_brand{ width: 100%; background: url(../images/about_bg1.png)no-repeat center; padding: 100px 0; text-align: center;}
.about_tit em{ font-size: 36px; position: relative; padding-left: 24px; margin-right: 5px;}
.about_tit em:before{content: "";display: block;width: 18px;height: 18px; background: url(../images/dot.png) no-repeat center; background-size: 100% 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.about_tit img{ vertical-align:middle);}
.about_tit2 em:before{background: url(../images/dot2.png) no-repeat center; background-size: 100% 100%; }
.brand_text{ margin: 80px auto; width: 80%; line-height: 36px;font-family: "microsoft yahei"; font-size: 15px; }
.about_more{ display: block; width: 180px; height: 50px; background: url(../images/morebg.png) no-repeat center; background-size: 100% 100%; text-align: center; line-height: 50px; color: #fff; margin: 0 auto;}
.about_num{width: 100%; height: 600px; background: url(../images/about_bg2.jpg) no-repeat center; display: flex; justify-content: center; align-items: center;}
.about_num ul{text-align: center;}
.about_num li{ display: inline-block; color: #fff; padding: 20px 60px; border-right:1px solid rgba(255,255,255,.3); font-size: 20px;}
.about_num li em{ font-size: 44px;}
.about_num li:last-child{ border-right: none;}
.z_seemore2 em{ background:#ef7670;}
.z_seemore2 em:before{ border-color: #EF7670;}
.m_banner{ width: 100%;}
.m_banner img{ vertical-align: bottom;}

.page_tit2 em{ font-size: 28px;}

.gallery-thumbs .swiper-slide{ font-size: 16px; font-family: arial; color: #666666;}
.gallery-thumbs .swiper-slide-active{ font-size: 40px; color:#333333; }
.yearbar{ width: 70%; margin: 40px auto; text-align: center; height: 50px; line-height: 50px; position: relative; margin-bottom: 80px;}
.yearbar .btn{ display: block; width: 48px; height: 48px; border-radius: 50%; background: #fff; box-sizing: border-box; text-align: center; line-height: 48px; z-index: 9999; cursor: pointer;}
.yearbar .swiper-button-next{ position: absolute; right: 35%; top: 0; background: url(../images/cir_r.png) no-repeat center; background-size: 100% 100%; }
.yearbar .swiper-button-next:before{ content:"";display: block; width: 180px; background:url(../images/line_r.png) no-repeat center; background-size: 100% auto; height: 20px; position: absolute; right: -180px; top: 15px; z-index: 9999;}
.yearbar .swiper-button-prev{ position: absolute; left: 35%; top: 0; background: url(../images/cir_l.png) no-repeat center; background-size: 100% 100%;}
.yearbar .swiper-button-prev:before{ content:"";display: block; width: 180px; background:url(../images/line_l.png) no-repeat center; background-size: 100% auto; height: 20px; position: absolute; left: -180px; top: 15px; z-index: 9999;}


.page_content{width: 100%;background: url(../images/pagebg.jpg) repeat center;padding: 80px 0;position: relative;z-index: 1;}
.page_content:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/page_bg.png) no-repeat bottom center; position: absolute; left: 0; top: 0;z-index: -1;} 
.about_tit{ text-align: center;}
.page_tit{ font-size: 32px;}



.news_list2{margin-top: 50px;margin-bottom: 70px;}
.news_list2 ul{margin-left: -1%;margin-right: -1%;}
.news_list2 li{width: 31.333333333%;margin: 55px 1% 65px 1%;float: left;}
.news_bar li{ padding: 40px 0; border-bottom:1px solid #cccccc; position: relative;}
.news_bar li:before{ content: ""; display: block; width: 0%; height: 1px; background: #E22A22;transition: all .8s; position: absolute; left: 0; bottom: 0;}
.news_bar ul{ margin-bottom: 80px;}
.news_bar .time{ float: left;}
.news_bar .time em{ font-size: 46px; font-weight: bold; display: block; transition: all .8s;}
.news_bar .img{ width: 200px; height: 120px; float: left; margin: 0 40px; overflow: hidden;} 
.news_bar .img img{ width: 100%; height: 100%; transition: all .8s;}
.news_bar li:hover img{transform: scale(1.1,1.1);}
.news_bar li:hover:before{ width: 100%;}
.news_bar li:hover em{ color: #E22A22;}
.news_bar li .info h3{ font-size: 18px; margin: 15px 0; transition: all .8s;}
.news_bar li .info p{ font-family: "microsoft yahei"; color: #555555; line-height: 26px;}
.news_bar li:first-child{border-top:1px solid #cccccc;}
.news_bar li:hover h3{color: #E22A22;}

.yg_warp,.ly_warp{ padding: 100px 0; background: url(../images/yg_bg.jpg) no-repeat bottom center;}
.yg_warp .about_tit,.zp_warp .about_tit{ margin-bottom: 80px;}
.yg_list{ margin-left: -2.7%; margin-bottom: 50px;}
.yg_list .li{ width: 30.6%; float: left; margin-left: 2.7%;}
.yg_list .img{ width: 100%; height: 250px; position: relative;}

.yg_list .img img{ width: 100%; height: 100%;}

.yg_list .icon{ display: block; width: 40px; height: 40px; background: url(../images/sou.png) no-repeat center; background-size: 100% auto;transition: all .8s; transform: scale(3,3); }
.yg_list .mask{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/honor_bg.png) no-repeat center; background-size: 100% 100%; display: flex; justify-content: center; align-items: center; transition: all .4s; opacity: 0;}
.yg_list .li{ margin-bottom: 30px;}
.yg_list .li:hover .mask{opacity: 1;}

.yg_list .li:hover .icon{ opacity: 1; transform: scale(1,1);}
.yg_list .tit{ text-align: center; font-family: "microsoft yahei"; font-size: 18px; margin: 30px 0;}



.talent_zp{ margin-top: 100px;}
.sideMenu{}
.sideMenu_tit{background: #fff; line-height: 80px;  border-bottom:1px solid #dddddd;padding: 0 20px; box-sizing: border-box; }
.sideMenu_tit span{ font-size: 18px; font-weight: bold;display: block; width: 25%; font-size: 18px; font-weight: bold; float: left;}
.zp_tit span{ display: block; width: 25%; font-size: 18px; font-weight: bold; margin-bottom: 30px; float: left; font-family: "microsoft yahei";}
.rc_box .tit{ background: #fff; line-height: 80px; border-bottom:1px solid #dddddd; cursor: pointer; position: relative;}
.zp_tit,.rc_box .tit{ padding: 0 20px; box-sizing: border-box; transition: all .6s;}
.rc_box .tit span{display: block; width: 25%; float: left;font-family: "microsoft yahei";}
.rc_box .tit.on,.rc_box .tit:hover{ background:#E22A22; color: #fff;border-bottom-color:#E22A22}
.rc_box .tit.on:before{ content: ""; display: block; width: 18px; height: 16px; background: url(../images/cha.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}
.rc_box ul{ width: 100%; padding: 50px 20px; box-sizing: border-box; background: #fff; border:2px solid #fff; display: none;}
.rc_box ul.on{ border-color: #E22A22;}
.rc_box ul h4{ font-weight: bold;font-size: 18px; margin-bottom: 40px;}
.rc_box ul .box{ width: 50%; float: left; padding:0 20px; box-sizing: border-box; color: #555;font-family: "microsoft yahei";}
.rc_box ul .box p{ margin-bottom: 10px;}
.rc_box ul .bz{ padding: 0 20px; box-sizing: border-box; margin-top: 30px; width: 100%; float: left; font-size: 16px;}
.rc_box ul .bz span{ color: #E22A22 ;}
.zp_warp .about_more2{ margin-top: 70px;}
.about_more2:hover{ background: url(../images/morebg.png) no-repeat center!important; background-size: 100% 100%; color: #fff;}






.loading_page{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99;background: url(../images/loadbg.jpg) no-repeat center; background-size: cover; transition: all .8s;}
.loading_page.on{ transform: translateX(-100%);}
.loading_box{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); text-align: center;}
.load_text h3{ font-size: 32px;font-weight: bold;}
.load_text span{text-transform: uppercase; color: #545352;}
.load_text{ margin-top:30px;}
.load_logo{ height: 443px;}
.load_logo img{ max-height: 100%;}
.page22{width:100%;height:auto;margin-top: 20px;margin-bottom: 0;text-align:center;position:relative;overflow:hidden;}
.page22 a{display:inline-block;width: 40px;height: 40px;line-height: 40px;text-align:center;font-size: 14px;color:#888888;border:1px solid #cccccc;margin:0 4px;}
.page22 a.on, .page22 a:hover{background-color: #E01F18;color:#ffffff;border-color: #E01F18;}



.pace.pace-inactive {

  display: none;

}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace.pace-inactive .pace-progress {
  display: none;
}

.pace .pace-progress {
  position: fixed;
  z-index: 2000;
  top: 50%;
  left: 50%;
}

.pace .pace-progress:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  content: attr(data-progress-text);
  
  font-weight: 100;
  font-size: 32px;
  line-height: 1;
  margin-top: 210px;
  text-align: center;
  font-weight: bold;
  
}


@media screen and (max-width: 1566px) {


}
@media screen and (max-width: 1366px) {

}

@media screen and (max-width: 1200px) {

}

@media (max-width: 1024px) {


.contact_box .about_tit{margin-bottom: 25px;}

.page_tit2 em{ font-size: 22px;}

.conatct_tel{font-size: 22px;}
.contact_addre{margin: 10px 0;font-size: 15px;}
.conatct_www{font-size: 15px;line-height: 1.6;}
.contact_code{width: 130px;height: 130px;margin-top: 20px;}
.contact_warp .map{  height: 660px;}
.page_content{padding: 35px 0;}


.news_list2 li{margin: 0 1%;margin-bottom: 35px;position: relative;width: 100%;float: left;}

.about_tit em{ font-size: 22px;}

.news_list2{margin-top: 30px;margin-bottom: 70px;}





}