.process_liuc2-step_liuc2s {
            display: flex;
            justify-content: space-between;
            transform-style: preserve-3d;
        }
        
        .step_liuc2 {
            width: 140px;
            height: 200px;
            background: linear-gradient(180deg, #00bcc9 0%, #0692e5 100%);
            border-radius: 12px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;
            transform-style: preserve-3d;
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            cursor: pointer;
            /*box-shadow: 0 10px 20px rgba(0,0,0,0.3);
            border: 1px solid #333;*/
        }
        
        .step_liuc2::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(180deg, rgba(79, 209, 197, 0.1) 0%, rgba(0,0,0,0) 100%);
            border-radius: 12px;
            transition: all 0.3s ease;
            opacity: 0;
        }
        
        .step_liuc2-number {
            font-size: 24px;
            /*font-weight: 800;*/
            color: #fff;
            margin-bottom: 10px;
            transform: translateZ(20px);
            transition: all 0.3s ease;
			border-bottom: 1px solid #eeeeee7a;
  padding-bottom: 10px;
        }
        
        .step_liuc2-text {
            font-size: 20px;
            color: #fff;
            text-align: center;
            transform: translateZ(10px);
            transition: all 0.3s ease;
            line-height: 1.4;
			font-weight: bold;
        }
        
        /* 连接线条 */
        .step_liuc2:not(:last-child)::after {
            content: '';
            position: absolute;
            top: 50%;
            right: -25px;
            width: 25px;
            height: 2px;
            /*background: linear-gradient(90deg, #4fd1c5, #888);*/
            transform: translateY(-50%);
            opacity: 0.5;
        }
        
        /* 悬停效果 */
        .step_liuc2:hover {
            transform: translateZ(30px) rotateY(10deg) scale(1.1);
            box-shadow: 0 20px 40px rgba(79, 209, 197, 0.2);
            border-color: #0692e5;
        }
        
        .step_liuc2:hover::before {
            opacity: 1;
        }
        
        .step_liuc2:hover .step_liuc2-number {
            color: #ffffff;
            text-shadow: 0 0 10px #4fd1c5;
        }
        
        .step_liuc2:hover .step_liuc2-text {
            color: #ffffff;
        }
        
        /* 响应式适配 */
        @media (max-width: 992px) {
            .process_liuc2-step_liuc2s {
                flex-wrap: wrap;
                gap: 30px;
                justify-content: center;
            }
            
            .step_liuc2 {
                width: 120px;
                height: 180px;
            }
            
            .step_liuc2:not(:last-child)::after {
                display: none;
            }
        }
        
        @media (max-width: 576px) {
            .step_liuc2 {
                width: 100%;
                height: 120px;
                flex-direction: row;
                justify-content: flex-start;
                padding: 0 30px;
            }
            
            .step_liuc2-number {
                margin-bottom: 0;
                margin-right: 20px;
                font-size: 36px;
            }
        }


.fzzxzl-section {



	position: relative;



	z-index: 1;



	background-image: url(../images/index_bg5.jpg);



	background-position: center top;



	background-size: cover;



	background-repeat: no-repeat;



	text-align: center;



	padding: 260px 0;



}







.fzzxzl-section::before {



	content: "";



	position: absolute;



    z-index: -1;



	left: 0;



	top: 0;



	height: 100%;



	width: 100%;



	opacity: 0.7;



	background-color: #000000f2;



}







.fzzxzl-content h3 {



	font-size: 25px;



    font-weight: 600;



    color: #ffffff;



    margin-bottom: 21px;



    display: inline-block;



}



.fzzxzl-content h3 i {



	margin-right: 10px;



}







.fzzxzl-content h2 {



	font-size: 35px;



	color: #ffffff;



	margin: 0;



	font-weight: 700;



}







.fzzxzl-content p {



	color: #ffffff;



	font-size: 22px;



	margin: 15px 0 0 0;
font-weight: 600;
  line-height: 44px;


}







.fzzxzl-content .hire-btn {



	margin-top: 20px;



}







.fzzxzl-content .hire-btn .default-btn {



    margin-right: 15px;



}

.default-btn-one {



	border: none;



	position: relative;



	display: inline-block;



	text-align: center;



	overflow: hidden;



	z-index: 1;



	color: #fff;



	background-color: #0692e5;



	-webkit-transition: 0.4s;



	transition: 0.4s;



	border-radius: 50px;



	font-weight: 600;



	font-size: 20px;



	padding-left: 35px;



	padding-right: 35px;



	padding-top: 12px;



	padding-bottom: 12px;



	margin-top: 5px;



	margin-right: 20px;



	box-shadow: 0 7px 25px rgb(123,104,238,0.25);



}




