@charset "utf-8";
/* CSS Document */
body{ font-family:"HarOS-Regur";font-size:12px;margin:0px;padding:0px; overflow-x:hidden;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address,select,span{margin:0px;padding:0px;font-weight:normal}
a{text-decoration:none; color:#444;font-weight:normal}
b{ font-weight:normal;}
p{font-weight:normal}
a:hover{text-decoration:none; color:#015db2;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
i,dl,dt,em,li{list-style-type:none; font-style:normal;}
input,textarea{ font-family:"HarOS-Regur";outline: none;}
a{ border:none\9;}
a img{border:none\9;}
.Left{float:left;}
.Right{float:right;}
.clearfix{clear:both;}
.indexbody{overflow-y: hidden;}
@font-face{
	font-family: 'HarOS-Bold';
	src: url('../Bebas/HarmonyOS_Sans_SC_Bold.ttf');
}
@font-face{
	font-family: 'HarOS-Ligh';
	src: url('../Bebas/HarmonyOS_Sans_SC_Light.ttf');
}
@font-face{
	font-family: 'HarOS-Medi';
	src: url('../Bebas/HarmonyOS_Sans_SC_Medium.ttf');
}
@font-face{
	font-family: 'HarOS-Regur';
	src: url('../Bebas/HarmonyOS_Sans_SC_Regular.ttf');
}

@font-face{
	font-family: 'Icons';
	src: url('../Bebas/Poppins-Light.ttf');
}
/*---------------------导航--------------*/

header {width: 100%;height: auto;margin: 0 auto;background: #fff;position: relative;}
.header {display: flex;width: 73.56%;height: auto;background: rgba(255, 255, 255, 1);margin: 0 auto;justify-content: space-between;align-items: center;position: absolute;padding: 0 calc(50% - 700px);top: 0;left: 50%;z-index: 10;border-bottom: 1px solid rgba(0, 0, 0, 0.1);box-shadow: none;transition: all 700ms;transform: translate(-50%,0);min-width: 1400px;}
.header .lt {display: block;}
.header .lt a {display: block;}
.header .lt img {display: block;width: auto;height: auto;}
.header .lt img.ls {display: none;}
.header .lr {display: block;position: relative;}
.header>.lr>.nav>{display:block;font-size: 0;}
.header>.lr>.nav>li {display: inline-block;margin: 0 35px;vertical-align:middle;position: relative;}
.header .lr .nav li:nth-child(6){margin-right: 0;}
.header>.lr>.nav>li>a {font-size: 18px;color: #000;line-height: 89px;display: block;position: relative;font-weight: 400;}
.header>.lr>.nav>li>a::before {content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 4px;background: #fff;border-radius: 0;opacity: 0;transition: all 700ms;}
.header>.lr>.nav>li>a.hov {color: #000 ;font-weight: 700;}
.header>.lr>.nav>li>a.hov::before {opacity: 1;background: #e60012;}
.header>.lr>.nav>li:hover a {color: #000;font-weight: 700;}
.header>.lr>.nav>li:hover a::before{background: #e60012;opacity: 1;}
.header>.lr>.nav>li:hover .dropMenu>li>a{font-family: 'HarOS-Regur';font-weight:400;}

.header .lr .nab a:hover {opacity: 1;}
.header .lr .nab {display: block;font-size: 0;position: absolute;top:50%;transform: translateY(-50%);right: -120px;}
.header .lr .nab a {position: relative;display: inline-block;vertical-align: middle;opacity: 1;border-radius: 90px;border: 1px solid rgba(255, 255, 255, 0);width: 40px;height: 40px;text-align: center;transition: all 700ms;}
.header .lr .nab a i {font-size: 24px;color: #000;line-height: 40px;text-align: center;opacity: 0.6;transition: all 700ms;}
.searchbox {width: 100%;position: fixed;left: 0;top: -150px;background: rgba(255, 255, 255, 0.2);padding: 30px 0;z-index: 20;transition: all 700ms;}
.searchbox form {font-size: 0;text-align: center}
.searchbox form .in_intxt {width: 50%;height: 40px;border: none;text-indent: 10px;font-size: 14px;color: #333;line-height: 40px;border: 1px solid #ccc;text-indent: 10px;display: inline-block;vertical-align: middle;}
.searchbox form .in_btn {width: 42px;height: 42px;border: none;cursor: pointer;background: #e60012 url(../images/index/s-btn-white.png) no-repeat scroll center center;display: inline-block;vertical-align: middle;cursor: pointer;}
.searchbox form .close {width: 42px;height: 42px;display: inline-block;cursor: pointer;font-size: 35px;color: #555;line-height: 38px;text-align: center;vertical-align: middle;}
.searchbox form .close:hover {color: #e60012;}
.b-ck{display: flex;width: 220px;line-height: 60px;background: #e60012;text-align: center;justify-content: center;align-items: center;transition:700ms;border-radius:60px;font-size: 0;cursor: pointer;}
.b-ck p{display: block;color: #fff;font-size: 18px;}
.b-ck i{display: block;color: #fff;font-size: 22px;margin-left: 15px;}
.banner{display: block;padding-top: 90px;}
.banner .myc a{display: block;}
.banner .myc a img{display: block;width:100%;height: auto;}
.banner .myc a .txt{display: block;position: absolute;top: 100%;left: 3%;text-align: left;opacity: 0;transition: 1200ms;transition-delay: .0s;width: 94%;}
.banner .myc a .txt h2 {font-size: 90px;font-weight: 700;color: #fff;line-height: 120px;text-align: center;letter-spacing:0px;margin:0 auto;width: 80%;font-family: 'HarOS-Bold';}
.banner .myc a .txt p {font-size: 50px;font-weight: 400;color: #fff;line-height: 88px;text-align: center;letter-spacing: 0px;font-family: 'HarOS-Regur';}
.banner .myc a .b-ck{left: 50%;transition: 1200ms;;transform: translateX(-50%);opacity: 0;position: absolute;top: 130%}
.banner .myc .swiper-slide-active .txt {top: 19%;opacity: 1;}
.banner .myc .swiper-slide-active .b-ck {top: 58%;opacity: 1;}
.banner .myc .swiper-pagination{bottom: 5%;}
.banner .myc .swiper-pagination .swiper-pagination-bullet{width: 32px;height: 5px;border-radius: 0;margin: 0 6px;background: rgba(255, 255, 255, .5) !important;position: relative;opacity: 1;}
.banner .myc .swiper-pagination .swiper-pagination-bullet::before{content: '';width: 0;background: #fff;z-index: 1;top: 0;z-index: 1;left: 0;position: absolute;height: 5px;opacity: 1 !important;}
.banner .myc .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{width: 32px;transition:7s linear;}


.le0{display: block;width: 100%;}
.tbors{display: block;margin: 0 auto 40px;}
.tbors .title{display: flex;margin: 0 auto 18px;justify-content: center;gap: 12px;}
.tbors .title h2{font-family: 'HarOS-Bold';color: #e60012;line-height: 36px;font-size: 46px;display: block;text-transform: uppercase;}
.tbors .title h2 span{text-transform: initial;}
.tbors .title h5{font-family: 'HarOS-Ligh';color: #1e1e1e;line-height: 36px;font-size: 46px;display: block;text-transform: uppercase;}
.tbors b{display: block;font-size: 20px;line-height: 30px;text-align: center;opacity: .6;font-family: 'HarOS-Ligh';}
.le1{display: block;width:100%;margin: 0 auto;padding: 100px 0;}
.le1 .b{display: block;display: flex;justify-content: left;align-items: center;gap: 4.2%;}
.le1 .b .l{display: block;width: 50%;border-radius: 0 20px 20px 0;overflow: hidden;cursor: pointer;}
.le1 .b .l img{display: block;width: 100%;transition: all 700ms;}
.le1 .b .l:Hover img{transform: scale(1.07);}
.le1 .b .r{display: block;width: 35%;text-align: left;}
.le1 .b .r .number {width: 100%;margin: 0 auto 40px;}
.le1 .b .r .number .num_n {width: 100%;margin: 0 auto;text-align: center}
.le1 .b .r .number .num_n_box {font-size: 0;display: flex;justify-content: space-between;align-items: center;}
.le1 .b .r .number .num_n dl {width: auto;display: inline-block;vertical-align: top;margin-bottom: 0px;position: relative;min-width: 110px;font-size: 0;}
.le1 .b .r .number .num_n dl .num {font-size: 0px;color: #e60012;position: relative;font-weight: 700;margin-bottom: 5px;text-align: left;max-height: 44px;}
.le1 .b .r .number .num_n dl .num i,.le1 .b .r .number .num_n dl .num b{font-family: 'HarOS-Bold';font-size: 44px;line-height: 44px;}
.le1 .b .r .number .num_n dl .num b{font-size: 20px;}
.le1 .b .r .number .num_n dl .num em{font-size: 17px;color: #e60012;font-weight: 700;position: absolute;}
.le1 .b .r .number .num_n dl .num em.plus{font-size: 24px;top: 17px;}
.le1 .b .r .number .num_n dl .num em{top: 20px;margin-left: 5px;}
.le1 .b .r .number .num_n dl .icons{top: 15px;}


.le1 .b .r .number .num_n dl .txt {color: #222;font-size: 18px;line-height: 36px;margin-top: 0;text-align: left;margin-bottom: 0;}
.le1 .b .r .number .num_n dl .txt span {font-weight: 700;}
.le1 .b .r .number .num_n dl .icons i{font-size: 30px;}

.le1 .b .r h3{font-size: 30px;font-family: 'HarOS-Medi';margin-bottom: 40px;}
.le1 .b .r .txt{display: block;margin-bottom: 40px;}
.le1 .b .r .txt p{font-size: 18px;line-height: 33px;opacity: .8;text-align: left;}
.vimo{display: block;background: #f5f5f7;border-radius: 100px;width: 210px;padding: 5px;cursor: pointer;font-size: 0;overflow: hidden;height: 50px;}
.vimo .rs{display: inline-block;width: 50px;line-height: 50px;background: #e60012;border-radius: 100px;transition: all 500ms linear;position: relative;vertical-align: middle;}
.vimo .rs i{font-size: 20px;color: #fff;display: block;text-align: center;width: 50px;margin: 0 0 0 auto;border-radius: 50px;background: #e60012;}
.vimo .rs p{position: absolute;top: 50%;transform: translateY(-50%);left: 30px;opacity: 0;width: 85px;font-size: 17px;transition-delay: 0.3s linear;}
.vimo .ads{font-size: 17px;color: #111;width: auto;white-space: nowrap;display: inline-block;vertical-align: middle;margin-left: 30px;white-space: nowrap;line-height: 50px;}
.vimo:hover .rs{width: 100%;}
.vimo:Hover .rs i{margin: 0 0 0 auto;}
.vimo:hover .rs p{opacity: 1;color: #fff;transition: all 700ms;}
.vimo:hover .ads{display: none; }

.le0 .le2{display: block;width: 75%;margin: 0 auto;background:url(../images/index/b01.jpg) no-repeat center;padding: 80px 6.65%;border-radius: 18px;margin-bottom: 100px;background-size: 100%;}
.le0 .le2 .b{display:flex;justify-content: space-between;align-items: stretch;gap: 25px;}
.le2 ul.le_u01{display: block;}
.le2 li{display: block;}
.le2 li a{display: block;position: relative;overflow: hidden;border-radius: 18px;}
.le2 li a img{display: block;transition: all 700ms;width:auto;height: auto;}
.le2 li a .txt{position: absolute;top: 40px;left: 50px;}
.le2 li a h3{font-size: 22px;line-height: 33px;margin-bottom: 15px;color: #111;}
.le2 li a i.line{display: block;width: 40px;height: 2px;background: #e60012;}
.le2 ul.le_u02{display: flex;flex-wrap: wrap;gap: 25px;justify-content: left;height: 601px;font-size: 0;overflow-y: scroll;margin-bottom: 40px;}
.le2 li{display: block;}
.le2 ul.le_u02 li{width: auto;}
.le2 ul.le_u02 li a h3{width: 195px;}
.le2 ul.le_u02::-webkit-scrollbar{width: 2px;height: 4px;background-color: #eaeaea;} 
.le2 ul.le_u02::-webkit-scrollbar-track{border-radius: 4px;background-color: #eaeaea;}
.le2 ul.le_u02::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #e60012;}
.le2 .vimo{margin: 0 auto;background: #fff;}
.le2 li:hover a img{transform: scale(1.07);}
.le2 li:hover h3{color: #e60012;}







.le3{padding-bottom: 100px;}
.le3 .b{display: block;width: 100%;margin: 0 auto;}
.le3 .b h2{font-size: 34px;line-height: 40px;margin:0 auto 45px;font-family: 'yujis';text-align: center;font-weight: 700;}
.le3 .b .vis{display: block;font-size: 0;position: relative;}
.le3 .b .vis .mySwiper4b {text-align: center;}
.le3 .b .vis .mySwiper4b .imgs{display: block;width: 100%;height: auto;margin: 0 auto;position: relative;}
.le3 .b .vis .mySwiper4b .imgs::before{content: '';top: 0;left: 0;width: 100%;height: 100%;background:linear-gradient(90deg, rgb(0,16,60,.6), rgb(0,16,60,0));position: absolute;}
.le3 .b .vis .mySwiper4b .imgs img{display: block;width: 100%;height: auto;}
.le3 .b .vis .mySwiper4b .imgs .tis{display: block;width: 73.3%;margin: 0 auto;position: absolute;top: 200px;left:50%;text-align: left;transform: translateX(-50%);}
.le3 .b .vis .mySwiper4b .imgs .tis h3{font-size: 46px;line-height: 40px;margin-bottom: 20px;font-family: 'HarOS-Bold';color: #fff;}
.le3 .b .vis .mySwiper4b .imgs>.tis>p{font-size: 18px;line-height: 33px;margin-bottom: 80px;color: #fff;}
.le3 .b .vis .mySwiper4b .imgs .vimo{display: block;}
.le3 .b .vis .mySwiper4s{display: block;position: absolute;bottom: 0;width: 73.3%;margin: 0 auto;left: 50%;border-radius: 15px 15px 0 0;background: rgba(0,0,0,0.5);transform: translateX(-50%);}
.le3 .b .vis .mySwiper4s .swiper-slide{width: 33.3% !important;font-size: 0;}
.le3 .b .vis .mySwiper4s .swiper-slide .imt{display: flex;width: 80%;line-height: 150px;transition: all 700ms;cursor: pointer;overflow: hidden;text-align: center;border-radius: 15px 15px 0 0;justify-content: center;gap: 20px;align-items: center;padding: 0 10%;}
.le3 .b .vis .mySwiper4s .swiper-slide .imt i{font-size: 30px;color: #fff;}
.le3 .b .vis .mySwiper4s .swiper-slide .imt p{font-size: 22px;font-family: 'HarOS-Medi';color: #fff;line-height: 30px;text-align: left;}
.le3 .b .vis .mySwiper4s .swiper-slide.swiper-slide-thumb-active .imt{background: #c70312;}

.le4{padding-bottom: 100px;width: 73.3%;margin:0 auto;}
.le4 .b{display: flex;gap: 30px;justify-content: space-between;align-items: flex-end;}
.le4 .b .l{display: block;width:47.2%;}
.le4 .b .l img{display: block;width: 100%;height: auto;transition: all 700ms;}
.le4 .b .r{display: block;width: 50%;position: relative;}
.le4 .b .r ul{flex-wrap: wrap;width: 100%;justify-content: space-between;align-items:stretch;display: flex;font-size: 0;gap: 20px;min-width: 704px;overflow: hidden;border-radius: 15px;}
.le4 .b .r ul li{width: calc(50% - 10px);background: #f5f5f5;margin-top: 0;transition: all 500ms;border-radius: 15px 15px 15px 15px;padding: 0;cursor: pointer;position: relative;padding-right: 0%;margin-bottom: 0;}
.le4 .b .r ul li .ef{display: block;padding: 30px 20px 10px;height: 160px;}
.le4 .b .r ul li .ef .rt{display: inline-block;position: relative;margin: 0 0;height: 35px;margin-bottom: 20px;}
.le4 .b .r ul li .ef .rt i{font-size: 40px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);color: #111;transition: all 700ms;}
.le4 .b .r ul li .ef .rt i.icon-dianli{font-size: 45px;left: -5px;}
.le4 .b .r ul li .ef h6{font-size: 20px;font-family: 'HarOS-Bold';line-height: 30px;margin-bottom: 10px;color: #111;height:90px;transition: all 700ms;}
.le4 .b .r ul li:hover{background: #e60012;}
.le4 .b .r ul li:hover .ef .rt i,.le4 .b .r ul li:hover h6{color: #fff;}
.le4 .b .r ul li .los{display: none;}
.le4 .b .r ul li .los p{font-size: 17px;line-height: 25px;color: #fff;}
/* .le4 .b .r ul li:hover .los{display: block;margin:8px 0;} */

.le4 .b .r ul li .efs{display: block;padding: 20px;height: 160px;position: absolute;left: -100%;opacity: 0;top: 0;transition: all 700ms;pointer-events: none;background: red;z-index: 1;width: calc(200% - 20px);border-radius: 15px;}
.le4 .b .r ul li:nth-child(2n) .efs{left: auto;right:-200%;}
.le4 .b .r ul li .efs .rt{display: inline-block;position: relative;margin: 0 auto;height: 50px;width: 50px;vertical-align: middle;font-size: 0;margin-right: 10px;}
.le4 .b .r ul li .efs .rt i{font-size: 40px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);color: #fff;transition: all 700ms;}
.le4 .b .r ul li .efs .rt i.icon-dianli{font-size: 45px;/* left: -5px; */}
.le4 .b .r ul li .efs h6{font-size: 19px;font-family: 'HarOS-Bold';line-height: 25px;margin-bottom: 0;color: #fff;height: auto;transition: all 700ms;display: inline-block;vertical-align: middle;width: calc(100% - 60px);}
.le4 .b .r ul li .efs .los{display: block;margin-top: 10px;}
.le4 .b .r ul li:hover .efs{left: 0;opacity: 1;pointer-events: all;}
.le4 .b .r ul li:nth-child(2n):hover .efs{right:0%;opacity: 1;left: auto;}


/* 
.le4 .b .r ul li .ef::-webkit-scrollbar{width: 3px;height: 3px;margin-top:10px;} 
.le4 .b .r ul li .ef::-webkit-scrollbar-track{border-radius: 5px;margin-top:15px;margin-bottom:15px}
.le4 .b .r ul li .ef::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #fff;width:5px} */

/* .le4 .b .r ul li:hover .ef .rt{display: none;}
.le4 .b .r ul li:hover .ef h6{display: none;} */

/* .le4 .b .r ul li:nth-child(1),.le4 .b .r ul li:nth-child(2){margin-bottom: 10px;} */

/* .le4 .b .r ul li:nth-child(2):before{content: '';width: 100%;height: 0px;background: #111;top: 0;left: 0;position: absolute;transition: all 700ms;}
.le4 .b .r ul li:nth-child(2)::after{content: '';width: 100%;height: 1px;background: #111;bottom: 0;left: 0;position: absolute;transition: all 700ms;} */
/* .le4 .b .r ul::before{content: '';width: 100%;height: 1px;background: #ccc;top:50%;left: 0;position: absolute;transition: all 700ms;}
.le4 .b .r ul::after{content: '';width:1px;height:100%;background: #ccc;top:0%;left: 50%;position: absolute;transition: all 700ms;} */
.le4 .b .r ul li:hover::after,.le4 .b .r ul li:hover::before{opacity: 0;}





















.le0 .le5{display: block;width: 73.3%;margin: 0 auto;background:#f5f5f5;padding: 80px 7.5% 60px;border-radius: 18px;margin-bottom: 100px;}
.le0 .le5 .b{display: block;}
.le5 ul{display: flex;flex-wrap: wrap;gap: 25px;justify-content: space-between;font-size: 0;margin-bottom: 40px;}
.le5 li{display: block;border-radius: 18px;overflow: hidden;width: 32%;}
.le5 li a{display: block;}
.le5 li a .imgs{display: block;width: 100%;height: auto;overflow: hidden;}
.le5 li a .imgs img{display: block;width: 100%;height: auto;transition: all 700ms;}
.le5 li a .txt{display: block;width: calc(100% - 50px);padding: 30px 25px;background: #fff;}
.le5 li a .txt h3{font-size: 22px;font-family: 'HarOS-Medi';line-height: 30px;height: 90px;;transition: all 700ms;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;margin-bottom: 20px;}
.le5 li a .txt b{font-size: 16px;color: rgba(0,0,0,.5);line-height: 30px;transition: all 700ms;}
.le5 li:hover a .imgs img{transform: scale(1.06);}
.le5 li:hover a h3{color: #e60012;}
.le5 li:hover a b{color: #e60012;}

.le5 .vimo{margin: 0 auto;background: #fff;}












.footerbar{display: block;background: #071329 url(../images/index/boys.jpg) no-repeat bottom center;width:73.56%;padding: 0 13.25%;}
.foote{display:flex;justify-content: space-between;align-items: center;padding: 65px 0;font-size: 0;border-bottom: 1px solid rgba(255,255,255,0.1);}
.foote .fl{display: block;overflow: hidden;}
.foote .fl img{display: block;width: 100%;height: auto;}
.foote .fr{display: block;width: calc(100% - 270px);}
.foote .fr ul{display: flex;font-size: 0;justify-content:right;gap: 20px;}
.foote .fr li{display: block;}
.foote .fr li .box{display: block;background: #202b3f;cursor: pointer;}
.foote .fr li .box input{font-size: 16px;opacity: 1;line-height: 50px;pointer-events: none;border: none;text-indent: 20px;position: relative;color: #fff;width: 100%;;background: #202b3f;border-radius: 100px;display: block;}
.foote .fr li .box input:focus{background: #202b3f;}
.foote .fr li:nth-child(1){width: 27%;pointer-events: all;}
.foote .fr li:nth-child(2){width: 38%;pointer-events: all;}
.foote .fr li:nth-child(2):hover a,.foote .fr li:nth-child(1):hover a{background:#202b3f !important;}
.foote .fr li a{display: block;font-size: 18px;color: #fff;background:#e60012;line-height: 50px;text-align: center;padding: 0 29px;border-radius: 100px;transition: all 700ms;}
.foote .fr li:hover a{background-color: #fff;color: #e60012;}
.foota{display: block;padding: 60px 0;}
.foota .r{display: block;}
.foota ul{display: flex;justify-content: space-between;align-items:flex-start;font-size: 0;}
.foota li{display: block;text-align: left;}
.foota li h5{font-size: 21px;color: #fff;font-family: 'HarOs-Bold';line-height: 40px;}
.foota li a{font-size: 16px;color: rgba(255, 255, 255, .6);transition: all 700ms;display: block;line-height: 40px;}
.foota li.cs{text-align: right;}
.foota li.cs .txt{text-align: right;}
.foota li h3{font-size: 22px;color: #e60012;font-family: 'HarOs-Bold';margin: 0px 0;}
.foota li h3 a{font-size: 22px;color: #e60012;font-family: 'HarOs-Bold';display: block;}
.foota li h4{font-size: 18px;color: #fff;line-height: 40px;margin-bottom:0px;}
.foota li h4 a{font-size: 18px;color: #fff;line-height: 40px;}
.foota li p{color: rgba(255, 255, 255, .5);transition: all 700ms;font-size:18px;line-height: 40px;}
.footb{width:100%;margin: 0 auto;display: flex;justify-content:space-between;align-items: center;padding: 24px 0;}
.footb p{font-size: 15px;color: #fff;opacity: 0.6;}
.footb ul{font-size: 0;display: block;text-align: right;opacity: 0;}
.footb ul li{display: inline-block;vertical-align: middle;position: relative;margin-left: 30px;}
.footb ul li::before{content: '';top: 50%;left: -15px;background:rgba(255,255,255,.6);width: 1px;height: 15px;transform: translateY(-50%);position: absolute;}
.footb ul li a{display: block;line-height: 36px;font-size: 15px;color:rgba(255,255,255,.6);transition: all 700ms;}
.footb ul li:nth-child(1)::before{display: none;}
.footerbar a:hover{color: rgba(255, 255, 255, 1);}

.sbanner{display: block;width: 100%;height: 510px;padding-top: 90px;}
.sbannerbox-m{display: none;}
.bread{width: 73.56%;margin: 60px auto 45px;}
.bread a,.bread p{line-height:15px;font-size: 17px;opacity: 0.7;}
.bread a:hover{color: #e60012;}
.pr01 .number {width: 100%;margin: 0 auto;}
.pr01 .number .num_n {width: 100%;margin: 0 auto;text-align: center}
.pr01 .number .num_n_box {font-size: 0;display: flex;justify-content: space-between;align-items: center;}
.pr01 .number .num_n dl {width: auto;display: inline-block;vertical-align: top;margin-bottom: 0px;position: relative;flex: 1;}
.pr01 .number .num_n dl .num {font-size: 0px;color: #e60012;position: relative;font-weight: 700;margin-bottom: 5px;}
.pr01 .number .num_n dl .num i {font-family:'HarOs-Bold';font-size: 55px;}
.pr01 .number .num_n dl .num b{font-family:'HarOs-Bold';font-size: 55px;}
.pr01 .number .num_n dl .num h4 {font-size: 30px;color: #e60012;font-weight: 700;margin-left: 5px;display: inline-block;}
.pr01 .number .num_n dl .num em {font-size: 18px;color: #e60012;font-weight: 700;position: absolute;top: 33px;margin-left: 5px;line-height: 24px;}
.pr01 .number .num_n dl .num em.plus{font-size: 30px;}
.pr01 .number .num_n dl .txt {color: #222;font-size: 17px;line-height: 28px;margin-top: 0;margin-bottom: 0;}
.pr01 .number .num_n dl .txt span {font-weight: 700;}
.pr01 .number .num_n dl .icons{display: block;margin-bottom: 20px;height: 36px;position: relative;}
.pr01 .number .num_n dl .icons i{font-size: 36px;margin-bottom: 10px;color: #666;line-height: 36px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pr01 .number .num_n dl .icons i.icon-meiyuan8{font-size: 40px;}
.pr01 .number .num_n dl .icons i.icon-fenzhijigou{font-size: 45px;}
.pr01 .number .num_n dl .icons i.icon-tuandui{font-size: 50px;}



.List{width: 100%;margin: 0 auto;}
.List .pr{width: 100%;margin: 0 auto;}
.pr .pr01,.pr .pr02,.pr .pr03,.pr .pr04,.pr .pr05,.pr .pr06{width: 73.56%;margin: 0 auto 100px;}
.join,.news,.serv,.cont,.prod{display: block;width:73.56%;margin: 0 auto 50px;min-width:1400px}
.pr .tbors .title,.serv .tbors .title,.news .tbors .title,.join .tbors .title,.cont .tbors .title,.cobs .tbors .title{justify-content:left}
.pr01 .txt{display: block;margin-bottom: 60px;}
.pr01 .txt p{font-size: 18px;line-height: 30px;margin-bottom: 20px;}
.pr01 .txt span{font-size: 18px;line-height: 30px;display: block;text-indent: 1em;}

.pr.rs{background:url(../images/index/03About-Legend_02.jpg) no-repeat center;height: 660px;margin-bottom: 100px;}
.pr02{padding: 0 13.22%;display: flex;height: 100%;margin: 0 auto;}
.pr02 .tbors{padding-top: 130px;width: 22.5%;}
.pr02 .tbors .title{display: block;margin-bottom: 50px;}
.pr02 .tbors .title h2{margin-bottom: 30px;}
.pr02 .tbors .title b{display: block;text-align: left;opacity: 1;}
.pr02 .tbors .title h2,.pr02 .tbors .title b{color: #fff;}
.pr02 .b-ck{width: 168px;background:none;border-radius: 100px;border: 1px solid #fff;line-height: 53px;}

.pr02 ul{width: 77.5%;display: flex;justify-content: space-between;align-items: stretch;height: 100%;}
.pr02 li{border-left: 1px solid #fff;flex: 1;display: block;position: relative;transition: all 700ms;cursor: pointer;background: rgba(0,0,0,0.3)}
.pr02 li .box{position: absolute;bottom:0%;left:50%;transform: translate(-50%,0);width: 78%;margin-bottom: 0;transition: all 700ms;}
.pr02 li .tbs{display: block;margin: 0 auto 28px;text-align:center;position: relative;height: 65px;}
.pr02 li i{font-size: 60px;font-weight: 400;color: #fff;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);transition: all 700ms;}
.pr02 li i.icon-a-qiyewenhua_huaban1fuben8{bottom: -5px;}
.pr02 li i.icon-a-qiyewenhua_huaban1fuben9{bottom: -10px;}
.pr02 li h4{font-size: 30px;color: #fff;text-align: center;font-family: 'HarOS-Bold';margin-bottom: 10px;}
.pr02 li .txt{opacity: 0;opacity:1;display: block;text-align: center;height: 90px;}
.pr02 li .txt p{font-size: 18px;line-height: 30px;color: #fff;opacity: 0;transition: all 700ms;}
.pr02 li:hover{background: rgba(230,0,18,0.7)}
.pr02 li:last-child{border-right: 1px solid #fff;}
.pr02 li:hover i{font-size: 80px;}
.pr02 li:hover .box{bottom: 50%;transform:translate(-50%,50%);}
.pr02 li:hover .txt p{opacity: 1;}

.pr03{display: block;}
.pr03 .b{display: flex;background: #f9f9f9;justify-content:space-between;align-items: center;}
.pr03 .b .l{display: block;width: 50%;}
.pr03 .b .l img{display: block;width: 100%;height: auto;}
.pr03 .b .r{display: block;width: 46.8%;background: #f7f8fa;padding: 0 0% 0 3.2%;}
.pr03 .b .r ul{font-size: 0;overflow-y: scroll;height: 600px;position: relative;padding-left: 50px;}
.pr03 .b .r ul::-webkit-scrollbar{width: 3px;height: 3px;} 
.pr03 .b .r ul::-webkit-scrollbar-track{border-radius: 5px;}
.pr03 .b .r ul::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #e60012;}
.pr03 .b .r ul li::after{content: '';top: 24px;height: 135%;width: 1px;background: #c6c6c8;position: absolute;left: -31.5px;}
.pr03 .b .r ul li:last-child::after{opacity: 0;}
.pr03 .b .r ul li{display: block;position: relative;margin-bottom: 34px;width: 90%;}
.pr03 .b .r ul li::before{content: '';position: absolute;height: 14px;width: 14px;border-radius: 18px;background: #e60012;left: -38px;top: 10px;}
.pr03 .b .r ul li h5{font-size: 26px;color: #e60012;font-family: 'HarOs-Bold';line-height: 30px;margin-top: 0;}
.pr03 .b .r ul li p{font-size: 17px;line-height: 30px;margin-top: 10px;}

.pr04 .b{width: 100%;display: block;overflow: hidden;border: 1px solid #eaeaea;}
.pr04 .b img{width: 100%;transition: all 700ms;height: auto;}

.pr05 .b{display: block;}
.pr05 .b .txt{margin-bottom: 60px;}
.pr05 .b .txt p{font-size: 18px;color: #1d1d1d;line-height: 30px;margin-bottom: 30px;}
.pr05 .b ul{display: flex;justify-content: space-between;align-items: center;gap: 30px;flex-wrap: wrap;}
.pr05 .b li{display: block;width: 23.2%;border: 1px solid #d6d6d6;margin-bottom: 00px;cursor: pointer;}
.pr05 .b li .imgs{overflow: hidden;display: block;}
.pr05 .b li .imgs img{display: block;width: 100%;height: auto;transition: all 700ms;}
.pr05 .b li  h5{font-size: 18px;line-height: 40px;text-align: center;display: none;}
.pr05 .b li:hover img{transform: scale(1.05);}

.pr06 .b{display: flex;justify-content: space-between;align-items: center;background-color:#f5f5f5;}
.pr06 .b .l{display: block;width: 50%;}
.pr06 .b .l .txt{display: block;width: calc(100% - 100px);margin: 0 auto;}
.pr06 .b .l .txt p{font-size: 18px;color: #1d1d1d;margin-bottom: 40px;line-height: 30px;}
.pr06 .b .r{display: block;width: 50%;overflow: hidden;}
.pr06 .b .r img{display: block;width: 100%;height: auto;transition: all 700ms;}









/* 产品 */
.prod{display: block;}
.prods{display: flex;justify-content: space-between;align-items: flex-start;}
.prods .left{display: block;width: 240px;padding: 30px;background: #f9f9f9;}
.prods .left .box{display: block;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;}
.prods .left .box h2{font-size: 30px;font-family: 'HarOs-Bold';line-height: 30px;}
.prods .left ul{font-size: 0;}
.prods .left ul li{position: relative;display: block;border-bottom: 1px solid #e5e5e5;}
.prods .left ul li::after{position: absolute;content: '';width: 0;background: #e60012;height: 1px;border-bottom: 0;left: 0;transition: all 700ms;}
.prods .left ul li a{display: block;font-size: 18px;line-height: 30px;padding: 15px 0;transition: all 700ms;font-family: 'HarOs-Medi';}

.prods .left ul li i{position: absolute;;font-size: 17px;color: #e60012;opacity: 0;transition: all 700ms;top: 50%;right: 10px;transform: translateY(-50%);pointer-events: none;}
.prods .left ul li.hov i{opacity: 1;}
.prods .left ul li.hov{border-color: #e60012;}
.prods .left ul li.hov a{color:#e60012;font-family: 'HarOs-Bold';}
.prods .left ul li:hover i{opacity: 1;}

.prods .left ul li:hover a{color:#e60012;font-family: 'HarOs-Bold';}
.prods .left ul li:hover::after{width: 100%;}
.prods .left ul li.hov::after{width: 100%;}


.prods .a1{display: block;width: calc(100% - 300px - 50px);}
.prods .a1 ul{display:flex;justify-content: left;align-items: center;gap: 3%;flex-wrap: wrap;}
.prods .a1 li{display: block;width: 31.3%;margin-bottom:10px;}
.prods .a1 li a{display: block;}
.prods .a1 li .imgs{display: block;width: 100%;overflow: hidden;}
.prods .a1 li .imgs img{display: block;width: 100%;height: auto;transition: all 700ms;}
.prods .a1 li h2{font-size: 18px;line-height: 50px;transition: all 700ms;}
.prods .a1 li:hover img{transform: scale(1.05);}
.prods .a1 li:hover h2{color:#e60012;}






/* 产品 */

/* 服务 */
.serv .b{display: block;width: 100%;margin: 0 auto 50px;}
.serv .b p{font-size: 18px;line-height: 30px;color: #111;margin-bottom: 30px;}
.serv .b img{display: block;width: auto;max-width: 100%;margin: 30px auto;}
.serv .b h4{font-family: 'HarOs-Bold';font-size: 28px;line-height: 40px;color: #e60012;margin-bottom: 10px;text-align: center;}
.serv .b ul{display: block;font-size: 0;}
.serv .b ul li{display: block;position: relative;border-top: 1px solid #ebebeb;}
.serv .b ul li .title {background: #fff;color: #000;font-size: 18px;padding: 30px 0px;border-radius: 5px;;cursor: pointer;transition: all 700ms;}
.serv .b ul li .title.hov {background: #007bff;color: #fff;}
.serv .b ul li .descr {display: none;;margin-bottom: 40px;}
.serv .b ul li .descr p {font-size: 17px;line-height:30px;opacity: 0.7;margin-bottom: 0;}
.serv .b ul li .on{display: block;}
.serv .b ul li .on i{font-size: 20px;color: #b2b2b2;opacity:0;transition: all 700ms;position: absolute;top: 30px;right: 0;pointer-events: none;}
.serv .b ul li .on i.n-0{opacity: 1;}
.serv .b ul li.hov .on i.n-0{opacity: 0;}
.serv .b ul li.hov .on i.y-0{opacity: 1;color: #030303}
.serv .b ul li.hov h5{font-size: 24px;font-family: 'HarOS-Medi';line-height: 33px;}
.serv .b ul li:last-child{border-bottom: 1px solid #ebebeb;}

/* 下方代码 将内容物改为定位，不会影响整个区域高度变化
.serv .b ul li {position: relative;overflow: visible;}
修改展开内容定位方式
.serv .b ul li .descr {position: absolute;top: 100%;left: 0;width: 100%;z-index: 2;background: #fff;box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
保持原有动画效果
.serv .b ul li .descr {display: none;} */


/* 服务 */

/* 新闻 */
.newd .cba p strong{text-indent: 0em;}
.bt{display: block;margin-bottom: 40px;}
.bt a{display: flex;width: calc(100% - 2px);background: #fafafa;border: 1px solid #eaeaea;align-items: center;justify-content:space-between;}
.bt .imgs{overflow: hidden;width:50%;}
.bt .imgs img{display: block;width: 100%;height: auto;transition: all 700ms;}
.bt .nl{display: block;width: calc(50% - 100px);padding:0 50px;margin: 0 auto;}
.bt .nl h3{font-family: 'HarOS-Bold';font-size: 28px;line-height: 40px;margin-bottom: 20px;color: #111;transition: all 700ms;}
.bt .nl p{font-size: 18px;color:#666;line-height: 30px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-bottom: 25px;}
.bt .nl .bto{display:block;}
.bt .nl .bto span{font-size:16px;line-height: 30px;}
.bt .nl .bto .lm{color: #e60012;margin-right: 10px;}
.bt .nl .bto .lt{color: #888;}
.bt .mySwiper .swiper-pagination{width: auto;left: calc(50% + 50px);bottom: 10%;}
.bt .mySwiper .swiper-pagination .swiper-pagination-bullet{width: 32px;height: 5px;border-radius: 0;margin: 0 10px 0 auto;background: #eaeaea;position: relative;opacity: 1;}
.bt .mySwiper .swiper-pagination .swiper-pagination-bullet::before{content: '';width: 0;background: #545454;z-index: 1;top: 0;z-index: 1;left: 0;position: absolute;height: 5px;opacity: 1 !important;}
.bt .mySwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{width: 32px;transition:7s linear;}

.by{display: block;margin-bottom: 50px;}
.by ul{display: flex;justify-content:left;flex-wrap:wrap;gap: 26px;}
.by li{display: block;width:32%;box-shadow: 0 5px 9px rgba(0, 0, 0, 0.1);}
.by li a{display: block;}
.by li a .imgs{display: block;overflow: hidden;width: 100%;}
.by li a .imgs img{width: 100%;transition: all 700ms;display: block;}
.by li a .ans{display: block;padding:30px;}
.by li a .ans h5{font-family: 'HarOS-Medi';color: #111;line-height: 35px;font-size: 22px;margin-bottom: 10px;height: 70px;transition: all 700ms;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.by li a .ans p{color:rgba(0,0,0,0.8);line-height: 30px;height: 60px;font-size: 16px;margin-bottom: 10px;transition: all 700ms;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.by li a .ans b{color:rgba(0,0,0,0.5);font-size: 16px;line-height: 30px;transition: all 700ms;}

.bt a:hover .imgs img{transform: scale(1.05);}
.bt a:hover .nl h3{color: #e60012;}
.by li:hover .imgs img{transform: scale(1.05);}
.by li:hover .ans h5,.by li:hover .ans p,.by li:hover .ans b{color: #e60012;}

.newd .cta{display: block;width: 100%;margin: 0 auto 40px;padding-bottom:36px;border-bottom: 1px solid #eaeaea;}
.newd .cta h2{font-size: 40px;font-family: 'HarOS-Bold';color: #111;line-height: 57px;width:90%;margin: 0 auto 30px;text-align: center;}
.newd .cta .Ts{display: block;text-align: center;}
.newd .cta .Ts span{font-size:16px;line-height: 30px;color: #888;text-align: center;}
.newd .cta .Ts span:nth-child(1){margin-right: 20px;color: #e60012;}
.newd .cba{display: block;margin-bottom: 60px;}
.newd .cba p{font-size: 18px;color: #111;line-height: 30px;margin-bottom: 30px;}
.newd .cba p img,.newd .cba img{display: block;margin: 30px auto;height: auto;}

/* 新闻 */

.serv .b ul li h5{line-height: 30px;}




/* 人才招聘 */


.join .nab{display:flex;margin-bottom: 30px;gap: 30px;}
.join .nab .cots{display: flex;justify-content: left;align-items: center;}
.join .nab .ico{display: block;position: relative;padding-left: 30px;height: 30px;}
.join .nab .ico i{display: block;position: absolute;top: 50%;left: 0;font-size: 22px;transform: translate(0, -50%);}
.join .nab h6{display: block;font-size: 20px;line-height: 30px;font-family: 'HarOS-Medi';}
.join .nab h6 a{display: block;font-size: inherit;color:inherit;transition: all 700ms;}
.join .nab h6:hover a{color: #e60012;}
.rec{width:100%;margin: 0 auto 50px;}
.rec .b table{width: 100%;}
.rec .b table th{font-size: 18px;color:#fff;line-height: 54px;background-color: #e60012;text-align: center;}
.rec .b table th:nth-child(1){border-radius: 12px 0 0 12px;padding-left: 50px;text-align: left;}
.rec .b table th:last-child{border-radius:0 12px 12px 0;}

.rec .b table .titles{overflow: hidden;cursor: pointer;}
.rec .b table .titles:hover td{color: #e60012;}
.rec .b table .titles td{font-size: 18px;color:#444;line-height: 50px;padding: 15px 0;transition: all 700ms;text-align: center;position: relative;border-bottom: 1px solid #dbdbdb;transition: all 500ms;}
.rec .b table .titles td .more{margin-top: 0;position: absolute;right: 50px;top: 50%;transform: translate(0,-50%);font-size: 22px;display: block;color: #b2b2b2;;width: 36px;line-height: 36px;border-radius: 50px;text-align: center;}
.rec .b table .titles td .more2{margin-top: 0;position: absolute;right: 50px;top: 50%;transform: translate(0,-50%);font-size: 22px;display: block;color: #030303;;width: 36px;line-height: 36px;border-radius: 50px;text-align: center;display: none;}
.rec .b table .titles td:nth-child(1){padding-left: 50px;text-align: left}
.rec .b table .titles.tr td a.more2{display:none;}
.rec .b table .titles.tr td a.more{display:block;}
.rec .b table .titles.tr_hov td{font-weight: bold;}
.rec .b table .titles.tr_hov td a.more2{display:block;}
.rec .b table .titles.tr_hov td a.more{display:none;}
.rec .b table .conts{overflow: hidden;background:#f7f7f7;}
.rec .b table .conts td{border-bottom: 1px solid #dbdbdb;padding: 15px 0 30px;font-size: 18px;font-weight: bold;}
.rec .b table .conts td:nth-child(1){padding-left: 50px;position: relative;padding-top: 30px;}
.rec .b table .conts td .t1{width: 100%;margin-bottom: 25px;}
.rec .b table .conts td:nth-child(1) h2{font-size: 18px;color:#444;line-height: 36px;font-weight: bold;margin-bottom: 0;}
.rec .b table .conts td:nth-child(2){padding-left: 20px;}
.rec .b table .conts td .t1 .txt{display: block;}
.rec .b table .conts td .t1 .txt p{font-size: 17px;line-height: 30px;}
.rec .b table .apply{display: block;margin-top: 30px;}
.rec .b table .apply i{display: block;background: #e60012;border: none;border-radius: 50px;width: 150px;height: auto;line-height: 50px;text-align: center;font-size: 0;}
.rec .b table .apply i .tx{font-size: 18px;color: #fff;display: inline-block;vertical-align: middle;}
.rec .b table .apply i .tr{display: inline-block;vertical-align: middle;font-size: 24px;line-height: 20px;color: #fff;}
.rec .b table .apply:hover i{background: #e60012;}

.rec .b table th:nth-child(1),.rec .b table .titles td:nth-child(1){width: 17%;}
.rec .b table th:nth-child(2),.rec .b table .titles td:nth-child(2){width: 23%;}
.rec .b table th:nth-child(3),.rec .b table .titles td:nth-child(3){width: 20%;}
.rec .b table th:nth-child(4),.rec .b table .titles td:nth-child(4){width: 17%;}
.rec .b table th:nth-child(5),.rec .b table .titles td:nth-child(5){width: 17%;}
.rec .b table th:nth-child(6),.rec .b table .titles td:nth-child(6){width: auto;}





.joinbg{width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: fixed;left: 0;top: 0;z-index: 1;display: none;}
.joinbox{width:700px;height: auto;position: fixed;top: 50%;left: 50%;border:1px solid #ccc;background: #fff;z-index: 2;display: none;transform: translate(-50%,-50%);}
.joinbox .j-t{width: auto;height: auto;position: relative;background: #e60012;}
.joinbox .j-t h2{font-size: 20px;color:#fff;line-height: 40px;text-align: center;font-weight: bold;}
.joinbox .j-t a.close{font-size: 12px;color:#fff;line-height: 40px;position: absolute;right: 10px;top: 0}
.joinbox .j-b{width: auto;height: auto;padding: 40px 20px;}
.joinbox .j-b p{font-size: 15px;color:#222;line-height: 30px;text-align: left;margin-bottom: 3px;}
.joinbox .j-b p span a{color:#e60012;font-weight: bold;}
.joinbox .j-b p span{font-size: 18px;line-height: 30px;color:#e60012;}
/* 人才招聘 */


/* 在线留言 */
.cona{display: block;margin-bottom: 100px;}
.cona ul{font-size: 0;display: flex;justify-content: space-between;align-items:stretch;}
.cona li{display: block;border: 1px solid #eaeaea;width: 32%;padding: 25px 0 50px;text-align: center;border-radius: 20px;overflow: hidden;}
.cona li .tba{width: 90%;margin: 0 auto;}
.cona li i{width: 100px;height: 100px;border-radius: 100px;line-height: 100px;color: #111;font-size: 47px;margin: 0 auto 5px;display: block;font-weight: 700;font-size: 0 !important;}
.cona li i.icon-dizhi1{background: url(../images/index/0dz.png) no-repeat center}
.cona li i.icon-dianhua{background: url(../images/index/0th.png) no-repeat center}
.cona li i.icon-youxiang{background: url(../images/index/0em.png) no-repeat center}

.cona li i.icon-dizhi1{font-weight: 400;}
.cona li p{line-height: 30px;color: #000;font-size: 20px;margin: 0 auto 20px}
.cona li h3{line-height:30px;font-size: 20px;font-family: 'HarOS-Medi';color: #111;margin: 0 auto;height: 66px;}
.cona li h3 a{display: block;font-size: inherit;color: #111;transition: all 700ms;}
.cona li h3 a:hover{color: #e60012;}
.cona li h3.adds{font-size: 20px;line-height:33px;font-weight: 400;font-family: 'HarOS-Regur';}
.cobs{width: 100%;}
.conb{display: block;width: 73.3%;margin: 0 auto;background: #f5f5f5;padding: 80px 7.5% 60px;border-radius: 18px;margin-bottom: 100px;}
.conb .r{width:100%;display: inline-block;vertical-align: top;}
.conb .r ul{font-size: 0;}
.conb .r li{display: inline-block;vertical-align: middle;width:calc(32% - 2px);margin-right: 2%;margin-bottom: 30px;position: relative;}
.conb .r li:nth-child(3n){margin-right: 0;}
.conb .r li h5{display: block;font-size: 18px;line-height: 40px;text-indent: 15px;position: relative;}

.conb .r li input{display: block;line-height: 52px;border: 1px solid #eaeaea;border-radius: 0px;background: #fff;font-size: 16px;text-indent:15px;width:100%;transition: all 700ms;}
.conb .r li.box{width: 100%;margin-right: 0;margin-bottom: 0;}
.conb .r li.box .inarea{height: 138px;padding: 15px 20px;width: 100%;border-radius: 0px;border: 1px solid #eaeaea;line-height: 30px;font-size: 17px;width:calc(100% - 42px);transition: all 700ms}
.conb .b-ck{margin: 60px auto 0px;background: #e60012;cursor: pointer;display: block;border: none;border-radius: 50px;width: 400px;height: auto;line-height: 55px;text-align: center;font-size: 0;cursor: pointer;transition: all 700ms;}
.conb .b-ck p{font-size: 17px;color: #fff;display: inline-block;vertical-align: middle;margin-right: 10px;}
.conb .b-ck i{display: inline-block;vertical-align: middle;color: #fff;font-size: 17px;line-height: 20px}
.b-ck:hover{background: #fff;}
.b-ck:hover p,.b-ck:hover i{color: #e60012;}

.conb .r li::after{content: '*';top: 12px;left: 0px;position: absolute;color: red;font-size: 20px;z-index: 1;}
.conb .r li.rd::after{opacity: 0;}
.conb .r li input:focus { border-color: #e60012;}
.conb .r li.box textarea:focus{ border-color: #e60012;}
.lit .cba.cbt{font-size: 0;}
.lit .cba.cbt img{display: inline-block;vertical-align: middle;width: 30%;margin-right: 2%;}
.lit .cba.cbt img:nth-child(3n){margin-right: 0;}


/* 在线留言 */

/*面包屑*/
.snavbar2{width: 100%;height: auto;background: #fff;box-shadow: 1px 2px 2px 2px rgba(0,0,0,0.1)}
.snavbar2 .snavbox{width: 1200px;height: auto;margin: 0 auto;}
.snavbar2 .snavbox .snav{float:left;}
.snavbar2 .snavbox .snav ul li{float:left;margin-right: 45px;}
.snavbar2 .snavbox .snav ul li a{font-size: 15px;color:#222;line-height: 68px;display: block;text-align: center;border-bottom: 2px solid #fff}
.snavbar2 .snavbox .snav ul li.hov a{color:#e60012;border-color:#e60012;}
.snavbar2 .snavbox .snav ul li:hover a{color:#e60012;border-color:#e60012;}
.snavbar2 .snavbox .bread{float:right;font-size: 13px;color:#666;line-height: 70px;display: inline-block;padding-left:22px;}
.snavbar2 .snavbox .bread a{font-size: 13px;color:#666;line-height: 50px;display: inline-block;padding: 0 5px;padding-right: 6px}
.snavbar2 .snavbox .bread a.current{color:#333;}
.snavbar2 .snavbox .bread a:hover{color:#e60012;}


/*上一篇下一篇*/
.prenext{width: auto;height:auto;margin: 0 auto;padding:24px 0 ;border-top: 1px solid #e6e6e6;display: flex;justify-content: space-between;align-items: center;}
.prenext ul{display: block;font-size: 0;}
.prenext ul li{display:block;font-size:18px;color:#777;line-height:40px;transition: all 700ms;}
.prenext ul li a{font-size:18px;color:#777;line-height:40px;display:inline-block;transition: all 700ms}
.prenext ul li a:hover{color:#e60012;}
/* .prenext a.return{width: 120px;height: 42px;display:block;float: right;margin-top:7px;text-align: center;background:#ed2d23;font-size: 16px;color:#fff;line-height: 42px;text-align: center;border-radius: 8px;} */
.prenext a.return{font-size: 18px;display: block;width: 170px;line-height: 55px;color: #fff;}
.prenext:hover a.return{background: #f54a41}

/*列表翻页*/
.dede_pages{overflow:hidden;padding:0px 0 20px;clear:both; height:auto;}
.dede_pages ul{color:#999; text-align:center;font-size: 0;}
.dede_pages ul li{color:#666666; display:inline-block;overflow: hidden;margin-right: 10px;line-height:38px;font-size:17px;background: #f5f5f5;transition: all 700ms;border-radius:5px;background: #fff;}
.dede_pages ul li .optionkw{margin-right: 5px;}
.dede_pages ul li a{color:#666666;text-decoration:none;width: 36px;height: 36px;line-height: 36px;display: block;font-size:17px;transition: all 700ms;border-radius: 5px;background: #fff;border: 1px solid #ebebeb;}
.dede_pages ul li:hover{ background:#e60012;color:#fff;}
.dede_pages ul li:hover select{border-color:#e60012;}
.dede_pages ul li:hover a{color:#fff;background:#e60012;border-color:#e60012;}
.dede_pages ul li:hover span{color:#fff;}
.dede_pages ul li.thisclass{width: 38px;height: 38px;background:#e60012;color:#fff;}
.dede_pages ul li select{display: none;}
.dede_pages ul li .optionkw {margin-right: 5px;display: none;}
.dede_pages ul li a.end {display: none;}
.dede_pages ul li a.first {display: none;}
.dede_pages ul li a.next,.dede_pages ul li a.prev{font-family: 'Icons';font-size: 24px;}

/*右侧功能*/
.right-contact-img {z-index: 100; position: fixed; width: 45px; height: auto; overflow: visible; bottom: 113px; right: 0px; _position: absolute}
.right-contact-img ul li {position: relative; width: 45px; height: 45px;list-style:none;margin-bottom: 5px;}
.right-contact-img ul li.phone{background-color: rgba(0,0,0,0.7);}
.right-contact-img ul li:hover.phone{background-color: rgba(237,45,35,1);}
.right-contact-img ul .last {margin-bottom: 0px}
.right-contact-img ul li .pull_down2 {position: absolute; width: 201px; height: 45px; top: 0px; right: -201px}
.right-contact-img ul li .pull_down2 a {width: 201px; display: block; height: 45px}
.right-contact-img ul li .pull_down3 {position: absolute; width: 201px; height: 45px; top: 0px; right: -201px}
.right-contact-img ul li .pull_down3 a {width: 201px; display: block; height: 45px}
/*.right-contact-img2 ul li .pull_down2 .ding {position: absolute; width: 48px; top: 0px; left: 23px}
.right-contact-img2 ul li .pull_down2 .yi {position: absolute; width: 48px; top: 0px; left: 88px}*/
.right-contact-img ul{padding-left:0px;margin:0px;}
.fkabo{bottom:68px;position:fixed;right:0px;display:block;width:45px;height:45px;cursor:pointer;background:rgba(0,0,0,0.7) url(../images/index/icon_code.png) right center no-repeat;z-index:600000;}
.right-contact-img ul li:hover{background-position: left center;}
div:hover.fkabo{background-position: right center;}
.fkabo  .weib{display:none;position:absolute;margin-left:-165px;margin-top:-124px;z-index:99999;}
#gotopbtn{bottom:18px;cursor:pointer;display:none;position:fixed;right:0px;display:block;width:45px;height:45px;background:rgba(0,0,0,0.7) url(../images/index/icon_top.png) right center no-repeat;cursor:pointer;z-index: 10;}
#gotopbtn:hover{background-color: rgba(237,45,35,1);}

/*-------- 下拉菜单 --------------*/
.dropMenu {position: absolute;z-index: 19;width: auto;;margin-top: 90px;margin-left: -53.5px;background:#f5f5f5;min-width: 175px;padding:20px 25px;box-shadow:0px 10px 20px rgba(0,0,0,.2);top: 0;left: 0;opacity: 0;transition: all 700ms;pointer-events: none}
.dropMenu li {margin-right: 0;}
.dropMenu li a {display: block;font-size: 17px;color: #111;line-height: 40px;text-align:center;transition:all 700ms;}
#dropmenu1{margin-left: -75.5px;}
#dropmenu2{min-width: 310px;margin-left: -146.5px;}
#dropmenu3{margin-left: -90px;}
#dropmenu4{margin-left: -67px;}



/* #dropmenu4{right: 0;left: auto;}
#dropmenu4 a{text-align: right;} */
.header>.lr>.nav>li .dropMenu>li:hover>a{color: #e60012;font-family: "HarOS-Medi";}

.navs-m{display: none;}

.pr .pr01, .pr .pr02, .pr .pr03, .pr .pr04, .pr .pr05, .pr .pr06,.bread,.le4,.le3 .b .vis .mySwiper4b .imgs .tis,.le3 .b .vis .mySwiper4s,.footerbar{min-width:1400px;}
.le0 .le2{min-width: 1440px;}

@media(max-width: 1902px){
.banner .myc a img{width: 100%;}
.header .lr .nab{right: -80px;}
.le3 .b .vis .mySwiper4b .imgs .tis{top: 20%;}
.le0 .le5{min-width:1400px}
.le0 .le2,.le0 .le5{padding:50px calc(50% - 700px - 3%);}
.footerbar{padding: 0 calc(50% - 700px);}
.le3 .b .vis .mySwiper4b .imgs img{width: auto;line-height: 100%;}
}

@media(max-width: 5000px){
.sbanner,.pr.rs,.footerbar{background-size: 100% auto !important;}

}

@media(max-width: 1930px){
.sbanner{background-size: auto !important;}
}


@media(max-width: 1680px){

}

@media(max-width: 1600px){

}

@media(max-width: 1440px){
	
}

@media(max-width: 1366px){

}

@media(max-width: 1280px){
	
}


.bread i{opacity: 0.6;}
.serv .b ul{min-height: 600px;}
.prods .left .box i{display: none;}
.header{position: fixed;}
.header-hidden {transform: translate(-50%,-100%);;}

.pr .pr03, .pr .pr04, .pr .pr05, .pr .pr06{margin-bottom: 0;padding-top: 100px;}
.pr.rs{margin-bottom: 0;}
.pr .pr06{margin-bottom: 100px;}

/* .header .lr .nab{display: none;} */
.le3 .b .vis .mySwiper4b .imgs img.pb{display:none;}
.news .tbors .title{justify-content: center;}
.header .lr .nab a:hover i{color: #e60012;}
.by li a .ans.ses{padding: 20px;}
.by li a .ans.ses h5{height: auto;margin-bottom: 0;}

.bags{width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: fixed;left: 0;top: 0;z-index: 1;display: none;}
.messages{width: 90%;height: auto;position: fixed;top: 50%;left: 50%;border: 1px solid #ccc;background: #fff;z-index: 2;display: none;padding: 3% !important;transform: translate(-50%,-50%);}
.messages .r{position: relative;}
.messages .r .icon-jia {
    position: absolute;
    right: -25px;
    top: -25px;
    font-size: 25px;
    transform: rotateZ(45deg);
    cursor: pointer;
}