/* CSS Document */
:root{
	--main_color:#e70012;        /* 主色 */
	--main_color_rgb:231,0,18;  /* rgba */
}

.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}

@font-face{ font-family:'alimama'; src: url('/images/alimama.ttf');}
@font-face{ font-family:'Beba'; src: url('/images/BebasNeue-Bold.ttf');}

/*返回顶部*/
.back_top{ position: fixed; right: 24px; bottom: 48px; width: 64px; height: 64px; color: #fff; border-radius:6px; background:rgba(0,0,0,0.5); text-align:Center; cursor: pointer;}
.back_top img{ width: 20px; display: block; margin:0 auto 5px auto; padding-top:10px;}
.back_top p{ font-size: 14px;}


/*滚动条美化*/
body::-webkit-scrollbar{ width: 10px !important;}
body::-webkit-scrollbar-track{ background-color: #f3f3f3;}
body::-webkit-scrollbar-track-piece{ background-color: #f3f3f3; -webkit-border-radius: 4px;}
body::-webkit-scrollbar-thumb{ background-color: #ddd; border: solid 1px #C0C0C0; border-radius: 4px;}
body::-webkit-scrollbar-corner{ background-color: #ddd;}
body::-webkit-resizer{ background-repeat: no-repeat; background-position: bottom right;}
body::-webkit-scrollbar-thumb:hover{ background-color: #F3F3E0;}
::-webkit-scrollbar{ width: 15px;}


.t_left_center{ display: flex; flex-direction: column; justify-content: center;}
.flex_start{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.flex_space{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.t_center{ display: flex; flex-direction: column; justify-content: center; align-items: center;}


@-webkit-keyframes sxs { 
	from {-webkit-transform: translateY(-10px);}
    to { -webkit-transform: translateY(10px) }
}


/*导航菜单*/
#mould86068{
    z-index: 100;
    width: 90%;
    left: 5%;
    top: 0.25rem;
    position: absolute;
    transition: 0.5s all;
    background: rgba(255,255,255,0.98);
    border-radius: 90px;
    box-shadow: 0 1px 20px rgb(0 0 0 / 4%);
}
.navbars41{
	width: 90%;
    margin: auto;
    max-width: 1440px;
  
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.navbars41 .logo{
    width: 2.4rem;
    height: 0.9rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.navbars41 .logo img{ 
    display: block;
    transition: 0.5s all;
}
.navbars41 .navs_a{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.navbars41 ul{
	display: flex;
    height: 100%;
}
.navbars41 li{ 
    padding: 0 1.6vw;
    position: relative;
}
.navbars41 li>a{
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  
    z-index: 2;
    font-size: .18rem;
    font-weight: 600;
    transition: 0.5s all;
}
.navbars41 li.active>a:after{
	content: "";
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0.2rem;
    background:#e70012;
}
.navbars41 li>a:hover{ color:var(--main_color);}
.navbars41 li.active>a{ color:var(--main_color);}

/*导航 下拉菜单*/
.navbars41 li .hide1{ 
    white-space: nowrap;
    min-width: 100%;
    position: absolute;
    top: 100%;
    left: 50%;
    background: rgba(255,255,255,.99);
    -webkit-transform: translate(-50%,20px);
    -ms-transform: translate(-50%,20px);
    transform: translate(-50%,20px);
    border-radius: 5px;
    padding: 15px 15px;
    opacity: 0;
    pointer-events: none;
    transition: all .3s;
    box-shadow: 0 2px 30px rgba(231,0,18,.15);
}
.navbars41 li .hide1:after{
  content:"";
  position:absolute;
  bottom:100%;
  left:50%;
  border-style:solid;
  margin-left:-7px;
  border-width:7px;
  border-color:transparent transparent #fff;
}
.navbars41 li .hide1 p:not(:last-of-type){ border-bottom:1px solid #ddd;}
.navbars41 li .hide1 a.active,.navbars41 li .hide1 a:hover{ color:var(--main_color);}
.navbars41 li .hide1 a{
    display: block;
    position: relative;
    font-size: .16rem;
    padding: 15px 0;
    -webkit-transition: color .3s cubic-bezier(.645,.045,.355,1);
    -ms-transition: color .3s cubic-bezier(.645,.045,.355,1);
    transition: color .3s cubic-bezier(.645,.045,.355,1);
    text-align: center;
}
.navbars41 li .hide1 a:before{
  content:"";
  position:absolute;
  top:7px;
  bottom:7px;
  left:-15px;
  width:3px;
  background:var(--main_color);
  -webkit-transform:scaleY(0);
  -ms-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transition:-webkit-transform .3s cubic-bezier(.162,.85,.45,1);
  transition:transform .3s cubic-bezier(.162,.85,.45,1);
}
.navbars41 li .hide1 a.active:before,.navbars41 li .hide1 a:hover:before{
  -ms-transform-origin:top;
  -webkit-transform-origin:top;
  transform-origin:top;
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
}
.navbars41 li .hide1.active{
  pointer-events:all;
  -webkit-transform:translate(-50%);
  -ms-transform:translate(-50%);
  transform:translate(-50%);
  -webkit-transition-delay:.1s;
  -ms-transition-delay:.1s;
  transition-delay:.1s;
  opacity:1;
}


/*轮播图*/
#mould86069 { width:100%; height:100vh; z-index:0; overflow:hidden;}
#mould86069 .swiper-slide{ width:100%; height:100%; z-index:8;}  
#mould86069 .swiper-slide img{ width:100%; height:100%; object-fit:cover; display:block;}

#mould86069 .swiper-button-prev{ opacity:0; left:.48rem;}
#mould86069 .swiper-button-next{ opacity:0; right:.48rem;}
#mould86069:hover .swiper-button-prev,#mould86069:hover .swiper-button-next{ opacity:1;}

#mould86069 .swiper-pagination{ bottom: .5rem;}
#mould86069 .swiper-pagination-bullet{ width:.5rem; height: 3px; border-radius:3px; background: rgba(255,255,255,.4); opacity: 1; position: relative; margin: 0 5px !important;}
#mould86069 .swiper-pagination-bullet:before{ content: ""; position: absolute; top: 0; left: 0; background: #fff; width: 0; height: 3px; z-index: 1; transition: 0s; border-radius:3px;}
#mould86069 .swiper-pagination-bullet-active:before{ width: 100%; transition: all 5s ease; border-radius:3px;}


/*index2*/
.index2{ background: #f3f3f3; padding: 1.5rem 0 1.25rem 0; overflow: hidden;}
.index2 .boxs_a .left .desc{ width:520px; text-align: justify; line-height: 2; margin-top: 0.5rem;}
.index2 .boxs_a .left .desc span{ color: var(--main_color);}
.index2 .boxs_a .right div{ margin-bottom: 0.45rem;}
.index2 .boxs_a .right div:last-child{ margin-bottom:0;}

.index2 .boxs_b{ position: relative; margin: 0.8rem 0 0.1rem 0;}
.index2 .boxs_b .pic{ position: absolute; left: 50%; bottom: -0.45rem; width:400px; z-index: 3; margin-left: -140px; animation: sxs 2s linear infinite alternate;}

.index2 .boxs_c{ background: #fff; border-radius: 0.5rem; position: relative; padding: 0.45rem 0.55rem 0;}
.index2 .boxs_c .video{ width: 100%; border-radius: 0.4rem; overflow: hidden;}
.index2 .boxs_c video{ width: 100%; height:auto; display: block;}
.index2 .boxs_c .cysm{ margin-top: 0.68rem; padding-bottom: 0.6rem;}
.index2 .boxs_c .cysm .txt{ padding-left: 0.2rem; width: 42%; box-sizing: border-box;}
.index2 .boxs_c .cysm .txt .desc{ text-align: justify; line-height: 2; margin-top: 0.3rem; font-size:14px; text-indent:2em;}
.index2 .boxs_c .cysm .pic{ margin-top:0.8rem; width: 54%;}



/*index3*/
.index3{ background: url(/images/in3_bg.jpg) no-repeat; padding: 1.5rem 0 1.25rem 0; background-size: cover; overflow: hidden;}
.index3 .boxs_a .right{ width:282px; padding-top: 0.22rem;}
.index3 .boxs_b{ margin-top: 0.8rem;}
.index3 .boxs_b .desc{ width: 680px; font-size:14px; line-height: 1.8; color: #fff; margin: 0.36rem 0 0.4rem;}
.index3 .boxs_b .ico div{ margin-right:0.76rem;}
.index3 .boxs_b .info{
    padding: 25px 1rem;
    height: 180px;
    box-sizing: border-box;
    border-radius: 180px;
    margin-top: 0.66rem;
    background: rgba(255,255,255,0.8);
    position: relative;
}
.index3 .boxs_b .info .lg{
    width:480px;
    position: absolute;
    bottom: 0;
    right: 0.5rem;
    animation: sxs 2s linear infinite alternate;
}


/*index4*/
.index4{ background: url(/images/in4_bg.jpg) no-repeat center top; padding: 1.5rem 0 2.5rem 0; background-size: cover; overflow: hidden;}
.index4 .boxs_a{ position: relative;}
.index4 .boxs_a .left p{ width: 440px; line-height: 1.8; text-align: justify; color: #fff; margin-top: 0.68rem; font-size:14px;}
.index4 .boxs_a .left p span{ font-weight:bold;}
.index4 .boxs_a .left .btns{ margin-top: 40px;}
.index4 .boxs_a .right{ position: absolute; right: -2.8rem; top: -0.78rem;}


/*index5*/
.fanzhuan{ transform-style: preserve-3d; backface-visibility: hidden; transition-duration: .6s; transition-timing-function: 'ease-in';}
.index5{ background: #ffdfe0 url(/images/in5_bg.png) no-repeat center top; background-size: 60%; padding-bottom: 1.25rem;}
.index5 .boxs_a li{ margin-top:-120px; position: relative;perspective: 1000px; margin-bottom:1rem;}
.box-front, .box-opposite{transform-style: preserve-3d;backface-visibility: hidden;transition-duration: .6s;transition-timing-function: 'ease-in';}
.box-opposite {transform: rotateY(180deg);visibility: hidden;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.index5 .boxs_a li:hover .box-front,.index5 .box1 li.active .box-front{transform: rotateY(180deg);visibility:hidden;}
.index5 .boxs_a li:hover .box-opposite,.index5 .box1 li.active .box-opposite{transform: rotateY(360deg);visibility:visible;}
.index5 .boxs_a li.active{
    .box-front{
        transform: rotateY(180deg);
        visibility:hidden;
    }
    .box-opposite{
        transform: rotateY(360deg);
        visibility:visible;
    }
}
.index5 .boxs_b{ margin-top:.6rem;  overflow:hidden;}
.index5 .boxs_b .pic{ width:46%; box-sizing:border-box;}
.index5 .boxs_b .focus{ width:48%; overflow:hidden;}
.index5 .boxs_b .focus img{  border-radius:15px;}

/*index6*/
.index6{ padding: 1rem 0 1rem;overflow: hidden;}
.index6 .boxs_a .t_left_{ margin-top:.6rem;}
.index6 .boxs_b{ margin: 1rem 0;}

/*index7*/
.index7{ background: url(/images/in6_bg.png) no-repeat center; background-size: 88% auto; padding: 1rem 0 0.5rem;}
.index7 .boxs_a{ margin-bottom: 0.8rem; position: relative;}
.index7 .boxs_a:before{
    content: '';
    display: block;
    width: 75%;
    height: 1px;
    background: linear-gradient(to right, var(--main_color), #ffffff);
    position: absolute;
    left: 0;
    top: -1rem;
}
.index7 .boxs_b .tabs1 a{ background:#c0c0c0;display:inline-block; width:190px; text-align:center; font-size:28px;line-height:50px;border-radius:50px;color: #fff;position:relative;font-family:'alimama';}
.index7 .boxs_b .tabs1 a:focus{ text-decoration:none;}
.index7 .boxs_b .tabs1 a span{ font-size:30px;}
.index7 .boxs_b .tabs1 a:last-child{ margin-right:0;}
.index7 .boxs_b .tabs1 a.active{ background:#000;}
#tabs-container1{ width:100%;}
.index7 .boxs_b .txt{ width:50%;overflow:hidden;}
.index7 .boxs_b .quyu li{ margin-top:.68rem;position:relative;box-sizing:border-box;height:5rem;}
.index7 .boxs_b .quyu li h3{ font-size:.5rem;color:var(--main_color);margin-bottom:.3rem;font-family:'alimama';}
.index7 .boxs_b .quyu li h3 span{ font-size:.56rem;}
.index7 .boxs_b .quyu li dt{ font-size:.18rem;margin-bottom:15px;font-weight:bold;color:#000;font-family:'alimama'; line-height:1.5;}
.index7 .boxs_b .quyu li dt strong{ color:#666;}

.index7 .boxs_b .ditu{ width:50%; overflow:hidden;}
.index7 .boxs_b .ditu img{ width:100%; display:block;}
.index7 .boxs_b .ditu span{ display:block; margin-top:.5rem; font-size:14px;}

/*index8*/
.index8{ padding: 1.5rem 0 0.6rem 0; background: url(/images/in8_bg.jpg) no-repeat center; background-size: cover;}
.index8 .boxs_a{ margin-bottom: 1rem;}
.index8 .boxs_a .btns{ display: flex; align-self: flex-end;}
.index8 .boxs_a a{ font-size:20px; color:rgba(255,255,255,0.9); border:solid 2px rgba(255,255,255,0.9); width:160px; line-height:42px; display:block; border-radius:44px; text-align:center; transition:0.3s all;}
.index8 .boxs_a a:hover{color:var(--main_color); border:solid 2px var(--main_color);}
.news_a .swiper-container{ padding-bottom:.5rem;}
.news_a .swiper-slide{ transition: 0.5s; background: #fff; overflow: hidden; cursor: pointer; padding: 10px; box-sizing: border-box;}
.news_a .swiper-slide .img{ overflow: hidden; position: relative;}
.news_a .swiper-slide .img img{ transition:1s;}
.news_a .swiper-slide .img:hover img{ transform:scale(1.1);}
.news_a .swiper-slide .news_logo{ margin-top: -30px; padding-left: 10px; position: relative; width:200px;}
.news_a .swiper-slide .text{ padding: 10px 10px;}
.news_a .swiper-slide .text h2{ font-size: 24px; transition: 0.5s; color: #000; font-family: 'alimama'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_a .swiper-slide .text h2:after{ content:''; width:46px; height:3px; background:var(--main_color); display:block; margin:0 0 10px 0;}
.news_a .swiper-slide .text p{ font-size:14px; color: #888; text-align: justify; line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_a .swiper-slide .text time{ font-size:14px; display: block; color: #999; padding: 15px 0px 10px 0px; transition: 0.5s; text-align: right; border-bottom: solid 1px var(--main_color);}
.news_a .swiper-pagination{ bottom:0;}
.news_a .swiper-pagination-bullet{ width:36px; background:rgba(255,255,255,0.8); border-radius:4px; opacity:.8; transition: 0.3s all;}
.news_a .swiper-pagination-bullet-active{ width:76px; background:var(--main_color);}








/*底部*/
.footer_bg{
    width: 100%;
    background: url(/images/foot_bg.jpg) no-repeat center top;
    background-size: cover;
    padding: 0.3rem 0 0rem 0;
}
.main_a{ width: 88%; margin: auto; max-width: 1280px; position:relative;}
.b_contact{ padding-top: 160px;}
.b_contact .f_tel{ margin-top:15px; color:#fff;}
.b_contact .f_tel p{ font-size:32px; margin-bottom:10px;}
.b_contact .f_tel span{ font-size:70px; font-family: 'Beba'; color:#fff; letter-spacing: 2px;}

.foot_pic{ position:absolute; right:0; top:0;}

.lj {width: 1280px;margin: 0 auto;padding: 30px 0;}
.lj p {color: #fff;}
.lj p a{color: #fff;}
.foot_ewm{ margin-top:20px;}
.foot_ewm li{ text-align:center;  color:rgba(255,255,255,.9); margin-right:10px;}
.foot_ewm li:last-child{ margin-right:0;}
.foot_ewm li .pic{ width:130px; height:130px; border-radius:6px; overflow:hidden; margin-bottom:12px;}

.foot_s{ width:550px; border-radius:46px; margin-top:25px; background:#fff; padding:6px 30px; box-sizing:border-box; font-family:'alimama'; font-size:23px; color:#888;}
.foot_s img{ display:block;}
.foot_s span{ background:var(--main_color); color:#fff; display:block; line-height:40px; border-radius:42px; padding:0 20px;}

.copyright{ padding:.2rem 0; border-top:solid 1px rgba(255,255,255,0.2); color:#fff; text-transform:uppercase; font-size:16px;}
.copyright a{ color:#fff;}



/*适应*/
@media (max-width: 1680px){
#mould86069 { width:100%; height:100%; z-index:0; overflow:hidden;}
}

@media (min-width: 1360px) and (max-width: 1679px){
.index8 {
  padding: 1.2rem 0 0.6rem 0;}
  .index3 {padding: 1.2rem 0 1.2rem 0;}
  .index2 {padding: 1.2rem 0 1.2rem 0;}
}

@media (min-width: 1360px) and (max-width: 1440px){
  .foot_pic{ position:absolute; right:-2.8rem; top:0;}
}