/*通用*/

/** 1. Header*/
.header-top{background:#fff;border-bottom:1px solid #cccccc47;padding:15px 0;}
	.header-top-left span{padding-right:20px;font-weight:500;color:#686565;}
	.header-top-left span:last-child{padding-right:0;}
	.header-top-left span i{font-size:16px;padding-right:2px;color:#a41517;}
.logo{height:100%;display:flex;align-items:center;}
	.logo h2{font-size:28px;font-weight:600;}
	.logo h2 a{color:#07112d;}
	.logo img{height:80px;}
	.logo .img{background-image:url(../image/logo.png);background-repeat:no-repeat;background-size:cover;background-position:center;height:80px;width:200px}
.top-social ul li{display:inline-block;margin:0 10px;}
	.top-social ul li a{color:#444;}
	.top-social ul li a:hover{color:#a41517;}
.menu{text-align:right;}
	.menu ul li{display:inline-block;padding:22px 0;position:relative;}
	.menu ul li a{color:#07112d;font-weight:500;font-size:16px;padding:10px 14px;display:inline-block;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;letter-spacing:1px;text-transform:capitalize;}
	.menu ul li:hover>a{color:#a41517;}
	.menu nav ul li>ul{position:absolute;top:100px;left:-4px;background-color:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:200px;opacity:0;visibility:hidden;z-index:999;text-align:left;box-shadow:0 0 16px #ccc;}
	.menu nav ul li:hover>ul{opacity:1;visibility:visible;top:70px}
	.menu nav ul li>ul>li{display:block;position:relative;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;margin:0;padding:0}
	.menu nav ul li>ul>li:hover a{color:#a41517;padding-left:24px}
	.menu nav ul li>ul>li:hover a{color:#a41517!important}
	.menu nav ul li>ul>li li>a:hover{color:#fff}
	.menu nav ul li>ul>li a{display:inline-block;width:100%;padding:8px 14px;border-bottom:1px solid #ccc;font-size:14px;color:#07112d!important;margin:0;text-transform:capitalize;letter-spacing:0}
	.menu nav ul li>ul>li:last-child a{border-bottom:none}
	.menu nav ul>li>ul>li>ul{left:200px;top:28px}
	.menu nav ul li>ul>li:hover>ul{top:-3px}
	.menu nav ul li .sub-menu::after{content:"";clear:both;display:block;position:absolute;overflow:hidden;background:#fff;width:16px;height:16px;top:-9px;z-index:999;left:14px;transform:rotate(45deg)}

/* 显示子菜单三角效果 */
.header-search{float:right;display:flex;align-items:center;height:100%;padding-left:25px}
	.header-search .search-icon i{cursor:pointer;font-size:18px}
#move{bottom:0;top:auto;height:50px;z-index:10;width:100%;background-color:rgba(255,255,255,.8);position:fixed;box-shadow:0 0 5px 1px #ccc}
	#move .movenav{width:20%;float:left;text-align:center}
	#move a,#move a:active,#move a:focus,#move a:hover,#move a:link,#move a:visited{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;text-decoration:none;color:#333}
	#move i{display:block;font-size:1.5em;line-height:1em;margin:0;padding:5px 0 0 0}
	#move da{font-size:.7em;height:.7em;line-height:.7em;padding:0;margin:0;word-wrap:break-word;box-sizing:border-box}
	#move .ca .icon,#move .ca a,#move .ca i{color:#a41517}
	.logomin{background:#fff url(../image/logomin.png) no-repeat center center;background-size:auto 70%;width:70px;height:70px;margin:-15px auto 0 auto;border-radius:35px;box-shadow:0 0 5px 1px #ccc}

/** 移动菜单*/
.off_canvars_overlay{width:100%;height:100%;position:fixed;z-index:999;opacity:0;visibility:hidden;cursor:crosshair;background:#232323;top:0}
.off_canvars_overlay.active{opacity:.5;visibility:visible}

.offcanvas_menu{display:none}
	.offcanvas_menu_wrapper{width:290px;position:fixed;background:#fff;z-index:999;top:0;height:100vh;transition:.5s;left:0;margin-left:-300px;padding:20px 0 30px;overflow-y:auto}
	.offcanvas_menu_wrapper.active{margin-left:0}
	.offcanvas_menu_wrapper .slinky-theme-default{background:inherit;min-height:300px;overflow-y:auto}
	.offcanvas_menu_wrapper .header_search_box{display:block}
	.offcanvas_main_menu>li.menu-item-has-children.menu-open>span.menu-expand{transform:rotate(180deg)}
	.offcanvas_main_menu>li ul li.menu-item-has-children.menu-open span.menu-expand{transform:rotate(180deg)}
	.offcanvas_main_menu li{position:relative}
	.offcanvas_main_menu li:last-child{margin:0}
	.offcanvas_main_menu li span.menu-expand{position:absolute;right:10px}
	.offcanvas_main_menu li a{font-size:16px;font-weight:400;text-transform:capitalize;display:block;padding:0 10px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ededed;color:#333}
	.offcanvas_main_menu li a:hover{color:#a41517}
	.offcanvas_main_menu li ul.sub-menu{padding-left:20px}
.offcanvas_footer{margin-top:50px;padding-bottom:50px;text-align:center}
.offcanvas_footer span a{font-size:14px}
.offcanvas_footer span a:hover{color:#ff4800}
@media only screen and (min-width:768px) and (max-width:991px){
	.offcanvas_menu{display:block}
}
@media only screen and (max-width:767px){
	.offcanvas_menu{display:block}
}
.slinky-theme-default a:not(.back){padding:10px 0;text-transform:capitalize;font-size:16px;font-weight:400}
.slinky-theme-default a:not(.back):hover{background:inherit;color:#ff4800}
.canvas_close{position:absolute;top:10px;right:13px}
	.canvas_close a{font-size:18px;text-transform:uppercase;font-weight:500;width:32px;height:32px;display:block;text-align:center;line-height:32px;border:1px solid #ededed;border-radius:50%;color:#333}
	.canvas_close a:hover{background:#ff4800;border-color:#ff4800;color:#fff}
.mobile-logo{padding-left:20px;margin-bottom:20px}
.canvas_open a{font-size:27px;width:41px;height:37px;display:block;line-height:37px;text-align:center;color:#232323}
.canvas_open a:hover{color:#fe3737;border-color:#fe3737}
.mobile-logo h2{font-size:30px;letter-spacing:2px;font-weight:900}
.mobile-logo h2 a{color:#333}
@media only screen and (min-width:768px) and (max-width:991px){
	.canvas_open{display:block}
}
@media only screen and (max-width:767px){
	.canvas_open{right:20px;top:27px;display:block;width:36px}
.canvas_open a{width:36px;height:34px;line-height:33px;font-size:27px}
}

/** Sticky*/
.header-bottom.sticky {position: fixed;top: 0;left: 0;width: 100%;z-index: 999;-webkit-animation: sticky 1s;-moz-animation: sticky 1s;-o-animation: sticky 1s;animation: sticky 1s;-webkit-box-shadow: 2px 4px 8px rgba(51, 51, 51, 0.25);-moz-box-shadow: 2px 4px 8px rgba(51, 51, 51, 0.25);box-shadow: 2px 4px 8px rgba(140, 129, 129, 0.25);background: #fff;}
@-webkit-keyframes sticky {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
}
@keyframes sticky {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
}
.social-footer a{display:inline-block;margin:0 3px}
.social-footer a i{background:#a41517;color:#fff;font-size:14px;width:35px;height:35px;display:flex;justify-content:center;align-items:center;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.social-footer a i:hover{background:#360aff}

/* 2 首页图展*/
.active .hero-slider-single a,.active .hero-slider-single h2,.active .hero-slider-single h4,.active .hero-slider-single p{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-delay:.3s;animation-delay:.3s}
	.active .hero-slider-single p{-webkit-animation-delay:.7s;animation-delay:.7s}
	.active .hero-slider-single h4{-webkit-animation-delay:.9s;animation-delay:.9s}
	.active .hero-slider-single a{-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.hero-slider-single{background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative;z-index:1}
	.hero-slider-single img{max-height:600px;width: 100%;object-fit: cover;object-position: 0% 0%;}
	.hero-slider-single::after{content:"";clear:both;display:block;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}
.hero-slider-single-caption{padding-top:180px;padding-bottom:150px;}
	.hero-slider-single-caption h4{font-size:24px;color:#fff;font-weight:600;text-transform:capitalize;margin-bottom:15px}
	.hero-slider-single-caption h2{font-size:45px;color:#fff;font-weight:700;line-height:44px;margin-bottom:25px}
	.hero-slider-single-caption p{color:#fff;font-size:18px;margin-bottom:20px;font-weight:500}
	.hero-slider-single-caption a:first-child{margin-right:15px}
.hero-silder-full .owl-dots{position:absolute;bottom:40px;left:0;right:0;text-align:center}
.hero-silder-full .owl-dots .owl-dot span{width:16px;height:16px;display:block;background:#a41517;margin:2px;border-radius:50%;border:4px solid #a41517}
.hero-silder-full .owl-dots .owl-dot.active span{border-color:#fff}
.hero-silder-full .owl-stage{display:flex;align-items: stretch;justify-content: space-evenly;}
.hero-silder-full .owl-stage .owl-item{display:flex;}
.hero-silder-full .owl-stage .owl-item .hero-slider-single{flex:1;}
	.hero-area .a1{background-image:url(../img/slider/2.jpg)}
	.hero-area .a2{background-image:url(../img/slider/3.jpg)}
	.hero-area .a3{background-image:url(../img/slider/1.jpg)}
	

/* 3 system_service*/
.system_service{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
	.system_service .r_s_s{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:nowrap;justify-content:space-between}
		.r_s_s dd:nth-child(1){background:#4f9cdb url(../image/b/a03.jpg) no-repeat right center;background-size:auto 100%}
		.r_s_s dd:nth-child(2){background:#7b99ee url(../image/b/a01.jpg) no-repeat right center;background-size:auto 100%}
		.r_s_s dd:nth-child(3){background:#50d2b7 url(../image/b/a02.jpg) no-repeat right center;background-size:auto 100%}
		.r_s_s dd:nth-child(4){background:#fdad73 url(../image/b/a04.jpg) no-repeat right center;background-size:auto 100%}
		.r_s_s dd:nth-child(1) .ss_w:nth-child(1){background:#4f9cdb}
		.r_s_s dd:nth-child(2) .ss_w:nth-child(1){background:#7b99ee}
		.r_s_s dd:nth-child(3) .ss_w:nth-child(1){background:#50d2b7}
		.r_s_s dd:nth-child(4) .ss_w:nth-child(1){background:#fdad73}
	.system_service .r_s_sa{display:flex;flex-wrap:nowrap;justify-content:space-between}
	.system_service .r_s_sb{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.cla{width:39.5%;overflow:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.clb{width:19.5%;overflow:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
	.ss_w{flex-shrink:0;margin:0;padding:0;color:#fff;padding:calc(var(--bs-gutter-x)/ 2);text-align:center;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}
		.ss_w .image{margin:1rem auto 0;text-align:center}
		.ss_w .image i{font-size:4.2rem}
		.ss_w .image img{width:40%}
		.ss_w .intia{line-height:3rem;font-size:1.4rem}
		.ss_w .intib{line-height:3rem;font-size:2rem}
		.ss_w .intext{line-height:1.8rem;font-size:.9rem;text-align:left}
		.ss_w .intext p{display:block;padding-bottom:.5rem;font-weight:400}
		.ss_w .ss_li1 ul li i{color:#fff;padding-right:5px}
		.ss_w .ss_li2 ul li{font-size:.9rem;line-height:2.5rem}
		.ss_w .ss_li2 ul li i{color:#fff;padding-right:5px;font-size:2rem}
	.system_service .r_s_d .icon-box{text-align:center;box-shadow:0 0 0 0 #cccccc59;padding:20px 10px;-webkit-transition:all.3s ease-in-out;transition:all .3s ease;border-radius:20px}
	.system_service .r_s_d .icon-box i{background:#a41517;width:80px;height:80px;display:flex;justify-content:center;align-items:center;margin:0 auto;border-radius:50%;color:#fff;-webkit-transition:all .4s ease-in-out;transition:all .5s ease-in-out;font-size:28px;margin-bottom:30px}
	.system_service .icon-box h3{font-size:1.2rem;font-weight:600;margin-bottom:10px}
	.system_service .icon-box p{font-size:.9rem;line-height:1.8rem;text-align: left;}
		.system_service .r_s_d .icon-box:hover{transform:translateY(-10px);background:#a41517;color:#fff}
		.system_service .r_s_d .icon-box:hover i{transform:scale(1.2);background:#fff;color:#a41517}
		.system_service .r_s_d .icon-box:hover h3{color:#fff}
		
		

/* 4 System Solution */
.sys_solution{}
	.sys_solution .section-headding h3{color:#fff}
	.sys_solution .section-headding p{color:#fff}
	.sys_solution .t_t{display:flex;align-items:stretch}
	.sys_solution .t_a{display:flex;flex-direction:column;justify-content:flex-end;background-color:#fff}
	.sys_solution .xian_top{height:5px;border-radius:0 0 5px 5px;width:90%;margin:0 auto;background-color:#a41517}
	.sys_solution .xian_bot{height:10px;border-radius:10px 10px 0 0;width:30%;background-color:#a41517;margin:auto auto 0 auto}
	.sys_solution .sys_box{box-sizing:border-box;box-shadow:none;border-radius:10px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
	.sys_solution .case-studies-single{position:relative;}
	.sys_solution .case-studies-single:hover{transform:translateY(-10px)}
	.sys_solution .case-studies-single:hover img{transform:scale(1)}
	
		.sys_solution .case-studies-single .content{border-bottom:0 solid #cccccc47}
		.sys_solution .case-studies-single .case-btn{border-top:0 solid #cccccc47}
		.sys_solution .case-studies-single .thumbnail{padding:20px}
		.sys_solution .case-studies-single .thumbnail img{width:100%;-webkit-transition:all .3s ease-in-out;transition:all .5s ease-in-out}
		.sys_solution .case-studies-single .content{padding:20px;padding-top:0}
		.sys_solution .case-studies-single .content h3{font-size:1rem;font-weight:600;padding-bottom:10px;border-bottom:2px solid #a41517;color:#a41517}
		.sys_solution .case-studies-single .content h3 a{color:#a41517}
		.sys_solution .case-studies-single .content p{font-size:.9rem;line-height:1.8rem}

/*fanan*/

.fanan{}
.fanan  .fanan-ul{display: -webkit-box;flex-direction: row;flex-wrap: nowrap;align-content: center;align-items: flex-start; overflow: hidden;gap:20PX;/* overflow-x: auto;-webkit-overflow-scrolling:touch; */ padding: 0 20px 40px 20px;}
.fanan .fanan-ul::-webkit-scrollbar {/* display: none; */}
	.fanan-ul .owl-stage{    flex-direction: row;justify-content: space-around;flex-wrap: nowrap;align-items: stretch;}
	.fanan .owl-item{ border:1px #000 solid ;}
		.fanan .owl-item .fanan-ulli{padding:40px 20px; margin:0 auto; border-radius: 18px;}	
		.fanan .owl-item:nth-child(1) .fanan-ulli{background-color: rgb(219, 198, 159);}
		.fanan .owl-item:nth-child(2) .fanan-ulli{background-color: rgb(130, 142, 255);}
		.fanan .owl-item:nth-child(3) .fanan-ulli{background-color: rgb(84, 112, 255);}
		.fanan .owl-item:nth-child(4) .fanan-ulli{background-color: rgb(130, 142, 255);}
		.fanan .owl-item:nth-child(5) .fanan-ulli{background-color: rgb(84, 112, 255);}
		.fanan .owl-item:nth-child(6) .fanan-ulli{background-color: rgb(230, 130, 255);}
		.fanan .owl-item:nth-child(7) .fanan-ulli{background-color: rgb(84, 112, 255);}
		.fanan .owl-item:nth-child(8) .fanan-ulli{background-color: rgb(254, 165, 159);}
		.fanan .owl-item:nth-child(9) .fanan-ulli{background-color: rgb(162, 115, 227);}
		.fanan .owl-item-ulli:nth-child(10) .fanan-ulli{background-color: rgb(248, 123, 119);}
		.fanan .owl-item:nth-child(11) .fanan-ulli{background-color: rgb(219, 198, 159);}
			
			.fanan-ulli .fanan-icon{ text-align: center;padding:0; margin: 0 10px;-webkit-transition:all .4s ease-in-out;transition:all .5s ease-in-out;}
			.fanan-ulli .fanan-text{}
				.fanan-ulli .fanan-text h2{ color: #fff;font-size:1.2rem;font-weight:600; line-height:2rem; text-align: center; width: 100%;}
				.fanan-ulli .fanan-text p{ color: #fff;font-size:.8rem;font-weight:normal;line-height: 1.2rem;}
				.fanan-ulli .fanan-text .text1,.fanan-ulli .fanan-text .text2{-webkit-transition:all .4s ease-in-out;transition:all .5s ease-in-out;opacity: 1;}
				.fanan-ulli .fanan-text .text2{opacity:0;position: absolute; width: 100%;left: 0;}
				.fanan-ulli .fanan-text .text2 p{text-align: center;}
				.fanan-ulli:hover .fanan-icon{transform:scale(1.2);}
				.fanan-ulli:hover .text1{transform: translate(0, -100%); opacity: 0;}
				.fanan-ulli:hover .text2{transform: translate(0, -100%);  opacity: 1;}
		.fanan-ul .owl-dots{position:absolute;bottom:0px;left:0;right:0;text-align:center}
		.fanan-ul .owl-dots .owl-dot span{width:16px;height:16px;display:block;background:#a41517;margin:2px;border-radius:50%;border:4px solid #a41517}
		.fanan-ul .owl-dots .owl-dot.active span{border-color:#fff}
				
@media (min-width: 576px) {
	.fanan-ulli .fanan-icon{ padding:40px 20px; }
} 

/*解决方案pro_solution*/
.pro_solution{}
	.pro_solution .container{display:flex;align-items: stretch;justify-content: space-around;}
	 .proleft{flex-grow: 0; background-color: #ffffff;display:none;flex-direction: column;}
		 .proleft .content{ padding:calc(var(--bs-gutter-x)/ 2);flex-grow:1;border-bottom: 1px #ccc solid;}
		 .proleft .content .ah{font-size:1.1rem;font-weight:600;line-height:2rem;white-space: nowrap; width:240px ;}
		 .proleft .content .ap{font-size:.9rem;line-height:1.5rem}
		 .proleft .active{background-color: #a41517;}
		 .proleft .active .ah,.proleft .active .ap{color: #fff;}
		 
	 .proright{flex-grow: 2;overflow: hidden;}
		 .proright .content{ min-height:450px ;}
		 .proright .content .text{display:flex;flex-direction: column;justify-content: space-between;}
		 .proright .content .title{padding: 20px;background-color: #A41517;margin-bottom: 1rem;}
		 .proright .content .ah{font-size:1.1rem;font-weight:600;line-height:2rem; color: #fff;}
		 .proright .content .ap{font-size:.9rem;line-height:1.5rem;color: #fff;}
		 .proright .content .aimg{padding-bottom: 1rem;}
		 .proright .content .aimg img{ width: 100%;}
		 .proright .content .ulli{display:flex;justify-content: space-between;align-items: flex-start;gap:1rem;flex-direction: row;flex-wrap: wrap;}
		 .proright .content .ulli .ali{width: 100%;}
		 .proright .content .ulli .ali h4{font-size:1rem;line-height:1.5rem;font-weight:normal;}
		 .proright .content .ulli .ali p{font-size:.9rem;line-height:1.5rem;font-weight:normal;color: #999;}
		 

.fan_bei{-webkit-transition:all .4s ease-in-out;transition:all .5s ease-in-out;opacity: 1;}
	.fan-other{display:flex;flex-direction: column; width: 100%;}	
		
		.fan-other .fan-type{display:flex; flex-direction: row;flex-wrap: wrap; background-color: #191919;}
			.fan-type .text{text-align: center;border-top: 1px solid rgba(46, 45, 54, 1.00);border-right: 1px solid rgba(46, 45, 54, 1.00);opacity: 1; color: #fff; padding: 20px;}
			.fan-type .text:nth-child(1),.fan-type .text:nth-child(2){display: none;}
			.fan-type .active{border-top: 1px solid rgba(46, 45, 54,0);border-right: 1px solid rgba(46, 45, 54,0);opacity: 1;}
			.fan-type .text i{font-size: 1.5rem; text-align: center;}
			.fan-type .text .name{font-size:0.9rem;}
	
		.fan-other .fan-cont{padding: calc(var(--bs-gutter-x) * .5); display:flex;justify-content: center;align-items: center; padding: 20px;}
			.fan-other .fan-cont .text{display:flex;align-items: center;justify-content: center;display: none;  gap:20px;flex-direction: column-reverse;}
			.fan-other .fan-cont .active{display: flex;}
			.fan-other .fan-cont .atext{}
				.fan-other .fan-cont .atext .ah{font-size:1.5rem;font-weight:600;line-height:3rem; color: #fff;}
				.fan-other .fan-cont .atext .ap{font-size:.9rem;line-height:2rem;color: #fff;}
					.fan-other .fan-cont .atext .ap ul{}
					.fan-other .fan-cont .atext .ap ul li{list-style-position:inside;list-style-type: disc; }
			.fan-other .fan-cont .aimg{display:flex;  align-items: center;justify-content: center; }
				.fan-other .fan-cont .aimg img{max-width:300px; width: 100%;}
		
			
@media (min-width: 576px) {
    
	.system_service .r_s_d .icon-box{tpadding:50px 30px;}
	.system_service .r_s_d .icon-box .rt p{text-align: center;}
	.fan-other{ margin:0 auto;gap:20px;}
	.fan-type .text:nth-child(1),.fan-type .text:nth-child(2){padding:10px;border: 1px solid rgba(214, 214, 214, 0);text-align: left; font-size:.8rem;}
	.fan-type .text:nth-child(1) i{ margin-right: 0.5rem;}
	.fan-other .fan-cont .text{flex-direction: row; }
	.proright .content{padding-left: 1rem;}
}	
@media (min-width: 768px) {
	.fan-other .fan-type{border-radius: 20px;}
	.fan-type .text:nth-last-child(1){border-radius:0 0  18px 0;}
	.fan-type .text:nth-last-child(2){border-radius:0 0 0 18px;}
	.fan-type .text:nth-child(1),.fan-type .text:nth-child(2){display: flex;}
	.fan-other{flex-direction: row;justify-content: space-evenly; padding: 40px;}
	.fan-other .fan-type{width: 250px;}
	.fan-other .fan-cont{flex:1;}	 
	.fan-other .fan-cont .text{flex-direction: column;}
}	


@media (min-width: 992px) {
	.fan-other{width:920px; padding:40px 0;}
	.fan-other .fan-cont .text{flex-direction: row;}
	.fan-other .fan-cont .aimg img{max-width:400px; width: 100%;}
	.proleft{display:flex;}
	.proright .content{display:none;}
	.proright .active{display: block;}
	.proright .content .title{padding: 0;background-color:transparent;color: #FFF;}
	.proright .content .ah{color: #333;}
	.proright .content .ap{color: #999;}
	.proright .content .ulli{flex-wrap: wrap;}
	.proright .content .ulli .ali{width:48%;}
}		
@media (min-width: 1200px) {
	.fan-other{width:1140px;}
	}	


/* 4 End System Solution */
/* 5 Customer case*/
.customer_case {}
	.case-studies-single{width:100%;overflow:hidden;position:relative;border-radius:10px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	.case-studies-single:hover{transform:translateY(-10px)}
		.case-studies-single .thumbnail{width:100%;overflow:hidden}
		.case-studies-single img{width:100%;-webkit-transition:all .3s ease-in-out;transition:all .5s ease-in-out}
		.case-studies-single:hover img{transform:scale(1.2)}
		.case-studies-single .content{padding:16px 12px;border-bottom:1px solid #cccccc47}
		.case-studies-single .content h3{font-size:1rem;font-weight:600;line-height:1.2rem;margin-bottom:9px}
		.case-studies-single .content p{font-size:.9rem;line-height:1.8rem}
		.case-studies-single .content h3 a{color:#333}
		.case-studies-single .content h3 a:hover{color:#a41517}
		.case-studies-single .case-btn{text-align:center}
		.case-studies-single .case-btn a{display:inline-block;padding:15px 0;width:100%;color:#fff;font-weight:600;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:relative;z-index:1}
		.case-studies-single .case-btn a:after{content:"";clear:both;display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:#a41517;-webkit-transition:all .3s ease-in-out;transition:all .5s ease-in-out;z-index:-1}
	.customer_case .t_t{display:flex;align-items:stretch}
	.customer_case .t_a{display:flex;flex-direction:column;justify-content:flex-end}
	
	.customer_case .case-studies-single .content{border-bottom:0 solid #cccccc47}
	.customer_case .case-studies-single .case-btn{border-top:0 solid #cccccc47}
	.customer_case .case-btn{margin-top:auto}

/* 5 END Customer case */
/*6 software */
.software {}
	.software-item{width:100%;overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;box-shadow:0 0 11px 5px #ccc3}
	.software-item img{width:100%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
	.software-item .thumbnail{width:100%;overflow:hidden}
	.software-item:hover img{transform:scale(1.3)}
	.software-item .content{padding:10px}
	.software-item .content .auth{font-size:12px;line-height:28px;text-align:center}
	.software-item .content .auth i{margin-right:5px}
	.software-item .content h3{font-size:15px;font-weight:400;line-height:28px;text-align:center;border-bottom:1px solid #cccccc3d}
	.software-item .content h3 a{color:#333}
	.software-item .content h3 a:hover{color:#a41517}
	.software-item .content p{font-size:12px;line-height:20px}

/*7 cooperation */
.cooperation{}
	.cooperation .section-headding h3{color:#fff}
	.cooperation .section-headding p{color:#fff}
	.cooperation .t_o{padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2)}
	.cooperation .t_t{display:flex;align-items:stretch;padding:0}
	.cooperation .t_a{display:flex;flex-direction:column;justify-content:flex-end;background-color:#fff;width:100%}
	.cooperation .xian_top{height:5px;border-radius:0 0 5px 5px;width:90%;margin:0 auto;background-color:#a41517}
	.cooperation .xian_bot{background-color:#a41517;border-top:0 solid #cccccc47;padding:15px 0;text-align:center;color:#fff;letter-spacing:5px}
	.cooperation .sale{position:relative;box-sizing:border-box;box-shadow:none;border:#ccc solid 1px}
	.cooperation .sale .content{border-bottom:0 solid #cccccc47}
	.cooperation .sale .case-btn{border-top:0 solid #cccccc47}
	.cooperation .sale .thumbnail{width:100%;height:200px}
	.cooperation .sale .content{padding:20px;padding-top:0;text-align:center}
	.cooperation .sale .content h3{font-size:1rem;font-weight:600;padding-bottom:10px;border-bottom:2px solid #a41517}
	.cooperation .sale .content p{font-size:.9rem;line-height:1.8rem}
	.cooperation .ba{width:95%}
	.cooperation .ba .thumbnail{background:url(../image/title/h1.png) no-repeat center center}
	.cooperation .bb .thumbnail{background:url(../image/title/h2.png) no-repeat center center}
	.cooperation .bc .thumbnail{background:url(../image/title/h3.png) no-repeat center center}
	.cooperation .bd .thumbnail{background:url(../image/title/h4.png) no-repeat center center}
	.cooperation .abl{width:100%;background-color:#fff}
	.cooperation .abl i{margin:0 10px}
	.cooperation .abl ul{width:90%;margin:30px auto;padding:30px 0;display:flex;flex-direction:column}
	.cooperation .abl ul li{margin:0 auto 30px auto;width:100%}
	.cooperation .abl ul li h1{font-size:1.3rem;line-height:2.5rem;color:#a41517}
	.cooperation .abl ul li p{font-size:1rem;line-height:2rem}
	.cooperation .abl ul li .dad{margin:10px 0}
	.cooperation .abl ul li .dad dd{font-size:.9rem;line-height:1rem;float:left;margin:0 10px 0 0}
	
	.cooperation .aul-container{max-width: 900px; margin: 0 auto;display: none;}
	.cooperation .aul-img{display: block;}
	.cooperation .aul-img img{max-width: 100%;}
	
	@media (min-width: 576px) {
		.cooperation .aul-container{display: block;}
		.cooperation .aul-img{display: none;}
	}
	
	
	.cooperation .aul{ color: #FFFFFF; padding: 20px; display:flex;}
	.cooperation .aul .cont{border-radius:10px;border: 1px dotted rgba(214, 214, 214,1);display:flex;flex-direction: column;align-content: center;align-items: center;justify-content: space-around;margin: 0 auto; padding: 20px 0;  width: 100%;}
	.cooperation .aul .cont .aimg{border-radius:40px;width:80px;height:80px;border: 1px solid rgba(214, 214, 214,1);display:flex;justify-content: center;align-items: center;}
	.cooperation .aul .cont .aimg i{font-size:2.5rem;}
	.cooperation .aul .cont .ah{font-size: 1.5rem; line-height:3rem; margin-top: 1rem;}
	.cooperation .aul .cont .ali{font-size:.9rem; line-height:2rem;}
	.cooperation .aul .cont .ali li{/* list-style-type: disc;list-style-position:inside; */} 
	/* .cooperation .aul .cont .ali li::marker{content: '√';color: green;} */
	.cooperation .aul:hover{ color: #a41517;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }

	.cooperation .aul:hover .aimg{ border: 1px solid rgba(164, 21, 23,1); background-color: rgba(164, 21, 23,1);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
	.cooperation .aul:hover .aimg i{ color: #FFFFFF;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }

	
	

/*7 END cooperation */
/** 8. Footer*/
.footer{background:#222}
	.footer-widget h2{font-size:35px;font-weight:900;text-align:center}
	.footer-widget h2 a{color:#fff}
	.footer-widget p{color:#bbb;font-size:14px;line-height:24px;width:99%}
	.footer-widget i{margin-right:10px}
	.footer-widget h3{font-size:18px;font-weight:600;color:#fff;line-height:20px;padding-bottom:8px;margin-bottom:8px;position:relative}
	.footer-widget h3::after{content:"";clear:both;display:block;overflow:hidden;position:absolute;width:100%;height:1px;bottom:0;background:#ffffff47}
	.footer-widget h3::before{content:"";clear:both;display:block;overflow:hidden;position:absolute;width:50px;height:1px;bottom:0;background:#a41517}
	.footer-widget ul li a{display:inline-block;line-height:30px;font-size:14px;color:#bbb;font-weight:500;position:relative;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	.footer-widget ul li a i{padding-right:3px}
	.footer-widget ul li a:hover{color:#fff}
	.footer-widget ul li a::after{clear:both;display:block;overflow:hidden;position:absolute;width:0%;height:1px;background:#fff;content:"";bottom:0;left:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	.footer-widget ul li a:hover::after{width:100%}
	.footer-widget ul.footer-list-two li{color:#bbb;width:100%;overflow:hidden;padding:6px 0}
	.footer-widget ul.footer-list-two li i{width:36px;height:36px;color:#fff;border:2px solid #666;margin-right:10px;float:left;display:flex;justify-content:center;align-items:center}
	.footer-widget ul.footer-list-two li{color:#bbb;line-height:1.3rem}
	.footer-widget ul.footer-list-two li span{font-size:12px;line-height:36px}
	.footer-bottom{border-top:1px solid #bbbbbb1c}
	.footer-bottom p{color:#bbb;font-weight:400;font-size:14px}
	.footer-bottom p a{color:#bbb}
	.footer-bottom p a:hover{color:#fff}

/** 8.END Footer*/
@media (max-width: 768px) {
	/* 3 System Service */
	.system_service .r_s_s{flex-wrap:wrap}
	.system_service .r_s_s>*{flex-wrap:nowrap}
	.ss_w{width:50%}
	.cla,.clb{width:100%}
	.r_s_d .r_s_d_icon{padding:30px 10px}
	.r_s_d .r_s_d_icon .lf,.r_s_d .r_s_d_icon .rt{padding-left:calc(var(--bs-gutter-x)/ 2);padding-right:calc(var(--bs-gutter-x)/ 2)}

	/* 3 end System Service */
	/* 4 System Solution */
	.system_solution .r_s_d .icon-box:hover {transform: none;}
	
	/* 4 End System Solution */
	/* 6 software Copyright */
	.software .col-md-6 {width: 50%;}
	/* 6 End software Copyright */
	/** 7. COOPERATION SALE*/
	.cooperation .col-md-6 {width: 50%;}
	.cooperation .ba {width: 100%;}
	/** 7. COOPERATION SALE*/
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	/* 3 System Service */
	.system_service .r_s_s {flex-wrap: wrap;}
	.system_service .r_s_s>* {flex-wrap: nowrap;}
	.ss_w {width: 50%;}
	.cla, .clb {width: 49.5%;}
	.system_service .ss_w .intib {line-height: 3rem;font-size: 1.5rem;}
	/* 3 end System Service */
	/* 4 System Solution */
	
	.system_solution .r_s_d .icon-box:hover {transform: none;}
	/* 4 End System Solution */
	/* 6 software Copyright */
	.software .col-md-6 {width: 33.3333333333%;}
	/* 6 End software Copyright */
	/** 7. COOPERATION SALE*/
	.cooperation .ba {width: 100%;}
	/** 7. COOPERATION SALE*/
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	/*  max-width:960px */
	/* 3 System Service */
	.ss_w {width: 186px;}
	.system_service .ss_w .intib {line-height: 3rem;font-size: 1.8rem;}
	/* 3 end System Service */
	/* 4 System Solution */
	.system_solution .r_s_d .icon-box:hover {transform: none;}
	/* 4 End System Solution */
	/* 6 software Copyright */
	.software .col-lg-2 {width: 33.3333333333%;}
	/* 6 End software Copyright */
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	/* max-width:1140px */
	/* 3 System Service */
	.ss_w {width: 220px;}
	/* 3 end System Service */
}
@media (min-width: 1400px) {
	/* max-width:1320px */
	/* 3 System Service */
	.ss_w {width: 258px;}
	/* 3 end System Service */
}
/*WEB*/
.ser_bran{}
	.ser_bran .content{padding:10px;text-align:left}
	.ser_bran .content h1{color:#fff;font-weight:400;margin-bottom:15px}
	.ser_bran .content h5{color:#fff;margin-bottom:15px}
	.ser_bran .content p{color:#fff;line-height:2rem}

.ser_web_all{background:linear-gradient(to bottom,#ed7d31 0,#ed7d31 60%,transparent 60%,transparent 100%)}
	.ser_web_all .wt100{width:100%;flex:0 0 auto}
	.ser_web_all .wt50{width:50%;flex:0 0 auto}
	.ser_web_all .section-headding h3{color:#fff}
	.ser_web_all .section-headding p{color:#fff}
	.ser_web_all img{width:100%;padding-left:calc(var(--bs-gutter-x)/ 2);padding-right:calc(var(--bs-gutter-x)/ 2)}

.icon-lr{box-sizing:border-box;padding:20px 20px;overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all.3s ease-in-out;border:1px solid #ccc}
	.icon-lr .icon{float:left;display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px;margin-top:15px;color:#333;-webkit-transition:all .3s ease-in-out;transition:all.3s ease-in-out}
	.icon-lr .icon i{-webkit-transition:all .3s ease-in-out;transition:all.3s ease-in-out;}
	.icon-lr .content{overflow:hidden;padding-left:15px}
	.icon-lr .content h3{font-size:22px;font-weight:600;line-height:30px;margin-bottom:8px;-webkit-transition:all .3s ease-in-out;transition:all.3s ease-in-out}
	.icon-lr .content p{font-size:14px;line-height:24px}
	.icon-lr:hover{color:#a41517;border:1px solid #a41517}
	.icon-lr:hover .content h3,.icon-lr:hover .icon{color:#a41517}
	.icon-lr .active{color:#a41517;border:1px solid #a41517}

.icon-td{text-align:center}
	.icon-td .icon_img{font-size:2.5rem}
	.icon-td .icon_con{font-size:.9rem}

.ser_web{}
	.ser_web .dw li{margin:0 10px}
		.ser_web .dw .dwa{width:50%;float:left}
		.ser_web .dw .dwb{width:25%;float:left}
		.ser_web .dw .image{padding:0 10px;margin:10px 0}
		.ser_web .dw img{width:100%}
	.ser_web .icon{width:auto;height:auto}
	.ser_web i{display:block;font-size:4rem;line-height:4rem}
	.ser_web span{display:block;font-size:1.2rem;line-height:1.5rem}
	.ser_web .title{text-align:center;margin-top:30px}
		.ser_web .title .abl{width:78%;float:left;padding-left:10px}
		.ser_web .title .ulli{width:31%;margin:15px 2% 15px 0;border:1px solid #ccc;padding:10px 10px;float:left}
		.ser_web .title .ulli:hover{color:#a41517;border:1px solid #a41517}
		.ser_web .title .iconfont{font-size:4rem;line-height:7rem;float:left;text-align:center;width:25%}
		.ser_web .title .text{text-align:left;float:left;width:75%;overflow:visible}
		.ser_web .title .text h1{font-size:1.3rem;line-height:3rem}
		.ser_web .title .text p{font-size:1rem;line-height:2rem}
		.ser_web .title .abr{width:22%;float:right;padding-right:10px}
		.ser_web .title .abr .text{border:1px solid #ccc;width:100%;margin:15px auto;text-align:center}
		.ser_web .title .abr h1{line-height:3rem;margin-top:40px}
		.ser_web .title .abr dd{line-height:3rem}
		.ser_web .title .abr p{line-height:3rem;font-size:.8rem}
		.ser_web .title .abr dt img{margin-top:50px}
	.ser_web .other{display:none}
	.ser_web .otherb{display:block;display:flex;flex-direction:row;padding-bottom:30px}
	.ser_web .icon-lr img{width:100%;height:auto;object-fit:contain}

@media (max-width: 768px) {
	.ser_web .col-md-6{flex:0 0 auto;width:50%}
	.ser_web .icon-lr{display:flex;flex-direction:column;padding:10px}
	.ser_web .icon-lr h3{text-align:center}
	.ser_web .other{display:block}
	.ser_web .otherb{display:none}
	.ser_web_all .wt50{width:100%;flex:0 0 auto}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ser_web .other{display:block}
.ser_web .otherb{display:none}
.ser_web_all .wt50{width:100%;flex:0 0 auto}

}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.ser_web .col-xl-10{flex:0 0 auto;width:78%}
	.ser_web .col-xl-2{flex:0 0 auto;width:21%}
	.ser_web i{display:block;font-size:3rem;line-height:3rem}
	.icon-lr .content h3{font-size:16px;font-weight:600;line-height:20px;margin-bottom:5px}
	.icon-lr .content p{font-size:12px;line-height:20px}
	.icon-lr:hover{color:#a41517;border:1px solid #a41517}
	.icon-lr:hover .content h3,.icon-lr:hover .icon{color:#a41517}
	.icon-lr .active{color:#a41517;border:1px solid #a41517}

}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {}
@media (min-width: 1400px) {}
/*END WEB*/


/*APP*/
.cat_app .img{text-align:left}
	.cat_app img{max-width:100%}
.cat_app_icon{margin:30px 0}
	.cat_app_icon .item{display:flex;flex-direction:column;justify-content:space-evenly}
	.cat_app .cat_app_icon .item i{margin:10px 0}
	.cat_app .cat_app_icon{color:#fff}
	
	.app .cat_app_icon{color:#191919;text-align:center}
	.app .cat_app_icon i img{max-width:100%}
	.app .cat_app_icon .item{margin-bottom:30px}
	.app .cat_app_icon .item span{display:block;margin-top:-15px;}
	
.d_disp_a{display:flex;flex-direction:row;justify-content:space-evenly}

.xcxan{flex-grow:1;display:flex;align-items:center;flex-direction:column;justify-content:center}
	.xcxan .text{position:absolute;bottom:0;width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);padding-bottom:20px}
	.xcxan h3{font-size:1rem;line-height:1.5rem;text-align:center}
	.xcxan p{font-size:.9rem;line-height:1rem;text-align:center}
	
.inon h3,.inon p{color:#fff}

.xcx_title .owl-dots{position:absolute;bottom:0;left:0;right:0;text-align:center}
	.xcx_title .owl-dots .owl-dot span{width:10px;height:10px;display:block;background:#a41517;margin:2px;border-radius:50%;border:1px solid #a41517}
	.xcx_title .owl-dots .owl-dot.active span{border-color:#fff}
	.xcx_title .xcxan .text{display:block}
.d_disp_a{display:none}
.d_disp_a .xcxan{border-bottom:1px solid rgba(51,51,51,.5)}

.xcx_icon{}
	.xcx_icon .item{display:flex;flex-direction:row;align-items:center;margin-bottom:20px}
	.xcx_icon .item .img{text-align:center;width:25%;margin:0 auto}
	.xcx_icon .item .text{text-align:center;width:75%;margin:0 auto;text-align:left}
	.xcx_icon .item img{width:90%}
	.xcx_icon .item h2{color:#666;font-size:1rem;line-height:2.5rem;font-weight:400}
	.xcx_icon .item p{color:#999;font-size:.9rem;line-height:1.5rem;text-align:justify}
	

@media (min-width: 768px) {
	.xcxan h3{font-size:1.2rem;line-height:2rem}
	.xcxan p{font-size:.9rem;line-height:1.5rem}
	.xcx_icon .item{display:flex;flex-direction:column}
	.xcx_icon .item .img{text-align:center;width:30%;margin:0 auto}
	.xcx_icon .item .text{text-align:center;width:90%;margin:0 auto;text-align:center}
	.hero-slider-single-caption{min-height: 600px;}
}
@media (min-width: 992px) {
	.xcxan{flex-grow:1;display:flex;align-items:center;flex-direction:column;justify-content:center}
	.d_disp_a{display:flex;flex-direction:column;justify-content:space-evenly}
	.inon{background:#a41517}
	.xcx_title .xcxan .text{display:none}
	.xcxan h3{font-size:1.1rem;line-height:2rem}
	.xcxan p{font-size:.8rem;line-height:1.5rem}
	.xcx_icon .item{display:flex;flex-direction:column}

}
@media (min-width: 1200px) {
	.xcxan h3 {font-size: 1.2rem;line-height: 2rem;}
	.xcxan p {font-size: 0.9rem;line-height: 1.5rem;}
}
/*END APP*/

/*cat-page*/
.cat-page{}
.cat-page .about{background:url("../image/b/ab_banner.jpg") no-repeat center center; }
.about_bei{background: linear-gradient(to bottom, #ed7d31 0, #ed7d31 60%, transparent 60%, transparent 100%);}
.about-text{display: flex;flex-direction: column;gap: 30px;}	
.about-text .about-one{width:100%;display: flex; flex-direction: column;   align-content: center;align-items: center;justify-content:space-between;gap: 20px;}
.about-text .about-one img{max-width: 100%; width: 100%;}
.about-text .about-one .a80{width: 80%;}
.about-text .about-two{flex: 1; background-color: #FFF;border-radius: 5px;padding: calc(var(--bs-gutter-x) * .5);}
.about-text .about-two .ap{font-size: 1rem; line-height:2.5rem; margin-bottom: 1rem; text-indent: 2rem;}
@media (min-width: 992px){
	.about-text .about-one{width: 400px;}
	.about-text{flex-direction: row;}
}



/*mak*/
.mak{}
.mak .mak-contai{ color: #fff;}
	.mak-contai .p1 {font-size:1.5rem;font-weight:700;  text-align: center;white-space: nowrap;display: flex;justify-content: center;align-items: center;flex-direction: column;letter-spacing:10px;}
	.mak-contai .p1 .sp01{font-size:3rem;}
	.mak-contai .p2 {font-size:0.9rem;font-weight:400;line-height:2rem; text-align: center;display: flex;flex-direction: column;justify-content: center;}
	.mak .mak-li{display: flex; text-align: center;flex-direction: row;align-content: stretch;justify-content: space-evenly;align-items: center;flex-wrap: wrap;}
		.mak .mak-li .image{ padding:10px;}
		.mak .mak-li .image img{max-width: 100%;}
		.mak .mak-li .title{font-size:0.8rem;}
		
		/*多级切换*/
		.mak-img{width: 100%;}
		.mak-img .container{overflow: hidden;}
		.navpli{text-align: center;}
		.navpli .abc{padding:15px 0;}
		.navpli .ah{font-size: 0.8rem;line-height:1.5rem; }
		.navpli .ap{display: none;}
		.navpli .inon{color: #FFF;background-color:#a41517 ;}
	
		.navtext{width:1000%;display:flex;position: relative;-webkit-transition:all .3s ease-in-out;transition:all.3s ease-in-out;}
		.navtitle{ width:10%; padding:20px;}
		.navtitle img{width: 100%;}
		
		
	@media (min-width: 768px){
		.navpli .ah{font-size: 1.2rem;}
		.mak-contai .p1 {}
		.mak-contai .p1 .sp01{font-size:5.5rem;}
		.mak-contai .p2 {font-size: 1rem;flex-direction: row;line-height: 3rem;}
		.mak .mak-li .title{font-size:0.9rem;}
		}
	@media (min-width: 992px){
		.navpli .ah{font-size: 1.2rem;margin-top: 20px;}
		.navpli .ap{font-size: .9rem; margin-bottom: 20px;display: block;}
		.mak-contai .p1 {font-size:3.5rem;flex-direction: row;align-items: flex-end;}
		
	}

/*wei*/
.wen{}
 .wen .wei{background: url("../image/wen.png") no-repeat top center; background-size: auto 85%;display: flex;justify-content: space-between;padding: 150px 20px 0 20px;}
 .wei  .weil{text-align:right;}
 .wei  .weir{text-align:left;}
 .wei  .weili{margin:20px auto; white-space: nowrap;}
   .wei  .weili i{background-color: #A41517;  font-style:normal;border-radius: 5px; padding: 5px;font-size: 1rem;line-height:2rem; color: #fff; margin-right: 10px;} 
   .wei  .weili span{font-weight: 600; font-size: 1rem;line-height:2rem;} 
   .wei  .weili p{margin-top: 10px; line-height: 2rem;font-size: 1rem;display: none;} 
.wen .weititle{font-size: 1rem;line-height: 2rem;text-align: center;}
.wen .weip{background-color: #f8fbff;border-radius: 5px;font-size:0.8rem;line-height: 2rem; margin: 1rem;}

@media (min-width: 768px){
 .wen .wei{ background-size:60%; padding-top:260px;}
 .wei  .weil,.wei  .weir{width:42%;}
 .wei  .weili{ white-space:wrap;}
  .wei  .weili p{display: block;}
}
@media (min-width: 992px){
 .wen .wei{background: url("../image/wen.png") no-repeat center center; background-size:auto 85%;padding:0;}
 .wei  .weil,.wei  .weir{width: 34%;}
 .wei  .weili{ white-space:wrap;}
 .wei  .weili p{display: block;}
}



/*about*/
.about{}
.about .text{height:300px;padding:20px 0;text-align: left;display: flex;flex-direction: column;justify-content: space-between;align-items: stretch;}
.about .a1{font-size: 2.5rem;line-height: 4rem;font-weight: 600;color: #fff;}
.about .a2{font-size:1.5rem; line-height: 3rem;color: #fff;display: flex;flex-direction: column; align-items: flex-start;}
.about .a3{color: #fff; font-size:1rem; line-height:2rem;display: flex;flex-direction: column; align-items: flex-start;}

@media(min-width: 576px){
	.about{background-size: auto;}
	.about .text{  height: 400px;}
	.about .a2{font-size: 2rem; line-height: 3rem;width:100%;}
	.about .a3{font-size:1rem;line-height: 2rem;width:100%;}
	}
@media (min-width: 768px){}
@media (min-width: 992px){
	.about .text{height: 300px;}
	.about .a2{display: block; text-align: center;}
	.about .a3{display: block; text-align: center;}
}
@media (min-width: 1200px){}
@media (min-width: 1400px){}

/*services*/
.services{position: relative; padding: 0 30px;}
.services .owl-nav{display: flex;justify-content: space-between;position: absolute; width: 100%; top:50%;left: 50%;transform: translate(-50%, -50%);}
.services-nav{}
.services-nav i{font-size: 3rem;}
	.services .content{position: relative; background-color: #009e96; border: 1px #000 solid;}
	.services .content-a{}
	.services .content-b{position: absolute; width: 100%; background-color: #360aff; top: 0;transition: .4s;-webkit-transition: all .4s ease-in-out;opacity:0}
	.services .content:hover .content-b{display: block;opacity: 1}

/* .pservice{display: flex;justify-content: space-around;align-items: stretch;flex-direction: row; flex-wrap: wrap; gap: 10px;row-gap: 10px;}
.pservice > .pserviceli {flex-grow: 1; } */

.aigrid{}
	.aigrid-row{display: flex; justify-content: space-between; flex-wrap: wrap; }
	.aigrid-ul{color: black;flex: 0 0 48%;margin-right: calc(4%);margin-bottom:1REM; }
	.aigrid-ul:nth-child(2n){margin-right: 0;}
	.aigrid-ul:last-child{margin-right: auto;}
	
	
	.aigrid-li{ height:350px;display:flex;align-content: center;align-items: center;justify-content: center;}
	.aigrid-li .lia{-webkit-transition: all .4s ease-in-out;transition: all .5s ease-in-out; width: 100%;display: flex;    justify-content: flex-start;align-content: center;align-items: center;flex-direction: column; height: 350px;overflow: hidden;position: relative;top:0; color: #FFFFFF;}
	.aigrid-li .image i{font-size:4.2rem;}
	.aigrid-li .ah{line-height: 3rem;font-size: 1.4rem;}
	.aigrid-li .ap{ opacity:1;-webkit-transition: all .4s ease-in-out;transition: all .5s ease-in-out; text-align: left;}
	.aigrid-li .ap ul{line-height: 1.8rem;font-size: .9rem;}
	.aigrid-li .ap ul li i{color:#fff;padding-right:5px;font-size: .9rem;}
	.aigrid-li .ap .button{margin: 0 auto; text-align:center;display:flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: space-around; gap: 10px;}
	.aigrid-li .button .button-4{padding: 5px; white-space: nowrap;}
	.aigrid-li:hover .lia{height: 350px;}
	.aigrid-li:hover .lia .ap{opacity: 1;}
	

	.aigrid .aigrid-ul:nth-child(1) .aigrid-li{background:#4f9cdb;}
	.aigrid .aigrid-ul:nth-child(2) .aigrid-li{background:#7b99ee}
	.aigrid .aigrid-ul:nth-child(3) .aigrid-li{background:#50d2b7}
	.aigrid .aigrid-ul:nth-child(4) .aigrid-li{background:#fdad73}
	
@media (MIN-width:992px) {
		.aigrid-ul{color: black;flex: 0 0 24%;margin-right: calc(4% / 3);}
		.aigrid-ul:nth-child(2n){margin-right: calc(4% / 3);}
		.aigrid-ul:nth-child(4n){margin-right: 0;}
		.aigrid-ul:last-child{margin-right: auto;}
		.aigrid-li .lia{height: 150px;}
		.aigrid-li .ap{ opacity:0;}
		.aigrid-li:hover .lia{height: 350px;}
		.aigrid-li:hover .lia .ap{opacity: 1;}
	}

/*list*/
/*分类列表*/
/*全居*/
.list_all {justify-content: space-around;}
	.list_all .container{padding:0 calc(var(--bs-gutter-x)/ 2);}
	.list_all .cat_title{font-size: 1.2rem;font-weight:400;color: #333;line-height:2.5rem;  /*text-decoration: underline; border-bottom:1px solid #ccc; */ }
	.list_all .cat_title_border{border-bottom:1px solid #f5f5f5;}
	.list_all .cat_title span{float: right;}
	.list_all .xian{border-bottom:1px solid #ccc;margin:8px 8px 0 8px;}	
	.list_all .title{}
	.list_all .title .ah{font-size:1.2rem;line-height:2rem;font-weight:400;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
	.list_all .title .ap{font-size:.9rem;line-height:1rem;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.list_all  .time{font-size:.9rem;color:#ccc;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.list_all  .time span{float:right;}	
	.list_all a:hover{color: #a41517;}
	
	/*content*/
	.list_all .content{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;align-content:stretch;flex-wrap:nowrap;padding:calc(var(--bs-gutter-x)/ 4) 0;}
	.list_all .content .list_thumb{min-width:80px;min-height:80px;max-width:25%;overflow:hidden;text-align:center;flex-grow:0;border-radius:5px;display:flex;}
	.list_all .content .list_thumb .thumb{display: flex;align-items: flex-start;max-height: 210px;overflow:hidden;}
		.list_all .content .list_thumb .thumb:hover img{transform:scale(1.3);text-decoration: none;transition: .4s;-webkit-transition: all .4s ease-in-out; color: unset;}
	.list_all .content .list_thumb img{min-height:80px;height: auto;width: 100%;object-fit: cover;object-position: 0% 0%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
	.list_all .content .list_title{padding-left:calc(var(--bs-gutter-x)/ 2);flex-grow:1;width:100%;display:flex;flex-direction:column;justify-content:space-between;}
		
	/*list_li*/
	.list_all .list_li{display: flex;justify-content: space-between;}/*纯文字列表*/
		.list_all .list_li .title{flex: 1;}
			.list_all .list_li:hover .title{color: #a41517;}
			.list_all .list_li .title .ah{font-size:0.9rem;line-height:2rem;font-weight: normal;  }
		.list_all .list_li .time{font-size:0.8rem;line-height:1.5rem;color:#ccc; white-space: nowrap; padding-left: 1rem;}			
	
	.list_all .imga{min-width:100%; min-height: 100%; max-width:100%;overflow: hidden;justify-content: space-between;flex-direction: column-reverse;}
	.list_all .imga .list_thumb{min-width:100%;max-width:100%;width:100%; min-height:auto;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;gap:10px;}
	.list_all .imga .list_thumb .thumb{flex-grow:1;overflow:hidden; width: 0; }
	.list_all .imga .list_thumb img{height:100%;display:block;flex-shrink: 0;}
	.list_all .imga .list_title{padding-left: 0; text-align: left;}
	.list_all .imga .list_title .ah{-webkit-line-clamp:1!important;}
	.list_all .imga .list_title .ap{display:none}
	.list_all .imga .list_title .time{display:none}

	.list_all .topa{flex-direction:column;align-items:center;position:relative;box-sizing: border-box;}
	.list_all .topa .list_title{position:absolute; bottom:0; padding: 0;padding: calc(var(--bs-gutter-x) / 4) 0;}
	.list_all .topa .list_title .title{background-color:rgba(255,255,255,.8);border-radius:0 0 5px 5px;}
	.list_all .topa .list_title .ah{line-height: 2.5rem; text-align: center;}
	.list_all .topa .list_title .ap{display:none}
	.list_all .topa .list_title .time{display:none}
	.list_all .topa .list_thumb{min-width:100%;max-width:100%;width:100%; min-height:auto;}
	.list_all .topa .list_thumb .thumb{flex-grow:1;overflow:hidden;max-height:500px;}
	.list_all .topa .list_thumb img{height:100%;}		
	.t_h_p{}
	.list_all .t_h_p .list_title h3{-webkit-line-clamp: 1!important;}
	.list_all .t_h_p .list_title p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;-webkit-line-clamp: 2!important;}

/*经过变化*/
.list-one .list_li:hover{background-color: #f0f0f5; }
.c0-hover{}
	.c0-hover:hover{background-color: #f0f0f5; }
.c1-hover{}
		.c1-hover:hover{background-color: #a41517; }
/* 	.list_one .content:hover h3,.list_one .content:hover p{color: #A41517;} */
@media (max-width: 768px) {

}
@media (min-width: 576px) {}
@media (min-width: 768px){
	.list_all .content .list_title h3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
	.list_all .content .list_title p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
	.list_all .imga .list_title p {display: none;}
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}


/* pages */
.container-btn {margin-top:10px; white-space: nowrap;line-height: 30px; text-align: center;}
.pagination {padding-left: 0;margin: 20px auto;border-radius: 4px;justify-content: center}
.pagination>li {display: inline;}
.pagination>li>a,.pagination>li>span {position: relative;float: left;padding: 6px 12px;line-height: 1.42857;text-decoration: none;color: #a41517;background-color: #fff;border: 1px solid #ddd;margin-left: -1px;}
.pagination>li:first-child>a,.pagination>li:first-child>span {margin-left: 0;border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span {border-bottom-right-radius: 4px;border-top-right-radius: 4px;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {z-index: 2;color: #23527c;background-color: #eee;border-color: #ddd;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {z-index: 3;color: #fff;background-color: #a41517;border-color: #a41517;cursor: default;}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {color: #777;background-color: #fff;border-color: #ddd;cursor: not-allowed;}
.pagination-lg>li>a,.pagination-lg>li>span {padding: 10px 16px;font-size: 18px;line-height: 1.33333;}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {border-bottom-left-radius: 6px;border-top-left-radius: 6px;}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {border-bottom-right-radius: 6px;border-top-right-radius: 6px;}
.pagination-sm>li>a,.pagination-sm>li>span {padding: 5px 10px;font-size: 12px;line-height: 1.5;}
.badge,.label {line-height: 1;white-space: nowrap;}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
.search-pagination>.pagination>li>a {margin: 0 3px;}
.search-pagination {text-align: center;}
.search-pagination>.pagination>.page-active>a {background-color: #40aae2;color: #fff;}
.pagination>li>a,.pagination>li>span {color: #000;}
.pagination>li>a:hover {cursor: pointer;color: #23527c;}
		



/*END list*/

/* 技术驱动 */
.technology {display:flex;flex-direction: column;}
	.technology-li{border-radius:5px;display:flex;flex-direction: row;justify-content: space-between;align-items: stretch; margin:0 0 10px 0;}
	.technology-li .item{width:40%;height:auto;text-align:center;display:flex;align-items: center;}
	.technology-li .item img{ margin: 0 auto;}
		.technology-li .itema{height:auto;margin:0 10px;text-align:center;display:flex;flex-direction: row;justify-content: space-between;align-items: stretch;flex-wrap: wrap;}
		.technology-li .itema dl{display:flex;flex-direction: row;justify-content: space-between;align-items: stretch;flex-wrap: wrap;}
		.technology-li .itema dd{width:48%;line-height:2rem;background-color:transparent;color:#fff;border:#ccc solid 1px;}
		.technology-li .itemb{font-size:1.5rem;line-height:3rem;text-align:center;width:100%;color:#fff;font-weight:700}
		
	.technology-li .itemc{width:60%;float:right;font-size:.8rem;color:#666;justify-content:space-around}

	.technology .technology-li:nth-child(1){background-color:#9530f5}
	.technology .technology-li:nth-child(2){background-color:#a41517;flex-direction: row-reverse;}
	.technology .technology-li:nth-child(3){background-color:#009e96}

/*功能简述*/
.function{background-color: #F4F4F4;}
	.functionli{display:flex;flex-wrap: wrap;flex-direction: row;align-items: stretch;justify-content: space-evenly;align-content: flex-start;}
	.function-li{display:flex;justify-content: center;align-items: center;background-color: #fff;border-radius: 15px; width: 80px; height: 80px; margin:5px;}
	.function-li .text{display:flex;flex-direction: column;}
	.function-li .text i{font-size: 2rem; text-align: center;}
	.function-li .text .name{font-size:0.9rem;}
	.function-li:hover{background-color:#A41517;}
	.function-li:hover .text{color:#FFF;}

/*vc*/
.vc{--bs-gutter-x: 1.5rem;--bs-gutter-y0: 0;display: flex;flex-wrap: wrap;margin-top: calc(-1 * var(--bs-gutter-y));margin-right: calc(-.5 * var(--bs-gutter-x));margin-left: calc(-.5 * var(--bs-gutter-x));justify-content: space-around;}
	.vcli{text-align: left;margin: 5px;padding: 20px;background: rgb(255, 255, 255);}
	.vcli .vc-icon{font-size: 3.5rem; line-height: 3.5rem; width: 60px;height: 60px; padding:5px;margin-right: 10px;display: block;float: left;color:#a41517; }
	.vcli .t{font-size: 1.2rem;color: rgb(51, 51, 51);margin-bottom: 10px;}
	.vcli .c{font-size: 0.9rem;line-height:1.5rem;  margin-bottom: 10px;}
	
/*产品服务*/
.pservice{display: flex;justify-content: space-around;align-items: stretch;flex-direction: row; flex-wrap: wrap; gap: 10px;row-gap: 10px;}
.pservice > .pserviceli {flex-grow: 1; }
		.pserviceli{flex-shrink:0;color:#fff;padding:calc(var(--bs-gutter-x)/ 2);text-align:center;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center; }
		.pserviceli .image{margin:1rem auto 0;text-align:center}
		.pserviceli .image i{font-size:4.2rem}
		.pserviceli .image img{width:40%}
		.pserviceli .intia{line-height:3rem;font-size:1.4rem}
		.pserviceli .intext{line-height:1.8rem;font-size:.9rem;text-align:left}
		.pserviceli .intext p{display:block;padding-bottom:.5rem;font-weight:400}
		.pserviceli .ss_li1 ul li i{color:#fff;padding-right:5px}
		.pserviceli .ss_li2 ul li{font-size:.9rem;line-height:2.5rem}
		.pserviceli .ss_li2 ul li i{color:#fff;padding-right:5px;font-size:2rem}

		.pservice .pserviceli:nth-child(1){background:#4f9cdb}
		.pservice .pserviceli:nth-child(2){background:#7b99ee}
		.pservice .pserviceli:nth-child(3){background:#50d2b7}
		.pservice .pserviceli:nth-child(4){background:#fdad73}
		
@media (min-width: 768px) {
	
	.function-li{width: 120px; height: 120px; margin:5px;}
	.function-li .text i{font-size: 2.5rem;}
	.function-li .text .name{font-size:0.9rem;}
}
@media (min-width: 992px) {
	.technology {flex-direction: row;justify-content: space-evenly;}
	.technology-li{flex-direction: column; width: 32%;}
	.technology-li .item{width:auto;}
	.technology-li .itema dd{text-align:center;background-color:#fff;color:#666; font-size: 1rem; line-height:2.5rem;}
	.technology-li .itemb{color:#666;}
	.technology-li .itemc{width:auto;}
	.technology .technology-li:nth-child(1){background:none;}
	.technology .technology-li:nth-child(2){background:none;flex-direction: column;}
	.technology .technology-li:nth-child(3){background:none;}
	.technology .technology-li:nth-child(1) .item{background:rgba(0, 0, 0, 0) url(../image/b/lin-0801.png) no-repeat top;background-size:100% auto;}
	.technology .technology-li:nth-child(2) .item{background:rgba(0, 0, 0, 0) url(../image/b/lin-0802.png) no-repeat bottom;background-size:100% auto;}
	.technology .technology-li:nth-child(3) .item{background:rgba(0, 0, 0, 0) url(../image/b/lin-0803.png) no-repeat top;background-size:100% auto;} 	
	.function-li{width: 150px; height: 150px; margin:10px;}
	.function-li .text i{font-size: 3rem;}
}
@media (min-width: 1200px) {
	.function-li{width: 160px; height: 160px; margin:10px;}
	.function-li .text i{font-size: 3rem;}
}
@media (min-width: 1400px) {
	.function-li{width: 160px; height: 160px; margin:10px;}
	.function-li .text i{font-size: 3rem;}
}