.main .pageBanner{width:100%;height:400px;background-image:url(../images/caseBg.png);background-position:center center;background-size:cover;background-repeat:no-repeat;position:relative}.main .pageBanner.productBanner{background-image:url(../images/productBg.png)}.main .pageBanner.informationBanner{background-image:url(../images/informationBg.png)}.main .pageBanner.aboutBanner{background-image:url(../images/aboutBg.png)}.main .pageBanner .bannerCase{padding:8px;background:#FFF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main .pageBanner .bannerCase .caseTxt{width:225px;height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid #0071C5;color:#0071C5}.main .pageBanner .bannerCase .caseTxt p{font-size:40px;line-height:1;margin-bottom:3px}.main .pageBanner .bannerCase .caseTxt span{font-size:20px}.main .page .section{width:1198px;margin:0 auto}.main .page .section .caseList{padding-bottom:118px}.main .page .section .caseList ul li{padding-top:126px}.main .page .section .caseList ul li .title{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:17px;border-bottom:1px #131313 solid}.main .page .section .caseList ul li .title h3{font-size:36px;line-height:1}.main .page .section .caseList ul li .title a{font-size:14px}.main .page .section .caseList ul li .picList{padding-top:25px;display:flex;}.main .page .section .caseList ul li .picList .list{width:383px;margin-bottom:20px;margin: 0px 25px 0px 0px;}.main .page .section .caseDetails{padding:75px 0 40px;position:relative}.main .page .section .caseDetails .article{width:246px;position:absolute;top:75px;left:-260px}.main .page .section .caseDetails .article h2{font-size:36px;font-weight:500;line-height:1;padding-bottom:16px;border-right:4px #EEE solid}.main .page .section .caseDetails .article ul{border-right:4px #EEE solid}.main .page .section .caseDetails .article ul li{padding-left:19px;line-height:61px;font-size:24px;color:#4C4C4D;border-bottom:1px #EEE solid}.main .page .section .caseDetails .article ul li.act{background:#0071C5;color:#FFF}.main .page .section .caseDetails .title{font-size:36px;line-height:1;padding-bottom:16px;border-bottom:1px #000 solid}.main .page .section .caseDetails ul.caseDetailList{padding-top:26px;display:flex;flex-wrap:wrap;min-height: 320px;}.main .page .section .caseDetails ul.caseDetailList li{width:383px;margin-right:24px;padding-bottom:48px}.main .page .section .caseDetails ul.caseDetailList li a{display:block}.main .page .section .caseDetails ul.caseDetailList li a h3{font-size:24px;line-height:1;margin:20px 0 11px}.main .page .section .caseDetails ul.caseDetailList li a p{font-size:14px;color:#4C4C4D;line-height:1}.main .page .section .caseDetails ul.caseDetailList li:nth-child(3n){margin-right:0}.main .page .section .caseDetails ul.caseDetailList.productList li{padding-bottom:76px}.main .page .section .caseDetails ul.caseDetailList.productList li .pic{width:100%;border:1px solid #000}.main .page .section .productTitle{padding-left:17px;font-size:24px;line-height:1;font-weight:500;padding-bottom:15px;border-bottom:1px #A0A0A0 solid;position:relative}.main .page .section .productTitle:after{display:block;content:'';width:9px;height:24px;background:#0071C5;position:absolute;left:0;top:0}.main .page .section.swiperPruduct{padding:102px 0 88px;display:flex;justify-content:space-between}.main .page .section.swiperPruduct .productPic{width:537px}.main .page .section.swiperPruduct .productText{width:622px}.main .page .section.swiperPruduct .productText .swiper-slide h3{font-size:24px;font-weight:500;padding:18px 0 25px;position:relative}.main .page .section.swiperPruduct .productText .swiper-slide h3:after{display:block;content:'';width:50px;height:4px;background:#0071C5;position:absolute;left:0;bottom:0}.main .page .section.swiperPruduct .productText .swiper-slide p{margin-top:15px;font-size:14px;line-height:24px;color:#4C4C4D}.main .page .section.trait .traitList ul{padding:24px 0 90px}.main .page .section.trait .traitList ul li{font-size:14px;line-height:24px;color:#4C4C4D;margin-bottom:40px}.main .page .section.trait .traitList ul li em{font-style:normal;font-size:.5em;transform:scale(.4);position:relative;top:-3px}.main .page .section.specs .specsList{padding:22px 0 100px}.main .page .section.specs .specsList li{font-size:14px;color:#4C4C4D;line-height:1.4;margin-bottom:20px;display:flex}.main .page .section.specs .specsList li span{display:inline-block;width:68px;text-align:justify;text-align-last:justify}.main .page .section.specs .specsList li p{margin-left:8px}.main .page .section.customized{padding:80px 0 56px}.main .page .section.customized>h1{font-size:36px;line-height:1;font-weight:500;text-align:center}.main .page .section.customized .customizedList{padding-top:53px}.main .page .section.customized .customizedList .customizedTitle{font-size:24px;font-weight:500;line-height:1;margin-bottom:19px;padding-left:17px;position:relative}.main .page .section.customized .customizedList .customizedTitle:after{display:block;content:'';width:9px;height:100%;background:#0071C5;position:absolute;left:0;top:0}.main .page .section.customized .customizedList p.explain{font-size:14px;line-height:24px;color:#4C4C4D}.main .page .section.customized .customizedList .custom1{width:1172px;margin:25px auto 0}.main .page .section.customized .customizedList .custom2{width:938px;margin:25px auto 0;display:flex;flex-wrap:wrap}.main .page .section.customized .customizedList .custom2 .pic1{width:276px;margin-right:54px;margin-bottom:26px}.main .page .section.customized .customizedList .custom2 .pic1:nth-child(3n){margin-right:0}.main .page .section.customized .customizedList .custom2 .pic2{width:286px;margin-right:40px}.main .page .section.customized .customizedList .custom2 .pic2:nth-child(3n){margin-right:0}.main .page .section.customized .customizedList ul li{margin-top:47px}.main .page .section.customized .customizedList ul li .assemblyName{font-size:14px;font-weight:500}.main .page .section.tabHead{width:100%;background:#e4e4e4}.main .page .section.tabHead ul{display:flex;justify-content:center}.main .page .section.tabHead ul li{font-size:24px;color:#4C4C4D;line-height:90px;margin-right:147px;cursor:pointer}.main .page .section.tabHead ul li:last-child{margin-right:0}.main .page .section.tabHead ul li.act{color:#0071C5}.main .page .section.news ul li{padding:54px 0 17px;border-bottom:1px #A0A0A0 solid}.main .page .section.news ul li a{display:flex;justify-content:space-between}.main .page .section.news ul li a .pic{width:363px}.main .page .section.news ul li a .txt{width:791px}.main .page .section.news ul li a .txt h3{font-size:24px;font-weight:400;line-height:1;padding-left:17px;position:relative}.main .page .section.news ul li a .txt h3:after{display:block;content:'';width:9px;height:100%;background:#0071C5;position:absolute;left:0;top:0}.main .page .section.news ul li a .txt p{font-size:14px;line-height:24px;color:#4C4C4D}.main .page .section.news ul li a .txt p.time{margin-top:10px;margin-bottom:10px}.main .page .section.news .pagingBox{padding:80px 0 83px}.main .page .section.news .pagingBox .list{display:flex;justify-content:center;align-items:center;color:#4C4C4D}.main .page .section.news .pagingBox .list a{width:42px;height:40px;margin:0 4px;text-align:center;line-height:40px;border-radius:4px;border:1px solid #A0A0A0;color:#4C4C4D}.main .page .section.news .pagingBox .list a.btn{width:58px}.main .page .section.news .pagingBox .list a.confirmBtn{width:47px}.main .page .section.news .pagingBox .list .pageNum{margin:0 8px 0 10px}.main .page .section.news .pagingBox .list input{width:42px;height:40px;text-align:center;border-radius:4px;border:1px solid #A0A0A0;color:#4C4C4D}.main .page .section.newsDetails{padding:87px 0 88px;border-bottom:1px #A0A0A0 solid}.main .page .section.newsDetails>h1{font-size:36px;font-weight:500;color:#000;text-align:center;line-height:1;margin-bottom:19px}.main .page .section.newsDetails .date{font-size:14px;color:#4C4C4D;text-align:center}.main .page .section.newsDetails .newsContent{padding:45px 0 65px;width:944px;margin:0 auto}.main .page .section.newsDetails .keyWord{display:flex;align-items:center;font-size:14px;color:#4C4C4D;margin-bottom:33px}.main .page .section.newsDetails .keyWord a{display:block;min-width:65px;line-height:20px;text-align:center;padding:0 10px;background:#EEE;border-radius:3px;margin-right:3px}.main .page .section.newsDetails .newsBtn,.main .page .section.recommend .recommendList ul{display:flex;justify-content:space-between}.main .page .section.newsDetails .newsBtn a{color:#4C4C4D}.main .page .section.recommend{padding:53px 33px 66px}.main .page .section.recommend>h2{font-size:24px;font-weight:400;color:#000;line-height:1}.main .page .section.recommend .recommendList{padding-top:18px}.main .page .section.recommend .recommendList ul li{width:358px;margin-bottom:20px}.main .page .section.recommend .recommendList ul li a{display:block}.main .page .section.aboutUs .aboutList .aboutTitle{font-size:36px;font-weight:500;color:#000;line-height:1;text-align:center;padding-top:69px}.main .page .section.aboutUs .aboutList .introduction{display:flex;justify-content:space-between;align-items:center;padding-top:52px;padding-bottom:20px}.main .page .section.aboutUs .aboutList .introduction .videoBox{width:425px;position:relative}.main .page .section.aboutUs .aboutList .introduction .videoBox a{display:block;width:67px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.main .page .section.aboutUs .aboutList .introduction .introductionText{width:630px}.main .page .section.aboutUs .aboutList .introduction .introductionText p{font-size:14px;line-height:24px;color:#4C4C4D}.main .page .section.aboutUs .aboutList .characteristic{padding-top:76px;padding-bottom:70px}.main .page .section.aboutUs .aboutList .characteristic ul{display:flex;justify-content:space-between}.main .page .section.aboutUs .aboutList .characteristic ul li{width:266px;text-align:center}.main .page .section.aboutUs .aboutList .characteristic ul li .pic{width:146px;margin:0 auto}.main .page .section.aboutUs .aboutList .characteristic ul li h3{font-size:24px;color:#000;line-height:1;margin:17px 0 9px}.main .page .section.aboutUs .aboutList .characteristic ul li p{color:#4F4149;line-height:1}.main .page .section.aboutUs .aboutList .course{padding:85px 0 35px;width:1100px;margin:0 auto}.main .page .section.aboutUs .aboutList .course .progress{width:100%;height:10px;background:#0071C5}.main .page .section.aboutUs .aboutList .course .courseList ul{display:flex}.main .page .section.aboutUs .aboutList .course .courseList ul li{width:255px}.main .page .section.aboutUs .aboutList .course .courseList ul li .year{width:105px;margin-left:16px;position:relative}.main .page .section.aboutUs .aboutList .course .courseList ul li .year span{font-size:16px;color:#FFF;line-height:20px;white-space:nowrap;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.main .page .section.aboutUs .aboutList .course .courseList ul li .text p{padding-left:10px;margin-bottom:6px;color:#4C4C4D;position:relative}.main .page .section.aboutUs .aboutList .course .courseList ul li .text p:after{display:block;content:'';width:5px;height:5px;border-radius:50%;background:#4C4C4D;position:absolute;left:0;top:7px}.main .page .section.aboutUs .aboutList .course .courseList.courseTop{margin-left:10px}.main .page .section.aboutUs .aboutList .course .courseList.courseTop ul{align-items:flex-end}.main .page .section.aboutUs .aboutList .course .courseList.courseTop ul li .year{margin-top:7px;margin-bottom:39px}.main .page .section.aboutUs .aboutList .course .courseList.courseTop ul li .year:after{display:block;content:'';width:0;height:39px;border-left:2px #0071C5 dashed;position:absolute;left:50%;bottom:-39px;margin-left:-1px}.main .page .section.aboutUs .aboutList .course .courseList.courseTop ul li .year:before{display:block;content:'';width:20px;height:20px;background:#0071C5;border-radius:50%;border:3px solid #fff;position:absolute;left:50%;bottom:-54px;transform:translateX(-50%);z-index:11}.main .page .section.aboutUs .aboutList .course .courseList.courseBottom{position:relative;left:137px}.main .page .section.aboutUs .aboutList .course .courseList.courseBottom ul{align-items:flex-start}.main .page .section.aboutUs .aboutList .course .courseList.courseBottom ul li .year{margin-top:39px;margin-bottom:12px}.main .page .section.aboutUs .aboutList .course .courseList.courseBottom ul li .year img{transform:rotateX(180deg)}.main .page .section.aboutUs .aboutList .course .courseList.courseBottom ul li .year:after{display:block;content:'';width:0;height:39px;border-left:2px #0071C5 dashed;position:absolute;left:50%;top:-39px;margin-left:-1px}.main .page .section.aboutUs .aboutList .course .courseList.courseBottom ul li .year:before{display:block;content:'';width:20px;height:20px;background:#0071C5;border-radius:50%;border:3px solid #fff;position:absolute;left:50%;top:-54px;transform:translateX(-50%);z-index:11}.main .page .section.aboutUs .aboutList .honor{padding:54px 0 78px}.main .page .section.aboutUs .aboutList .honor ul{display:flex;justify-content:space-between}.main .page .section.aboutUs .aboutList .honor ul li{width:311px}#gallery .swiper-button-prev{width:32px;height:32px;background-image:url(../images/prev.png);background-size:100% 100%}#gallery .swiper-button-next{width:32px;height:32px;background-image:url(../images/next.png);background-size:100% 100%}.main .page .section.news .learMore{display:none}@media only screen and (max-width:1800px){.main .page .section .caseDetails .article h2,.main .page .section .caseDetails .title{font-size:32px}.main .page .section .caseDetails .article{width:170px;left:-180px}.main .page .section.section1{width:1200px}.main .page .section .caseDetails .article ul li{font-size:22px}.main .page .section .caseDetails ul.caseDetailList li{width:384px;padding-bottom:40px}}@media only screen and (max-width:1600px){.main .page .section .caseDetails .article h2,.main .page .section .caseDetails .title{font-size:30px}.main .page .section .caseDetails .article{width:170px;left:-180px}.main .page .section.section1{width:960px}.main .page .section .caseDetails .article ul li{font-size:20px}.main .page .section .caseDetails ul.caseDetailList li{width:304px;padding-bottom:40px}.main .page .section.swiperPruduct .productPic{width:440px}.main .page .section.swiperPruduct .productText{width:500px}.main .page .section.swiperPruduct .productText .swiper-slide h3{font-size:20px;padding-bottom:18px}.main .page .section.trait .traitList ul{padding-bottom:40px}.main .page .section.specs .specsList{padding-bottom:50px}.main .page .section.swiperPruduct{padding:60px 0 50px}.main .page .section.customized .customizedList .custom1{width:100%}.main .page .section.customized>h1,.main .page .section.newsDetails>h1{font-size:32px}}@media only screen and (max-width:1380px){.main .page .section{width:960px}.main .page .section .caseList ul li .title h3{font-size:30px}.main .page .section .caseList ul li{padding-top:110px}.main .page .section .caseList ul li .picList .list{width:310px}.main .page .section .caseDetails{padding-top:55px}.main .page .section.section1{width:860px}.main .page .section .caseDetails ul.caseDetailList li{width:270px}.main .page .section .caseDetails .article{width:130px;left:-140px;top:55px}.main .page .section .caseDetails .article ul li{font-size:15px;line-height:50px;padding-left:10px}.main .page .section .caseDetails .article h2,.main .page .section .caseDetails .title{font-size:26px}.main .page .section .caseDetails ul.caseDetailList li a h3,.main .page .section.news ul li a .txt h3{font-size:20px}.main .page .section.news ul li a .txt{width:570px}.main .page .section.news ul li a .txt p{line-height:20px}.main .page .section.news ul li a .txt p.time{margin-bottom:5px;margin-top:5px}.main .page .section.newsDetails{padding:60px 0}.main .page .section.newsDetails>h1{font-size:28px}.main .page .section.recommend .recommendList ul li{width:290px}.main .page .section.recommend>h2{font-size:22px}.main .page .section.aboutUs .aboutList .introduction .introductionText{width:500px}.main .page .section.aboutUs .aboutList .characteristic ul li .pic{width:100px}.main .page .section.aboutUs .aboutList .characteristic ul li h3{font-size:20px}.main .page .section.aboutUs .aboutList .course{padding-top:55px;padding-bottom:0;transform:scale(.87);-webkit-transform:scale(.87);-moz-transform:scale(.87);transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top}.main .page .section.aboutUs .aboutList.courseAboutList{height:590px}.main .page .section.aboutUs .aboutList .aboutTitle{padding-top:45px;font-size:30px}.main .page .section.aboutUs .aboutList .characteristic{padding-bottom:20px;padding-top:56px}.main .page .section.aboutUs .aboutList .honor ul li{width:270px}}@media only screen and (max-width:1180px){.main .page .section .caseDetails .article h2{border:none}.main .page .section .caseDetails .article{width:100%;position:inherit;left:0;top:0}.main .page .section .caseDetails .article ul{border:none;display:flex;padding-bottom:30px}.main .page .section .caseDetails .article ul li{padding-right:15px;border-bottom:none}}@media only screen and (max-width:1024px){.main .page .section.section1{width:700px}.main .pageBanner .bannerCase .caseTxt p{font-size:32px}.main .page .section .caseDetails .article h2{font-size:22px}.main .pageBanner .bannerCase .caseTxt span{font-size:16px}.main .page .section .caseDetails ul.caseDetailList li{width:220px;margin-right:20px;padding-bottom:20px}.main .page .section .caseDetails .title{font-size:22px}.main .page .section .caseDetails ul.caseDetailList li a h3{font-size:16px}.main .page .section .caseDetails ul.caseDetailList li a p{font-size:12px}.main .page .section{width:700px}.main .page .section.swiperPruduct{flex-direction:column}.main .page .section.swiperPruduct .productPic,.main .page .section.swiperPruduct .productText{width:100%}.main .page .section.tabHead ul li{font-size:20px;line-height:70px;margin-right:100px}.main .page .section.news ul li{padding-top:30px}.main .page .section.news ul li a .txt{width:320px}.main .page .section.news .pagingBox{padding:50px 0}.main .page .section.newsDetails .newsContent{width:100%}.main .page .section.customized>h1{font-size:28px}.main .page .section.recommend .recommendList ul li{width:205px}.main .page .section.customized .customizedList .custom2{width:100%}.main .page .section.customized .customizedList .custom2 .pic1{width:220px;margin-right:20px;margin-bottom:24px}.main .page .section.customized .customizedList .custom2 .pic2{width:220px;margin-right:20px}.main .page .section.aboutUs .aboutList .introduction{flex-direction:column}.main .page .section.aboutUs .aboutList .introduction .videoBox{width:100%;margin-bottom:20px}.main .page .section.aboutUs .aboutList .introduction .introductionText{width:100%}.main .page .section.aboutUs .aboutList .characteristic ul li .pic{width:80px}.main .page .section.aboutUs .aboutList .characteristic ul li h3{font-size:16px}.main .page .section.aboutUs .aboutList .characteristic ul li p{font-size:12px}.main .page .section.aboutUs .aboutList .honor{padding-top:40px}.main .page .section.aboutUs .aboutList .honor ul li{width:210px}.main .page .section.aboutUs .aboutList.courseAboutList{height:420px}.main .page .section.aboutUs .aboutList .course{padding-top:55px;padding-bottom:0;transform:scale(.64);-webkit-transform:scale(.64);-moz-transform:scale(.64);transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top}.main .page .section .caseList{padding-bottom:60px;padding-top:20px}.main .page .section .caseList ul li{padding-top:40px}.main .page .section .caseList ul li .title h3{font-size:24px}.main .page .section .caseList ul li .picList .list{width:220px}}@media only screen and (max-width:767px){.main .page .section{width:100%;padding-left:12px;padding-right:12px}.main .page .section.section1{width:100%}.main .pageBanner{height:210px}.main .pageBanner .bannerCase .caseTxt{width:160px;height:80px}.main .pageBanner .bannerCase .caseTxt p{font-size:18px}.main .pageBanner .bannerCase .caseTxt span{font-size:13px}.main .page .section .caseList ul li{padding-top:20px}.main .page .section .caseList ul li .title{padding-bottom:10px}.main .page .section .caseList ul li .title h3{font-size:20px}.main .page .section .caseList ul li .picList{flex-wrap:wrap}.main .page .section .caseList ul li .picList .list{width:47%;margin-bottom:10px}.main .page .section.swiperPruduct{padding:30px 12px}.main .page .section.specs .specsList li{margin-bottom:15px}.main .page .section.specs .specsList li p{width:260px}.main .page .section.news ul li a{flex-wrap:wrap}.main .page .section.news ul li a .pic{width:100%;margin-bottom:15px}.main .page .section.news ul li a .txt{width:100%}.main .page .section.news .pagingBox{display:none}.main .page .section.news .learMore{display:block;width:110px;text-align:center;line-height:30px;border-radius:5px;background:#0071C5;color:#FFF;margin:30px auto}.main .page .section.newsDetails{padding:40px 12px}.main .page .section.newsDetails .newsBtn{flex-direction:column}.main .page .section.newsDetails .newsContent{padding:30px 0}.main .page .section.newsDetails .newsBtn a:first-child{margin-bottom:10px}.main .page .section.newsDetails>h1{font-size:24px}.main .page .section.recommend{padding:20px 12px}.main .page .section.recommend .recommendList ul li{width:32%;margin-bottom:10px}.main .page .section.customized{padding:40px 12px}.main .page .section.customized .customizedList .customizedTitle{font-size:18px}.main .page .section.customized .customizedList ul li{margin-top:20px}.main .page .section.customized .customizedList .custom2 .pic1{width:170px;margin-right:10px;margin-bottom:10px}.main .page .section.customized .customizedList .custom2 .pic1:nth-child(3n){margin-right:10px}.main .page .section.customized .customizedList .custom2 .pic1:nth-child(2n){margin-right:0}.main .page .section.customized .customizedList .custom2 .pic2{width:170px;margin-right:10px;margin-bottom:10px}.main .page .section.customized .customizedList .custom2 .pic2:nth-child(3n){margin-right:10px}.main .page .section.customized .customizedList .custom2 .pic2:nth-child(2n){margin-right:0}.main .page .section.customized>h1{font-size:24px}.main .page .section.customized .customizedList{padding-top:30px}.main .page .section.swiperPruduct .productText .swiper-slide h3{padding-bottom:10px}.main .page .section.aboutUs .aboutList .characteristic ul{flex-wrap:wrap}.main .page .section.aboutUs .aboutList .characteristic ul li{width:48%;margin-bottom:15px}.mainMob .pageBanner{width:100%;height:210px;background-image:url(../images/caseBg.png);background-position:center center;background-size:cover;background-repeat:no-repeat;position:relative}.mainMob .pageBanner.productBanner{background-image:url(../images/mobile/productBg.png)}.mainMob .pageBanner .bannerCase{padding:8px;background:#FFF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mainMob .pageBanner .bannerCase .caseTxt{width:160px;height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid #0071C5;color:#0071C5}.mainMob .pageBanner .bannerCase .caseTxt p{font-size:18px;line-height:1;margin-bottom:3px}.mainMob .pageBanner .bannerCase .caseTxt span{font-size:14px}.mainMob .page{background:#FFF}.mainMob .page ul{display:flex;flex-wrap:wrap;padding:15px 12px 0;background:#F2F2F4;max-height:55px;overflow:hidden;transition:max-height .3s}.mainMob .page ul.show{max-height:100px}.mainMob .page ul li{width:108px;height:26px;text-align:center;line-height:25px;font-size:13px;color:#0071C5;border:1px solid #0071C5;border-radius:5px;margin-right:12px;margin-bottom:15px}.mainMob .page ul li:nth-child(3n){margin-right:0}.mainMob .page ul li.act{background:#0071C5;color:#FFF}.mainMob .page .titleBtn{width:20px;margin:0 auto;padding-top:9px}.mainMob .page .titleBtn.open img{transform:rotateX(180deg)}.mainMob .pageContent{padding:30px 12px 10px}.mainMob .pageContent ul{display:flex;flex-wrap:wrap;justify-content:space-between}.mainMob .pageContent ul li{width:172px;margin-bottom:20px}.mainMob .pageContent ul li a{display:block}.mainMob .pageContent ul li a .pic{width:100%;height:120px;overflow:hidden}.mainMob .pageContent ul li a h3{font-size:13px;color:#000;margin:16px 0 14px}.mainMob .pageContent ul li a p{font-size:10px;line-height:13px;color:#4C4C4D;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}

.main .page .section .caseList ul li .title h3{
    font-size: 34px;
}
@media only screen and (max-width: 1380px){
    .main .page .section .caseList ul li .title h3 {
        font-size: 28px;
    }
}
@media only screen and (max-width: 767px){
    .mainMob .page ul {
        display: grid;
        grid-template-columns: 110px 110px 110px;
        grid-template-rows: 40px 110px 110px;
    }
    .mainMob .page ul li{width: 100px}
    .mainMob .pageContent ul li{width: 48%}

    .main .page .section .caseList ul li .picList{
        padding-top:10px;
    }

    .main .page .section .caseList ul li .picList .list {
        margin: 10px 5px 0px 5px;
    }
}


.main .page .section .caseList ul li .picList .list:last-child {
    margin-right: auto;
}
.main .page .section .caseList ul li .picList .list::after {
    content: '';
    flex: auto;    /* 或者flex: 1 */
}

.productDownBoxContent{
    margin: 20px 0px;
}

.productDownBox{
    width: 97%;min-height:35px;margin: 8px 30px 0px 0px;
}

.productDownBox .fileTitle{
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    position: relative;
    transition: all .4s ease;
    padding: 5px 120px 5px 15px;
    box-sizing: border-box;
    background-color: #fff;
}
.fileTitle_width{
    width: 38%;
}
@media screen and (max-width: 800px) {
    .fileTitle_width{
        width: 100%;
    }
}{

}

.productDownBox .fileTitle h6{
    font-size: 16px;
    color: #333;
    height: 100%;
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    word-wrap: break-word;
    word-break: normal;
}

.productDownBox .fileTitle .downBtn{
    width: 110px;
    position: absolute;
    height: 100%;
    border-left: 1px solid #e5e5e5;
    right: 0;
    top: 0;
    background: url(/images/down-btn.png) no-repeat center center;
}