﻿
/* 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_top1{ position: fixed; right: 24px; bottom: 48px; width: 48px; height: 48px; color: #fff; border-radius:6px; background:rgba(0,0,0,0.5); text-align:Center; cursor: pointer; z-index:999;}
.back_top1 img{ width: 20px; display: block; margin:12px auto 0;}


.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;}
.main_a{ width:100%; padding:0 20px; box-sizing:border-box;}


/*====================== 导航 ======================*/
#mould86068{ width: 100%; left: 0; top: 0; height: 60px; border-radius: 0; position: fixed; z-index: 200; background: #fff; box-shadow: 0 1px 20px rgb(0 0 0 / 10%);}
.navbars41{ width: 100%; padding: 0 10px; box-sizing: border-box;}
.navbars41 .logo{ height:60px;}
.navbars41 .logo img{ height:38px;}

/*======================手机菜单按钮======================*/
.m_nav_btn{ width: 30px;height: 30px;transition: 0.3s;cursor: pointer;border:none;padding: 0;outline: none;background:none; margin-top:15px; display:block;}
.m_nav_btn .line{position: relative;display: block;width: 25px;height: 3px;margin: 0px auto 0;background:var(--main_color);border-radius:3px;}
.m_nav_btn .line:before,.m_nav_btn .line:after{content: '';width: 100%;height: 3px;left: 0;position: absolute;background:var(--main_color);border-radius:3px;transition-duration: 0.3s,0.3s;transition-delay: 0.1s,0s;}
.m_nav_btn .line:before{transition-property: bottom,transform;bottom: 8px;}
.m_nav_btn .line:after{transition-property: top,transform;top: 8px;}
.m_nav_btn_active .line {background: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.m_nav_btn_active .line:after,.m_nav_btn_active .line:before {-webkit-transition-delay: 0s,.1s;-moz-transition-delay: 0s,.1s; -ms-transition-delay: 0s,.1s; -o-transition-delay: 0s,.1s; transition-delay: 0s,.1s}
.m_nav_btn_active .line:before {bottom: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.m_nav_btn_active .line:after {top:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}


/*======================手机弹出菜单======================*/
.m_tc_box{position: fixed;top:0px;left: 0;bottom: 0;right: 0;background:url(/images/m/nav_bg.jpg) no-repeat center top; background-size:cover; z-index: 102; display:none;}
.m_tc_box .wrapper {position: absolute;left: 0;right: 0;height: 100%;padding:15px 22px; box-sizing:border-box;/*overflow-x: hidden;overflow-y: auto;*/z-index: 110;}
.nav_ico{ position:absolute; right:25px; bottom:25px; max-width:33%;}
.nav_ico img{width:100%;}

.m_menu{ margin-top:100px;}
.m_menu li{ margin-top:5vh; position:relative; padding-left:12px;}
.m_menu li.active:before{ content:''; display:block; width:4px; height:100%; border-radius:5px; background:#fff; position:absolute; left:0; top:0; }
.m_menu li a{ color:rgba(255,255,255,0.68); font-size:28px; font-family:'alimama';}
.m_menu li p{ font-size:14px; text-transform:uppercase; margin-top:3px;}
.m_menu li.active a{ color:#fff;}
.m_menu li.active p{ color:#fff;}






/*======================手机轮播图======================*/
#mould72063{ width:100%; z-index:0; overflow:hidden;}
#mould72063 .swiper-slide{ width:100%; height:100%; z-index:8;}  
#mould72063 .swiper-slide img{ width:100%; height:100%; object-fit:cover; display:block;}
#mould72063 .swiper-pagination{ bottom: .6rem;}
#mould72063 .swiper-pagination-bullet{ width:.1rem; height: .1rem; border-radius:50%; background: #fff; opacity: 0.4; position: relative;}
#mould72063 .swiper-pagination-bullet-active{ opacity: 1;}


/*======================首页2 ======================*/
@-webkit-keyframes sxs { 
	from {-webkit-transform: translateY(-10px);}
    to { -webkit-transform: translateY(10px) }
}
.index2{ background:#f3f3f3; padding:60px 0 48px 0; overflow:hidden; border-radius:40px 40px 0 0; margin-top:-35px; position:relative; z-index:1;}
.index2 .box1 .pic{ text-align:center;}
.index2 .box1 .pic img{ max-width:80%;}
.index2 .box1 ul{ margin:20px 20px;}
.index2 .box1 li{ width:32%; background:#fff; padding:8px 15px; box-sizing:border-box; border-radius:50px;}
.index2 .box1 li img{ width:100%; display:block;}

.index2 .box1 .desc{ margin:0 20px 20px; text-align:justify; line-height:1.8; font-size:14px;}
.index2 .box1 .desc span{ font-weight:bold; color:var(--main_color);}

.index2 .box2 { position:relative; margin-top:35px;}
.index2 .box2 .en{ text-align:center;}
.index2 .box2 .en img{max-width:100%;}
.index2 .box2 .pic{ position:absolute; left:50%; top:-36px; z-index:3; margin-left:-33px; animation: sxs 1s linear infinite alternate;}
.index2 .box2 .pic img{ width:80px;}

.index2 .box2 .video video{ height:210px;}
.index2 .box2 .video>img{ width:100%; display:block;}
.index2 .box2 .video .play_btn{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.index2 .box2 .video .play_btn img{ width:56px;}


.index2 .box3{ width:90%; background:#fff; border-radius:15px; margin:24px auto 0;  position:relative; padding:20px 20px 20px; box-sizing:border-box;}
.index2 .box3 .ico{ width:35%;}
.index2 .box3 .pic{ width:60%; position:relative;}
.index2 .box3 .pic img{ position:absolute; bottom:0; right:0;}
.index2 .box3 img{ width:100%;}
.index2 .box3 .txt{ width:100%;}
.index2 .box3 .desc{ text-align:justify; line-height:1.8; margin-top:20px; font-size:14px;}
.index2 .box3 .desc span{ font-weight:bold; color:var(--main_color);}


/*======================首页3======================*/
.index3{ background:url(/images/in3_bg.jpg) no-repeat; background-size:cover; overflow:hidden; padding: 50px 0 35px 0;}

.index3 .boxs_a .left{ width:50%;}
.index3 .boxs_a .right{ width:30%;}
.index3 .boxs_a .right li:first-child{ margin-bottom:.36rem;}
.index3 .boxs_b{ margin-top:.4rem;}
.index3 .boxs_b .shuli{ width:50%;}
.index3 .boxs_b .desc{ width:100%; font-weight:bold; line-height:1.8; color:#fff; margin:.24rem 0 .4rem;}
.index3 .boxs_b .desc span{ font-weight:bold; color:var(--main_color);}
.index3 .boxs_b .ico div+div{ margin-left:36px;}
.index3 .boxs_b .ico div img{ height:40px;}
.index3 .boxs_b .info{ padding: 15px 25px; height: auto; border-radius: 50px; box-sizing:border-box; margin-top:.64rem; background:#fff; position:relative;}
.index3 .boxs_b .info .pic img{ max-width:60%;}
.index3 .boxs_b .info .lg{ position:absolute; bottom:auto; top:-76px; right:5px; animation: sxs 2s linear infinite alternate;}
.index3 .boxs_b .info .lg img{ width:140px;}

/*======================首页4======================*/
.index4{background:var(--main_color) url(/images/in5_bg.png) no-repeat center top;padding: 50px 0;background-size: 100%;overflow: hidden;background-position: center;}
.index4 .boxs_a{ position: relative;}
.index4 .boxs_a .left img{ height:75px;} 
.index4 .boxs_a .left p{ width: 100%; line-height: 1.8; text-align: justify; color: #fff; margin-top: 0.36rem; font-size:14px;}
.index4 .boxs_a .left p span{ font-weight:bold;}
.index4 .boxs_a .left .btns{ display:none;}
.index4 .boxs_a .right{ position: absolute; right: 0; top: -10px; width:48%;}
.index4 .boxs_a .right img{ width:;}
.index4 .boxs_b{ margin-top:36px;}
.index4 .boxs_b li{ position: relative; perspective: 1000px; width: 23%;}

.index4 .focus1{ margin-top:48px;}
.fanzhuan{ transform-style: preserve-3d; backface-visibility: hidden; transition-duration: .6s; transition-timing-function: 'ease-in';}
.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;}

/*======================首页6======================*/
.index6{ background: #f7f7f7; padding: 50px 0 35px; overflow: hidden;}
.index6 .boxs_a img{ height:75px;}
.index6 .boxs_b{ margin:24px 0;}
.index6 .boxs_b img{ height:42px;}
.index6 .boxs_c div{ width:19%;}



.index7{ background:url(/images/in6_bg.png) no-repeat center top 100px #f5f5f5; background-size:150% auto;padding:30px 0 40px;border-top:dashed 2px #F5D4D4;overflow:hidden;}
.index7 .boxs_a{ margin-bottom:30px;}
.index7 .boxs_b .ditu img{ width:100%; display:block;}
.index7 .boxs_b .ditu span{ display:block; margin-top:.24rem; font-size:10px;}

.index7 .boxs_b .txt{ width:100%;}
.index7 .boxs_b .txt dl{ background:#fff; border-radius:10px; margin-top:15px; padding:15px 15px; font-family:'alimama'; cursor: pointer;}
.index7 .boxs_b .txt dt{ font-size:20px; position:relative; padding-left:28px; background:url(/images/m/jt.png) no-repeat left center; background-size:contain;}
.index7 .boxs_b .txt dt span{ font-size:22px;}
.index7 .boxs_b .txt dt i{ font-size:12px; border-radius:100%; border:solid 1px #333; width:20px; line-height:20px; text-align:center; position:absolute; left:0; top:0;}
.index7 .boxs_b .txt dd{ line-height:2; display:none;  margin-top:10px;}
.index7 .boxs_b .txt dd strong{ color:#999;}
.index7 .boxs_b .txt dl.active dd{ display:block;}

/*======================首页8======================*/
.index8{ padding: 36px 0; background: url(/images/in8_bg.jpg) no-repeat center; background-size: cover;}
.index8 .boxs_a img{ height:72px;}
.news_a{ margin-top:20px;}
.news_a .swiper-container{ padding-bottom:.5rem;}
.news_a .swiper-slide{ transition: 0.5s; background: #fff; overflow: hidden; cursor: pointer; padding: 8px; border-radius:6px; box-sizing: border-box;}
.news_a .swiper-slide .img{ overflow: hidden; position: relative; border-radius:6px;}
.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: -20px; padding-left: 10px; position: relative; width:148px;}
.news_a .swiper-slide .text{ padding: 10px 10px;}
.news_a .swiper-slide .text h2{ font-size: 18px; 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:10px; height:10px; border:1px solid #ccc; background:none; border-radius:50%; opacity:.6; transition: 0.3s all;}
.news_a .swiper-pagination-bullet-active{ opacity:1; background:#ccc;}

/*======================底部======================*/
.footer_bg{ width: 100%; background: var(--main_color);padding-top: 20px;}
.footer_bg .foot_pic{ width:64%; margin:0 auto;}
.b_contact{ padding:0 7%;}
.b_contact .f_tel{ margin-top:15px; color:#fff;}
.b_contact .f_tel p{ font-size:18px; margin-bottom:24px;}
.b_contact .f_tel a{ font-size:48px; font-family: 'Beba'; color:#fff; letter-spacing: 2px;}
.b_contact .lj {margin: 0 auto;padding: 20px 0;}
.b_contact .lj p {color: #fff;}
.b_contact .lj p a{color: #fff;}
.foot_ewm { margin-top:24px;}
.foot_ewm li{ width:23%; text-align:center;  color:rgba(255,255,255,.9); font-size:10px;}
.foot_ewm li .pic img{width:100%;}
.foot_s{ width:100%; border-radius:25px; margin-top:20px; padding:6px 12px; font-size:14px; background:#fff; box-sizing:border-box; font-family:'alimama';  color:#888;}
.foot_s img{ display:block;  height:25px; margin-top: 2px;}
.foot_s span{ background:var(--main_color); color:#fff; display:block; line-height:28px; padding:0 8px; border-radius:42px;}
.foot_tel{ margin:20px 0 25px;}
.foot_tel img{ width:100%;}
.copyright{ padding:.2rem 0; border-top:solid 1px rgba(255,255,255,0.2); color:rgba(255,255,255,0.5);text-transform:uppercase; font-size:12px;}
.copyright a{color:rgba(255,255,255,0.5);}