.swdadiv{position: relative;}
.swdadiv .swiper-button-prev, .swdadiv .swiper-button-next {

  width: 55px !important;

  height: 55px !important;

  top: 50% !important;

  margin: 0 !important;

  border-radius: 50% !important;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.swdadiv .swiper-button-prev {

 /* background: url(../images/pre01.png) center center no-repeat;

    background-size: auto;

  background-size: 55px 55px;*/

  left: -60px;

}

.swdadiv .swiper-button-next {

 /* background: url(../images/next01.png) center center no-repeat;

    background-size: auto;

  background-size: 55px 55px;*/

  right: -60px;

}

.swiper-container1 {

  overflow: hidden;

  position: relative;

}

.swiper-container1 ul li{float: left;

  width: 25%;

  background: #fff;

  padding: 0px 1%;

 /* border-right: 1px solid #f1f1f1;*/

  transition-duration: .5s;

  -ms-transition-duration: .5s;

  -moz-transition-duration: .5s;

  -webkit-transition-duration: .5s;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;}

.swiper-container1 ul li .indpro_img {

  width: 100%;

  height: 360px;

  overflow: hidden;

  margin-bottom: 10px;
  border-radius: 8px;
  /*border: 1px solid #747474;*/

}
.swiper-container1 ul li .indpro_img a { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }
.swiper-container1 ul li .indpro_img a img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;width: 100%; height: 100%;object-fit: cover;}
.swiper-container1 ul li:hover .indpro_img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.swiper-container1 ul li .indpro_name { display: block; font-size: 20px; color: #333; text-align: center; height: 40px; line-height: 40px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
.swiper-container1 ul li:hover .indpro_name { color: #1f84c1; }
.swiper-container1 ul li span { color: #777; display: block; line-height: 30px; height: 30px; overflow: hidden; display: -webkit-Box; -webkit-Box-orIEnt: vertical; -webkit-line-clamp: 2; font-size: 16px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:20px; }
.swiper-container1 ul li .indpro_more { display: block; width: 150px; height: 45px; line-height: 45px; text-align: center; color: #67686c; margin: 15px auto; border-radius: 50px; font-size: 16px; overflow: hidden; position: relative; border: 1px solid #d5d8d7; }
.swiper-container1 ul li .indpro_more a { color: #67686c; }
.swiper-container1 ul li .indpro_more a i { color: #d0d0d0; }
.swiper-container1 ul li:hover .indpro_more { background: #1f84c1;border: 1px solid #1f84c1;  }
.swiper-container1 ul li:hover .indpro_more a { color: #fff; }
.swiper-container1 ul li:hover .indpro_more a i { color: #fff; }




.fzflywdiv{position: relative;/*width: 1200px;margin: 0 auto;*/}
.swiper-container2 {

  overflow: hidden;

  position: relative;

}
.fzflywdiv .swiper-button-prev, .fzflywdiv .swiper-button-next {

  width: 55px !important;

  height: 55px !important;

  top: 50% !important;

  margin: 0 !important;

  border-radius: 50% !important;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.fzflywdiv .swiper-button-prev {

 /* background: url(../images/pre01.png) center center no-repeat;

    background-size: auto;

  background-size: 55px 55px;*/

  left: -60px;

}

.fzflywdiv .swiper-button-next {

  /*background: url(../images/next01.png) center center no-repeat;

    background-size: auto;

  background-size: 55px 55px;*/

  right: -60px;

}

.swiper-container2 {

  overflow: hidden;

  position: relative;

}

.swiper-container2 ul li{float: left;

  width: 25%;

  background: #fff;

  padding: 0px 1%;

 /* border-right: 1px solid #f1f1f1;*/

  transition-duration: .5s;

  -ms-transition-duration: .5s;

  -moz-transition-duration: .5s;

  -webkit-transition-duration: .5s;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;}

.swiper-container2 ul li .indpro_img {

  width: 100%;

  height: 360px;

  overflow: hidden;

  margin-bottom: 10px;
  border-radius: 8px;
  /*border: 1px solid #747474;*/

}
.swiper-container2 ul li .indpro_img a { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }
.swiper-container2 ul li .indpro_img a img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;width: 100%; height: 100%;object-fit: cover;}
.swiper-container2 ul li:hover .indpro_img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.swiper-container2 ul li .indpro_name { display: block; font-size: 20px; color: #333; text-align: center; height: 40px; line-height: 40px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
.swiper-container2 ul li:hover .indpro_name { color: #1f84c1; }
.swiper-container2 ul li span { color: #777; display: block; line-height: 30px; height: 30px; overflow: hidden; display: -webkit-Box; -webkit-Box-orIEnt: vertical; -webkit-line-clamp: 2; font-size: 16px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:20px; }
.swiper-container2 ul li .indpro_more { display: block; width: 150px; height: 45px; line-height: 45px; text-align: center; color: #67686c; margin: 15px auto; border-radius: 50px; font-size: 16px; overflow: hidden; position: relative; border: 1px solid #d5d8d7; }
.swiper-container2 ul li .indpro_more a { color: #67686c; }
.swiper-container2 ul li .indpro_more a i { color: #d0d0d0; }
.swiper-container2 ul li:hover .indpro_more { background: #1f84c1;border: 1px solid #1f84c1;  }
.swiper-container2 ul li:hover .indpro_more a { color: #fff; }
.swiper-container2 ul li:hover .indpro_more a i { color: #fff; }



 .process-container {

            display: flex;

            justify-content: center;

            align-items: center;

            flex-wrap: wrap;

            gap: 20px;

            padding: 0 !important;

        }

        

        .process-step2 {

            display: flex;

            align-items: center;

            gap: 15px;

        }

        

        .step-item {

            display: flex;

            align-items: center;

            justify-content: center;

            min-width: 170px;

            height: 40px;

            background: #f0f7ff;

            border: 1px solid #b0d0ff;

            border-radius: 6px;

            font-weight: 500;

            font-size: 14px;

            color: #2c3e50;

            transition: all 0.3s ease;

        }

        

        .step-item:hover {

            background: #d0e7ff;

            transform: translateY(-2px);

        }

        .arrow_right{ display:block;}
.arrow_down{ display:none;}

        .arrow {

            font-size: 18px;

            color: #666;

            font-weight: bold;

        }





.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;

}



.dispflex{ display:flex;}

.yiban-left{ width:30%; float:left;}

.yiban-left img{border-radius: 20px;}

.yiban-right{ width:70%; float:right;color: #666;font-size: 18px;line-height: 36px;display: flex;padding-left: 46px;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;}



/* 包装类型部分 */

.packaging-types {

	display: grid;

	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

	gap: 20px;

	margin: 60px 0 14px;

}



.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;



}



.liangditu{text-align: left;margin-bottom: 12px;}

.single-services-two {

height: 370px;

	position: relative;



	z-index: 1;



	text-align: center;



	border-radius: 8px;



	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;
border: 2px solid transparent;
}



.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:22px;



    -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);
	
	/*box-shadow: inset 0 0 15px rgba(255, 154, 158, 0.4), inset 0 0 30px rgba(161, 196, 253, 0.3), inset 0 0 10px rgba(255, 255, 255, 0.2);
	*/
	box-shadow: inset 0 0 15px rgba(255, 154, 158, 0.22), inset 0 0 30px rgba(161, 196, 253, 0.01), inset 0 0 10px rgba(255, 255, 255, 0.02);
	background: linear-gradient(90deg, #fff, #fff) padding-box, linear-gradient(45deg, #ff9a9e, #fad0c4, #fad0c4, #a1c4fd, #c2e9fb) border-box;
	/*box-shadow: 0 0 15px rgba(255, 154, 158, 0.4), 0 0 30px rgba(161, 196, 253, 0.3), inset 0 0 10px rgba(255, 255, 255, 0.2);*/
	transform: translateY(-4px);

}







.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: 6px;

	padding-left: 24px;

	position: relative;

	text-align: left;

	font-size: 16px;

	line-height: 32px;

}

.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: 6px;

  line-height: 22px;

}

/* 响应式设计 */

@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;*/
text-align: center;
    margin: 0 auto;
    display: block;
}
.process-step2{display: block;}
.step-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  height: 40px;
  font-size: 14px;
}
.arrow {
  font-size: 18px;
  color: #666;
  font-weight: bold;
  margin: 6px 0;
}
.arrow_right{ display:none;}
.arrow_down{ display:block;}

.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) {
	.fzzxzl-content p{font-size: 18px;font-weight: normal;line-height: 40px;}
.fzzxzl-section{padding: 60px 0;}
.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;}


.dispflex {
  display: inline-block;
}
.yiban-left {
  width: 100%;
  float: none;
}
.yiban-right {
  width: 100%;
  float: none;
  display: flex;
  padding-left: 0;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 20px;
}
.single-services-two{ height:auto;}

.picScroll-left_eicase .bd ul li {



  width: 330px;}



  



.fzzxzl-content h2 {



  font-size: 30px;}







.inourcust li {



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





.whcard {

                width: 90%;

                max-width: 500px;

            }













}