/*产品类别*/ #proInfoPart {width:100%; height: auto; overflow: hidden; position: relative; padding-bottom:145px; background:#F5F5F5 url(../images/bgn15.png) center 176px no-repeat;} #proInfoPart .sortName {padding-top:106px; padding-bottom:5px; text-align: center; line-height:54px; font-size:36px;} #proInfoPart .sortMs {padding-bottom:40px; line-height:35px; font-size:16px; text-align: center;} #proInfoPart .tabs {width:1300px; height: auto; overflow: hidden; margin:0px auto; padding-left:100px; box-sizing: border-box;} #proInfoPart .tabs .item {width: auto; height:48px; overflow: hidden; float: left; margin-right:77px; position: relative; font-size:16px; line-height:48px;} #proInfoPart .tabs .item.on::after {width:59px; height:5px; overflow: hidden; position: absolute; left:0px; bottom:0px; content:''; background:#99CC01;} #proInfoPart .tabs .item a{color:#000; text-decoration:none;} #proInfoPart .contents {width:1300px; height: auto; overflow: hidden; margin:0px auto; padding-top:45px; position: relative;} #proInfoPart .contents .left {width:300px; height:520px; overflow: hidden; float: left; padding-left:42px; box-sizing: border-box;} #proInfoPart .contents .left .title {padding-top:58px; font-size:24px; color:#ffffff; line-height:43px; position: relative;} #proInfoPart .contents .left .title::before {width:100px; height:4px; overflow: hidden; position: absolute; left:0px; top:108px; content:''; background:#01A1DF;} #proInfoPart .contents .left .title::after {width:40px; height:4px; overflow: hidden; position: absolute; left:0px; top:115px; content:''; background:#94D401;} #proInfoPart .contents .left .miaoshu {width:216px; padding-top:133px; font-size:14px; line-height:24px; color: #fff; text-align: justify;} #proInfoPart .contents .right {width:992px; height:520px; overflow: hidden; float: right;} #proInfoPart .contents .right .swiper-slide {width:324px; height:518px; overflow: hidden; position: relative; border:1px solid #D2D2D2; background:#ffffff;} #proInfoPart .contents .right .item .pic {width:250px; height:130px; overflow: hidden; margin:0px auto; margin-top:58px; background:#000;} #proInfoPart .contents .right .item .pic img {width:250px; height:130px; opacity:.7;} #proInfoPart .contents .right .item .title {padding-top:67px; text-align: center; line-height:37px; font-size:18px;} #proInfoPart .contents .right .item .miaoshu {width:220px; padding-top:7px; margin:0px auto; line-height:25px; font-size:14px; text-align: center;} #proInfoPart .contents .right .item .btns {width:100%; height:40px; overflow: hidden; position:absolute; left:0px; bottom:42px; display: flex; justify-content: center;} #proInfoPart .contents .right .item .btns a {width:108px; height:38px; overflow: hidden; display: block; margin-right:30px; border:1px solid #7D7D7D; border-radius:3px; line-height:38px; text-align: center; font-size:14px; text-decoration: none;} #proInfoPart .contents .right .item .btns a:last-child {margin-right:0px;} #proInfoPart .contents .right .item:hover .pic img {opacity:1;} #proInfoPart .contents .right .item .btns a:hover {background:#A1DF00; color:#ffffff;} #proInfoPart .swiperbuttonprev {width:30px; height:30px; overflow: hidden; position: absolute; top:280px; right:50%; margin-right:-617px; cursor: pointer; background: url(../images/bgn22.png) no-repeat;} #proInfoPart .swiperbuttonnext {width:30px; height:30px; overflow: hidden; position: absolute; top:280px; right:50%; margin-right:-650px; cursor: pointer; background: url(../images/bgn23.png) no-repeat;} #proInfoPart .swiper-button-disabled {opacity:.4; cursor: auto;} @media screen and (max-width: 1366px){ #proInfoPart {background:#F5F5F5 url(../images/bgn15.png) center 188px no-repeat; background-size:903px auto;} #proInfoPart .sortMs {padding-bottom:34px;} #proInfoPart .tabs {width:946px; padding-left:20px;} #proInfoPart .contents {width:946px;} #proInfoPart .contents .right {width:640px;} #proInfoPart .contents .right .swiper-slide {width:314px;} #proInfoPart .swiperbuttonprev {margin-right:-435px;} #proInfoPart .swiperbuttonnext {margin-right:-473px;} } @media screen and (max-width: 1024px){ #proInfoPart {padding-bottom:110px; background:#F5F5F5 url(../images/bgn15.png) center 120px no-repeat; background-size:626px auto;} #proInfoPart .sortName {padding-top:65px; padding-bottom:14px; line-height:48px; font-size:30px;} #proInfoPart .sortMs {padding-bottom:36px; line-height:36px; font-size:20px; width:450px; margin:0px auto;} #proInfoPart .tabs {width:750px; padding-left:30px;} #proInfoPart .tabs .item {height:53px; margin-right:28px; font-size:24px; line-height:53px;} #proInfoPart .contents {width:750px; padding-top:32px;} #proInfoPart .contents .left {width:710px; height:280px; float:none; padding-left:21px; margin:0px auto;} #proInfoPart .contents .left .title {padding-top:47px; line-height:43px;} #proInfoPart .contents .left .title::before {top:97px;} #proInfoPart .contents .left .title::after {top:104px;} #proInfoPart .contents .left .miaoshu {width:675px; padding-top:37px; font-size:20px; line-height:35px;} #proInfoPart .contents .right {width:710px; height:500px; float: none; margin:0px auto; margin-top:40px;} #proInfoPart .contents .right .swiper-slide {width:348px; height:498px;} #proInfoPart .contents .right .item .title {padding-top:32px; line-height:42px; font-size:24px;} #proInfoPart .contents .right .item .miaoshu {width:265px; padding-top:5px; line-height:36px; font-size:20px;} #proInfoPart .contents .right .item .btns {height:50px; bottom:35px;} #proInfoPart .contents .right .item .btns a {width:138px; height:48px; margin-right:10px; line-height:48px; font-size:20px;} #proInfoPart .contents .right .item .btns a:last-child {margin-right:0px;} #proInfoPart .swiperbuttonprev {bottom:52px; top: unset; right:50%; margin-right:2px;} #proInfoPart .swiperbuttonnext {bottom:52px; top: unset; right:50%; margin-right:-35px;} } /*服务流程*/ #gflcPart {width:100%; height: auto; overflow: hidden; background:#ffffff url(../images/bgn15.png) center 170px no-repeat;} #gflcPart .sortName {padding-top:87px; padding-bottom:7px; text-align: center; line-height:54px; font-size:36px;} #gflcPart .sortMs {padding-bottom:80px; line-height:35px; font-size:16px; text-align: center;} #gflcPart .list {width:100%; height:500px; overflow: hidden; background:url(../images/bgn21.png) center center no-repeat; background-size: cover;} #gflcPart .list .middle {width:1300px; height:500px; overflow: hidden; margin:0px auto; display: flex; justify-content:space-between;} #gflcPart .list .middle .item {width:226px; height: auto; overflow: hidden; padding-top:130px; text-align: center;} #gflcPart .list .middle .item .title {line-height:35px; font-size:16px; color:#ffffff; padding-top:10px;} #gflcPart .list .middle .item .miaoshu {padding-top:3px; line-height:24px; font-size:14px; color:#ffffff;} @media screen and (max-width: 1366px){ #gflcPart {background:#ffffff url(../images/bgn15.png) center 97px no-repeat; background-size:906px auto;} #gflcPart .sortName {padding-top:70px;} #gflcPart .list {height:450px;} #gflcPart .list .middle {width:954px; height:450px;} #gflcPart .list .middle .item {width:143px;} #gflcPart .list .middle .item .icon img {width:100%;} } @media screen and (max-width: 1024px){ #gflcPart {background:#fff url(../images/bgn15.png) center 113px no-repeat; background-size:670px auto;} #gflcPart .sortName {padding-top:59px; padding-bottom:6px; line-height:48px; font-size:30px;} #gflcPart .sortMs {padding-bottom:30px; line-height:36px; font-size:20px; width:450px; margin:0px auto;} #gflcPart .list {height:auto; padding-bottom:40px;} #gflcPart .list .middle {width:750px; height:715px; flex-wrap: wrap; padding-top:42px; box-sizing: border-box;} #gflcPart .list .middle .item {width:33.33%; padding-top:61px;} #gflcPart .list .middle .item .icon {} #gflcPart .list .middle .item .icon img {width:125px;} #gflcPart .list .middle .item .title {line-height:46px; font-size:24px; padding-top:0px;} #gflcPart .list .middle .item .miaoshu {padding-top:2px; line-height:35px; font-size:20px; width:200px; margin:0px auto;} } /*合作伙伴*/ #hzhbPart {width:100%; height: auto; overflow: hidden; padding-top:104px; background:#ffffff url(../images/bgn24.png) center center no-repeat; background-size: cover;} #hzhbPart .sortName {line-height:54px; text-align: center; font-size:36px;} #hzhbPart .sortMs {line-height:48px; text-align: center; padding-bottom:78px; font-size:16px;} #hzhbPart .list {width:1300px; height: auto; overflow: hidden; margin:0px auto; padding-bottom:137px;} #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;} #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 (min-width: 1367px){ #hzhbPart .list ul li:nth-child(6n) {margin-right:0px;} } @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:101px;} #hzhbPart .sortName {width:750px; margin:0px auto; line-height:48px; font-size:30px;} #hzhbPart .sortMs {line-height:48px; padding-bottom:79px; font-size:20px;} #hzhbPart .list {width:710px; padding-bottom:150px;} #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;} }