.group-banner{ height: 500px; background-repeat: no-repeat; background-position: center; } 
.group-banner h1{ display: none;}

*{ box-sizing: border-box; margin: 0; padding: 0;}
.tranf{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; }
.group{ background: #f2f2f2 url("/public/images/group/loading.png") no-repeat top 180px center; }
.group-content{  position: relative; background: url("/public/images/group/bg1.jpg") no-repeat top center;}
.group-tool{ position: absolute; left: 50%; top: -80px; width: 1200px; transform: translate(-50%, 0px); background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(213, 213, 213, 0.4); transition: all .3s linear;}
.group-tool .grid-inner{ position: relative; }
.group-tool .group-tool-main{ width: 100%; padding: 15px 0; }
.group-tool.fixed{ position: fixed; top: 0; width: 100%; border-radius: 0; z-index: 90; }
.group-tool-list li{ float: left; width: 33.33%;}
.group-tool-item{ position: relative; padding-left: 40px;}
.group-tool-item > img{ float: left; margin-right: 20px;}
.group-tool-item h3{ font-size: 20px; color: #222; line-height: 1.5; font-weight: bold; margin-bottom: 10px;}
.group-tool-item p{ font-size: 16px; color: #555; line-height: 1.5;}
.group-tool-item .login-btn{ display: block; font-size: 16px; color: #1290e7; text-align: center; line-height: 40px; width: 130px; border-radius: 20px; border: 1px solid #1290e7; transition: all 0.3 linear;}
.group-tool-item .login-btn:hover{ background-color: #1290e7; color: #fff;}
.group-tool-list .li1 .group-tool-item,.group-tool-list .li2 .group-tool-item{ margin: 20px 0; padding-left: 150px; border-right: 1px dashed #d1d1d1; }
.group-tool-list .li1{ width: 32%;}
.group-tool-list .li2{ width: 35%;}
.group-tool-item > img{ position: absolute; left: 45px; top: 5px; }
.group-tool-list .li3{width: 33%;  }
.li3 .group-tool-item{ padding: 0 50px;}
.tool-item-code{ float: left; width: 50%; text-align: center; }
.tool-item-code img{ width: 112px; height: 112px;}
.tool-item-code span{ display: block; font-size: 14px; color: #888; line-height: 20px; }

.group-module{ padding: 100px 0;}
.group-module .title{ position: relative; margin-bottom: 40px; text-align: center; padding-bottom: 15px;}
.group-module .title::before{ display: block; content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 30px; height: 5px; background-color: #1290e7;}
.group-module .title h2{ display: block; font-size: 36px; color: #222; line-height: 60px; font-weight: bold;}
.ys-list li{ float: left; width: 382px; margin-right: 32px; margin-bottom: 30px;}
.ys-list li:nth-child(3n){ width: 372px; margin-right: 0;}
.ys-list .item{ border-radius: 10px; position: relative; }
.ys-list .item .pic{position: relative; z-index: 1; border-radius: 10px; overflow: hidden;}
.ys-list .item .intro{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; padding: 0 35px; box-sizing: border-box; text-align: center; display: flex; display:-webkit-flex; justify-content: center; align-items:center; flex-direction:column; }
.ys-list .item .intro img{ display: block; width: 52px; height: 52px; margin-bottom: 10px; }
.ys-list .item .intro h3{ font-size: 22px; color: #fff; line-height: 40px; font-weight: bold; margin-bottom: 10px;}
.ys-list .item .intro p{ font-size: 16px; color: #fff; line-height: 24px;}
.ys-list .item:hover{ transform: translateY(-10px); box-shadow: 0 0 30px rgba(117, 121, 135, 0.5); }

.welfare{ padding: 0; }
.welfare-mian{ height: 499px; background: url("/public/images/group/bg2.jpg") no-repeat top center;  display: flex; display:-webkit-flex; justify-content: center; align-items:center; flex-direction:column;}
.welfare-list > li{ position: relative; margin-bottom: 15px; padding-left: 70px; }
.welfare-list > li > img{ position: absolute; left: 0; top: 0;}
.welfare-list > li h3{ font-size: 22px; color: #fff; font-weight: bold; line-height: 40px;}
.welfare-list > li strong{ color: #fff443;}
.welfare-list > li p{ font-size: 16px; color: #fff; line-height: 1.6;}
.welfare-box{ margin-top: 10px; width: 620px; height: 161px; padding: 25px; border-radius: 6px;  background: url("/public/images/group/welfarebg.png") no-repeat top center; }
.welfare-list2 li{ position: relative; padding-left: 38px; font-size: 16px; color: #0d84d4; line-height: 30px; margin-bottom: 10px;}
.welfare-list2 li img{ position: absolute; left: 0; top: 4px;}

.Medinet-mian{ overflow: hidden;}
.Medinet-mian .left{ float: left; }
.Medinet-mian .right{ float: right; width: 40%; }
.Medinet-list dt{ margin-bottom: 15px;}
.Medinet-list dt h3{ font-size: 22px; color: #222; line-height: 40px; font-weight: bold;}
.Medinet-list dd{ position: relative; padding: 10px 0 10px 85px; margin-bottom: 10px;}
.Medinet-list dd img{ position: absolute; left: 5px; top: 0;}
.Medinet-list dd p{ font-size: 18px; color: #555; line-height: 32px;}
.Medinet-list dd p strong{ color: #ff6702; font-size: 22px;}
.Medinet-list dd .tip-text{ font-size: 14px; color: #555; line-height: 1; margin-top: 5px;}
.Medinet-bottom{ position: relative; margin-top: 50px; padding: 35px 60px 35px 200px; background: #fff; border-radius: 10px; box-shadow: 0 0 20px rgba(212, 212, 212, 0.25); }
.Medinet-bottom img{ position: absolute; left: 60px; top: 40px;}
.Medinet-bottom h3{ font-size: 22px; color: #222; line-height: 40px; font-weight: bold;}
.Medinet-bottom p{ font-size: 18px; color: #555555; line-height: 40px;}
.Medinet-link li{ float: left; margin-right: 60px;}
.Medinet-link li p{ float: left;}
.Medinet-link li a{display: block; float: left; font-size: 16px; color: #1290e7; text-align: center; line-height: 38px; width: 120px; border-radius: 20px; border: 1px solid #1290e7; transition: all 0.3 linear; }
.Medinet-link li a:hover{ background-color: #1290e7; color: #fff;}

.onestop{ background: url("/public/images/group/bg3.jpg") no-repeat top center; }
.onestop-list { height: 520px; overflow: hidden; }
.onestop-list > li{ float: left; width: 33.33%; overflow: hidden;  transition: all 0.3s linear; }
.onestop-list > li.min{ width: 17%;}
.onestop-list > li.active { width: 66%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
.onestop-list > li .onestop-item{ position: relative; overflow: hidden; background-color: #fff; width: 100%; height: 520px; border-left: 1px solid #ccc;}
.onestop-list > li:first-child .onestop-item{ border-left: none;}
.onestop-list > li.active .onestop-item{  box-shadow: 0 0 30px rgba(117, 121, 135, 0.39); }
.onestop-list > li .onestop-item-title{ position: absolute; left: 0; top: 0; z-index: 2; height: 100%; width: 204px; box-sizing: border-box; background: #1290e7 ; display: flex; display:-webkit-flex; justify-content: center; align-items:center; flex-direction:column;}
.onestop-list > li.active .onestop-item-title{ -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
.onestop-list > li .onestop-item-title img{ position: absolute; left: 50%; top: 40px; transform: translateX(-50%);}
.onestop-list > li .onestop-item-title strong{ display: block; width: 36px; font-size: 36px; color: #fff; line-height: 60px; text-align: center;}
.onestop-list > li .onestop-item-main{ position: absolute; left: 198px; top: 0; z-index: 1; overflow: hidden; width: 605px; height: 520px; float: left; background:url("/public/images/group/onestopbg.png") no-repeat bottom right -30px;  }
.onestop-list > li.active .onestop-item-main{  }
.onestop-list > li:first-child .onestop-item-list{ margin: 60px 40px 0 30px;}
.onestop-list > li:first-child .onestop-item-list li{ margin-bottom: 25px;}
.onestop-list > li:first-child .onestop-item-list li h3{ margin-bottom: 10px;}
.onestop-list > li:last-child .onestop-item-main{ background: url("/public/images/group/onestopbg1.jpg") no-repeat bottom right !important; }
.onestop-item-list { display: block; width: 525px; margin: 40px 40px 0 30px;}
.onestop-item-list li{ position: relative; margin-bottom: 15px; padding-left: 26px; background: url("/public/images/group/dot.png") no-repeat left top 8px;}
.onestop-item-list li h3{ font-size: 20px; color: #222; line-height: 28px; font-weight: bold;}
.onestop-item-list li p{ font-size: 18px; color: #555; line-height: 28px;}

.case{ padding: 50px 0; background: url("/public/images/group/bg4.jpg") no-repeat top center;}
.case .title h2{ color: #fff;}
.case .title::before{ background-color: #fff;}
.case-list{ margin: 0 -14px; padding-bottom: 30px;}
.case-item{ transform: translateY(0px); margin: 14px; border-radius: 10px; background-color: #fff;  display: block; box-shadow: 0 0 21px rgba(93, 127, 137, 0.44);}
.case-item:hover{ transform: translateY(-10px); box-shadow: 0 0 30px rgba(117, 121, 135, 0.39); }
.case-item .pic{ border-top-left-radius: 10px;  border-top-right-radius: 10px; overflow: hidden;}
.case-item .pic img{ width: 100%;}
.case-item .intro{ height: 300px; padding: 25px; border-bottom-left-radius: 10px;  border-bottom-right-radius: 10px;}
.case-item .intro h3{ max-height: 60px; overflow: hidden; font-size: 18px; color: #555; line-height: 30px; font-weight: bold; margin-bottom: 10px;}
.case-item .intro p{ font-size: 18px; color: #555; text-align: justify; padding-right: 5px; line-height: 30px; height: 180px; overflow-y: auto; }
.case-list .swiper-pagination .swiper-pagination-bullet{ background-color: #fff; width: 15px; border-radius: 4px; opacity: 1; }
.case-list .swiper-pagination .swiper-pagination-bullet-active{ width: 40px;}
.swiper-slide:nth-child(2) .case-item .intro p{ height: 210px;}