/* Css Flash */
.swiper1{ width:100%; height:725px; position:relative;}
.swiper-slide{ background-repeat:no-repeat; background-position:center; background-size:cover;}
@media screen and (max-width:1440px){ .swiper1{ height:585px;}}

/* Css Class */
.cl-bg{ padding:84px 0 85px; background-color:#f5f5f5;}
.cl-bg .cl-zb{ float:left; width:285px; position:relative;}
.cl-bg .cl-zb .zb-al{ position:absolute; left:0; top:-165px; z-index:10; width:100%; height:650px; background:url(../Images/class.jpg) no-repeat;}
.cl-bg .cl-zb .zb-al a{ display:block; width:50px; height:180px; font-family:"064-CAI978"; font-size:16px; color:#fff; line-height:50px; border:1px solid #fff; padding-top:13px; margin:240px 0 0 155px; writing-mode:vertical-lr; writing-mode:tb-lr; background-image:url(../Images/jt03.png); background-repeat:no-repeat; background-position:center 144px;}
.cl-bg .cl-zb .zb-al a:hover{ background-color:#f71809; border-color:#f71809;}
.cl-bg .cl-zb .zb-tl{ position:absolute; left:0; top:618px; z-index:10; width:100%; height:180px; background:url(../Images/tel.jpg) no-repeat;}
.cl-bg .cl-yb{ float:right; width:858px; position:relative;}
.cl-bg .cl-yb a{ display:block; float:left; width:285px; margin:1px 0 0 1px; border:1px solid #fff; overflow:hidden; position:relative;}
.cl-bg .cl-yb a:hover{ border:1px solid #f71809;}
.cl-bg .cl-yb a img{ width:100%;}
.cl-bg .cl-yb a dl{ position:absolute; left:25px; top:15px; z-index:3;}
.cl-bg .cl-yb a dl h3{ font-family:"064-CAI978"; font-size:16px; color:#333; letter-spacing:0; line-height:32px; margin-bottom:5px;}
.cl-bg .cl-yb a dl span{ display:block; width:18px; height:18px; border:1px solid #f71809; background:url(../Images/jt04.png) no-repeat center; -webkit-border-radius:50%; border-radius:50%;}
.cl-bg .cl-yb a:hover dl span{ background-color:#f71809; background-image:url(../Images/jt05.png);}

/* Css Products */
.ig-bg{ margin:75px 0 50px;}
.ig-bg .ig-nm{ width:100%; height:80px; background:url(../Images/igBg.jpg) no-repeat; padding:30px 0 0 25px;}
.ig-bg .ig-nm .tabs a{ float:left; height:50px; line-height:50px; font-family:"064-CAI978"; font-size:18px; color:#333; text-transform:uppercase; letter-spacing:0; text-align:center; padding:0 20px; margin-right:10px; background-color:#fff; cursor:pointer; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px;}
.ig-bg .ig-nm .tabs a.active{ font-size:22px; color:#fff; background-color:#f71809;}
.swiper-product{ width:100%; height:auto; margin-top:25px;}
.swiper-product .swiper-slide{ width:100%;}
.swiper-product .swiper-slide a{ display:block; width:100%; height:100%; border:1px solid #f2f2f2; padding-bottom:38px; overflow:hidden; position:relative;}
.swiper-product .swiper-slide a:hover{ border:1px solid #f71809;}
.swiper-product .swiper-slide a img{ width:100%; margin-top:-10px;}
.swiper-product .swiper-slide a dl{ position:absolute; left:0; bottom:0; width:100%; height:58px; line-height:20px; text-align:center; overflow:hidden; display:flex; justify-content:center; flex-direction:column;}
.swiper-product .swiper-slide a dl h3{ font-family:"064-CAI978"; font-size:14px; color:#f71809; margin-bottom:2px;}
.swiper-product .swiper-slide a:hover dl{ color:#fff; background-color:#f71809;}
.swiper-product .swiper-slide a:hover dl h3{ color:#fff;}
.swiper-anniu{ position:relative; line-height:0; margin-top:25px;}
.swiper-anniu .swiper-pagination-bullet{ width:10px; height:10px; background:#e0e0e0; margin:0 5px; opacity:1;}
.swiper-anniu .swiper-pagination-bullet-active{ background:#f71809;}

/* Css About */
.ab-bg{ width:100%; height:500px; padding-top:77px; background:url(../Images/abBg.jpg) no-repeat center;}
.ab-bg .ab-zb{ float:left; width:634px; font-size:15px; color:#fff; line-height:28px; padding-right:50px;}
.ab-bg .ab-zb h1{ font-family:"064-CAI978"; font-size:30px; text-transform:uppercase; letter-spacing:0; margin-left:-2px;}
.ab-bg .ab-zb p{ margin-top:25px;}
.ab-bg .ab-zb a{ display:block; width:165px; height:40px; line-height:38px; border:1px solid #fff; font-family:"064-CAI978"; font-size:16px; color:#fff; letter-spacing:0; padding-left:12px; margin-top:90px; background-image:url(../Images/jt03.png); background-repeat:no-repeat; background-position:131px center;}
.ab-bg .ab-zb a:hover{ border-color:#f71809; background-color:#f71809;}
.ab-bg .ab-yb{ float:left; width:566px;}
.ab-bg .ab-yb div{ width:566px; height:336px; padding-top:16px; margin-top:3px; position:relative;}
.ab-bg .ab-yb div dl{ width:550px; height:320px; border:1px solid #fff;}
.ab-bg .ab-yb div a{ position:absolute; top:0; right:0; display:block; width:550px; height:320px; background:url(../Images/abt.jpg) no-repeat;}

/* Css Style */
.sy-bg{ margin:65px 0 50px;}
.sy-bg h1{ font-family:"064-CAI978"; font-size:30px; color:#f71809; text-transform:uppercase; letter-spacing:0; text-align:center;}
.sy-bg p{ width:550px; height:30px; background:url(../Images/sty.jpg) no-repeat; margin:10px auto 0;}
.swiper4{ width:100%; height:auto; margin-top:25px;}
.swiper4 .swiper-slide{ width:100%;}
.swiper4 .swiper-slide a{ display:block; width:100%; height:100%;}
.swiper4 .swiper-slide a img{ width:100%;}