/*首页轮播图*/ #indexSwiper {width:100%; height:750px; overflow: hidden;} #indexSwiper .item {height:750px; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position:center center;} #indexSwiper .item .cove {width:100%; height:100%; overflow: hidden; background: rgba(0, 0, 0, .45); display: none;} #indexSwiper .item .title {font-size:48px; color:#fff; line-height:66px; padding-bottom:28px; text-align: center; padding-top:303px;} #indexSwiper .item .miaoshu {width:720px; height: auto; overflow: hidden; margin:0px auto; font-size:16px; color:#fff; text-align: center; line-height:28px;} #indexSwiper .swiper-pagination {bottom:142px;} #indexSwiper .swiper-pagination-bullet {background:#fff; opacity:1;} #indexSwiper .swiper-pagination-bullet-active.swiper-pagination-bullet {width:40px; border-radius:4px; background:#99CC01;} @media screen and (max-width: 1366px){ #indexSwiper {height:550px;} #indexSwiper .swiper-pagination {bottom:132px;} #indexSwiper .item {height:550px;} #indexSwiper .item .title {font-size:36px; line-height:53px; padding-top:183px; padding-bottom:8px;} #indexSwiper .item .miaoshu {width:620px; font-size:14px; line-height:24px;} } @media screen and (max-width: 1024px){ #indexSwiper {height:1100px;} #indexSwiper .swiper-pagination {bottom:162px;} #indexSwiper .item {height:1100px; background-size:auto 100%;} #indexSwiper .item .title {width:550px; height: auto; overflow:hidden; margin:0px auto; padding-top:330px; font-size:60px; line-height:105px;} #indexSwiper .item .miaoshu {width:625px; font-size:24px; line-height:43px;} } /*轮播图下的产品类别*/ #proSortList {width:1300px; height: auto; overflow: hidden; margin:0px auto; margin-top:-93px; position: relative; z-index:1000; display: flex;align-items:stretch; background:#269afd; box-shadow:0px 0px 15px rgba(58, 58, 58, .5);} #proSortList .item {width:33.333%; height:auto; overflow: hidden; position: relative; z-index:1001; text-align: center;} #proSortList .item a{text-decoration: none;} #proSortList .item .icon {padding-top:28px;} #proSortList .item .icon img {width:70px; height:70px;} #proSortList .item .title {width:90%; height:31px; overflow: hidden; padding-top:7px; margin:0px auto; line-height:31px; font-size:18px; color:#fff;} #proSortList .item .miaoshu {width:90%; height:auto; overflow: hidden; margin:0px auto; padding-bottom:22px; line-height:24px; font-size:14px; color:#fff;} #proSortList .item.on {background:#389cf1; z-index:1010; box-shadow:0px 0px 15px rgba(58, 58, 58, .5);} @media screen and (max-width: 1366px){ #proSortList {width:984px; margin-top:-99px;} #proSortList .item .icon {padding-top:26px;} #proSortList .item .icon img {width:58px; height:58px;} #proSortList .item .title {padding-top:12px; font-size:16px;} #proSortList .item .miaoshu {width:260px; line-height:150%; padding-top:5px;} } @media screen and (max-width: 1024px){ #proSortList {width:710px; margin-top:-125px;} #proSortList .item .title {font-size:24px;} #proSortList .item .miaoshu {width:175px; font-size:20px; line-height:130%; padding-top:10px;} } /*产品类别*/ #proInfoPart {width:100%; height: auto; overflow: hidden; padding-top:97px;} #proInfoPart .sortName {line-height:54px; text-align: center; font-size:36px;} #proInfoPart .sortMs {line-height:41px; text-align: center; padding-bottom:23px; font-size:16px;} #proInfoPart .swiper-slide {background-repeat: no-repeat; background-size: cover; background-position: center center;} #proInfoPart .item {width:1098px; height:550px; overflow: hidden; margin:0px auto; position: relative; color:#fff;} #proInfoPart .item .logo {padding-top:85px;} #proInfoPart .item .logo img {width:247px;} #proInfoPart .item .title {line-height:43px; font-size:24px; padding-top:18px; color:#fff;} #proInfoPart .item .miaoshu {width:625px; height: auto; overflow: hidden; padding-top:19px; line-height:25px; font-size:14px;} #proInfoPart .item .list {position: absolute; left:0px; top:353px;} #proInfoPart .item .list a {width:auto; min-width:161px; height:73px; overflow: hidden; float: left; margin-right:13px; padding:0px 15px; box-sizing: border-box; display: block; background:#269afd; line-height:73px; text-align: center; font-size:16px;color:#fff;} #proInfoPart .item .list a:hover {color:#fff; text-decoration:none; background:#99CC01;} #proInfoPart .swiper-pagination {bottom:50px;} #proInfoPart .swiper-pagination-bullet {width:105px; height:5px; overflow: hidden; border-radius:0px; background:#BBBFC2; opacity:1;} #proInfoPart .swiper-pagination-bullet-active.swiper-pagination-bullet {background:#99CC01;} @media screen and (max-width: 1366px){ #proInfoPart {padding-top:56px;} #proInfoPart .sortName {line-height:48px; font-size:30px;} #proInfoPart .sortMs {line-height:19px; padding-bottom:46px; font-size:14px;} #proInfoPart .item {width:904px;} } @media screen and (max-width: 1024px){ #proInfoPart {padding-top:84px;} #proInfoPart .sortName {line-height:54px; font-size:36px;} #proInfoPart .sortMs {line-height:53px; padding-bottom:30px; font-size:20px;} #proInfoPart .item {width:750px; height:750px;} #proInfoPart .item .logo {padding-top:122px; text-align: center;} #proInfoPart .item .title {text-align: center; line-height:49px; padding-top:23px; font-size:32px;} #proInfoPart .item .miaoshu {width:620px; margin:0px auto; padding-top:46px; padding-bottom:44px; text-align: center; font-size:20px; line-height:35px;} #proInfoPart .item .list {position: relative; left:0px; top:0px; display: flex; justify-content: center; flex-wrap: wrap;} #proInfoPart .item .list a {float: none; font-size:24px; padding:0px 15px; margin-bottom:13px;} #proInfoPart .item .list a:last-child {margin-right:0px;} } /*方案类别*/ #caseInfoPart {width:100%; height: auto; overflow: hidden; padding-top:95px; background: url(../images/bgn15.png) center 214px no-repeat;} #caseInfoPart .sortName {line-height:54px; text-align: center; font-size:36px;} #caseInfoPart .sortMs {line-height:48px; text-align: center; padding-bottom:55px; font-size:16px;} #caseInfoPart .tabs {width:1300px; height:47px; overflow: hidden; margin:0px auto; box-sizing: border-box; padding-left:102px;} #caseInfoPart .tabs .item {width: auto; height:47px; overflow: hidden; float: left; margin-right:77px; position: relative; font-size:16px; line-height:47px;} #caseInfoPart .tabs .item.on::after {width:59px; height:5px; overflow: hidden; position: absolute; left:0px; bottom:0px; content:''; background:#99CC01;} #caseInfoPart .contents {width:1300px; height:auto; overflow: hidden; margin:0px auto; margin-top:26px;} #caseInfoPart .contents .list .item {width:645px; height:450px; overflow: hidden; float: left; margin-right:10px; position: relative; margin-bottom:10px; background-repeat: no-repeat; background-position: center center; background-size: cover;} #caseInfoPart .contents .list .item:nth-child(3n) {margin-right:0px;} #caseInfoPart .contents .list .item .title {padding-top:87px; padding-left:100px; line-height:43px; color:#fff; font-size:24px;} #caseInfoPart .contents .list .item .miaoshu {padding-top:26px; padding-left:100px; width:420px; line-height:25px; color:#fff; font-size:16px; text-align: justify;} #caseInfoPart .contents .list .item .more a {width: auto; height:35px; overflow: hidden; display: block; float: left; position: absolute; left:100px; top:326px; padding-right:34px; background: url(../images/bgn11.png) right center no-repeat; line-height:35px; color:#fff; font-size:16px; text-decoration: none;} @media screen and (min-width:1025px){ #caseInfoPart .contents .list.list2 .item {width:425px;} /* #caseInfoPart .contents .list.list2 .item:nth-child(2n) {margin-right:10px;} #caseInfoPart .contents .list.list2 .item:last-child {margin-right:0px;} */ #caseInfoPart .contents .list.list2 .item:nth-child(3n) {margin-right:0px;} #caseInfoPart .contents .list.list2 .item .title {padding-left:43px;} #caseInfoPart .contents .list.list2 .item .miaoshu {padding-left:43px; width:310px;} #caseInfoPart .contents .list.list2 .item .more a {left:43px;} } @media screen and (max-width: 1366px) and (min-width:1025px){ #caseInfoPart {padding-top:66px; background: url(../images/bgn15.png) center 140px no-repeat; background-size:840px auto;} #caseInfoPart .sortName {line-height:38px; font-size:30px;} #caseInfoPart .sortMs {line-height:30px; padding-bottom:40px; font-size:14px;} #caseInfoPart .tabs {width:983px; height:50px; padding-left:40px;} #caseInfoPart .tabs .item {height:50px; line-height:50px;} #caseInfoPart .contents {width:983px; margin-top:36px;} #caseInfoPart .contents .list .item {width:486px; height:400px;} #caseInfoPart .contents .list .item .title {padding-top:81px; padding-left:38px;} #caseInfoPart .contents .list .item .miaoshu {padding-top:10px; padding-left:38px; width:390px;} #caseInfoPart .contents .list .item .more a {left:38px; top:325px;} #caseInfoPart .contents .list.list2 .item {width:321px;} #caseInfoPart .contents .list.list2 .item .title {padding-left:40px;} #caseInfoPart .contents .list.list2 .item .miaoshu {padding-left:40px; width:240px;} #caseInfoPart .contents .list.list2 .item .more a {left:40px;} } @media screen and (max-width: 1024px){ #caseInfoPart {padding-top:65px; background: url(../images/bgn15.png) center 168px no-repeat; background-size:800px auto;} #caseInfoPart .sortName {line-height:55px; font-size:36px;} #caseInfoPart .sortMs {line-height:46px; padding-bottom:31px; font-size:20px;} #caseInfoPart .tabs {width:750px; height:54px; display:flex; justify-content: center; padding-left:0px;} #caseInfoPart .tabs .item {height:54px; line-height:54px; font-size:20px; float: none; margin-right:55px;} #caseInfoPart .tabs .item:last-child {margin-right:0px;} #caseInfoPart .contents .list .item:nth-child(2n) {margin-right:auto;} #caseInfoPart .contents {width:750px; margin-top:36px;} #caseInfoPart .contents .list .item {width:710px; height:400px; float:none; margin-right:0px; margin:0px auto; margin-bottom:20px; position: relative;} #caseInfoPart .contents .list .item:last-child {margin:0px auto;} #caseInfoPart .contents .list .item:nth-child(3n) {margin-right:auto;} #caseInfoPart .contents .list .item .title {padding-top:64px; padding-left:30px; line-height:50px; font-size:32px;} #caseInfoPart .contents .list .item .miaoshu {padding-top:38px; padding-left:0px; width:650px; margin:0px auto; line-height:37px; font-size:20px;} #caseInfoPart .contents .list .item .more a {height:38px; left:30px; top:315px; padding-right:35px; line-height:38px; font-size:20px;} } /*视频部分类别*/ #videoPart {width:100%; height: auto; overflow: hidden; padding-top:81px;} #videoPart .sortName {line-height:54px; text-align: center; font-size:36px;} #videoPart .sortMs {line-height:48px; text-align: center; padding-bottom:41px; font-size:16px;} #videoPart .tabs {width:1300px; height:47px; overflow: hidden; margin:0px auto; box-sizing: border-box; padding-left:100px;} #videoPart .tabs .item {width: auto; height:47px; overflow: hidden; float: left; margin-right:77px; position: relative; font-size:16px; line-height:47px;} #videoPart .tabs .item.on::after {width:59px; height:5px; overflow: hidden; position: absolute; left:0px; bottom:0px; content:''; background:#99CC01;} #videoPart .contents {width:1300px; height:auto; overflow: hidden; margin:0px auto; margin-top:37px;} #videoPart .contents .list .item {width:420px; height:283px; overflow: hidden; float: left; margin-right:20px;} #videoPart .contents .list .item:last-child {margin-right:0px;} #videoPart .contents .list .item a:hover {text-decoration: none;} #videoPart .contents .list .item .img {width:420px; height:236px; overflow: hidden; background:#000;} #videoPart .contents .list .item .img img {width:420px; height:236px; opacity:.7;} #videoPart .contents .list .item .title {width:100%; height:34px; overflow: hidden; margin-top:13px; line-height:34px; text-align: center; font-size:14px; color:#000;} #videoPart .contents .list .item:hover .img img {opacity:1;} #videoPart .contents .list .item:hover .title {color:#00a0df;} #videoPart .more {padding-top:84px; padding-bottom:84px;} #videoPart .more a {width:95px; height:34px; overflow: hidden; display: block; margin:0px auto; background: url(../images/bgn12.png) right center no-repeat; line-height:34px; font-size:16px;} #videoPart .more a:hover {text-decoration: none;} @media screen and (max-width: 1366px){ #videoPart {padding-top:81px;} #videoPart .sortName {line-height:38px; font-size:30px;} #videoPart .sortMs {line-height:30px; padding-bottom:62px; font-size:14px;} #videoPart .tabs {width:985px; height:50px; padding-left:40px;} #videoPart .tabs .item {height:50px; line-height:50px;} #videoPart .contents {width:985px; margin-top:37px;} #videoPart .contents .list .item {width:318px; height:228px; margin-right:15px;} #videoPart .contents .list .item .img {width:318px; height:180px;} #videoPart .contents .list .item .img img {width:318px; height:180px;} #videoPart .more {padding-top:44px; padding-bottom:57px;} #videoPart .more a {width:80px; font-size:14px;} } @media screen and (max-width: 1024px){ #videoPart {padding-top:87px;} #videoPart .sortName {line-height:55px; font-size:36px;} #videoPart .sortMs {line-height:46px; padding-bottom:68px; font-size:20px;} /* #videoPart .tabs {width:750px; height:54px; display:flex; justify-content: center; padding-left:0px;} */ #videoPart .tabs {width:750px; height: auto; overflow: hidden;} #videoPart .tabs .item {height:54px; line-height:54px; font-size:20px; float: none; margin-right:64px;} #videoPart .tabs .item:last-child {margin-right:0px;} #videoPart .contents {width:750px; margin-top:37px;} #videoPart .contents .list .item {width:710px; height:520px; float:none; margin-right:0px; margin:0px auto;} #videoPart .contents .list .item:last-child {margin:0px auto;} #videoPart .contents .list .item .img {width:710px; height:400px;} #videoPart .contents .list .item .img img {width:710px; height:400px;} #videoPart .contents .list .item .title {width:100%; height:44px; margin-top:25px; line-height:44px; font-size:24px;} #videoPart .more {padding-top:21px; padding-bottom:67px;} #videoPart .more a {width:101px; height:38px; line-height:38px; font-size:20px;} } /*视频部分类别*/ #videoPartB {width:100%; height: auto; overflow: hidden;} #videoPartB .sortName {line-height:54px; text-align: center; font-size:36px;} #videoPartB .sortMs {line-height:48px; text-align: center; padding-bottom:41px; font-size:16px;} #videoPartB .tabs {width:1300px; height:47px; overflow: hidden; margin:0px auto; box-sizing: border-box; padding-left:100px;} #videoPartB .tabs .item {width: auto; height:47px; overflow: hidden; float: left; margin-right:77px; position: relative; font-size:16px; line-height:47px;} #videoPartB .tabs .item.on::after {width:59px; height:5px; overflow: hidden; position: absolute; left:0px; bottom:0px; content:''; background:#99CC01;} #videoPartB .contents {width:1300px; height:auto; overflow: hidden; margin:0px auto; margin-top:37px;} #videoPartB .contents .list .item {width:420px; height:283px; overflow: hidden; float: left; margin-right:20px;} #videoPartB .contents .list .item:last-child {margin-right:0px;} #videoPartB .contents .list .item a:hover {text-decoration: none;} #videoPartB .contents .list .item .img {width:420px; height:236px; overflow: hidden; background:#000;} #videoPartB .contents .list .item .img img {width:420px; height:236px; opacity:.7;} #videoPartB .contents .list .item .title {width:100%; height:34px; overflow: hidden; margin-top:13px; line-height:34px; text-align: center; font-size:14px; color:#000;} #videoPartB .contents .list .item:hover .img img {opacity:1;} #videoPartB .contents .list .item:hover .title {color:#00a0df;} #videoPartB .more {padding-top:84px; padding-bottom:84px;} #videoPartB .more a {width:95px; height:34px; overflow: hidden; display: block; margin:0px auto; background: url(../images/bgn12.png) right center no-repeat; line-height:34px; font-size:16px;} #videoPartB .more a:hover {text-decoration: none;} @media screen and (max-width: 1366px){ #videoPartB {} #videoPartB .sortName {line-height:38px; font-size:30px;} #videoPartB .sortMs {line-height:30px; padding-bottom:62px; font-size:14px;} #videoPartB .tabs {width:985px; height:50px; padding-left:40px;} #videoPartB .tabs .item {height:50px; line-height:50px;} #videoPartB .contents {width:985px; margin-top:37px;} #videoPartB .contents .list .item {width:318px; height:228px; margin-right:15px;} #videoPartB .contents .list .item .img {width:318px; height:180px;} #videoPartB .contents .list .item .img img {width:318px; height:180px;} #videoPartB .more {padding-top:44px; padding-bottom:57px;} #videoPartB .more a {width:80px; font-size:14px;} } @media screen and (max-width: 1024px){ #videoPartB {} #videoPartB .sortName {line-height:55px; font-size:36px;} #videoPartB .sortMs {line-height:46px; padding-bottom:68px; font-size:20px;} #videoPartB .tabs {width:750px; height: auto; overflow: hidden;} #videoPartB .tabs .item {height:54px; line-height:54px; font-size:20px; float: none; margin-right:64px;} #videoPartB .tabs .item:last-child {margin-right:0px;} #videoPartB .contents {width:750px; margin-top:37px;} #videoPartB .contents .list .item {width:710px; height:520px; float:none; margin-right:0px; margin:0px auto;} #videoPartB .contents .list .item:last-child {margin:0px auto;} #videoPartB .contents .list .item .img {width:710px; height:400px;} #videoPartB .contents .list .item .img img {width:710px; height:400px;} #videoPartB .contents .list .item .title {width:100%; height:44px; margin-top:25px; line-height:44px; font-size:24px;} #videoPartB .more {padding-top:21px; padding-bottom:67px;} #videoPartB .more a {width:101px; height:38px; line-height:38px; font-size:20px;} } /*关于我们*/ @media screen and (min-width: 1025px){ #aboutPart {width:100%; height:650px; overflow: hidden; position: relative; background:#F5F5F5;} #aboutPart .bgleft {position: absolute; right:50%; left:0px; top:75px; bottom:0px; margin-right:650px; background:#99CC01;} #aboutPart .bgright {position: absolute; left:50%; right:0px; top:0px; bottom:0px; margin-left:-437px; background:#269afd url(../images/bgn14.png) no-repeat; background-size:auto 100%;} #aboutPart .content {width:1300px; height:650px; overflow: hidden; position: absolute; left:50%; top:0px; margin-left:-650px;} #aboutPart .content .logo {padding-left:45px; padding-top:26px;} #aboutPart .content .img img {width:663px; height:575px;} #aboutPart .content .title {position: absolute; left:707px; top:90px; line-height:47px; font-size:30px; color:#fff;} #aboutPart .content .miaoshu1 {position: absolute; left:707px; top:138px; line-height:28px; font-size:16px; color:#fff;} #aboutPart .content .miaoshu2 {width:549px; height: auto; overflow: hidden; position: absolute; left:707px; top:210px; line-height:25px; font-size:15px; color:#fff; text-align: justify;} #aboutPart .content .list {width:549px; height: auto; overflow: hidden; position: absolute; left:697px; top:470px; display: flex; justify-content: space-between;} #aboutPart .content .list .item {width:100px; height:100px; overflow: hidden; text-align: center;} #aboutPart .content .list .item .txt {line-height:38px; font-size:14px; color:#fff;} } @media screen and (max-width: 1366px) and (min-width: 1025px){ #aboutPart {height:550px;} #aboutPart .bgleft {margin-right:493px; top:64px;} #aboutPart .bgright {margin-left:-355px;} #aboutPart .content {width:986px; height:550px; margin-left:-493px;} #aboutPart .content .logo {padding-left:22px; padding-top:23px;} #aboutPart .content .logo img {height:33px;} #aboutPart .content .img {padding-top:4px;} #aboutPart .content .img img {width:506px; height:486px;} #aboutPart .content .title {left:550px; top:91px; line-height:42px; font-size:24px;} #aboutPart .content .miaoshu1 {position: absolute; left:550px; top:133px;} #aboutPart .content .miaoshu2 {width:405px; height:200px; left:550px; top:188px;} #aboutPart .content .list {width:405px; left:537px; top:407px;} } @media screen and (max-width: 1024px){ #aboutPart {width:750px; height:1290px; overflow: hidden; position: relative;} #aboutPart .bgleft {width:20px; height:487px; overflow: hidden; position: absolute; left:0px; top:0px; background:#99CC01;} #aboutPart .bgright {display:none;} #aboutPart .content {width:750px; height:1290px; overflow: hidden; position: relative; background: url(../images/bgn14.png) 20px 487px no-repeat; background-size:914px 722px;} #aboutPart .content .logo img {position: absolute; right:40px; top:42px; height:37px;} #aboutPart .content .img {text-align: center;} #aboutPart .content .img img {width:710px; height:487px;} #aboutPart .content .title {width:650px; height: auto; overflow: hidden; margin:0px auto; padding-top:61px; line-height:35px; font-size:36px; color:#fff;} #aboutPart .content .miaoshu1 {width:650px; height: auto; overflow: hidden; margin:0px auto; padding-top:10px; line-height:53px; font-size:20px; color:#fff;} #aboutPart .content .miaoshu2 {width:664px; height: auto; overflow: hidden; margin:0px auto; padding-top:38px; line-height:35px; font-size:20px; color:#fff; text-align: justify;} #aboutPart .content .list {width:680px; height: auto; overflow: hidden; position: absolute; left:35px; top:1018px; display: flex; justify-content: space-between;} #aboutPart .content .list .item {width:145px; height:100px; overflow: hidden; text-align: center;} #aboutPart .content .list .item .txt {line-height:38px; font-size:20px; color:#fff;} } /*资讯部分类别*/ #zxPart {width:100%; height: auto; overflow: hidden; padding-top:100px;} #zxPart .sortName {line-height:54px; text-align: center; font-size:36px;} #zxPart .sortMs {line-height:48px; text-align: center; padding-bottom:41px; font-size:16px;} #zxPart .tabs {width:1300px; height:47px; overflow: hidden; margin:0px auto; box-sizing: border-box; padding-left:100px;} #zxPart .tabs .item {width: auto; height:47px; overflow: hidden; float: left; margin-right:77px; position: relative; font-size:16px; line-height:47px;} #zxPart .tabs .item.on::after {width:59px; height:5px; overflow: hidden; position: absolute; left:0px; bottom:0px; content:''; background:#99CC01;} #zxPart .contents {width:1300px; height:auto; overflow: hidden; margin:0px auto; margin-top:37px;} #zxPart .contents .list .item {width:420px; height:331px; overflow: hidden; float: left; margin-right:20px;} #zxPart .contents .list .item:last-child {margin-right:0px;} #zxPart .contents .list .item a:hover {text-decoration: none;} #zxPart .contents .list .item .img {width:420px; height:236px; overflow: hidden; background:#000;} #zxPart .contents .list .item .img img {width:420px; height:236px; opacity:.7;} #zxPart .contents .list .item .date {line-height:28px; padding-top:11px; font-size:14px;} #zxPart .contents .list .item .title {width:100%; height:56px; overflow: hidden; line-height:28px; font-size:16px; color:#000;} @media screen and (min-width:1025px){ #zxPart .contents .list .item .title {-webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} } #zxPart .contents .list .item:hover .img img {opacity:1;} #zxPart .contents .list .item:hover .title {color:#00a0df;} #zxPart .more {padding-top:97px; padding-bottom:87px;} #zxPart .more a {width:95px; height:34px; overflow: hidden; display: block; margin:0px auto; background: url(../images/bgn12.png) right center no-repeat; line-height:34px; font-size:16px;} #zxPart .more a:hover {text-decoration: none;} @media screen and (max-width: 1366px){ #zxPart {padding-top:69px;} #zxPart .sortName {line-height:38px; font-size:30px;} #zxPart .sortMs {line-height:42px; padding-bottom:50px; font-size:14px;} #zxPart .tabs {width:985px; height:50px; padding-left:40px;} #zxPart .tabs .item {height:50px; line-height:50px;} #zxPart .contents {width:985px; margin-top:37px;} #zxPart .contents .list .item {width:315px; height:284px; margin-right:15px;} #zxPart .contents .list .item .img {width:315px; height:190px;} #zxPart .contents .list .item .img img {width:315px; height:190px;} #zxPart .contents .list .item .date {line-height:25px; padding-top:15px;} #zxPart .contents .list .item .title {line-height:25px; height:50px; font-size:14px;} #zxPart .more {padding-top:70px; padding-bottom:55px;} #zxPart .more a {width:80px; font-size:14px;} } @media screen and (max-width: 1024px){ #zxPart {padding-top:35px;} #zxPart .sortName {line-height:55px; font-size:36px;} #zxPart .sortMs {line-height:46px; padding-bottom:34px; font-size:20px;} #zxPart .tabs {width:750px; height:54px; display:flex; justify-content: center; padding-left:0px;} #zxPart .tabs .item {height:54px; line-height:54px; font-size:20px; float: none; margin-right:64px;} #zxPart .tabs .item:last-child {margin-right:0px;} #zxPart .contents {width:750px; margin-top:50px;} #zxPart .contents .list .item {width:710px; height:auto; float:none; margin-right:0px; margin:0px auto; display: none;} #zxPart .contents .list .item:last-child {margin:0px auto;} #zxPart .contents .list .item:first-child {display: block;} #zxPart .contents .list .item .img {width:710px; height:430px;} #zxPart .contents .list .item .img img {width:710px; height:430px;} #zxPart .contents .list .item .date {padding-top:21px; line-height:36px; text-indent:24px; font-size:20px;} #zxPart .contents .list .item .title {width:664px; height:56px; margin:0px auto; line-height:56px; font-size:24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #zxPart .more {padding-top:65px; padding-bottom:65px;} #zxPart .more a {width:101px; height:38px; line-height:38px; font-size:20px;} } /*合作伙伴*/ #hzhbPart {width:100%; height: auto; overflow: hidden; padding-top:85px; background:#EBF5FF;} #hzhbPart .sortName {line-height:54px; text-align: center; font-size:36px;} #hzhbPart .sortMs {line-height:48px; text-align: center; padding-bottom:61px; font-size:16px;} #hzhbPart .list {width:1300px; height: auto; overflow: hidden; margin:0px auto; padding-bottom:154px;} #hzhbPart .list ul {} #hzhbPart .list ul li {width:198px; height:78px; overflow: hidden; float: left; margin-right:20px; margin-bottom:20px; border:1px solid #E5E5E5;} #hzhbPart .list ul li img {width:198px; height:78px;} @media screen and (min-width: 1367px){ #hzhbPart .list ul li:nth-child(6n) {margin-right:0px;} } #hzhbPart .hzSwiper {width:1300px; height:360px; overflow: hidden; margin:0px auto; position: relative;} #hzhbPart .hzSwiper .swiper {height:320px;} #hzhbPart .hzSwiper .swiper-slide {width:423px; height:254px; overflow: hidden; box-sizing: border-box; border:1px solid #E5E5E5;} #hzhbPart .hzSwiper .swiper-slide img {width:100%; height:100%;} @media screen and (max-width: 1366px){ #hzhbPart {padding-top:69px;} #hzhbPart .sortName {line-height:48px; font-size:30px;} #hzhbPart .sortMs {line-height:26px; padding-bottom:81px; font-size:14px;} #hzhbPart .list {width:984px; padding-bottom:96px;} #hzhbPart .list ul li {width:180px; height:71px; margin-right:17px; margin-bottom:17px;} #hzhbPart .list ul li img {width:180px; height:71px;} } @media screen and (max-width: 1366px) and (min-width: 1025px){ #hzhbPart .list ul li:nth-child(5n) {margin-right:0px;} #hzhbPart .hzSwiper {width:983px;} } @media screen and (max-width: 1024px){ #hzhbPart {padding-top:59px;} #hzhbPart .sortName {width:580px; margin:0px auto; line-height:63px; font-size:36px;} #hzhbPart .sortMs {line-height:44px; padding-bottom:62px; font-size:20px;} #hzhbPart .list {width:710px; padding-bottom:96px;} #hzhbPart .list ul li {width:163px; height:64px; margin-right:15px; margin-bottom:15px;} #hzhbPart .list ul li img {width:163px; height:64px;} #hzhbPart .list ul li:nth-child(4n) {margin-right:0px;} #hzhbPart .hzSwiper {width:710px;} } /*售后*/ #shfwPart {width:1300px; height: auto; overflow: hidden; padding:38px 0px; margin:0px auto; display: flex; justify-content: space-between;} #shfwPart .item {width:640px; height:250px; overflow: hidden; position: relative; padding-left:100px; padding-top:50px; box-sizing: border-box;} #shfwPart .item:nth-child(1) {background: url(../images/bgn16.png) no-repeat; background-size: cover;} #shfwPart .item:nth-child(2) {background: url(../images/bgn17.png) no-repeat; background-size: cover;} #shfwPart .item .title {line-height:43px; font-size:24px; color:#fff;} #shfwPart .item .miaoshu {line-height:42px; font-size:14px; color:#fff; padding-bottom:32px;} #shfwPart .item .more a {width:95px; height:36px; overflow: hidden; display: block; line-height:36px; font-size:16px; color:#fff; text-decoration: none; background: url(../images/bgn11.png) right center no-repeat;} @media screen and (max-width: 1366px){ #shfwPart {width:984px; padding:40px 0px;} #shfwPart .item {width:482px; height:210px;padding-left:40px; padding-top:52px;} #shfwPart .item .miaoshu {padding-bottom:6px;} } @media screen and (max-width: 1024px){ #shfwPart {width:710px; padding:40px 0px;} #shfwPart .item {width:348px; height:210px;padding-left:21px; padding-top:36px;} #shfwPart .item .title {line-height:48px; font-size:30px;} #shfwPart .item .miaoshu {line-height:40px; font-size:20px; padding-bottom:12px;} #shfwPart .item .more a {width:114px; height:39px; line-height:39px; font-size:20px; background: url(../images/bgn11.png) right center no-repeat;} }