body { padding: 0 0; }
/*轮播图区域*/
.swiperBox .swiper-slide { display: block; position: relative; }
.swiperBox .swiper-slide .text { display: inline-block; position: absolute; width: 500px; height: auto; top: 35%; left:18%; }
.swiperBox .swiper-slide .text h3 { font-size: 32px; font-weight: bold; color: #FFFFFF; line-height: 33px; }
.swiperBox .swiper-slide .text p { font-size: 22px; font-weight: 300; color: #FFFFFF; line-height: 35px; margin: 10px 0 38px 0; }
.swiperBox .swiper-slide .text a.jianbinatwobtn { margin-right: 16px; }
.swiper-container-horizontal>.swiper-pagination { bottom: 30px; }
.swiperBox .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { width: 40px; height: 8px; border-radius: 8px; background: #fff; margin: 0 10px; cursor: pointer; }
.swiperBox .lunimgfu { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.swiperBox a.bga { background: #1a89d3; display: block; }
.swiperBox .zoomIn { animation-delay: 0s !important; -webkit-animation-delay: 0s !important; }
.swiperBox .swiper-slide .allbtn a { margin: 20px 10px 5px 10px; }
.swiperBox .swiper-slide .text.textthree { left: auto; right: 25%; }
/*//简单高效*/
#goodbox { padding: 70px 0; }
#goodbox .containerbig { width:100%; padding: 32px 36px; box-shadow: 0px 0px 60px 0px #F0F0F0; border-radius: 20px; box-sizing: border-box; margin-top: 50px; display: block; overflow: hidden; }
#goodbox .containerbig ul { display:block; }
#goodbox .containerbig ul li { width: 25%; float: left; display: inline-block; text-align: center; padding: 0 3%; box-sizing: border-box; margin: 36px 0; position: relative; }
#goodbox .containerbig ul li a { display: block; }
#goodbox .containerbig ul li a:after { width: 1px; height: 170px; background: #E4E4E4; border-radius: 1px; display: inline-block; content: ' '; position: absolute; top: -0px; right: 0; }
#goodbox .containerbig ul li a:before { width: 210px; height: 1px; background: #E4E4E4; border-radius: 1px; display: inline-block; content: ' '; position: absolute; top: -32px; left: 32px; }
#goodbox .containerbig ul li:nth-child(1) a:before, #goodbox .containerbig ul li:nth-child(2) a:before, #goodbox .containerbig ul li:nth-child(3) a:before, #goodbox .containerbig ul li:nth-child(4) a:before {
 display: none;
}
#goodbox .containerbig ul li:nth-child(4n) a:after {
 display: none;
}
#goodbox .containerbig ul li .icon { display: block; height: 46px; }
#goodbox .containerbig ul li .icon img { display: inline-block; position: relative; transition: all 0.3s; top: 0; }
#goodbox .containerbig ul li a:hover .icon img { top: -6px; }
#goodbox .containerbig ul li h3 { font-size: 22px; font-weight: 400; color: #565656; line-height: 35px; margin: 20px 0 4px 0; transition: all 0.3s; font-size: 19px; font-weight: 800; color: #565656; line-height: 32px; margin: 20px 0 4px 0; transition: all 0.3s; }
#goodbox .containerbig ul li p { font-size: 15px; font-weight: 400; color: #666666; line-height: 24px; transition: all 0.3s; }
#goodbox .containerbig ul li a:hover h3 { /*font-weight: bold;*/ color: #000000; }
#goodbox .containerbig ul li a:hover p { font-weight: 400; color: #000000; }
#goodbox .containerbig ul li:last-child a { width: 200px; height: 166px; display: block; background: url("../images/iconhbg.png") no-repeat center; background-size: 100% 100%; box-shadow: 0px 0px 60px 0px #F0F0F0; border-radius: 20px; color: #ffffff; font-size: 18px; padding: 34px 0 0 0; }
#goodbox .containerbig ul li:last-child a span { font-size: 22px; font-weight: 400; color: #FFFFFF; line-height: 32px; display: block; text-align: center; }
#goodbox .containerbig ul li:last-child a em { width: 120px; height: 40px; border: 1px solid #FFFFFF; border-radius: 4px; display: inline-block; text-align: center; background: none; font-weight: 400; color: #FFFFFF; font-size: 16px; line-height: 38px; margin: 14px 0; background: rgba(255, 255, 255, 0.05); }
#goodbox .containerbig ul li:last-child a em:hover { border: 1px #FF9500 solid; box-shadow: 0px 6px 12px 0px rgb(0 0 0 / 20%); background: linear-gradient(90deg, #FF9500 0%, #FF5500 100%); }
/*三大区域*/
#allthreebox { display: block; position: relative; }
#allthreebox .domebox { display: block; overflow: hidden; padding: 40px 0 50px 0; }
#allthreebox .domebox .domeboxtext { display: inline-block; float: left; padding-top: 8%; }
#allthreebox .domebox .domeimg { display: inline-block; float: left; text-align: right; margin: 0 0 0 5%; }
#allthreebox .containerbigbg:nth-child(2n) .domeimg {
 margin: 0 5% 0 0;
}
#allthreebox .domebox .domeimg img { width: 100%; }
#allthreebox .domebox .domeboxtext h3 { font-size: 32px; font-weight: bold; color: #000000; line-height: 32px; margin-bottom: 10px; }
#allthreebox .domebox .domeboxtext ul { display: block; margin: 20px 0 40px 0; }
#allthreebox .domebox .domeboxtext li { font-size: 16px; font-weight: 400; color: #000000; line-height: 35px; padding: 0 0 0 15px; position: relative; }
#allthreebox .domebox .domeboxtext li:before { width: 8px; height: 8px; display: inline-block; content: ' '; position: absolute; top: 14px; ; left: 0; background: linear-gradient(0deg, #2363F6 0%, #BED2FF 100%); border-radius: 50%; }
#allthreebox .allbtn { margin-top: 28px; }
#allthreebox a.jianbinatwobtnborder { border: 1px solid #4E81F7; font-size: 18px; font-weight: 400; color: #4e81f7; margin-left: 10px; }
#allthreebox a.jianbinatwobtnborder:hover { background: #4E81F7; color: #ffffff; }
/*不一样的区域*/
#allthreebox .containerbigbg .domebox { margin-left: -20px; margin-right: -20px; }
#allthreebox .containerbigbg:nth-child(2n) {
 background: #F4F8FF;
}
#allthreebox .containerbigbg:nth-child(2n) .domebox .domeboxtext {
 display: inline-block;
 float: right;
 padding-top: 8%;
}
#allthreebox .containerbigbg:nth-child(2n) .domebox .domeimg {
 display: inline-block;
 float: left;
 text-align: right;
}
/*新闻区域*/
#newbox { padding: 80px 0 40px 0; }
#comtitlejstwo { position: relative; }
#newbox #comtitlejstwo a.morebtn { position: absolute; top: 6px; right: 13px; width: 109px; height: 44px; background: #5897ff; border-radius: 4px; font-size: 18px; font-weight: 400; color: #FFFFFF; line-height: 44px; text-align: center; padding: 0 0 0 7px; }
#newbox #comtitlejstwo a.morebtn i { width: 22px; height: 21px; background: url(../images/righticon1.png) no-repeat center; background-size: 7px; margin: 1px 0 0 -3px; display: inline-block; vertical-align: text-top; }
#newbox #comtitlejstwo a.morebtn:hover { box-shadow: 0px 6px 12px 0px rgb(0 0 0 / 20%); }
#newbox .newall { display: block; overflow: hidden; margin: 50px auto 50px 0; }
#newbox .newright, #newbox .newleft { width: 50%; float: left; padding: 0 14px; }
#newbox .newleft .imgbig { border-radius: 24px; ; }
#newbox .newleft .textbox h3 { font-size: 22px; font-weight: 400; color: #000000; line-height: 28px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 100px 0 0; position: relative; margin: 24px 0 10px 0; }
#newbox .newleft .textbox h3 span { position: absolute; top: 3px; right: 4px; font-size: 16px; font-weight: 400; color: #454545; line-height: 24px; }
#newbox .newleft .textbox p { font-size: 15px; font-weight: 400; color: #454545; line-height: 24px; }
#newbox .newleft .textbox i { width: 100%; height: 1px; background: #CCCCCC; display: block; margin: 20px 0 0 0; }
#newbox .newleft a:hover .textbox h3 { color: #5897ff; }
#newbox .newright { display: block; overflow: hidden; }
#newbox .newright li { width: 100%; /*height: 134px;*/ background: #eef5ff; color: #ffffff; border-radius: 10px; margin: 0 0 15px 0; }
#newbox .newright li a { display: block; position: relative; padding: 25px 50px 18px 30px; background: url(../images/righticon1h.png) no-repeat 96% center; background-size: 9px; }
#newbox .newright li p { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; font-weight: 400; color: #000000; line-height: 24px; }
#newbox .newright li span { font-size: 15px; font-weight: 400; color: #666666; line-height: 24px; margin: 5px 0 6px 0; display: block; }
#newbox .newright li.on, #newbox .newright li:hover { background: #5897ff; }
#newbox .newright li.on a span, #newbox .newright li.on a p, #newbox .newright li:hover a span, #newbox .newright li:hover a p { color: #ffffff; }
#newbox .newright li.on a, #newbox .newright li:hover a { background: url("../images/righticon1.png") no-repeat 96% center; background-size: 9px; }
/*他们都在使用企孟CRM*/
#userbox { padding: 80px 0; display: block; background: url("../images/homenewbg.png") no-repeat center #e3efff; background-size: 100% 100%; }
#userbox .logoswr { margin-top: 40px; padding: 0 5px; }
#userbox .logoswr .swiper-slide a { display: block; background: #FFFFFF; /*border-radius: 10px;*/ overflow: hidden; }
#userbox .logoswr .imgbig { width: 38%; float: left; font-size: 0; }
#userbox .logoswr .swiper-slide a .text { /*width: 60%;*/ float: left; height: 365px; padding: 60px 50px 0 80px; background: url("../images/dh.png") no-repeat 40px 40px; }
#userbox .logoswr .swiper-slide a .text p { font-size: 18px; font-weight: 600; color: #3e3e3e; line-height: 38px; margin-bottom: 74px; max-width:608px; }
#userbox .logoswr .swiper-slide a .text .saytext h4 { font-size: 22px; font-weight: bold; color: #343434; line-height: 38px; margin-right: 20px; text-align:right; }
#userbox .logoswr .swiper-slide a .text .saytext img { float: right; }
#userbox .swiper-pagination-bullet-active { width: 20px; border-radius: 6px; }
#userbox .alllogo ul { display: block; overflow: hidden; margin: 20px 0 0 0; }
#userbox .alllogo li { width: 20%; padding: 4px; float: left; position: relative; }
#userbox .alllogo li a { display: block; border-radius: 4px; overflow: hidden; font-size: 0; padding: 0 24px; background: #f4f8ff; }
#userbox .alllogo li a img { width: 100%; transition: all 0.3s; }
#userbox .alllogo li a:hover { box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 20%); }
#userbox .alllogo li a img:hover { transform: scale(1.12); }
#userbox a.morebtn { width: 500px; height: 66px; border-radius: 66px; background: #5897ff; font-size: 24px; font-weight: 400; color: #FFFFFF; display: block; margin: 30px auto 0 auto; line-height: 66px; text-align: center; }
#userbox a.morebtn i { width: 24px; height: 24px; background: url(../images/righticon1.png) no-repeat center; background-size: 10px; margin: 3px 0 0 0; display: inline-block; vertical-align: text-top; }
#userbox a.morebtn:hover { background: #2262F5; }