@charset "utf-8";

#main_bnr_area{width:100%;padding:0 80px}

#main_bnr_area .inner .fl_btn a{z-index:999; position:fixed; bottom:9.26%; right:5.21%; width:230px; height:76px; padding:0; text-align:center; font-size:20px;color:#fff; line-height:76px; border-radius:50px; box-shadow: 0px 14px 29px rgba(0, 0, 0, 0.15);background:var(--primary);font-family:'SBAggroL';}
#main_bnr_area .inner .fl_btn i{font-size:15px;}

.bnr_top_area{width:100%;height:285px}
.big_bnr_area{position:relative;width:100%;height:525px;}

.bnr_top_area .inner{position:relative;width:1300px;margin:0 auto}
.bnr_top_area .txt_box{padding-top:55px}
.bnr_top_area .txt_box .s_tit{margin-bottom:20px;font-size:15px;color:#ff7e00;font-family:'SBAggroM'}
.bnr_top_area .txt_box .tit{font-weight:normal;font-size:51px;line-height:70px;color:#333;font-family:'SBAggroL'}

.bnr_top_area .controls_area{position:absolute;top:115px;right:0;width:474px}
.bnr_top_area .controls_area .control_box{overflow:hidden;margin-bottom:20px}
.bnr_top_area .controls_area .control_box .pager{position:relative;float:left;font-size:13px;color:#787878;font-family:'SBAggroL'}
.bnr_top_area .controls_area .control_box .pager span{display:inline-block;margin-right:12px;cursor:pointer}
.bnr_top_area .controls_area .control_box .pager:before{position:absolute;top:6px;right:-100px;content:'';width:90px;height:1px;background:#d9d9d9}
.swiper-button-disabled{color:#c7c7c7;cursor:no-drop !important}
.bnr_top_area .controls_area .control_box .num{float:right;font-family:'SBAggroM'}
.bnr_top_area .controls_area .control_box .b_num{font-size:17px;color:#222;}
.bnr_top_area .controls_area .control_box .s_num{position:relative;margin-left:15px;font-size:11px;color:#a6a6a6}
.bnr_top_area .controls_area .control_box .s_num:before{position:absolute;left:-10px;bottom:3px;content:'';width:1px;height:10px;background:#d0d0d0;transform:rotate(15deg)}

.bnr_top_area .controls_area .thumb_box{overflow:hidden}
.bnr_top_area .controls_area .thumb_box .swiper-wrapper > div{position:relative;overflow:hidden;float:left;width:150px !important;height:60px;margin-right:12px;cursor:pointer;background:#333}
.bnr_top_area .controls_area .thumb_box .swiper-wrapper > div:last-child{margin-right:0}
.bnr_top_area .controls_area .thumb_box .swiper-wrapper > div img{position:relative;left:-50%;width:200%;opacity:.7;transition:all .3s}
.bnr_top_area .controls_area .thumb_box .swiper-wrapper > div .time_line{position:absolute;z-index:10;width:0;height:8px;bottom:0;background:#ff7e00}
.bnr_top_area .controls_area .thumb_box .swiper-wrapper > div.swiper-slide-thumb-active img{opacity:1}
.bnr_top_area .controls_area .thumb_box .swiper-wrapper > div.swiper-slide-thumb-active .time_line{animation:line 4s}
@-webkit-keyframes line {0% {width:0}90%{width:101%}100%{width:0}}

.big_bnr_area .big_bnr{overflow:hidden;position:relative;width:100%;height:425px;background:#c00}
.big_bnr_area .txt_box{position:absolute;z-index:100;left:0;bottom:0;width:50%;height:200px;
background: -webkit-linear-gradient(90deg, rgb(239, 107, 0), rgb(255, 126, 0));
background: linear-gradient(90deg, rgb(239, 107, 0), rgb(255, 126, 0))}
.big_bnr_area .icon_area{position:absolute;left:50%;bottom:0;width:650px;height:100px}

.big_bnr_area .txt_box .txt_cont{position:absolute;right:0;top:0;width:650px;height:100%}
.big_bnr_area .txt_box .txt_cont > div{float:left}
.big_bnr_area .txt_box .about_txt{padding-top:58px}
.big_bnr_area .txt_box .about_txt .tit{margin-bottom:10px;font-size:26px;color:#fff;font-family:'SBAggroM'}
.big_bnr_area .txt_box .about_txt .txt{font-size:15px;line-height:26px;color:rgba(255,255,255,.5);font-family:'SBAggroL'}

.big_bnr_area .txt_box .tel_txt{padding:58px 0 0 100px}
.big_bnr_area .txt_box .tel_txt .tel{margin-bottom:10px;margin-bottom:10px;font-size:27px;color:#fff;font-family:'SBAggroM'}
.big_bnr_area .txt_box .tel_txt .txt{font-size:13px;line-height:22px;color:rgba(255,255,255,.5);font-family:'SBAggroM'}
.big_bnr_area .txt_box .tel_txt .txt span{color:rgba(255,255,255,.7)}

.big_bnr_area .icon_area > div{position:relative;overflow:hidden;float:left;width:33.33%;height:100%;text-align:center}
.big_bnr_area .icon_area > div:before{position:absolute;right:0;top:25px;content:'';width:1px;height:50px;background:#e5e5e5}
.big_bnr_area .icon_area > div:last-child:before{display:none}

.big_bnr_area .icon_area .icon_inner{display:inline-block;padding-top:30px;text-align:left}
.big_bnr_area .icon_area .icon{float:left;margin-right:15px}

.big_bnr_area .icon_area .txt{float:left}
.big_bnr_area .icon_area .s_tit{margin-bottom:3px;font-size:13px;color:#bfbfbf;font-family:'SBAggroL';transition:all .3s}
.big_bnr_area .icon_area .tit{font-size:17px;color:#111;font-family:'SBAggroL'}
.big_bnr_area .icon_area .icon_inner:hover .s_tit{color:#ff7e00}