/*主题颜色---绿色：#8cc919*/

.banxin1400{width: 80%;margin: 0 auto;}

/*首页的首屏，有一个小鼠标的图片，上下抖动的动画效果*/

.chaoSlideDown{animation: huangSlideDown 0.8s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;}
@keyframes huangSlideDown{ 0%{ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
  100%{ -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px);}
  }
.clickGoToBtn{position: absolute;left: 50%;transform: translateX(-50%);z-index: 10;display: none;}

/*pc电脑端固定在顶部的导航栏*/

.huangWapBox{display: none;}
body{padding-top: 65px;}
.fixTopNav{width: 100%;position: fixed;left: 0;top: 0;right: 0;background: #fff;z-index: 1000;height: 65px;box-shadow: 0 0 5px #ddd;}
.fixTopNav2{display: flex;justify-content: space-between;align-items: center;height: 100%;}
.fixTopNav2 .nav_logo{height: 65px;display: inline-flex;align-items: center;}
.fixTopNav2 .nav_logo img{width: 106px;height: 51px;}
.fixTopNav2 .nav_div{height: 100%;}
.fixTopNav2 .nav_div a{padding: 0 65px;font-size: 20px;transition: all 0.3s;height: 100%;display: inline-flex;align-items: center;}
.fixTopNav2 .nav_div a:last-child{padding-right: 0;}
.fixTopNav2 .nav_div a:hover,.fixTopNav2 .nav_div a.on{color: #8cc919;}

/*手机端固定在右侧的返回顶部按钮*/

.fixRightUp{position: fixed;right: 20px;bottom: 10%;z-index: 100;display: none;}
.fixRightUp a{position: relative;width: 54px;height: 54px;}
.fixRightUp a img{width: 100%;height: 100%;transition: all 0.3s;position: absolute;}
.fixRightUp a img.img1{opacity: 1;}
.fixRightUp a img.img2{opacity: 0;}
.fixRightUp a:hover img.img1{opacity: 0;}
.fixRightUp a:hover img.img2{opacity: 1;}

/*电脑端固定在右侧的几个小按钮*/

.fixRightBtn{position: fixed;right: 20px;top: 30%;z-index: 100;}
.fixRightBtn .itembox:first-child{padding-top: 0;}
.fixRightBtn .itembox{padding-top: 15px;position: relative;}
.fixRightBtn .itembox p{font-size: 16px;color: #fff;position: absolute;top: 50%;transform: translateY(-50%);right: 60px;text-align: right;display: none;}
.fixRightBtn .itembox p span{color: #8bc020;font-size: 16px;display: block;width: 100%;transition: all 0.3s;opacity: 0;text-align: right;}
.fixRightBtn .itembox p span img{width: 140px;position: absolute;right: 0px;top: -50px;border-radius: 5px;}
.fixRightBtn .itembox a{display: inline-block;width: 52px;height: 52px;overflow: hidden;position: relative;}
.fixRightBtn .itembox a img{width: 100%;height: 100%;transition: all 0.3s;position: absolute;}
.fixRightBtn .itembox a img:first-child{opacity: 1;}
.fixRightBtn .itembox a img:last-child{opacity: 0;}
.fixRightBtn .itembox:last-child a{display: none;}
.fixRightBtn .itembox:hover p{display: block;}

/*华丽的分割线*/

.Divider_Div{width: 100%;display: flex;justify-content: center;padding: 50px 0;}

/*首页每屏的公共类标题文字*/

.pageText .p1{font-size: 64px;color: #fff;}
.pageText .p1 span{font-size: 64px;color: #fff;}
.pageText .p2{font-size: 32px;color: #fff;}

/*首页每屏的公共类样式*/

.indexPages{width: 100%;height: 1080px;background-size: cover !important;overflow: hidden;}

/*首页的第1屏*/

.indexPage1{height: 1000px;display: flex;align-items: flex-end;position: relative;}
.indexPage1 .pageText{width: 100%;padding-bottom: 200px;}
.indexPage1 .pageText p{text-align: right;}
.indexPage1 .pageText .p2{padding-top: 44px;}

/*首页的第2屏*/

.indexPage2 .pageText{width: 100%;padding-top: 235px;}
.indexPage2 .pageText p{color: #3E3A39;}
.indexPage2 .pageText .p1{padding-bottom: 44px;font-size: 46px;}
.indexPage2 .pageText .p2{font-size: 22px;line-height: 36px;}


/* 首页的第2屏~~~~波浪滚动的线条动画 */

.headline-bg {width: 100%;height: 300px;overflow: hidden;border: 0px solid red;position: absolute;bottom: 200px;left: 0;}
.headline-bg #waves{width: 100%;height: 300px;}

/*首页的第2屏~~~业界领先的智能控制方案设计商---图片旋转效果or图片转动效果*/

.scroll_bar_div2 a .img1{ animation: rotateAnimate 10s infinite linear;}
@keyframes rotateAnimate{ 0%{ transform: rotate(0deg);}
  100%{ transform: rotate(360deg);}
  }

/*首页的第2屏~~~业界领先的智能控制方案设计商---滚动条，现在改为了 左右轮播图*/

.scroll_bar_div2{width: 100%;overflow: hidden;margin-top: 200px;}
.scroll_bar_div2 .swiper-container .swiper-slide{border: 0px solid red;display: flex;justify-content: center;align-items: center;}
.scroll_bar_div2 a{display: inline-flex;width: 230px;height: 230px;overflow: hidden;justify-content: center;align-items: center;border: 0px solid red;float: left;position: relative;border: 0px solid orange;}
.scroll_bar_div2 a:nth-child(1){margin-top: 0;}
.scroll_bar_div2 a:nth-child(2){margin-top: 0;}
.scroll_bar_div2 a:nth-child(3){margin-top: 0;}
.scroll_bar_div2 a:nth-child(4){margin-top: 0;}
.scroll_bar_div2 a img.img2{opacity: 0;}
.scroll_bar_div2 a img.img1{opacity: 1;}
.scroll_bar_div2 a:hover img.img2{opacity: 1;}
.scroll_bar_div2 a:hover img.img1{opacity: 0;}
.scroll_bar_div2 a img.imgs{transition: all 0.3s;position: absolute;width: 100%;height: 100%;}
.scroll_bar_div2 a .centerdiv{position: absolute;width: 100%;z-index: 10;top: 50%;transform: translateY(-50%);}
.scroll_bar_div2 a .centerdiv .dd1{width: 100%;display: flex;justify-content: center;}
.scroll_bar_div2 a .centerdiv .dd1 div{display: block;width: 90px;height: 90px;overflow: hidden;position: relative;}
.scroll_bar_div2 a .centerdiv .dd2{text-align: center;font-size: 22px;text-align: center;padding-top: 10px;}
.scroll_bar_div2 a .centerdiv .dd1 .shows{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: all 0.3s;}
.scroll_bar_div2 a .centerdiv .dd1 .shows.show1{opacity: 1;}
.scroll_bar_div2 a .centerdiv .dd1 .shows.show2{opacity: 0;}
.scroll_bar_div2 a:hover .centerdiv .dd1 .shows.show1{opacity: 0;}
.scroll_bar_div2 a:hover .centerdiv .dd1 .shows.show2{opacity: 1;}
.scroll_bar_div2 a:hover .centerdiv .dd2{color: #fff;}

/*首页的第2屏~~~业界领先的智能控制方案设计商---滚动条，现在改为了 左右轮播图~~~仅仅箭头*/

.indexPage2{position: relative;}
.ballSwiperNavs:after{content: "";}
.ballSwiperNavs{width: 48px;height: 48px;overflow: hidden;position: absolute;z-index: 202;cursor: pointer;background: -pink;z-index: 10;bottom: 330px;}
.ballSwiperNav1{left: 10%;}
.ballSwiperNav2{right: 10%;}
.ballSwiperNavs img{position: absolute;left: 0;top: 0;transition: all 0.3s;}
.ballSwiperNavs img.img1{opacity: 1;}
.ballSwiperNavs img.img2{opacity: 0;}
.ballSwiperNavs:hover img.img2{opacity: 1;}
.ballSwiperNavs:hover img.img1{opacity: 0;}

/*首页的第3屏*/

.indexPage3 .pageText{width: 100%;padding-top: 235px;}
.indexPage3 .pageText p{color: #3E3A39;}
.indexPage3 .pageText .p1{padding-bottom: 44px;font-size: 46px;}
.indexPage3 .pageText .p2{font-size: 22px;line-height: 36px;}

/*首页的第3屏~~~让您的产品更美---列表图标 2---为了实现淡入淡出动画*/

.index3List{width: 1000px;overflow: hidden;padding-top: 130px;}
.index3List a{display: inline-flex;width: 168px;float: left;margin-right: 80px;margin-top: 30px;position: relative;margin-bottom:10px;}
.index3List a:nth-child(1){margin-top: 0;}
.index3List a:nth-child(2){margin-top: 0;}
.index3List a:nth-child(3){margin-top: 0;}
.index3List a:nth-child(4){margin-top: 0;}
.index3List a img{transition: all 0.5s;width: 100%;}
.index3List a img.img2{opacity: 0;display:none}
.index3List a img.img1{opacity: 1;display: block;}
.index3List a:hover img.img2{opacity: 1;display: block;}
.index3List a:hover img.img1{opacity: 0;display:none}

/*首页的第4屏*/

.indexPage4{position: relative;}
.indexPage4 .pageText{width: 100%;padding-top: 235px;}
.indexPage4 .pageText p{color: #fff;}
.indexPage4 .pageText .p1{padding-bottom: 44px;font-size: 46px;}
.indexPage4 .pageText .p2{font-size: 22px;line-height: 36px;}

/*首页的第4屏~~~您的需求我们可能做过---轮播图*/

#indexBanner1.swiper-container{ overflow: hidden;margin-top: 60px;}
#indexBanner1.swiper-container .swiper-wrapper .swiper-slide{width: 350px;overflow: hidden;display: inline-block;}
#indexBanner1.swiper-container .swiper-wrapper .swiper-slide .d1{height: 520px;display: flex;align-items: flex-end;background-size: cover !important;}
#indexBanner1.swiper-container .swiper-wrapper .swiper-slide .d1a{height: 100px;line-height: 100px;font-size: 24px;text-align: center;padding: 0 30px;width: 100%;background: linear-gradient(to top, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0));}

/*您的需求我们可能做过---轮播图---仅仅箭头---没有任何动画效果*/

.swiper_Nav{position: absolute;bottom: 330px;z-index: 10;cursor: pointer;z-index: 101;overflow: hidden;width: 48px;height: 48px;}
.swiper_Nav img{position: absolute;width: 100%;height: 100%;transition: all 0.3s;}
.swiper_Nav .img1{opacity: 1;}
.swiper_Nav .img2{opacity: 0;}
.swiper_Nav:hover .img1{opacity: 0;}
.swiper_Nav:hover .img2{opacity: 1;}
.swiper_FlNav{left: 150px;}
.swiper_FrNav{right: 150px;}

/*通用标准项目流程---轮播图*/

.indexPage6{display: flex;justify-content: center;align-items: center;}
.index6List1{font-size: 46px;color: #fff;padding-bottom: 45px;}
.index6List2{width: 100%;overflow: hidden;}
#indexBanner2.swiper-container{overflow: inherit;background: -pink;}
#indexBanner2.swiper-container .swiper-wrapper{padding: 100px 0;}
#indexBanner2.swiper-container .swiper-wrapper .swiper-slide{height: 470px;display: inline-flex;background: #3E3A39;justify-content: center;align-items: center;cursor: pointer;border: 0px solid orange;border-left: 1px solid rgba(255, 255, 255, 0.2);}
#indexBanner2.swiper-container .swiper-wrapper .swiper-slide:first-child{border-left: none;}
#indexBanner2.swiper-container .swiper-wrapper .swiper-slide p{position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#indexBanner2.swiper-container .swiper-wrapper .swiper-slide p span{color: #fff;font-size: 26px;color: #8ec31f;display: block;width: 100%;text-align: center;padding-bottom: 10px;}
#indexBanner2.swiper-container .swiper-wrapper .swiper-slide img{z-index: 10;width: 100%;opacity: 0; transition: all 0.4s; display: block;object-fit: cover;}
#indexBanner2.swiper-container .swiper-wrapper .swiper-slide:hover img{display: block; opacity: 1;}

/*首页的第5屏*/

.indexPage5a{display: flex;justify-content: space-between;}
.indexPage5a .fls{display: flex;background: -pink;align-items: flex-end;padding-bottom: 80px;}
.indexPage5a .fls .pageText{width: 100%;}
.indexPage5a .fls .pageText p{color: #fff;}
.indexPage5a .fls .pageText .p1{padding-bottom: 44px;font-size: 46px;}
.indexPage5a .fls .pageText .p2{font-size: 22px;line-height: 36px;}

/*首页的第6屏*/

.indexPage6{position: relative;}

/*首页的第7屏*/

.indexPage7 .pageText{width: 100%;padding-top: 235px;}
.indexPage7 .pageText p{color: #fff;}
.indexPage7 .pageText .p1{padding-bottom: 44px;font-size: 46px;}
.indexPage7 .pageText .p2{font-size: 22px;line-height: 36px;}
.indexPage7 .imgDiv{display: flex;width: 100%;padding-top: 160px;justify-content: center;align-items: center;}

/*首页的第8屏*/

.indexPage8 .pageText{width: 100%;padding-top: 250px;}
.indexPage8 .pageText p{color: #3E3A39;}
.indexPage8 .pageText p span{color: #3E3A39;font-size: 46px;display: block;}
.indexPage8 .pageText .p1{padding-bottom: 44px;font-size: 46px;}
.indexPage8 .pageText .p2{font-size: 22px;line-height: 36px;}

/*首页的第9屏*/

.indexPage9 .pageText{width: 100%;padding-top: 225px;}
.indexPage9 .pageText p{color: #3E3A39;}
.indexPage9 .pageText p span{color: #3E3A39;font-size: 46px;display: block;}
.indexPage9 .pageText .p1{padding-bottom: 44px;font-size: 46px;}
.indexPage9 .pageText .p2{font-size: 22px;line-height: 36px;width: 830px;text-align: justify;}

/*首页的第10屏*/

.indexPage10{background: #f4f4f4;display: flex;justify-content: space-between;}
.indexPage10 .fls{width: 1017px;overflow: hidden;}
.indexPage10 .frs{width: calc(100% - 1017px);overflow: hidden;}
.indexPage10 .frs .fr_top{display: block;width: 100%;position: relative;padding-top: 100px;text-align: center;}
.indexPage10 .frs .fr_top .pageText{left: 0;top: 0;width: 100%;position: relative;}
.indexPage10 .frs .fr_top .pageText{width: 100%;padding-left: 120px;}
.indexPage10 .frs .fr_top .pageText p{color: #3E3A39;}
.indexPage10 .frs .fr_top .pageText p span{color: #3E3A39;font-size: 46px;display: block;}
.indexPage10 .frs .fr_top .pageText .p1{padding-bottom: 44px;font-size: 46px;text-align: left;}
.indexPage10 .frs .fr_top .pageText .p2{font-size: 22px;line-height: 36px;width: 600px;text-align: justify;}
.indexPage10 .frs .fr_bot{padding-top: 80px;width: 100%;display: flex;justify-content: center;}
.indexPage10 .frs .fr_bot .fr_bot2{width: 535px;border: 0px solid red;}
.indexPage10 .frs .fr_bot .fr_bot2 a{width: 141px;height: 65px;margin-right: 50px;margin-top: 20px;}
.indexPage10 .frs .fr_bot .fr_bot2 a:nth-child(1){margin-top: 0;}
.indexPage10 .frs .fr_bot .fr_bot2 a:nth-child(2){margin-top: 0;}
.indexPage10 .frs .fr_bot .fr_bot2 a:nth-child(3){margin-top: 0;}
.indexPage10 .frs .fr_bot .fr_bot2 a:nth-child(3n){margin-right: 0;}
.imgxxx{position:absolute;left:0;top:0;}

/*首页的第11屏*/

.indexPage11 .pageText{padding-top: 235px;}
.indexPage11 .pageText .p1{padding-bottom: 44px;font-size: 46px;text-align: left;}
.indexPage11 .pageText .p2{font-size: 22px;line-height: 36px;width: 600px;text-align: justify;}
.indexPage11 .numberList{width: 100%;display: flex;justify-content: space-between;padding-top: 170px;}
.indexPage11 .numberList a{width: 33.33%;}
.indexPage11 .numberList a .p1{display: flex;align-items: center;width: 100%;justify-content: center;}
.indexPage11 .numberList a .p1 .s1{font-size: 80px;font-weight: 700;color: #8CC919;}
.indexPage11 .numberList a .p1 .s2{font-size: 80px;font-weight: 700;color: #8CC919;}
.indexPage11 .numberList a .p2{text-align: center;font-size: 22px;color: #fff;padding-top: 20px;}

/*首页的第12屏*/

.indexPage12a{display: flex;justify-content: flex-end;}
.indexPage12a .pageText{width: 800px;padding-top: 235px;}
.indexPage12a .pageText .p1{padding-bottom: 44px;font-size: 46px;text-align: left;}
.indexPage12a .pageText .p2{font-size: 22px;line-height: 36px;text-align: justify;}

/*首页的第13屏*/

.indexPage13{display: flex;align-items: flex-end;}
.indexPage13a{padding-bottom: 152px;}
.indexPage13a .pageText{padding-top: 235px;}
.indexPage13a .pageText .p1{padding-bottom: 44px;font-size: 46px;text-align: left;}
.indexPage13a .pageText .p2{font-size: 22px;line-height: 36px;text-align: justify;}

/*首页的第14屏*/

.indexPage14a{display: flex;justify-content: flex-end;}
.indexPage14a .pageText{padding-top: 235px;position: relative;right: -50px;}
.indexPage14a .pageText p{color: #3E3A39;}
.indexPage14a .pageText .p1{padding-bottom: 44px;font-size: 46px;text-align: left;}
.indexPage14a .pageText .p2{font-size: 22px;line-height: 36px;text-align: justify;}
.indexPage14a .pageText .p2b{font-size: 20px;padding-top: 55px;}
.indexPage14a .pageText .p2c{font-size: 20px;padding-top: 0;}
.indexPage14a .pageText .p2d{font-size: 20px;padding-top: 30px;}

/*首页的第15屏*/

.indexPage15a{display: flex;justify-content: flex-end;}
.indexPage15a .pageText{padding-top: 295px;padding-left: 450px;}
.indexPage15a .pageText .p1{padding-bottom: 44px;font-size: 46px;text-align: left;}
.indexPage15a .pageText .p2{font-size: 22px;line-height: 36px;text-align: justify;}

/*首页的第16屏*/

.indexPage16a .pageText{padding-top: 235px;}
.indexPage16a .pageText .p1{padding-bottom: 44px;font-size: 46px;text-align: left;}
.indexPage16a .pageText .p2{font-size: 21px;line-height: 36px;text-align: justify;}

/*首页的第17屏*/

.indexPage17a .pageText{padding-top: 235px;}
.indexPage17a .pageText .p1{padding-bottom: 44px;font-size: 46px;text-align: left;}
.indexPage17a .pageText .p2{font-size: 22px;line-height: 36px;text-align: justify;width: 600px;}
.indexPage17a .pageText .p4{padding-top: 235px;}

/*底部版权*/

.footer{background: #171717;padding: 20px 0;width: 100%;display: flex;justify-content: center;}
.footer a{font-size: 16px;color: #fff;margin-left: 53px;transition: all 0.3s;}
.footer a:first-child{margin-left: 0;}
.footer a:hover{color: #ccc;}

/* 案例页面的banner图片 */

.case_Banner{width: 100%;height: 1000px;background-size: cover !important;}
.case_Banner .textDiv{padding-left: 260px;padding-top: 460px;}
.case_Banner .textDiv .p1{font-size: 64px;color: #fff;}
.case_Banner .textDiv .p2{font-size: 32px;color: #fff;padding-top: 80px;}

/* 案例数字大全---总体公共类布局 */

.case_number_Div{padding: 100px 0 0 0;}
.case_number_Div .itemDiv1{width: 100%;padding: 100px 0;margin:0 auto;}
.case_number_Div .itemDiv2{display: flex;position: relative;cursor: pointer;}
.case_number_Div .itemDiv2 .imgDiv{overflow: hidden;width: 650px;}
.case_number_Div .itemDiv2 .imgDiv img{width: 100%;height: 100%;object-fit: cover;}
.case_number_Div .itemDiv2 .textDiv{overflow: hidden;width: calc( 100% - 650px);display: flex;flex-direction: column;justify-content: center;}
.case_number_Div .itemDiv2 .textDiv p{text-align: justify;transition: all 0.3s;}
.case_number_Div .itemDiv2 .textDiv .p_title{font-size: 46px;}
.case_number_Div .itemDiv2 .textDiv .p_descipt{font-size: 20px;padding-top: 45px;line-height: 40px;}
.case_number_Div .itemDiv2:hover .textDiv .p_title{color: #444;}
.case_number_Div .itemDiv2:hover .textDiv .p_descipt{color: #444;}
.case_number_Div .itemDiv1:last-child{padding-bottom: 50px;}

/* 案例数字大全---固定在每个区域的数字 */

.case_number_Div .itemDiv1 .fixNumbers{position: absolute;z-index: 100;}
.case_number_Div .itemDiv1:nth-child(1) .fixNumbers{left: 0;top: 0;transform: translate(-50%, -50%);}
.case_number_Div .itemDiv1:nth-child(2) .fixNumbers{right: 0;top: 0;transform: translate(50%, -50%);}
.case_number_Div .itemDiv1:nth-child(3) .fixNumbers{left: 0;top: 0;transform: translate(-50%, -50%);}
.case_number_Div .itemDiv1:nth-child(4) .fixNumbers{left: 0;top: 0;transform: translate(-50%, -50%);}
.case_number_Div .itemDiv1:nth-child(5) .fixNumbers{right: 0;top: 0;transform: translate(50%, -50%);}
.case_number_Div .itemDiv1:nth-child(6) .fixNumbers{left: 0;top: 0;transform: translate(-50%, -50%);}
.case_number_Div .itemDiv1:nth-child(7) .fixNumbers{left: 0;top: 0;transform: translate(-50%, -50%);}
.case_number_Div .itemDiv1:nth-child(8) .fixNumbers{right: 0;top: 0;transform: translate(50%, -50%);}

/* 案例数字大全---有些标题文字下面没有两个描述，只有一个描述，所以就要隐藏其中一个描述 */

.case_number_Div .itemDiv1:nth-child(1) .textDiv .p_descipt:nth-child(2){display: none;}
.case_number_Div .itemDiv1:nth-child(7) .textDiv .p_descipt:nth-child(2){display: none;}
.case_number_Div .itemDiv1:nth-child(8) .textDiv .p_descipt:nth-child(2){display: none;}

/* 案例数字大全---如果是左边是图片，右边是文字 */

.case_number_Div .itemDiv1:nth-child(1) .textDiv{padding-left: 100px;}
.case_number_Div .itemDiv1:nth-child(3) .textDiv{padding-left: 100px;}
.case_number_Div .itemDiv1:nth-child(5) .textDiv{padding-left: 100px;}
.case_number_Div .itemDiv1:nth-child(7) .textDiv{padding-left: 100px;}

/* 案例数字大全---如果是左边是文字，右边是图片 */

.case_number_Div .itemDiv1:nth-child(2) .itemDiv2{display: flex;flex-direction: row-reverse;}
.case_number_Div .itemDiv1:nth-child(2) .itemDiv2 .textDiv{padding-right: 100px;}
.case_number_Div .itemDiv1:nth-child(4) .itemDiv2{display: flex;flex-direction: row-reverse;}
.case_number_Div .itemDiv1:nth-child(6) .itemDiv2{display: flex;flex-direction: row-reverse;}
.case_number_Div .itemDiv1:nth-child(8) .itemDiv2{display: flex;flex-direction: row-reverse;}
.case_number_Div .itemDiv1:nth-child(8) .itemDiv2 .textDiv{padding-right: 100px;}

/* 案例数字大全---背景是灰色，同时图片是挨着浏览器边缘的 */
.case_number_Div .itemDiv1 .itemDiv2{margin:0 auto !important;}
.case_number_Div .itemDiv1:nth-child(4){background: #f4f4f4;padding-left: 260px;}
.case_number_Div .itemDiv1:nth-child(4) .itemDiv2{width: 1600px;margin: 0;}
.case_number_Div .itemDiv1:nth-child(4) .itemDiv2 .imgDiv{width: 910px;}
.case_number_Div .itemDiv1:nth-child(4) .itemDiv2 .textDiv{width: calc( 100% - 910px);background: #fff;padding-left: 60px;padding-right: 100px;}
.case_number_Div .itemDiv1:nth-child(5){background: #f4f4f4;padding-left: 0;}
.case_number_Div .itemDiv1:nth-child(5) .itemDiv2{width: 1600px;margin: 0;}
.case_number_Div .itemDiv1:nth-child(5) .itemDiv2 .imgDiv{width: 910px;}
.case_number_Div .itemDiv1:nth-child(5) .itemDiv2 .textDiv{width: 750px;background: #fff;padding-left: 100px;padding-right: 60px;}
.case_number_Div .itemDiv1:nth-child(6){background: #f4f4f4;padding-left: 260px;}
.case_number_Div .itemDiv1:nth-child(6) .itemDiv2{width: 1600px;margin: 0;}
.case_number_Div .itemDiv1:nth-child(6) .itemDiv2 .imgDiv{width: 910px;}
.case_number_Div .itemDiv1:nth-child(6) .itemDiv2 .textDiv{width: calc( 100% - 910px);background: #fff;padding-left: 60px;padding-right: 100px;}

/*仅仅为了包括灰色区域和轮播图片*/

.onlyInclueDiv{width: 100%;position: relative;border: 0px solid orange;padding-top: 400px;}

/*仅仅为了一个灰色的区域而写的div*/

.onlyGrayDiv{width: 100%;background: #F4F4F4;height: 700px;}

/* 案例页面最下方的三张图片的轮播图片 */

.case_SwiperDiv{width: 100%;position: absolute;z-index: 10;top: 0;left: 0;}
.case_SwiperDiv .swiper-container{width: 97%;position: relative;}
.case_SwiperDiv .swiper-container .swiper-wrapper{width: 100%;padding-top: 100px;}
.case_SwiperDiv .swiper-container .swiper-wrapper .swiper-slide{width: 100%;}
.case_SwiperDiv .swiper-container .swiper-wrapper .swiper-slide .ifHideClass{display: none;}
.case_SwiperDiv .swiper-container .swiper-wrapper .swiper-slide .dd1{width: 100%;height: 400px;overflow: hidden;}
.case_SwiperDiv .swiper-container .swiper-wrapper .swiper-slide .dd1 img{width: 100%;height: 100%;object-fit: cover;}
.case_SwiperDiv .swiper-container .swiper-wrapper .swiper-slide .dd2{background: #eee;padding: 25px;transition: background 0.3s;}
.case_SwiperDiv .swiper-container .swiper-wrapper .swiper-slide .dd2 .titles{font-size: 46px;padding-top: 40px;}
.case_SwiperDiv .swiper-container .swiper-wrapper .swiper-slide .dd2 .descipts{font-size: 20px;text-align: justify;line-height: 40px;margin-top: 40px;}
.case_SwiperDiv .swiper-container .swiper-wrapper .swiper-slide .dd2 .descipts:last-child{height: 160px;}
.case_SwiperDiv .swiper-container .swiper-wrapper .swiper-slide:hover .dd2{background: #fff;}

/* 案例页面最下方的三张图片的轮播图片~~~中间激活状态 */

.case_SwiperDiv .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next{-webkit-transform: translate3d(0, -3%, 0);transform: translate3d(0, -3%, 0);}
.case_SwiperDiv .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next .dd2{background: #fff;}

/* 案例页面最下方的三张图片的轮播图片~~~仅仅箭头 */

.swiperNavs:after{content: "";}
.swiperNavs{width: 48px;height: 48px;overflow: hidden;position: absolute;top: 50%;transform: translateY(-50%);z-index: 202;cursor: pointer;}
.swiperNav1{left: 10%;}
.swiperNav2{right: 10%;}
.swiperNavs img{position: absolute;left: 0;top: 0;transition: all 0.3s;}
.swiperNavs img.img1{opacity: 1;}
.swiperNavs img.img2{opacity: 0;}
.swiperNavs:hover img.img2{opacity: 1;}
.swiperNavs:hover img.img1{opacity: 0;}

/* 电脑端点击每个案例弹窗遮罩的轮播图片+电脑端点击下方案例弹窗遮罩的轮播图片~~~遮罩 */

.mask_Swiper_Div{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 200;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100vh;display: none;}
.cont_Swiper_Divs{position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 10000000000000;display: flex;justify-content: center;align-items: center;width: 80%;overflow: hidden;padding: 10px;background: #fff;border-radius: 5px;display: none;}
.swiperbuttons{display: none;}

/* 电脑端点击每个案例弹窗遮罩的轮播图片+电脑端点击下方案例弹窗遮罩的轮播图片~~~左右箭头 */

.swiperbuttons:after{content: "";}
.swiperbuttons{width: 48px;height: 48px;overflow: hidden;position: fixed;top: 50%;transform: translateY(-50%);z-index: 202;cursor: pointer;}
.swiperbutton1,.swiperbutton3{left: 5%;transform: translateX(-50%);}
.swiperbutton2,.swiperbutton4{right: 5%;transform: translateX(50%);}
.swiperbuttons img{position: absolute;left: 0;top: 0;transition: all 0.3s;}
.swiperbuttons img.img1{opacity: 1;}
.swiperbuttons img.img2{opacity: 0;}
.swiperbuttons:hover img.img2{opacity: 1;}
.swiperbuttons:hover img.img1{opacity: 0;}

/* 电脑端点击每个案例弹窗遮罩的轮播图片+电脑端点击下方案例弹窗遮罩的轮播图片~~~总体 */

.huangPicBox1{width: 100%;overflow: hidden;height: 100%;}
.huangPicBox1 .huangPicBox2{width: 100%;margin: 0 auto;height: 100%;position: relative;}
.huangPicBox1 .huangPicBox2 .swiper-container{height: 100%;}
.huangPicBox1 .swiper-wrapper .swiper-slide{width: 100%;height: auto;pointer-events: none;}
.huangPicBox1 .swiper-wrapper .swiper-slide img{width: 100%;max-width: 100%;object-fit: cover;}

/* 电脑端点击每个案例弹窗遮罩的轮播图片+电脑端点击下方案例弹窗遮罩的轮播图片~~~圆点形状更改为圆圈框框 */

.cont_Swiper_Divs .swiper-pagination{z-index: 99993;bottom: 30px !important;}
.cont_Swiper_Divs .swiper-pagination-bullet{background: none !important;border: 2px solid #8cc919 !important;outline: none !important;box-sizing: border-box;opacity: 1 !important;width: 16px;height: 16px;}
.cont_Swiper_Divs .swiper-pagination-bullet-active{background: #8cc919 !important;}

/* 与我联系的头部banner区域 */

.aboutUs_Banner{width: 100%;padding: 105px 0 55px 0;position: relative;}
.aboutUs_Banner span{position: absolute;left: 260px;top: 60%;transform: translateY(-50%);font-size: 64px;}

/* 关于我们的三个联系相关 */

.aboutUs_Three1{width: 100%;border-top: 1px solid #ddd;padding: 60px 0;}
.aboutUs_Three2{display: flex;justify-content: space-between;}
.aboutUs_Three2 .onlyline{display: inline-flex;align-items: center;}
.aboutUs_Three2 .onlyline i{width: 1px;height: 120px;background: #ddd;}
.aboutUs_Three2 .itembox{border: 0px solid red;}
.aboutUs_Three2 .itembox .dd1{padding-bottom: 30px;display: inline-flex;align-items: center;}
.aboutUs_Three2 .itembox .dd1 span{font-size: 24px;margin-left: 10px;}
.aboutUs_Three2 .itembox .dd2 p{font-size: 16px;line-height: 34px;}
.aboutUs_Three2 .itembox .dd2 p a{transition: color 0.3s;font-size: 16px;}
.aboutUs_Three2 .itembox .dd2 p a:hover{color: #8CC919;}

/* 百度地图导航区域 */

#MAP_Container{width: 100%;height: 700px;}

/* 大红大红的客户页面区域 */

.bigRedBg_Div{height: 1160px;position: relative;}
.bigRedBg_Div .dd1{padding-top: 160px;}
.bigRedBg_Div .dd1 img{width: 1390px;}
.bigRedBg_Div .dd2{position: absolute;top: 250px;left: 135px;}
.bigRedBg_Div .dd2 .p1{font-size: 64px;color: #fff;}
.bigRedBg_Div .dd2 .p2{font-size: 32px;color: #fff;padding-top: 80px;}

/* 一百多个客户logo展示 */

.keHu_Logo1{width: 100%;margin-top: -620px;padding-bottom: 100px;}
.keHu_Logo2{overflow: hidden;width: 1320px;}
.keHu_Logo2 a{width: 182px;height: 82px;margin-right: 40px;border: 0px solid red;margin-top: 45px;background: #fff;border-radius: 10px;}
.keHu_Logo2 a:nth-child(6n){margin-right: 0;}
.keHu_Logo2 a img{width: 100%;height: 100%;}
.keHu_Logo2 a:hover{box-shadow: 0 0 10px #ddd;}


/*主题颜色---绿色：#8cc919*/