#planMain {width:100%; height: auto; overflow: hidden; background: url(../images/bgn15.png) center 50px no-repeat;} #planMain .sortName {line-height:54px; padding-top:106px; text-align: center; font-size:36px;} #planMain .sortMs {line-height:45px; font-size:16px; text-align: center;} #planMain .groupPart {width:100%; height: auto; overflow: hidden; padding-bottom:112px; position: relative;} #planMain .groupPart .sortName2 {line-height:59px; text-align: center; font-size:24px; position: relative;} #planMain .groupPart:nth-child(5) .sortName2 {color:#ffffff; padding-top:60px;} #planMain .groupPart .sortName2::before {width:40px; height:4px; overflow: hidden; position: absolute; left:50%; bottom:0px; margin-left:-20px; content:''; background:#94D401;} #planMain .groupPart .sortName2::after {width:100px; height:4px; overflow: hidden; position: absolute; left:50%; bottom:7px; margin-left:-50px; content:''; background:#009FE0;} #planMain .groupPart .sortMs2 {padding-top:18px; padding-bottom:22px; margin:0px auto; line-height:25px; font-size:14px; text-align: center;} #planMain .groupPart:nth-child(3) .sortMs2{width:780px;} #planMain .groupPart:nth-child(5) .sortMs2{width:780px; color:#ffffff;} #planMain .groupPart:nth-child(7) .sortMs2{width:568px;} #planMain .groupPart:nth-child(3) {margin-top:70px;} #planMain .groupPart:nth-child(5) {background: url(../images/bgn38.png) no-repeat; background-size: cover;} #planMain .groupPart:nth-child(7) {margin-top:38px;} #planMain .groupPart .list {width:1300px; height:480px; overflow: hidden; margin:0px auto;} #planMain .groupA .list .swiper-slide {width:640px; height:480px; overflow: hidden; margin-right:20px; float: left;} #planMain .groupA .list .swiper-slide:last-child {margin-right:0px;} #planMain .groupA .list .item {width:100%; height:100%; overflow: hidden; position: relative; background-repeat: no-repeat; background-position:center center; background-size:100% 100%;} #planMain .groupB .list .swiper-slide {width:420px; height:480px; overflow: hidden; margin-right:20px; float: left;} #planMain .groupB .list .swiper-slide:last-child {margin-right:0px;} #planMain .groupB .list .item {width:100%; height:100%; overflow: hidden; position: relative; background-repeat: no-repeat; background-position:center center; background-size:100% 100%;} /* #planMain .groupPart .swiperbuttonprev,#planMain .groupPart .swiperbuttonnext {width:30px; height:30px; overflow: hidden; position: absolute; bottom:42px;} #planMain .groupPart .swiperbuttonprev {background: url(../images/bgn22.png) no-repeat; left:50%; margin-left:-33px;} #planMain .groupPart .swiperbuttonnext {background: url(../images/bgn23.png) no-repeat; right:50%; margin-right:-33px;} #planMain .groupPart .swiper-button-disabled {opacity:.4;} */ #theDom44 .item {padding-left:40px; padding-top:100px; box-sizing: border-box;} #theDom44 .item .sortName3 {font-size:18px; line-height:37px; color:#ffffff;} #theDom44 .item .sortMs3 {padding-top:7px; width:310px; font-size:15px; line-height:25px; color:#ffffff;} #theDom44 .item .sortlist {position: absolute; left:100px; top:218px;} #theDom44 .item .sortlist ul li {width:128px; height:38px; overflow: hidden; float: left; margin-right:18px; margin-bottom:21px; border:1px solid #fff; border-radius:3px; line-height:38px; text-align: center; font-size:14px;} #theDom44 .item .sortlist ul li a{color:#ffffff; text-decoration:none;} #theDom44 .item .sortlist ul li:nth-child(3n) {clear: right; margin-right:0px;} #theDom44 .item .more {width:97px; height:35px; overflow: hidden; position: absolute; left:100px; top:400px; background: url(../images/bgn11.png) right center no-repeat; line-height:35px; font-size:16px;} #theDom44 .item .more a{color:#fff; text-decoration:none;} #theDom45 .item {padding-left:100px; padding-top:102px; box-sizing: border-box;} #theDom45 .item .sortName3 {font-size:18px; line-height:37px; color:#ffffff;} #theDom45 .item .sortMs3 {padding-top:7px; width:310px; font-size:14px; line-height:25px; color:#ffffff;} #theDom45 .item .more {width:97px; height:35px; overflow: hidden; position: absolute; left:100px; top:360px; background: url(../images/bgn11.png) right center no-repeat; line-height:35px; font-size:16px;} #theDom45 .item .more a{color:#fff; text-decoration:none;} #theDom46 .item {padding-left:40px; padding-top:100px; box-sizing: border-box;} #theDom46 .item .sortName3 {font-size:18px; line-height:37px; color:#ffffff;} #theDom46 .item .sortMs3 {padding-top:21px; width:310px; font-size:14px; line-height:25px; color:#ffffff;} #theDom46 .item .more {width:97px; height:35px; overflow: hidden; position: absolute; left:40px; top:400px; background: url(../images/bgn11.png) right center no-repeat; line-height:35px; font-size:16px;} #theDom46 .item .more a{color:#fff; text-decoration:none;} #SzhjsPart {width:100%; height: auto; overflow: hidden; padding-bottom:105px;} #SzhjsPart .sortName {line-height:54px; padding-top:19px; text-align: center; font-size:36px;} #SzhjsPart .sortMs {line-height:28px; font-size:16px; text-align: center; padding-top:10px; padding-bottom:56px; width:630px; margin:0px auto;} #SzhjsPart .middle {background:#F5F5F5; position: relative;} #SzhjsPart .middle .center {width:1300px; height:586px; overflow: hidden; margin:0px auto;} #SzhjsPart .middle .center .left {width:580px; height:100%; overflow: hidden; float: left; position: relative; padding-top:14px; box-sizing: border-box; padding-left:100px; background: url(../images/bgn37.png) right top no-repeat; background-size:auto 100%;} #SzhjsPart .middle .center .left::after {width:43px; height:428px; overflow: hidden; position: absolute; left:0px; bottom:0px; background:#94D40B; content:'';} #SzhjsPart .middle .center .left .title {width:380px; line-height:35px; font-size:16px; color:#ffffff; padding-top:20px; padding-bottom:9px;} #SzhjsPart .middle .center .left .miaoshu {width:450px; line-height:25px; font-size:14px; color:#ffffff;} #SzhjsPart .middle .center .right {padding-left:64px; padding-top:109px; float: left; height:100%; box-sizing: border-box; position: relative;} #SzhjsPart .middle .center .right::after {width:247px; height:52px; overflow: hidden; position: absolute; left:24px; bottom:0px; content:''; background: url(../images/bgn15.png) no-repeat; background-size:100% 100%;} #SzhjsPart .middle .leftbg {position: absolute; left:0px; right:50%; margin-right:650px; top:0px; bottom:0px; background:#269afd;} @media screen and (max-width: 1366px){ #planMain .groupPart:nth-child(3) .sortMs2{width:780px; padding-bottom:51px;} #planMain .groupPart .list {width:942px; height:385px;} #planMain .groupA .list .swiper-slide {width:461px; height:385px;} #planMain .groupPart.groupB .list {height:446px;} #planMain .groupB .list .swiper-slide {width:300px; height:446px;} #theDom44 .item {padding-left:20px; padding-top:58px;} #theDom44 .item .sortlist {position: absolute; left:20px; top:167px;} #theDom44 .item .more {left:20px; top:308px;} #theDom45 .item {padding-left:20px; padding-top:37px;} #theDom45 .item .more {left:20px; top:293px;} #theDom46 .item {padding-left:20px; padding-top:75px;} #theDom46 .item .sortMs3 {width:238px;} #theDom46 .item .more {left:20px; top:374px;} #SzhjsPart .middle .center {width:942px;} #SzhjsPart .middle .center .left {width:500px; padding-left:45px;} #SzhjsPart .middle .center .left::after {width:20px;} #SzhjsPart .middle .center .right {padding-left:0px; padding-top:150px;} #SzhjsPart .middle .center .right img {width:440px;} #SzhjsPart .middle .center .right::after {width:247px; height:52px; overflow: hidden; position: absolute; left:24px; bottom:0px; content:''; background: url(../images/bgn15.png) no-repeat; background-size:100% 100%;} #SzhjsPart .middle .leftbg {margin-right:471px;} } @media screen and (min-width: 1367px){ #planMain .groupPart.groupC .list {height: auto;} #planMain .groupPart.groupC .list .swiper-wrapper {display: block; height: auto;} #planMain .groupPart.groupC .list .swiper-wrapper .swiper-slide {width:420px; height:480px; overflow: hidden; margin-right:20px; float: left;} #planMain .groupPart.groupC .list .swiper-wrapper .swiper-slide:nth-child(3n) {margin-right:0px; margin-bottom:20px;} #planMain .groupPart.groupC .list .swiper-wrapper .swiper-slide .item {width:100%; height:100%; overflow: hidden; position: relative; background-repeat: no-repeat; background-position:center center; background-size:100% 100%;} } @media screen and (min-width: 1025px) and (max-width: 1366px){ #planMain .groupPart.groupC .list {height: auto;} #planMain .groupPart.groupC .list .swiper-wrapper {display: block; height: auto;} #planMain .groupPart.groupC .list .swiper-wrapper .swiper-slide {width:461px; height:385px; overflow: hidden; margin-right:20px; float: left;} #planMain .groupPart.groupC .list .swiper-wrapper .swiper-slide:nth-child(2n) {margin-right:0px; margin-bottom:20px;} #planMain .groupPart.groupC .list .swiper-wrapper .swiper-slide .item {width:100%; height:100%; overflow: hidden; position: relative; background-repeat: no-repeat; background-position:center center; background-size:100% 100%;} } @media screen and (max-width: 1024px){ #planMain {background: url(../images/bgn15.png) center 50px no-repeat; background-size:689px auto;} #planMain .sortName {line-height:52px; padding-top:52px; font-size:30px;} #planMain .sortMs {line-height:36px; font-size:20px; width:520px; margin:0px auto;} #planMain .groupPart {padding-bottom:112px;} #planMain .groupPart .sortName2 {line-height:64px; font-size:30px;} #planMain .groupPart:nth-child(5) .sortName2 {color:#ffffff; padding-top:55px;} #planMain .groupPart .sortMs2 {padding-top:18px; padding-bottom:22px; margin:0px auto; line-height:35px; font-size:20px; text-align: center;} #planMain .groupPart:nth-child(3) .sortMs2{width:610px;} #planMain .groupPart:nth-child(5) .sortMs2{width:610px; color:#ffffff; padding-bottom:60px;} #planMain .groupPart:nth-child(7) .sortMs2{width:570px; padding-bottom:40px;} #planMain .groupPart:nth-child(3) {margin-top:47px;} #planMain .groupPart:nth-child(5) {background: url(../images/bgn38.png) no-repeat; background-size: cover;} #planMain .groupPart:nth-child(7) {margin-top:38px; padding-bottom:0px;} #planMain .groupPart .list {width:750px; height:auto;} #planMain .swiper-wrapper {display: block;} #planMain .groupA .list .swiper-slide {width:710px; height:auto; margin:0px auto; float: none; margin-bottom:20px;} #planMain .groupA .list .swiper-slide:last-child {margin:0px auto;} #planMain .groupA .list .item {width:100%; height:auto;} #planMain .groupPart.groupB .list {height:auto;} #planMain .groupB .list .swiper-slide {width:710px; height:auto; margin:0px auto; float: none; margin-bottom:20px;} #planMain .groupB .list .swiper-slide:last-child {margin:0px auto;} #theDom44 .item {padding-left:20px; padding-top:44px;} #theDom44 .item .sortName3 {font-size:24px; line-height:43px;} #theDom44 .item .sortMs3 {padding-top:17px; width:600px; font-size:20px; line-height:36px;} #theDom44 .item .sortlist {position:relative; left:0px; top:0px;; padding-left:0px; padding-top:40px; width:620px; overflow: hidden;} #theDom44 .item .sortlist ul li {width:170px; height:51px; line-height:51px; font-size:20px;} #theDom44 .item .more {width:110px; height:38px; overflow: hidden; position:relative; left:0px; top:0px; margin-left:0px; margin-top:78px; margin-bottom:59px; background: url(../images/bgn11.png) right center no-repeat; line-height:38px; font-size:20px;} #theDom45 .item {padding-left:20px; padding-top:44px;} #theDom45 .item .sortName3 {font-size:24px; line-height:43px; } #theDom45 .item .sortMs3 {padding-top:17px; width:600px; font-size:20px; line-height:36px;} #theDom45 .item .more {width:110px; height:38px; overflow: hidden; position:relative; left:0px; top:0px; margin-left:0px; margin-top:78px; margin-bottom:59px; background: url(../images/bgn11.png) right center no-repeat; line-height:38px; font-size:20px;} #theDom46 .item {padding-left:20px; padding-top:44px;} #theDom46 .item .sortName3 {font-size:24px; line-height:43px; } #theDom46 .item .sortMs3 {padding-top:17px; width:600px; font-size:20px; line-height:36px;} #theDom46 .item .more {width:110px; height:38px; overflow: hidden; position:relative; left:0px; top:0px; margin-left:0px; margin-top:78px; margin-bottom:59px; background: url(../images/bgn11.png) right center no-repeat; line-height:38px; font-size:20px;} #SzhjsPart {padding-bottom:0px;} #SzhjsPart .sortName {line-height:38px; padding-top:92px; font-size:30px;} #SzhjsPart .sortMs {line-height:35px; font-size:20px; padding-bottom:80px; width:560px;} #SzhjsPart .middle {background:none;} #SzhjsPart .middle .center {width:710px; height:auto; margin:0px auto;} #SzhjsPart .middle .center .left {width:710px; height:auto; padding-top:42px; padding-left:65px; padding-bottom:92px;} #SzhjsPart .middle .center .left::after {width:22px;} #SzhjsPart .middle .center .left .title {width:380px; line-height:43px; font-size:24px; color:#ffffff; padding-top:38px; padding-bottom:9px;} #SzhjsPart .middle .center .left .miaoshu {width:600px; line-height:35px; font-size:20px;} #SzhjsPart .middle .center .right {padding-left:0px; padding-top:0px; height:auto;} #SzhjsPart .middle .center .right img {width:710px; height: auto;} #SzhjsPart .middle .center .right::after {width:247px; height:52px; overflow: hidden; position: absolute; left:24px; bottom:0px; content:''; background: url(../images/bgn15.png) no-repeat; background-size:100% 100%;} #SzhjsPart .middle .leftbg {position: absolute; left:0px; right:50%; margin-right:650px; top:0px; bottom:0px; background:#009FE0;} }