.nyhxywbg{padding: 70px 0; background:url('../images/servicesbg.jpg') no-repeat;
  background-position: center bottom;
  background-size: cover;}
.injjfaul{ overflow:hidden; margin:20px 0;}

.injjfaul li{width: calc(33% - 20px);

  overflow: hidden;

  float: left;

  margin: 0 10px;}

.injjfatu {

	overflow:hidden;

  width: 100%;

  height: 100%;

}

.injjfatu img {

  max-width: 100%;

  width: 100%;

  height: 100%;

  aspect-ratio: 13/9;
object-fit: cover;
}
.injjfatu3{ position:relative;overflow: hidden;
  width: 100%;
  height: 100%;
  background: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;}
.injjfatu3 img{aspect-ratio: auto;}


.injjfatitle{ font-size:20px; color:#fff;font-weight:600; margin:20px 0; text-align:center;}

.injjfades{font-size:18px; color:#000;font-weight:400; text-align:center;line-height: 22px; }

.injjfades3{font-size:18px; background:#00000085; color:#fff;font-weight:400; text-align:center;line-height: 30px; position:absolute;transition: all 0.6s;height: 100%;width: 100%;place-items: center;display: grid;opacity: 0;padding: 20px;}

.nyhxywbg .home-title{ color:#fff;}

.injjfaul li:hover .injjfatu img{transform: scale(1.1,1.1);transition: all 0.6s;}

.injjfaul li:hover .injjfatitle{color: #0692e5;}

.injjfaul li:hover .injjfades3{transition: all 0.6s; opacity: 1;}


/*.container {
	width: 90%;
	max-width: 1200px;
	padding: 40px;
	background-color: white;
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
	border-radius: 10px;
}*/

.header-title {
	color: #2a52be;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 30px;
}

.main-title {
	font-size: 28px;
	font-weight: bold;
	color: #333;
	text-align: center;
	margin: 30px 0;
}

.description {
	font-size: 18px;
	color: #555;
	text-align: center;
	line-height: 1.6;
	margin: 20px auto;
	max-width: 950px;
}

.highlight {
	font-weight: bold;
	color: #333;
}

.cards-container {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 40px;
}

.card {
	width: 220px;
	height: 220px;
	background-color: #0692E5;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
	transition: transform 0.3s ease;
}

.card:hover {
	transform: scale(1.05);
}

.card-title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.card-text {
	font-size: 14px;
	line-height: 1.5;
}

@media (max-width: 768px) {
	/*.container {
		padding: 20px;
	}*/
	.header-title {
		font-size: 28px;
	}
	.main-title {
		font-size: 24px;
	}
	.description {
		font-size: 14px;
		max-width: 100%;
	}
	.cards-container {
		flex-direction: column;
		align-items: center;
	}
	.card {
		width: 200px;
		height: 200px;
	}
}


.equipment-list{ display:flex;}
.equipment-item{ flex:1; width:25%; margin:10px;position: relative;
  z-index: 3;
  border: 1px solid #dddddd;
  text-align: center;}
.equip-wrap {
  padding: 79px 30px 57px;
}
.equip-wrap b {
  display: block;
  margin-bottom: 42px;
  color: #1b8bcb;
  font-size: 64px;
  font-weight: normal;
  line-height: 1;
  transition: 0.4s;
}
.equip-wrap strong {
  display: block;
  margin-bottom: 30px;
  line-height: 1;
  color: #333333;
  font-size: 24px;
  font-weight: normal;
  transition: 0.4s;
}
.equip-wrap p {
  color: #666666;
  font-size: 16px;
  transition: 0.4s;
}
.equipment-item::before {
  content: "";
  width: 100%;
  height: 0;
  background: #0692E5;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.58s;
  z-index: -1;
}
.equipment-item:hover::before, .equipment-item.active::before {
  height: 100%;
  bottom: auto;
  top: 0;
}
.equipment-item:hover b, .equipment-item:hover strong, .equipment-item:hover p {
  color: #fff;
}
.equipment-item:hover b img{filter: grayscale(100) brightness(100);}


.hzlicbg{background-color: #f8f9fa;padding: 60px 0;}

.customized *{padding:0;margin:0;font-size:14px}
.customized{/*height:240px;*/margin:0 auto;text-align:center;padding-top:30px;position:relative}
.customized .hx{width:99.5%;border:1px #e4e4e6 solid;position:absolute;top:193px;z-index:1}
.customized-content{width:100%;height:300px;margin:0 auto; margin-top: 12px;}
.customized-content ul li{float:left;width:240px; position:relative; z-index:9;}
.customized-content .ctd-title{width:100%;height:100px;width:100%}
.customized-content .ctd-title p{color:#666}
.customized-content .ctd-title h3{font-size:18px;color:#1b8bcb;line-height:30px;font-weight:bold}
.customized-content .ctn-icon{margin-top:-10px;margin-bottom:10px;position:relative;z-index:2}
.customized-content .ctn-icon2{width:100%;height:100px;width:100%}
.circle-badge {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background-color: #0692e5;
            border: 4px solid #e0e0e0;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 28px;
            font-weight: bold;
            color: white;
            font-family: 'Arial', sans-serif;
            box-sizing: border-box;
            margin: 20px auto;
        }
@media only screen and (max-width:1301px)  {
.customized{ margin:0 auto;text-align:center;padding-top:25px; padding-bottom: 15px;position:relative}
.customized .hx{width:100%;border:1px #1b8bcb solid;position:absolute;top:245px;z-index:1; display:none;}
.customized-content{height:200px;margin:0 auto; margin-top: 12px; width: 96%;}
.customized-content ul li{float:left;width:33.333%; position:relative; z-index:9;}
.customized-content .ctd-title{width:100%;height:125px;margin: 15px 0;}
.customized-content .ctd-title p{color:#666}
.customized-content .ctd-title br{ display:none; }
.customized-content .ctd-title h3{font-size:18px;color:#1b8bcb;line-height:30px;font-weight:500}
.customized-content .ctn-icon{margin-top:-10px;margin-bottom:10px;position:relative;z-index:2; display:none;}
.customized-content .ctn-icon2{width:100%;height:75px; margin: 15px 0;}
}
@media only screen and (min-width:640px) and (max-width:1040px) {
.customized{ margin:0 auto;text-align:center;padding-top:25px; padding-bottom: 15px;position:relative}
.customized .hx{width:100%;border:1px #1b8bcb solid;position:absolute;top:245px;z-index:1; display:none;}
.customized-content{ margin:0 auto; margin-top: 12px; width: 96%;}
.customized-content ul li{float:left;width:33.333%; position:relative; z-index:9;}
.customized-content .ctd-title{width:100%;height:75px;margin: 15px 0;}
.customized-content .ctd-title p{color:#666}
.customized-content .ctd-title br{ display:none; }
.customized-content .ctd-title h3{font-size:18px;color:#1b8bcb;line-height:30px;font-weight:500}
.customized-content .ctn-icon{margin-top:-10px;margin-bottom:10px;position:relative;z-index:2; display:none;}
.customized-content .ctn-icon2{width:100%;height:75px; margin: 15px 0; -webkit-display: flex; display: flex; -webkit-justify-content: center;justify-content: center; flex-direction: column;}
.customized-content::after{content: ""; width:100%; display:block; clear:both;}

}
@media only screen and (min-width:375px) and (max-width:639px) {
.customized{ margin:0 auto;text-align:center;padding-top:15px; padding-bottom: 15px;position:relative}
.customized .hx{width:100%;border:1px #1b8bcb solid;position:absolute;top:245px;z-index:1; display:none;}
.customized-content{ margin:0 auto; margin-top: 12px; width: 96%;}
.customized-content ul li{float:left;width:33.333%; position:relative; z-index:9;}
.customized-content .ctd-title{width:100%;height:75px;margin: 15px 0;}
.customized-content .ctd-title p{color:#666; font-size:12px;}
.customized-content .ctd-title br{ display:none; }
.customized-content .ctd-title h3{font-size:15px;color:#1b8bcb;line-height:30px;font-weight:500}
.customized-content .ctn-icon{margin-top:-10px;margin-bottom:10px;position:relative;z-index:2; display:none;}
.customized-content .ctn-icon2{width:100%;height:75px; margin: 15px 0; -webkit-display: flex; display: flex; -webkit-justify-content: center;justify-content: center; flex-direction: column;}
.customized-content::after{content: ""; width:100%; display:block; clear:both;}
}

.zhunsec {
  /*position: relative;*/
}
.clearfix {
  zoom: 1;
}
.zhunbg {
  /*position: absolute;*/
  z-index: 1;
  /*width: 515px;*/
  text-align: center;
}
.zhunsec1 .zhunbg {
 float: right;
  width: 50%;
}
.scl08{ margin-top:110px;}
.hasani {
  transition-duration: 1s;
  -moz-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
}
.zhunbg img {
  max-width: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.zhunwrap {
  width: 50%;
  float: left;
}
.zhunsec .title {
  font-size: 24px;
  color: #00b5ff;
  line-height: 48px;
}
.zhunsec .title2 {
  font-size: 16px;
  color: #666;
  line-height: 28px;
}
.zhunlist {
  overflow: hidden;
  padding-top: 2px;
  width: 100%;
}
.zhunlist li {
  margin-top: 28px;
}
.zhunlist li .lin {
  position: relative;
  padding-left: 60px;
}
.zhunlist label {
  width: 42px;
  height: 38px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  font-size: 24px;
  color: #0692e5;
  line-height: 36px;
  text-indent: 8px;
  font-weight: bold;
}
.zhunlist h3 {
  font-size: 22px;
  color: #0692e5;
  line-height: 34px;
  font-weight: bold;
  /*height: 34px;*/
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-bottom: 1px dashed #c0c0c0;
  padding-bottom: 7px;
}
.zhunlist .txt {
  font-size: 16px;
  color: #666;
  line-height: 26px;
  margin-top: 10px;
}

.zhunsec2 .zhunbg {
  width: 50%;
  float: left;
}
.zhunsec2 .zhunwrap {
  width: 50%;
  float: right;
}

.ys_bg { background:#f8f9fa; padding:50px 0 0; height:610px; margin:90px 0 0;}
.ys_bg .al_bt { background: url(../images/ys_btbg.gif) no-repeat center 0; text-align:center; padding:24px 0 0; height:100px; margin-bottom:32px;}

.ys_con a { width:calc( 100% / 4 - 20px); height:390px; background:#fff; border-radius:6px; display:block; float:left; margin: 0 10px; padding:27px 0 0; text-align:center; color:#343434; }
.ys_con .nobor01 { margin:0}
.ys_con a img { display:block; width:195px; height:195px; margin:0 auto 15px;
-moz-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
-webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
transition: width 1s, height 1s, transform 1s;}
.ys_con a:hover img {   
-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
transform: rotate(deg);
-moz-transform: rotate(360deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(360deg); /* Chrome, Safari, Opera */
}	
.ys_con{overflow: hidden;
  margin-top: 12px;}
.ys_con a b { display:block; font-size:26px;}
.ys_con a b em { color:#0692e5;font-style: normal;}
.ys_con a span { display:block; font-size:18px; line-height:20px;  padding:10px 10px 0;}
.ys_con a i { display:block; font-size:16px; color:#858585; line-height:24px; padding: 10px 40px;font-style: normal;}
.ys_con a:hover { background:#0692e5; color:#fff;}
.ys_con a:hover b em { color:#fff;}
.ys_con a:hover i { color:#fff;}



/* 标题样式 */
.section-title {
	text-align: center;
	font-size: 28px;
	color: #007BFF;
	margin-bottom: 10px;
	position: relative;
}

.section-title::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 50px;
	height: 4px;
	background-color: #007BFF;
	border-radius: 2px;
}

.section-subtitle {
	text-align: center;
	font-size: 14px;
	color: #666;
	margin-bottom: 40px;
}

/* 核心优势部分 */
.hyoutu{ text-align:center;}
.core-advantages {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
	margin: 60px 0;
}

.advantage-card {
	background: white;
	padding: 25px;
	border-radius: 8px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);
	text-align: center;
	transition: transform 0.3s ease;
}

.advantage-card:hover {
	transform: translateY(-5px);
}

.advantage-card h3 {
	font-size: 20px;
	color: #333;
	margin: 15px;
  font-weight: bold;
}

.advantage-card p {
	font-size: 14px;
	color: #666;
	line-height: 1.5;
}

/* 流程图容器 */
.process-container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start; /* 关键：让内容顶部对齐 */
	padding: 30px 0;
	position: relative;
}

/* 流程线 (背景线) */
.process-line {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #ddd;
	z-index: 1;
}

/* 单个步骤 */
.process-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 2;
	width: 180px; /* 固定宽度，保证间距均匀 */
}

/* 数字圆圈 */
.step-number {
	width: 40px;
	height: 40px;
	background-color: #007BFF;
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
}

/* 步骤标题 */
.step-title {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
	text-align: center;
}

/* 步骤描述 */
.step-description {
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 1.5;
}

/* 蓝色短横线 (关键部分) */
.step-line {
	position: absolute;
	top: 70px; /* 与数字圆圈的中心对齐 */
	left: 134%;
	width: 20px;
	height: 2px;
	background-color: #007BFF;
	transform: translateY(-50%); /* 精确居中 */
	z-index: 3;
}

/* 第一个步骤不显示左侧蓝线 */
.process-step:first-child .step-line {
	/*display: none;*/
}

/* 最后一个步骤不显示右侧蓝线 */
.process-step:last-child .step-line {
	display: none;
}

/* 包装类型部分 */
.packaging-types {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
	margin: 60px 0;
}

.packaging-card {
	background: white;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);
	transition: transform 0.3s ease;
}

.packaging-card:hover {
	transform: translateY(-5px);
}

.packaging-image {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.packaging-content {
	padding: 20px;
}

.packaging-content h3 {
	font-size: 18px;
	color: #333;
	margin-bottom: 10px;
}

.packaging-content p {
	font-size: 14px;
	color: #666;
	line-height: 1.5;
}


/* shili部分 */
.shili-types {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 20px;
	margin: 20px 0;
}

.shili-card {
	background: white;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);
	transition: transform 0.3s ease;
	margin-bottom: 10px;
}

.shili-card:hover {
	transform: translateY(-5px);
}

.shili-image {
	width: 100%;
	height: 200px;
	object-fit: cover;
}
.shili-content {
	padding: 20px;
}

.shili-content h3 {
	font-size: 22px;
	color: #333;
	margin-bottom: 10px;
	text-align: center;
}

.shili-content p {
	font-size: 14px;
	color: #666;
	line-height: 1.5;
	text-align: center;
}

/* 我们的支持与服务 */
.zhichifw-types {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(430px, 1fr));
	gap: 40px;
	margin: 20px 0;
}

.zhichifw-card {
	background: white;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);
	transition: transform 0.3s ease;
	margin-bottom: 10px;
}

.zhichifw-card:hover {
	transform: translateY(-5px);
}

.zhichifw-image {
	width: 100%;
	height: 200px;
	object-fit: cover;
}
.zhichifw-content {
	padding: 30px;
}

.zhichifw-content h3 {
	font-size: 22px;
	color: #0692e5;
	margin-bottom: 14px;
	text-align: center;font-weight: bold;
}

.zhichifw-content p {
	font-size: 16px;
	color: #666;
	line-height: 1.5;
	text-align: center;
}


.compare-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
            background-color: #fff;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }
        .compare-table th, .compare-table td {
            padding: 20px;
            text-align: center;
            border: 1px solid #eee;
        }
        .compare-table th {
            background-color: #007bff;
            color: #fff;
            font-size: 18px;
        }
        .compare-table tr:nth-child(even) {
            background-color: #f8f9fa;
        }
        .compare-table td {
            color: #333;
            font-size: 16px;
        }
        .advantage {
            color: #28a745;
            font-weight: bold;
        }
        .disadvantage {
            color: #dc3545;
        }
        /* 响应式适配，适配手机端 */
        @media (max-width: 1200px) {
            .container {
                width: 90%;
            }
            .service-list {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 768px) {
            .service-list {
                grid-template-columns: 1fr;
            }
            .compare-table th, .compare-table td {
                padding: 15px 10px;
                font-size: 14px;
            }
        }
    
/* 卡片样式 */
        .card3 {
            background: white;
            border-radius: 8px;
            /*box-shadow: 0 2px 10px rgba(0,0,0,0.1);*/
            padding: 25px;
            margin-bottom: 30px;
        }

        .card3-header {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }

        .card3-icon {
            width: 50px;
            height: 50px;
            background-color: #4a90e2;
            border-radius: 50%;
            margin-right: 15px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            font-size: 24px;
            font-weight: bold;
        }

        .card3-title {
            font-size: 18px;
            font-weight: bold;
            color: #0692e5;
        }

        .card3-content {
            font-size: 14px;
            color: #555;
        }

        /* 三列布局 */
        .three-column {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 20px; overflow:hidden;
        }

        .column-card3 {
            flex: 1;
            min-width: 300px;
            background: white;
            border-radius: 8px;
            /*box-shadow: 0 2px 10px rgba(0,0,0,0.1);*/
            padding: 25px;
        }
		.column-card3 p{ margin-bottom:10px;line-height: 30px;}

        /* 粒子清单分类 */
        .particle-categories {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 20px;
            margin-top: 30px;
        }

        .category-card3 {
            flex: 1;
            min-width: 200px;
            background: white;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
        }
		.category-card3:hover{border: 1px solid #0692e5;}

        .category-title {
            font-size: 16px;
            font-weight: bold;
            color: #0692e5;
            margin-bottom: 10px;
        }

        .category-desc {
            font-size: 14px;
            color: #555;
        }

        /* 五项优势 */
        .five-advantages {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 20px;
            margin-top: 30px;
        }

        .advantage-card3 {
            flex: 1;
            min-width: 200px;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            padding: 20px;
            text-align: center;
        }

        .advantage-icon {
            width: 60px;
            height: 60px;
            background-color: #e0f0ff;
            border-radius: 50%;
            margin: 0 auto 15px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #0692e5;
            font-size: 28px;
            font-weight: bold;
        }

        .advantage-title {
            font-size: 16px;
            font-weight: bold;
            color: #0692e5;
            margin-bottom: 10px;
        }

        .advantage-desc {
            font-size: 13px;
            color: #555;
        }

        /* 标准化流程 */
        .process-flow {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-top: 40px;
            position: relative;
        }

        .process-step {
            text-align: center;
            flex: 1;
            max-width: 180px;
        }

        .step-number {
            width: 50px;
            height: 50px;
            background-color: #0692e5;
            color: white;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 24px;
            font-weight: bold;
            margin: 0 auto 15px;
        }

        .step-title {
            font-size: 16px;
            font-weight: bold;
            color: #0692e5;
            margin-bottom: 10px;
        }

        .step-desc {
            font-size: 13px;
            color: #555;
        }

        .process-line {
            position: absolute;
            top: 25px;
            left: 0;
            right: 0;
            height: 2px;
            background-color: #4a90e2;
            z-index: -1;
        }

        /* 图片占位符 */
        .placeholder-image {
            width: 100%;
            /*height: 200px;*/
            background-color: #e0e0e0;
            border-radius: 8px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #999;
            font-style: italic;
            margin: 20px 0;
        }
		.hxfwnr_bg {
  background: #f8f9fa;
  padding: 50px 0;
  margin: 90px 0 0;
}
.jkyydz{}
.jkyydz h3{ margin-bottom:20px;color: #0692e5;}
.jkyydz ul{list-style-type: none;
  padding-left: 0;
  margin-bottom: 20px;}
.jkyydz ul li{ margin-bottom:10px;}
.column-card4 {
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);margin: 10px;
}
.column-card4 h3{margin-bottom:20px;color: #0692e5;}
.column-card4 h4{margin-bottom:20px;}
.column-card4 ul{list-style-type: none;
  padding-left: 0;
  margin-bottom: 20px;}
.column-card4 ul li{ margin-bottom:10px;}
        /* 响应式调整 */
        @media (max-width: 768px) {
            .three-column,
            .five-advantages,
            .particle-categories {
                flex-direction: column;
            }

            .column-card3,
            .advantage-card3,
            .category-card3 {
                min-width: 100%;
            }

            .process-flow {
                flex-direction: column;
            }

            .process-step {
                margin-bottom: 30px;
                max-width: 100%;
            }

            .process-line {
                display: none;
            }
        }

        @media (max-width: 480px) {

            .card3 {
                padding: 20px 15px;
            }

            .card3-icon {
                width: 40px;
                height: 40px;
                font-size: 20px;
            }

            .step-number {
                width: 40px;
                height: 40px;
                font-size: 20px;
            }
        }

/* 产能矩阵主容器 */
.capacity-matrix {
	display: flex;
	gap: 20px;
	align-items: flex-start; /* 确保顶部对齐 */
}

/* 左侧竖排标题 */
.vertical-title {
	background: linear-gradient(180deg, #2c7bb6, #1a5276);
	color: white;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	padding: 20px 15px;
	border-radius: 8px 0 0 8px;
	font-size: 24px;
	font-weight: bold;
	min-width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 表格容器 */
.matrix-table {
	flex: 1;
	background: white;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* 表头 */
.table-header {
	display: flex;
	background: linear-gradient(180deg, #2c7bb6, #1a5276);
	color: white;
	font-size: 24px;
	font-weight: bold;
	padding: 15px 20px;
	border-bottom: 2px solid rgba(255,255,255,0.3);
}

.header-cell {
	flex: 1;
	text-align: center;
	padding: 0 10px;
}

/* 表格行 */
.table-row {
	display: flex;
	padding: 15px 20px;
	border-bottom: 1px solid #e0e0e0;
}

.row-cell {
	flex: 1;
	text-align: center;
	padding: 0 10px;
	font-size: 16px;
	color: #333;
}

/* 数据单元格样式 */
.data-cell {
	background-color: #e3f2fd;
	border-radius: 20px;
	padding: 8px 15px;
	font-size: 18px;
	font-weight: 500;
	color: #1a5276;
}

/* 底部区域 */
.bottom-section {
	display: flex;
	margin-top: 40px;
	gap: 40px;
	align-items: flex-start;
}

/* 图片区域 */
.image-container {
	width: 300px;
	height: 200px;
	overflow: hidden;
	border-radius: 20px;
	position: relative;
}

.image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.image-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.5);
	color: white;
	text-align: center;
	padding: 10px;
	font-size: 24px;
	font-weight: bold;
}

/* 说明文字区域 */
.info-list {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.info-item {
	background: linear-gradient(180deg, #2c7bb6, #1a5276);
	color: white;
	padding: 15px 20px;
	border-radius: 8px;
	font-size: 16px;
	line-height: 26px;
	display: flex;
	align-items: flex-start;
}

.info-number {
	font-size: 24px;
	font-weight: bold;
	margin-right: 15px;
	min-width: 30px;
}
.nywhite{ color:#fff !important;}

.services-section-two {

	position: relative;

	z-index: 1;

}


.single-services-two {

	position: relative;

	z-index: 1;

	text-align: center;

	border-radius: 5px;

	background-color: #ffffff;

	margin-bottom: 30px;

	overflow: hidden;

	-webkit-box-shadow: -1px 3px 20px 0px rgba(82, 90, 101, 0.1);

	-moz-box-shadow: -1px 3px 20px 0px rgba(82, 90, 101, 0.1);

	box-shadow: -1px 3px 20px 0px rgba(82, 90, 101, 0.1);

    -webkit-transition: all 400ms ease-out;

    transition: all 400ms ease-out;
    will-change: transform;
}

.single-services-two:before {

	position: absolute;

	content: "";

	left: 0;

	right: 0;

	bottom: 0;

	min-width: 100%;

	border-bottom: 2px solid #007bff;

	border-bottom-left-radius: 5px;

	border-bottom-right-radius: 5px;

	transform: scaleX(0);

	-webkit-transition: all 400ms ease-out;

	transition: all 400ms ease-out;

	will-change: transform;

}


.single-services-two:hover:before {
  transform: scaleX(1);

}

.single-services-two .services-two-img img {
    display: block;
    width: 100%;

}

.single-services-two .services-two-info {
    padding: 30px 20px;
}


.single-services-two .services-two-info h3 {

text-align: left;

	font-size: 22px;

	margin-bottom:10px;

    -webkit-transition: all 400ms ease-out;

    transition: all 400ms ease-out;

}


.single-services-two .services-two-info h3 a {
  display: inline-block;
}


.single-services-two .services-two-info p {



	font-size: 16px;



	margin-top: 10px;



	margin-bottom: 0;



    -webkit-transition: all 400ms ease-out;



    transition: all 400ms ease-out;

text-align: left;

}
.wwdp{ overflow:hidden; min-height:214px;}

.single-services-two .services-two-info .services-two-btn-box {
  margin-top: 15px;

}

.single-services-two .services-two-info .services-two-btn-box .services-btn-link {


    display: inline-block;

    font-size: 15px;


    color: #333;


    font-weight: 500;

    -webkit-transition: all 400ms ease-out;

    transition: all 400ms ease-out;

    will-change: transform;

}

.single-services-two .services-two-btn-box a i {

    color: #007bff;

    font-size: 14px;

    width: 35px;

    height: 35px;

    line-height: 35px;


    border: 1px solid #007bff;


	background-color: transparent;

    margin-right: 8px;


    border-radius: 30px;


    -webkit-transition: all 400ms ease-out;


    transition: all 400ms ease-out;

}


.single-services-two:hover {

	-webkit-transform: translateY(-5px);

	transform: translateY(-5px);

}



.single-services-two:hover h3 {

	color: #333;

}

.single-services-two:hover h3 a {

	color: #333;

}


.single-services-two:hover p {

	color: #333;

}



.single-services-two:hover .services-two-btn-box .services-btn-link {

	color: #007bff;

}



.single-services-two:hover .services-two-btn-box i {

	color: #ffffff;

	background-color: #007bff;

}
.advantage-list {
	list-style: none;
	padding-left: 0;
}
.advantage-list li {
	margin-bottom: 10px;
	padding-left: 24px;
	position: relative;
	text-align: left;
	font-size: 15px;
}
.advantage-list li::before {
	content: "✓";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #0692e5;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 2px;
}
/* 响应式设计 */
@media (max-width: 768px) {
.container {
	padding: 10px;
}

.section-title {
	font-size: 24px;
}

.core-advantages,
.packaging-types {
	grid-template-columns: 1fr;
}

.process-container {
	flex-wrap: wrap;
	gap: 30px;
}

.process-step {
	width: 100%;
	margin-bottom: 30px;
}

.process-line {
	display: none; /* 在小屏幕上隐藏长线，避免混乱 */
}

.navbar-nav {
	flex-direction: column;
	align-items: flex-start;
}

.navbar-nav li {
	margin: 5px 0;
}
.capacity-matrix {
	flex-direction: column;
}

.vertical-title {
	writing-mode: horizontal-tb;
	text-orientation: upright;
	padding: 15px;
	border-radius: 8px 8px 0 0;
	font-size: 20px;
}

.bottom-section {
	flex-direction: column;
}

.image-container {
	width: 100%;
	height: 150px;
}
}










.abxqul3{ overflow:hidden; margin:20px 0;}
.abxqul3 li{width: calc(33% - 20px);overflow: hidden;float: left;margin: 0 10px 10px;}
.abxqul4{ overflow:hidden; margin:20px 0;}
.abxqul4 li{width: calc(25% - 20px);overflow: hidden;float: left;margin: 0 10px 10px;}
  
.container_wh {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}
.whcard {
            width: 350px;
            height: 450px;
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            color: white;
            background-size: cover;
            background-position: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 30px;
            text-align: center;
        }

        .whcard::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.6);
            z-index: 1;
        }

        .whcard-content {
            position: relative;
            z-index: 2;
            width: 100%;
        }

        .whicon {
            font-size: 40px;
            margin-bottom: 15px;
            filter: brightness(1.5);
        }

        .whtitle {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 20px;
            position: relative;
        }

        .whtitle::after {
            content: '';
            position: absolute;
            bottom: -12px;
            left: 50%;
  transform: translateX(-50%);
            width: 50px;
            height: 4px;
            background-color: #ff6b6b;
        }

        .whdescription {
            font-size: 16px;
            line-height: 1.6;
            letter-spacing: 0.5px;
        }
		.whcardtu{position: absolute;width: 100%;height: 100%;}
		.whcardtu img{width: 100%;height: 100%;object-fit: cover;}
.whcard:hover .whcardtu img{
      transform: scale(1.1); transition: transform 0.5s ease;
    }


/*荣誉*/
.content{
  width: 1200px;
  margin: 0 auto;
  font-family: "Microsoft Yahei";
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.prev2, .next2, .prev3, .next3 {
  width: 62px;
  height: 62px;
  display: inline-block;
  cursor: pointer;
  top: 602px;
  left: 36%;
  margin-left: 782px;
  z-index: 9;
  background: url(../images/next2.png) no-repeat 0 0;
}
.prev3, .next3 {
  top: 323px;
}
.prev2, .prev3 {
  margin-left: -514px;
  background: url(../images/prev2.png) no-repeat 0 0;
}
.honner{padding:77px 0;height:664px;/*line-height:56px;*/font-size: 16px;color: #fff;clear: both;background:url(../images/honbg.jpg) no-repeat center bottom #142f44;text-align: center;margin: 60px 0 0;}
.honner .home-title{color: #fff;}
.honner_c{width: 1200px;overflow: hidden;}
.honner_c li{width: 278px !important;float: left;background:url(../images/hon_lbg1.png) no-repeat center bottom;padding: 0 16px 20px;margin: 0 28px 0 0;}
.honner_c li p,.honner_c li p img{width: 246px;max-height: 328px;display: block;overflow: hidden;}
.honner_c li span{display: block;height: 64px;line-height: 58px;}
.honner_c li span a{display: block;color: #000;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-size: 18px;font-weight: bold;}
.honner_c li:hover{background:url(../images/hon_lbg2.png) no-repeat center bottom;}
.honner_c li:hover a{ color:#fff;}
/*荣誉*/




.abzhengshubg{ display:none;background-color: #1d5495;padding: 3% 0;}
.abzhengshubg .container{ max-width:1300px !important;padding: 0 !important;margin: 0 auto;}
.carousel-container {
            position: relative;
            overflow: hidden;
            padding: 20px 0;
        }

        .carousel {
            display: flex;
            transition: transform 0.5s ease-in-out;
            gap: 20px;
            padding: 0 20px;
        }

        .certificate-item {
            min-width: 300px;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 8px;
            overflow: hidden;
            /*box-shadow: 0 4px 12px rgba(0,0,0,0.3);*/
            transition: transform 0.3s ease;
        }

        .certificate-item:hover {
            transform: translateY(-5px);
        }

        .certificate-image {
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover;
            border-bottom: 2px solid #4a90e2;
        }

        .certificate-caption {
            padding: 15px;
            text-align: center;
            font-size: 16px;
            font-weight: 500;
        }

        .nav-button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 10;
            font-size: 24px;
            color: white;
            transition: background 0.3s;
        }

        .nav-button:hover {
            background: rgba(255, 255, 255, 0.4);
        }

        .prev {
            left: 10px;
        }

        .next {
            right: 10px;
        }

        /* 响应式断点 */
        @media (max-width: 1024px) {
            .carousel {
                gap: 15px;
                padding: 0 10px;
            }
            .certificate-item {
                min-width: 250px;
            }
        }

        @media (max-width: 768px) {
            .carousel {
                gap: 10px;
                padding: 0;
            }
            .certificate-item {
                min-width: 220px;
            }
        }

        @media (max-width: 480px) {
            .certificate-item {
                min-width: 100%;
                max-width: 100%;
            }
            .carousel {
                gap: 10px;
            }
            .nav-button {
                width: 40px;
                height: 40px;
                font-size: 20px;
            }
        }



.inshugdiv h3 span{ color:#fff;font-size: 45px;font-weight: 700;}

.inshugdiv h3 sup{color:#fff;font-size: 20px;font-weight: 700;}

.inshugdiv h4{ color:#fff;font-size: 18px;font-weight: 600;}

/**************************************



 ** - 06 - About Section CSS



 **************************************/



.about-area {



	position: relative;



	z-index: 1;



}



.about-content {



    margin-left: 20px;



}







.about-content.about-content-2 {



    margin-right: 0;



    margin-left: 0;



}







.about-content h2 {



	font-size: 35px;



	font-weight: 700;



	margin-bottom: 20px;



}







.about-content p {



	margin-bottom: 15px;



}







.about-content .about-feature-list {



    margin-top: 20px;



}







.about-content .about-feature-list li {



	color: #747576;



    margin-bottom: 10px;



}







.about-content .about-feature-list li:last-child {



    margin-bottom: 0px;



}







.about-content .about-feature-list i {



	color: #007bff;



    font-size: 14px;



    display: inline-block;



    height: 30px;



    width: 30px;



    line-height: 30px;



    margin-right: 10px;



    background-color: transparent;



    border-left: 1px solid rgb(0, 0, 0, 0.1);



    border-radius: 50px;



    -webkit-transition: all 400ms ease-out;



    transition: all 400ms ease-out;



    text-align: center;



    background: -webkit-gradient(90deg, rgb(215, 215, 215, 0.03) 0%, rgb(215, 215, 215, 0.0) 100%);



    background: linear-gradient(90deg, rgb(215, 215, 215, 0.3) 0%, rgb(215, 215, 215, 0.0) 100%);



}







.about-image {



    text-align: center;



}



.about-image img {



	border-radius: 5px;



}







.about-area .skills {



	margin-top: 30px;



}



.about-area .skills .skill-item {



	margin-bottom: 25px;



}







.about-area .skills .skill-item:last-child {



	margin-bottom: 0px;



}







.about-area .skills .skill-item h6 {



	position: relative;



	z-index: 4;



	font-size: 15px;



	text-transform: capitalize;



	font-weight: 600;



	margin-bottom: 10px;



}



.about-area .skills .skill-item h6 em {



	float: right;



	font-size: 15px;



	font-style: normal;



}



.about-area .skills .skill-item .skill-progress {



	position: relative;



	height: 6px;



	border-radius: 5px;



	background: #f1f1fa;



	overflow: hidden;



}



.about-area .skills .skill-item .skill-progress .progres {



	position: absolute;



	top: 0;



	left: 0;



	height: 100%;



	width: 10%;



	background-color: #007bff;



	-webkit-transition: all 1.5s;



	transition: all 1.5s;



}







.about-image .waves-box {



    position: absolute;



    left: 50%;



    top: 50%;



    z-index: 1;



    -webkit-transform: translateY(-50%) translateX(-50%);



    transform: translateY(-50%) translateX(-50%);



}



.about-image .iq-video {



    z-index: 9;



    position: relative;



    font-size: 30px;



    color: #007bff;



    width: 70px;



    height: 70px;



    line-height: 70px;



    display: inline-block;



    text-align: center;



    background-color: #ffffff;



    border-radius: 100%;



}



.about-image .iq-video:hover {



    color: #ffffff;



    background-color: #007bff;



}



.about-image .iq-video i {



	margin-left: 5px;



}



.about-image .iq-waves {



	position: absolute;



	left: -30px;



	top: -30px;



	z-index: 2;



}



.about-image .iq-waves .waves {



	position: absolute;



	width: 130px;



	height: 130px;



    background: rgba(255, 255, 255, 0.65);



	opacity: 0;



	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";



	border-radius: 50%;



	background-clip: padding-box;



	-webkit-animation: waves 3s ease-in-out infinite;



	animation: waves 3s ease-in-out infinite;



}



.about-image .iq-waves .wave-1 {



	-webkit-animation-delay: 0s;



	animation-delay: 0s;



}



.about-image .iq-waves .wave-2 {



	-webkit-animation-delay: 1s;



	animation-delay: 1s;



}



.about-image .iq-waves .wave-3 {



	-webkit-animation-delay: 2s;



	animation-delay: 2s;



}



@-webkit-keyframes waves {



	0% {



		-webkit-transform: scale(0.2, 0.2);



		transform: scale(0.2, 0.2);



		opacity: 0;



		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";



	}



	50% {



		opacity: 0.9;



		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";



	}



	100% {



		-webkit-transform: scale(0.9, 0.9);



		transform: scale(0.9, 0.9);



		opacity: 0;



		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";



	}



}



@keyframes waves {



	0% {



		-webkit-transform: scale(0.2, 0.2);



		transform: scale(0.2, 0.2);



		opacity: 0;



		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";



	}



	50% {



		opacity: 0.9;



		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";



	}



	100% {



		-webkit-transform: scale(0.9, 0.9);



		transform: scale(0.9, 0.9);



		opacity: 0;



		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";



	}



}







.about-image .years-design {



    position: absolute;



    left: 0px;



    bottom: 0px;



    right: 0px;text-align: left;



    padding: 10px 40px 20px 40px;



    background: #ffffff;



    border-bottom: 3px solid #007bff;



	-webkit-box-shadow: -1px 3px 20px 0px rgb(82, 90, 101, 0.1);



	box-shadow: -1px 3px 20px 0px rgb(82, 90, 101, 0.1);



}







.about-image .years-design h2 {



    font-size: 75px;



    font-weight: 700;



    background: url(../images/index-bg.jpg) no-repeat;



    background-position: 50% 65%;



    -webkit-background-clip: text;



    -webkit-text-fill-color: transparent;



    line-height: 1;



    margin: 0;



}



.about-image .years-design h5 {



    color: #007bff;



    font-size: 18px;



    font-weight: 600;



    margin-top: 10px;



}





/***********************************



 ** - 13 - Counter Section CSS



 ***********************************/



.counter-area {



	text-align: center;



	position: relative;



	z-index: 1;



	color: #ffffff;



	text-align: center;



	background: url(../images/index-bg.jpg);



	background-repeat: no-repeat;



	background-size: cover;



	background-position: center;



}



.counter-area::after {



	content: "";



	position: absolute;



	z-index: -1;



	top: 0;



	left: 0;



	padding: 0;



	height: 100%;



	width: 100%;



	opacity: .7;



	background-color: #121630;



}



.counter-area .section-title h5 {



	color: #ffffff;



}



.counter-area .section-title h2 {



	color: #ffffff;



}



.counter-contents h2 {



	color: #ffffff;



	font-size: 45px;



	font-weight: 700;



	margin-bottom: 5px;



	word-spacing: -10px;



}



.counter-contents h3 {



	color: #ffffff;



	font-size: 18px;



	font-weight: 600;



}





/**********************************



 ** - 16 - Team Section CSS



 **********************************/



.team-area {



}







.team-area .section-title {



	margin-bottom: 35px;



}



.single-team-box {



	margin-top: 30px;



	overflow: hidden;



	-webkit-transition: 0.5s;



	transition: 0.5s;



}



.team-image {



	position: relative;



    z-index: 1;



    border-radius: 5px;



    overflow: hidden;



    margin: 0 auto;



}







.team-image::before {



    content: "";



    position: absolute;



    z-index: 2;



    top: 0;



    left: 0;



    padding: 0;



    height: 100%;



    width: 100%;



    opacity: 0;



    visibility: hidden;



    background-color: #000;



	-webkit-transition: 0.5s;



	transition: 0.5s;



}



.single-team-box:hover .team-image::before {



    /*opacity: .8;*/



    visibility: visible;



}







.single-team-box .team-image img {



	width: 100%;



	height: auto;



	-webkit-transition: 0.5s;



	transition: 0.5s;

aspect-ratio: 14/9;
  object-fit: cover;

}







.single-team-box:hover .team-image img {



	-webkit-transform: scale(1.1);



    -ms-transform: scale(1.1);



    -o-transform: scale(1.1);



    transform: scale(1.1);



}







.team-social-icon {



    position: absolute;



    z-index: 5;



    bottom: -50px;



    width: 100%;



	text-align: center;



	-webkit-transition: 0.5s;



	transition: 0.5s;



}



.single-team-box:hover .team-social-icon {



    bottom: 20px;



	-webkit-transition: 0.5s;



	transition: 0.5s;



}







.team-social-icon a {



    margin: 5px;



    color: #007bff;



	font-size: 16px;



	display: inline-block;



    -webkit-transition: all .3s;



    -o-transition: all .3s;



    transition: all .3s;



	will-change: transform;



}



.team-social-icon a i {



    width: 30px;



    height: 30px;



    line-height: 30px;



    background: #ffffff;



	border-radius: 3px;



}







.team-info {



    padding: 20px 15px 15px;



    text-align: center;



    /*background: #fbfbfb;*/



    border-radius: 5px;



    margin-top: 5px;



    -webkit-transition: 0.5s;



    transition: 0.5s;



}



.team-info h3 {



	color: #333;



	font-size: 18px;



	font-weight: 600;



	margin-bottom: 5px;



}



.team-info span {



	color: #007bff;



	font-size: 15px;



	font-weight: 500;



	display: block;



}





/**************************************



 ** - 15 - Testimonial Section CSS



 **************************************/



.testimonial-section {



	text-align: center;



	position: relative;



	z-index: 1;



}







.single-testimonial {



	position: relative;



	background: #ffffff;



	padding: 30px 15px;



	border-radius: 5px;



}







.single-testimonial .testimonial-content {



	margin-bottom: 25px;



	text-align: center;



}







.single-testimonial .rating-box {



	margin-bottom: 10px;



}



.rating-box ul li {



	display: inline-block;



	margin-right: 0px;



}







.rating-box ul li i {



	color: #ffce39;



	font-size: 16px;



}







.single-testimonial .testimonial-content p {



	font-size: 15px;



	color: #333;



	font-style: italic;



	line-height: 1.8;



	letter-spacing: 1px;



}







.single-testimonial .avatar {



	margin: 0 auto;



	margin-bottom: 15px;



}







.single-testimonial .avatar img {



	border-radius: 50%;



	border: 5px solid #f8f8f8;



	width: 90px;



	margin: 0 auto;



}







.single-testimonial .testimonial-bio {



	text-align: center;



}







.single-testimonial .testimonial-bio .bio-info h3 {



	color: #333;



	font-size: 18px;



	font-weight: 600;



	margin-top: 0;



}







.single-testimonial .testimonial-bio .bio-info span {



	color: #333;



	font-size: 15px;



	font-weight: 500;



}







.testimonial-slider.owl-theme .owl-nav {



	opacity: 0;



	visibility: hidden;



	margin-top: 0;



	-webkit-transition: 0.4s;



	transition: 0.4s;



}







.testimonial-slider.owl-theme .owl-nav [class*=owl-] {



	position: absolute;



	left: 10px;



	top: 50%;



	-webkit-transform: translateY(-50%);



	transform: translateY(-50%);



	margin: 0;



	padding: 0;



	background-color: #ffffff;



	-webkit-transition: 0.4s;



	transition: 0.4s;



	color: #333;



	font-size: 18px;



	width: 50px;



	height: 45px;



	line-height: 50px;



}







.testimonial-slider.owl-theme .owl-nav [class*=owl-].owl-next {



	left: auto;



	right: 10px;



}







.testimonial-slider.owl-theme .owl-nav [class*=owl-]:hover {



	color: #007bff;



	background-color: transparent;



}







.testimonial-slider.owl-theme .owl-dots {



	line-height: .01;



	margin-top: 30px;



	margin-bottom: 0;



}







.testimonial-slider.owl-theme .owl-dots .owl-dot span {



	width: 10px;



	height: 10px;



	margin: 0 4px;



	background-color: #ffffff;



	-webkit-transition: 0.4s;



	transition: 0.4s;



	border-radius: 30px;



}







.testimonial-slider.owl-theme .owl-dots .owl-dot:hover span {



	background-color: #007bff;



}







.testimonial-slider.owl-theme .owl-dots .owl-dot.active span {



	background-color: #007bff;



}







.testimonial-slider.owl-theme:hover .owl-nav {



	opacity: 1;



	visibility: visible;



}







/******************************************



 ** - 15 - Testimonial Two Section CSS



 ******************************************/



.testimonial-design-two {



	position: relative;



	z-index: 1;



}







.testimonial-design-two .section-title {



    margin-bottom: 30px;



}







.testimonial-design-two .owl-stage-outer {



	margin: 0 -8px;



	padding-left: 8px;



	padding-top: .35rem;



}



.single-testimonial-two .testimonial-two-content {



    display: block;



    margin: 0px 15px;



}



.testimonial-two-content .testimonial-text {



	position: relative;



    display: block;

font-style: italic;

    background: #ffffff;



    padding: 45px 30px 40px 30px;



    margin: 40px 0px;



    /*box-shadow: 0 10px 35px 15px #ededf1;*/



    border-radius: 5px;

text-align: left;

  min-height: 253px;

}



.testimonial-two-content .testimonial-text:after {



	position: absolute;



    content: '';



    background: #ffffff;



    width: 50px;



    height: 50px;



    left: 25px;



    bottom: -20px;



    transform: rotate(-45deg);



}



.testimonial-two-content .testimonial-text .logo-box {



    display: inline-block;



    margin-bottom: 10px;



}







.testimonial-two-content .testimonial-text p {



}







.testimonial-two-content .testimonial-text .rating-box {



	margin-top: 15px;



}

.testimonial-two-content .testimonial-text .rating-box .iestar {



	display: inline-block;



}







.testimonial-two-content .testimonial-text .rating-box .iestar i {



	color: #ffce39;



	font-size: 16px;



}





.testimonial-two-content .testimonial-text .rating-box ul li {



	display: inline-block;



}







.testimonial-two-content .testimonial-text .rating-box ul li i {



	color: #ffce39;



	font-size: 16px;



}



.testimonial-two-content .author-info-box {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    flex-direction: row;



    display: flex;



    -webkit-box-align: center;



    align-items: center;



    text-align: left;



	padding: 20px 0px;



	margin-left: 10px;



}







.testimonial-two-content .author-info-box .author-img img {



    /*border-radius: 50%;*/



    border: 5px solid #ffffff;



    width: 90px;



    margin: 0 auto;



	-webkit-box-shadow: 0 3px 15px rgba(218, 225, 232, 0.85);



	box-shadow: 0 3px 15px rgba(218, 225, 232, 0.85);



}



.testimonial-two-content .author-info-box .author-img {



	margin-right: 18px;



}



.testimonial-two-content .author-info-box h3 {



    color: #333;



    font-size: 18px;



    font-weight: 600;



    margin-top: 0;



}







.testimonial-two-content .author-info-box span {



	color: #505060;



    font-size: 15px;



    font-weight: 500;



}







/* owl theme */







.owl-theme .owl-nav.disabled+.owl-dots {



	margin-top: 20px;



}



.owl-theme .owl-dots .owl-dot span {



	width: 7px;



	height: 7px;



	margin: 5px 5px;



	background-color: rgba(0, 0, 0, 0.1);



	display: block;



	-webkit-backface-visibility: visible;



	transition: opacity .2s ease;



	border-radius: 3px;



	transition: .3s;



	border: 2px solid transparent;



}



.owl-theme .owl-dots .owl-dot.active span {



	background-color: #5764ec !important;



	width: 7px;



	height: 7px;



	transition: .3s;



	-webkit-box-shadow: 0 1px 5px #5764ec;



	box-shadow: 0 1px 5px #5764ec;



}



.owl-theme .owl-dots .owl-dot:hover span {



	background-color: transparent;



	border: 2px solid #5764ec;



	transition: .3s;



}





/**************************************



 ** - 19 - Partner Logo Section CSS



 **************************************/



.partner-section {



	position: relative;



	z-index: 1;



	overflow: hidden;



	background-color: #ffffff;



}







.partner-list {



	display: -ms-flexbox;



	display: -webkit-box;



	display: flex;



	-ms-flex-wrap: wrap;



	flex-wrap: wrap;



	margin-right: -5px;



	margin-left: -5px;



}







.partner-list .partner-item {



	-ms-flex: 0 0 20%;



	-webkit-box-flex: 0;



	flex: 0 0 20%;



	max-width: 20%;



	padding-left: 10px;



	padding-right: 10px;



	margin-bottom: 20px;



}







.partner-list .partner-item a {



	position: relative;



	padding: 0px 0px;



	display: block;



	text-align: center;



	border: 1px solid #ebebeb;



}







/**************************************



 ** - 19 - Partner Logo Slider CSS



 **************************************/



.partner-area {



	padding: 50px 0px;



}







.partner-slide-item {



	padding: 0px 0px;



	margin: 0px 15px;



}







.partner-area .partner-carousel img {



	max-width: 100%;



	width: inherit!important;



	margin: 0 auto;



    -webkit-transition: 0.3s;



    transition: 0.3s;



}







.partner-area .partner-carousel img:hover {



	opacity: .7;



	cursor: pointer;



}







/***********************************



 ** - 20 - Faq Section CSS



 ***********************************/



.faq-accordion .accordion {



	position: relative;



	list-style-type: none;



	padding: 0;



	margin: 0;



	padding-left: 0;



	margin-bottom: 0;



}







.faq-accordion .accordion .accordion-item {



	display: block;



    margin-bottom: 0px;



    border-bottom: 1px solid rgb(231 231 231);



}







.faq-accordion .accordion .accordion-item:last-child {



	margin-bottom: 0;



}







.faq-accordion .accordion .accordion-item .accordion-title {



    position: relative;



    color: #333;



    font-size: 18px;



    font-weight: 600;



    display: block;



    padding: 25px 0;



    background-color: transparent;



    border-radius: 0;



    cursor: pointer;



}







.faq-accordion .accordion .accordion-item .accordion-title:hover {



    color: #007bff;



}



.faq-accordion .accordion .accordion-item .active.accordion-title {



    color: #007bff;



}







.faq-accordion .accordion .accordion-item .accordion-title i {



	position: absolute;



	right: 15px;



	top: 50%;



	-webkit-transform: translateY(-50%);



	transform: translateY(-50%);



	color: #333;



	-webkit-transition: 0.5s;



	transition: 0.5s;



	font-size: 15px;



}







.faq-accordion .accordion .accordion-item .active.accordion-title i {



	color: #007bff;



}







.faq-accordion .accordion .accordion-item .accordion-title.active i::before {



	content: "\f0d8";



}







.faq-accordion .accordion .accordion-item .accordion-content {



	display: none;



    font-size: 15px;



    padding-bottom: 20px;



	margin-bottom: 0;



}







.faq-accordion .accordion .accordion-item .accordion-content.show {



	display: block;



}





/* case */

.picScroll-left_eicase{ width:100%;  /*overflow:hidden;*/ position:relative;  /*border:1px solid #ccc;  */max-width: 1300px;margin: 0 auto; }

.picScroll-left_eicase .hd{ overflow:hidden;  height:30px; margin: 20px 0;  }

.picScroll-left_eicase .hd .prev,.picScroll-left_eicase .hd .next{ display:block;  width:30px; height:12px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;

	 cursor:pointer; background:url("../images/arrow.png") no-repeat;}

.picScroll-left_eicase .hd .next{ background-position:0 -49px;  }

.picScroll-left_eicase .hd .prevStop{ background-position:-60px 0; }

.picScroll-left_eicase .hd .nextStop{ background-position:-60px -50px; }

.picScroll-left_eicase .hd ul{ float:left; overflow:hidden; zoom:1; margin-top:15px; zoom:1;}

.picScroll-left_eicase .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat;  }

.picScroll-left_eicase .hd ul li.on{ /*background: #505050;*/ }

.picScroll-left_eicase .bd{ /*padding:10px;*/   }

.picScroll-left_eicase .bd .tempWrap{ overflow:hidden;}

.picScroll-left_eicase .bd ul{ overflow:hidden; zoom:1; }

.picScroll-left_eicase .bd ul li{ width:430px; /*border:1px solid #eee;*/ /*margin:0 10px;*/ float:left; _display:inline; overflow:hidden; text-align:center;  }

.picScroll-left_eicase .bd ul li .pic{ overflow:hidden; text-align:center; width:100%;height: 380px;align-items: center;justify-content: center;display: flex;border-radius: 5px;}

.picScroll-left_eicase .bd ul li .pic img{ width:100%; display:block; object-fit: cover; }

.picScroll-left_eicase .bd ul li .title { text-align: left;line-height: 20px;margin-top: 10px;font-size: 14px; }

.picScroll-left_eicase .bd ul li .title a{/* line-height: 20px; font-size:16px; text-align:left;*/ }

.picScroll-left_eicase .bd ul li:hover .pic img{ transform: scale(1.1,1.1);transition: all 0.6s;  }

.picScroll-left_eicase .bd ul li:hover .pic{ background:#eee;}

.picScroll-left_eicase .bd ul li:hover .title a{color: #fcc501;}



.inourcust{ overflow:hidden; margin:20px 0;}

.inourcust li{width: calc(20% - 20px);

  overflow: hidden;

  float: left;

  margin: 18px 10px;

  text-align: center;

  height: 145px;border: 1px solid #e2e2e2;

  padding: 10px;}

.inourcusttu {

  width: 100%;

  height: 100%;

}

.inourcusttu img {/*aspect-ratio: 20/9;*/

  max-width: 100%;

  max-height: 100%;

  /*width: 100%;*/

  /*height: 100%;*/

}

.inourcusttu img:hover{transform: scale(1.1,1.1);transition: all 0.6s;}

.videoid{border: medium; width:100%; height:349px;}

@media only screen and (max-width: 767px) {
.honner{ display:none;}
.abzhengshubg{ display:none;}
	.videoid{height:270px;}

.inshugun{margin: 20px 0 0;}

.inshugdiv{width: 50%;margin-bottom: 20px;}

.inshugdiv h4{margin-top: 4px;}



.picScroll-left_eicase .bd ul li {

  width: 330px;}

  

.hire-content h2 {

  font-size: 30px;}



.inourcust li {

  width: calc(50% - 20px);height: 70px;}


.whcard {
                width: 90%;
                max-width: 500px;
            }






}