@CHARSET "utf-8"; ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;} h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;} a{ text-decoration:none;transition: all ease 0.3s;} a:focus {outline:none; -moz-outline:none;} a:hover{text-decoration:none;} /*公用样式*/ .body-grey{background: #ffffff;} .p{overflow: hidden;word-break:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;} .imgbox{ overflow:hidden; position:relative;} .imgbox span{background-position:center center;background-repeat:no-repeat;background-size:cover;position:absolute;left:0px;top:0px;width:100%;height:100%;} .tc-main { margin-top: 20px; margin-bottom: 20px; } .activehover:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); cursor: pointer;} /*网页滚动条*/ ::-webkit-scrollbar{ width: 3px; height:3px;-webkit-overflow-scrolling : touch; background-color: #e6e6e6;} ::-webkit-scrollbar-track{ background-color: #e6e6e6;} ::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #2780E3;} ::-webkit-scrollbar-button{ height: 0px; background-color: #e6e6e6;} body,button, input, select, textarea{font: 14px/1.5 "思源黑体 CN", "Source Han Sans CN", "noto sans", Arial, tahoma, Helvetica, sans-serif;} /* font-weight对应:Light=300, Regular=400, Medium=500, Bold=700 */ .fw300{font-weight: 300;}.fw400{font-weight: 400;}.fw500{font-weight: 500;}.fw700{font-weight: 700;} /* =======================================================end========================================================= */ /* 文字竖排 */ .verticalWords{writing-mode: vertical-lr;writing-mode: tb-lr;white-space: nowrap;} /* 文字限制一行 */ .lineLimit{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} /* 文字限制多行 修改行数-webkit-line-clamp: 2;【兼容必须限高】 */ .lineLimits{overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;} .lineLimits_one{overflow: hidden;-webkit-line-clamp: 1;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;} /* 样式模板 */ .pt10{padding-top: 10px;}.pt20{padding-top: 20px;}.pt30{padding-top: 30px;}.pt40{padding-top: 40px;}.pt50{padding-top: 50px;}.pt60{padding-top: 60px;}.pt70{padding-top: 70px;}.pt80{padding-top: 80px;}.pt90{padding-top: 90px;}.pt100{padding-top: 100px;}.pt110{padding-top: 110px;}.pt120{padding-top: 120px;}.pt130{padding-top: 130px;}.pt140{padding-top: 140px;}.pt150{padding-top: 150px;}.pt160{padding-top: 160px;}.pt170{padding-top: 170px;}.pt180{padding-top: 180px;}.pt190{padding-top: 190px;}.pt200{padding-top: 200px;} .pb10{padding-bottom: 10px;}.pb20{padding-bottom: 20px;}.pb30{padding-bottom: 30px;}.pb40{padding-bottom: 40px;}.pb50{padding-bottom: 50px;}.pb60{padding-bottom: 60px;}.pb70{padding-bottom: 70px;}.pb80{padding-bottom: 80px;}.pb90{padding-bottom: 90px;}.pb100{padding-bottom: 100px;}.pb110{padding-bottom: 110px;}.pb120{padding-bottom: 120px;}.pb130{padding-bottom: 130px;}.pb140{padding-bottom: 140px;}.pb150{padding-bottom: 150px;}.pb160{padding-bottom: 160px;}.pb170{padding-bottom: 170px;}.pb180{padding-bottom: 180px;}.pb190{padding-bottom: 190px;}.pb200{padding-bottom: 200px;} .mt2{margin-top: 2px;}.mt4{margin-top: 4px;}.mt6{margin-top: 6px;}.mt8{margin-top: 8px;}.mt10{margin-top: 10px;}.mt12{margin-top: 12px;}.mt14{margin-top: 14px;}.mt16{margin-top: 16px;}.mt18{margin-top: 18px;}.mt20{margin-top: 20px;}.mt22{margin-top: 22px;}.mt24{margin-top: 24px;}.mt26{margin-top: 26px;}.mt28{margin-top: 28px;}.mt30{margin-top: 30px;}.mt32{margin-top: 32px;}.mt34{margin-top: 34px;}.mt36{margin-top: 36px;}.mt38{margin-top: 38px;}.mt40{margin-top: 40px;}.mt42{margin-top: 42px;}.mt44{margin-top: 44px;}.mt46{margin-top: 46px;}.mt48{margin-top: 48px;}.mt50{margin-top: 50px;}.mt52{margin-top: 52px;}.mt54{margin-top: 54px;}.mt56{margin-top: 56px;}.mt58{margin-top: 58px;}.mt60{margin-top: 60px;}.mt62{margin-top: 62px;}.mt64{margin-top: 64px;}.mt66{margin-top: 66px;}.mt68{margin-top: 68px;}.mt70{margin-top: 70px;}.mt72{margin-top: 72px;}.mt74{margin-top: 74px;}.mt76{margin-top: 76px;}.mt78{margin-top: 78px;}.mt80{margin-top: 80px;}.mt82{margin-top: 82px;}.mt84{margin-top: 84px;}.mt86{margin-top: 86px;}.mt88{margin-top: 88px;}.mt90{margin-top: 90px;}.mt92{margin-top: 92px;}.mt94{margin-top: 94px;}.mt96{margin-top: 96px;}.mt98{margin-top: 98px;}.mt100{margin-top: 100px;} .fs12{font-size: 12px;}.fs13{font-size: 13px;}.fs14{font-size: 14px;}.fs15{font-size: 15px;}.fs16{font-size: 16px;}.fs17{font-size: 17px;}.fs18{font-size: 18px;}.fs19{font-size: 19px;}.fs20{font-size: 20px;}.fs21{font-size: 21px;}.fs22{font-size: 22px;}.fs23{font-size: 23px;}.fs24{font-size: 24px;}.fs25{font-size: 25px;}.fs26{font-size: 26px;}.fs27{font-size: 27px;}.fs28{font-size: 28px;}.fs29{font-size: 29px;}.fs30{font-size: 30px;}.fs31{font-size: 31px;}.fs32{font-size: 32px;}.fs33{font-size: 33px;}.fs34{font-size: 34px;}.fs35{font-size: 35px;}.fs36{font-size: 36px;}.fs37{font-size: 37px;}.fs38{font-size: 38px;}.fs39{font-size: 39px;}.fs40{font-size: 40px;}.fs41{font-size: 41px;}.fs42{font-size: 42px;}.fs43{font-size: 43px;}.fs44{font-size: 44px;}.fs45{font-size: 45px;}.fs46{font-size: 46px;}.fs47{font-size: 47px;}.fs48{font-size: 48px;}.fs49{font-size: 49px;}.fs50{font-size: 50px;}.fs51{font-size: 51px;}.fs52{font-size: 52px;}.fs53{font-size: 53px;}.fs54{font-size: 54px;}.fs55{font-size: 55px;}.fs56{font-size: 56px;}.fs57{font-size: 57px;}.fs58{font-size: 58px;}.fs59{font-size: 59px;}.fs60{font-size: 60px;}.fs61{font-size: 61px;}.fs62{font-size: 62px;}.fs63{font-size: 63px;}.fs64{font-size: 64px;}.fs65{font-size: 65px;}.fs66{font-size: 66px;}.fs67{font-size: 67px;}.fs68{font-size: 68px;}.fs69{font-size: 69px;}.fs70{font-size: 70px;}.fs71{font-size: 71px;}.fs72{font-size: 72px;}.fs73{font-size: 73px;}.fs74{font-size: 74px;}.fs75{font-size: 75px;}.fs76{font-size: 76px;}.fs77{font-size: 77px;}.fs78{font-size: 78px;}.fs79{font-size: 79px;}.fs80{font-size: 80px;}.fs81{font-size: 81px;}.fs82{font-size: 82px;}.fs83{font-size: 83px;}.fs84{font-size: 84px;}.fs85{font-size: 85px;}.fs86{font-size: 86px;}.fs87{font-size: 87px;}.fs88{font-size: 88px;}.fs89{font-size: 89px;}.fs90{font-size: 90px;}.fs91{font-size: 91px;}.fs92{font-size: 92px;}.fs93{font-size: 93px;}.fs94{font-size: 94px;}.fs95{font-size: 95px;}.fs96{font-size: 96px;}.fs97{font-size: 97px;}.fs98{font-size: 98px;}.fs99{font-size: 99px;}.fs100{font-size: 100px;} .lh15{line-height: 15px;}.lh16{line-height: 16px;}.lh17{line-height: 17px;}.lh18{line-height: 18px;}.lh19{line-height: 19px;}.lh20{line-height: 20px;}.lh21{line-height: 21px;}.lh22{line-height: 22px;}.lh23{line-height: 23px;}.lh24{line-height: 24px;}.lh25{line-height: 25px;}.lh26{line-height: 26px;}.lh27{line-height: 27px;}.lh28{line-height: 28px;}.lh29{line-height: 29px;}.lh30{line-height: 30px;}.lh31{line-height: 31px;}.lh32{line-height: 32px;}.lh33{line-height: 33px;}.lh34{line-height: 34px;}.lh35{line-height: 35px;}.lh36{line-height: 36px;}.lh37{line-height: 37px;}.lh38{line-height: 38px;}.lh39{line-height: 39px;}.lh40{line-height: 40px;}.lh41{line-height: 41px;}.lh42{line-height: 42px;}.lh43{line-height: 43px;}.lh44{line-height: 44px;}.lh45{line-height: 45px;}.lh46{line-height: 46px;}.lh47{line-height: 47px;}.lh48{line-height: 48px;}.lh49{line-height: 49px;}.lh50{line-height: 50px;} .lm{overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}.lm1,.lmm1{white-space:nowrap;display: block;-webkit-box-orient: inherit;overflow:hidden;text-overflow:ellipsis;}.lm2,.lmm2{-webkit-line-clamp: 2;}.lm3,.lmm3{-webkit-line-clamp: 3;}.lm4,.lmm4{-webkit-line-clamp: 4;}.lm5,.lmm5{-webkit-line-clamp: 5;} .lh15.lm2{height: 30px;}.lh15.lm3{height: 45px;}.lh15.lm4{height: 60px;}.lh15.lm5{height: 75px;}.lh16.lm2{height: 32px;}.lh16.lm3{height: 48px;}.lh16.lm4{height: 64px;}.lh16.lm5{height: 80px;}.lh17.lm2{height: 34px;}.lh17.lm3{height: 51px;}.lh17.lm4{height: 68px;}.lh17.lm5{height: 85px;}.lh18.lm2{height: 36px;}.lh18.lm3{height: 54px;}.lh18.lm4{height: 72px;}.lh18.lm5{height: 90px;}.lh19.lm2{height: 38px;}.lh19.lm3{height: 57px;}.lh19.lm4{height: 76px;}.lh19.lm5{height: 95px;}.lh20.lm2{height: 40px;}.lh20.lm3{height: 60px;}.lh20.lm4{height: 80px;}.lh20.lm5{height: 100px;}.lh21.lm2{height: 42px;}.lh21.lm3{height: 63px;}.lh21.lm4{height: 84px;}.lh21.lm5{height: 105px;}.lh22.lm2{height: 44px;}.lh22.lm3{height: 66px;}.lh22.lm4{height: 88px;}.lh22.lm5{height: 110px;}.lh23.lm2{height: 46px;}.lh23.lm3{height: 69px;}.lh23.lm4{height: 92px;}.lh23.lm5{height: 115px;}.lh24.lm2{height: 48px;}.lh24.lm3{height: 72px;}.lh24.lm4{height: 96px;}.lh24.lm5{height: 120px;}.lh25.lm2{height: 50px;}.lh25.lm3{height: 75px;}.lh25.lm4{height: 100px;}.lh25.lm5{height: 125px;}.lh26.lm2{height: 52px;}.lh26.lm3{height: 78px;}.lh26.lm4{height: 104px;}.lh26.lm5{height: 130px;}.lh27.lm2{height: 54px;}.lh27.lm3{height: 81px;}.lh27.lm4{height: 108px;}.lh27.lm5{height: 135px;}.lh28.lm2{height: 56px;}.lh28.lm3{height: 84px;}.lh28.lm4{height: 112px;}.lh28.lm5{height: 140px;}.lh29.lm2{height: 58px;}.lh29.lm3{height: 87px;}.lh29.lm4{height: 116px;}.lh29.lm5{height: 145px;}.lh30.lm2{height: 60px;}.lh30.lm3{height: 90px;}.lh30.lm4{height: 120px;}.lh30.lm5{height: 150px;}.lh31.lm2{height: 62px;}.lh31.lm3{height: 93px;}.lh31.lm4{height: 124px;}.lh31.lm5{height: 155px;}.lh32.lm2{height: 64px;}.lh32.lm3{height: 96px;}.lh32.lm4{height: 128px;}.lh32.lm5{height: 160px;}.lh33.lm2{height: 66px;}.lh33.lm3{height: 99px;}.lh33.lm4{height: 132px;}.lh33.lm5{height: 165px;}.lh34.lm2{height: 68px;}.lh34.lm3{height: 102px;}.lh34.lm4{height: 136px;}.lh34.lm5{height: 170px;}.lh35.lm2{height: 70px;}.lh35.lm3{height: 105px;}.lh35.lm4{height: 140px;}.lh35.lm5{height: 175px;}.lh36.lm2{height: 72px;}.lh36.lm3{height: 108px;}.lh36.lm4{height: 144px;}.lh36.lm5{height: 180px;}.lh37.lm2{height: 74px;}.lh37.lm3{height: 111px;}.lh37.lm4{height: 148px;}.lh37.lm5{height: 185px;}.lh38.lm2{height: 76px;}.lh38.lm3{height: 114px;}.lh38.lm4{height: 152px;}.lh38.lm5{height: 190px;}.lh39.lm2{height: 78px;}.lh39.lm3{height: 117px;}.lh39.lm4{height: 156px;}.lh39.lm5{height: 195px;}.lh40.lm2{height: 80px;}.lh40.lm3{height: 120px;}.lh40.lm4{height: 160px;}.lh40.lm5{height: 200px;}.lh41.lm2{height: 82px;}.lh41.lm3{height: 123px;}.lh41.lm4{height: 164px;}.lh41.lm5{height: 205px;}.lh42.lm2{height: 84px;}.lh42.lm3{height: 126px;}.lh42.lm4{height: 168px;}.lh42.lm5{height: 210px;}.lh43.lm2{height: 86px;}.lh43.lm3{height: 129px;}.lh43.lm4{height: 172px;}.lh43.lm5{height: 215px;}.lh44.lm2{height: 88px;}.lh44.lm3{height: 132px;}.lh44.lm4{height: 176px;}.lh44.lm5{height: 220px;}.lh45.lm2{height: 90px;}.lh45.lm3{height: 135px;}.lh45.lm4{height: 180px;}.lh45.lm5{height: 225px;}.lh46.lm2{height: 92px;}.lh46.lm3{height: 138px;}.lh46.lm4{height: 184px;}.lh46.lm5{height: 230px;}.lh47.lm2{height: 94px;}.lh47.lm3{height: 141px;}.lh47.lm4{height: 188px;}.lh47.lm5{height: 235px;}.lh48.lm2{height: 96px;}.lh48.lm3{height: 144px;}.lh48.lm4{height: 192px;}.lh48.lm5{height: 240px;}.lh49.lm2{height: 98px;}.lh49.lm3{height: 147px;}.lh49.lm4{height: 196px;}.lh49.lm5{height: 245px;}.lh50.lm2{height: 100px;}.lh50.lm3{height: 150px;}.lh50.lm4{height: 200px;}.lh50.lm5{height: 250px;} .lh15.lmm2{max-height: 30px;}.lh15.lmm3{max-height: 45px;}.lh15.lmm4{max-height: 60px;}.lh15.lmm5{max-height: 75px;}.lh16.lmm2{max-height: 32px;}.lh16.lmm3{max-height: 48px;}.lh16.lmm4{max-height: 64px;}.lh16.lmm5{max-height: 80px;}.lh17.lmm2{max-height: 34px;}.lh17.lmm3{max-height: 51px;}.lh17.lmm4{max-height: 68px;}.lh17.lmm5{max-height: 85px;}.lh18.lmm2{max-height: 36px;}.lh18.lmm3{max-height: 54px;}.lh18.lmm4{max-height: 72px;}.lh18.lmm5{max-height: 90px;}.lh19.lmm2{max-height: 38px;}.lh19.lmm3{max-height: 57px;}.lh19.lmm4{max-height: 76px;}.lh19.lmm5{max-height: 95px;}.lh20.lmm2{max-height: 40px;}.lh20.lmm3{max-height: 60px;}.lh20.lmm4{max-height: 80px;}.lh20.lmm5{max-height: 100px;}.lh21.lmm2{max-height: 42px;}.lh21.lmm3{max-height: 63px;}.lh21.lmm4{max-height: 84px;}.lh21.lmm5{max-height: 105px;}.lh22.lmm2{max-height: 44px;}.lh22.lmm3{max-height: 66px;}.lh22.lmm4{max-height: 88px;}.lh22.lmm5{max-height: 110px;}.lh23.lmm2{max-height: 46px;}.lh23.lmm3{max-height: 69px;}.lh23.lmm4{max-height: 92px;}.lh23.lmm5{max-height: 115px;}.lh24.lmm2{max-height: 48px;}.lh24.lmm3{max-height: 72px;}.lh24.lmm4{max-height: 96px;}.lh24.lmm5{max-height: 120px;}.lh25.lmm2{max-height: 50px;}.lh25.lmm3{max-height: 75px;}.lh25.lmm4{max-height: 100px;}.lh25.lmm5{max-height: 125px;}.lh26.lmm2{max-height: 52px;}.lh26.lmm3{max-height: 78px;}.lh26.lmm4{max-height: 104px;}.lh26.lmm5{max-height: 130px;}.lh27.lmm2{max-height: 54px;}.lh27.lmm3{max-height: 81px;}.lh27.lmm4{max-height: 108px;}.lh27.lmm5{max-height: 135px;}.lh28.lmm2{max-height: 56px;}.lh28.lmm3{max-height: 84px;}.lh28.lmm4{max-height: 112px;}.lh28.lmm5{max-height: 140px;}.lh29.lmm2{max-height: 58px;}.lh29.lmm3{max-height: 87px;}.lh29.lmm4{max-height: 116px;}.lh29.lmm5{max-height: 145px;}.lh30.lmm2{max-height: 60px;}.lh30.lmm3{max-height: 90px;}.lh30.lmm4{max-height: 120px;}.lh30.lmm5{max-height: 150px;}.lh31.lmm2{max-height: 62px;}.lh31.lmm3{max-height: 93px;}.lh31.lmm4{max-height: 124px;}.lh31.lmm5{max-height: 155px;}.lh32.lmm2{max-height: 64px;}.lh32.lmm3{max-height: 96px;}.lh32.lmm4{max-height: 128px;}.lh32.lmm5{max-height: 160px;}.lh33.lmm2{max-height: 66px;}.lh33.lmm3{max-height: 99px;}.lh33.lmm4{max-height: 132px;}.lh33.lmm5{max-height: 165px;}.lh34.lmm2{max-height: 68px;}.lh34.lmm3{max-height: 102px;}.lh34.lmm4{max-height: 136px;}.lh34.lmm5{max-height: 170px;}.lh35.lmm2{max-height: 70px;}.lh35.lmm3{max-height: 105px;}.lh35.lmm4{max-height: 140px;}.lh35.lmm5{max-height: 175px;}.lh36.lmm2{max-height: 72px;}.lh36.lmm3{max-height: 108px;}.lh36.lmm4{max-height: 144px;}.lh36.lmm5{max-height: 180px;}.lh37.lmm2{max-height: 74px;}.lh37.lmm3{max-height: 111px;}.lh37.lmm4{max-height: 148px;}.lh37.lmm5{max-height: 185px;}.lh38.lmm2{max-height: 76px;}.lh38.lmm3{max-height: 114px;}.lh38.lmm4{max-height: 152px;}.lh38.lmm5{max-height: 190px;}.lh39.lmm2{max-height: 78px;}.lh39.lmm3{max-height: 117px;}.lh39.lmm4{max-height: 156px;}.lh39.lmm5{max-height: 195px;}.lh40.lmm2{max-height: 80px;}.lh40.lmm3{max-height: 120px;}.lh40.lmm4{max-height: 160px;}.lh40.lmm5{max-height: 200px;}.lh41.lmm2{max-height: 82px;}.lh41.lmm3{max-height: 123px;}.lh41.lmm4{max-height: 164px;}.lh41.lmm5{max-height: 205px;}.lh42.lmm2{max-height: 84px;}.lh42.lmm3{max-height: 126px;}.lh42.lmm4{max-height: 168px;}.lh42.lmm5{max-height: 210px;}.lh43.lmm2{max-height: 86px;}.lh43.lmm3{max-height: 129px;}.lh43.lmm4{max-height: 172px;}.lh43.lmm5{max-height: 215px;}.lh44.lmm2{max-height: 88px;}.lh44.lmm3{max-height: 132px;}.lh44.lmm4{max-height: 176px;}.lh44.lmm5{max-height: 220px;}.lh45.lmm2{max-height: 90px;}.lh45.lmm3{max-height: 135px;}.lh45.lmm4{max-height: 180px;}.lh45.lmm5{max-height: 225px;}.lh46.lmm2{max-height: 92px;}.lh46.lmm3{max-height: 138px;}.lh46.lmm4{max-height: 184px;}.lh46.lmm5{max-height: 230px;}.lh47.lmm2{max-height: 94px;}.lh47.lmm3{max-height: 141px;}.lh47.lmm4{max-height: 188px;}.lh47.lmm5{max-height: 235px;}.lh48.lmm2{max-height: 96px;}.lh48.lmm3{max-height: 144px;}.lh48.lmm4{max-height: 192px;}.lh48.lmm5{max-height: 240px;}.lh49.lmm2{max-height: 98px;}.lh49.lmm3{max-height: 147px;}.lh49.lmm4{max-height: 196px;}.lh49.lmm5{max-height: 245px;}.lh50.lmm2{max-height: 100px;}.lh50.lmm3{max-height: 150px;}.lh50.lmm4{max-height: 200px;}.lh50.lmm5{max-height: 250px;} @media all and (max-width:1700px) { .pt130,.pt140{padding-top: 120px;}.pt150{padding-top: 130px;}.pt160,.pt170{padding-top: 140px;}.pt180{padding-top: 150px;}.pt190{padding-top: 160px;}.pt200{padding-top: 170px;} .pb130,.pb140{padding-bottom: 120px;}.pb150{padding-bottom: 130px;}.pb160,.pb170{padding-bottom: 140px;}.pb180{padding-bottom: 150px;}.pb190{padding-bottom: 160px;}.pb200{padding-bottom: 170px;} .mt40,.mt42,.mt44{margin-top: 36px;}.mt46,.mt48{margin-top: 40px;}.mt50,.mt52,.mt54{margin-top: 44px;}.mt56,.mt58{margin-top: 48px;}.mt60,.mt62,.mt64{margin-top: 54px;}.mt66,.mt68{margin-top: 58px;}.mt70,.mt72,.mt74{margin-top: 64px;}.mt76,.mt78{margin-top: 68px;}.mt80{margin-top: 70px;}.mt82,.mt84,.mt86{margin-top: 72px;}.mt88,.mt90{margin-top: 74px;}.mt92,.mt94{margin-top: 76px;}.mt96,.mt98{margin-top: 78px;}.mt100{margin-top: 80px;} .fs49,.fs50,.fs51,.fs52,.fs53,.fs54,.fs55{font-size: 48px;}.fs56,.fs57,.fs58,.fs59{font-size: 52px;}.fs60,.fs61,.fs62,.fs63,.fs64,.fs65{font-size: 54px;}.fs66,.fs67,.fs68{font-size: 58px;}.fs69,.fs70,.fs71,.fs72{font-size: 62px;}.fs73,.fs74,.fs75,.fs76,.fs77{font-size: 64px;}.fs78,.fs79,.fs80,.fs81,.fs82{font-size: 66px;}.fs83,.fs84,.fs85,.fs86,.fs87{font-size: 68px;}.fs88,.fs89,.fs90,.fs91,.fs92{font-size: 72px;}.fs93,.fs94{font-size: 74px;}.fs95,.fs96,.fs97{font-size: 78px;}.fs98,.fs99,.fs100{font-size: 82px;} } @media all and (max-width:1599px) { .pt90,.pt100{padding-top: 80px;}.pt110{padding-top: 90px;}.pt120,.pt130{padding-top: 100px;}.pt140,.pt150{padding-top: 110px;}.pt160,.pt170{padding-top: 120px;}.pt180{padding-top: 130px;}.pt190{padding-top: 140px;}.pt200{padding-top: 150px;} .pb90,.pb100{padding-bottom: 80px;}.pb110{padding-bottom: 90px;}.pb120,.pb130{padding-bottom: 100px;}.pb140,.pb150{padding-bottom: 110px;}.pb160,.pb170{padding-bottom: 120px;}.pb180{padding-bottom: 130px;}.pb190{padding-bottom: 140px;}.pb200{padding-bottom: 150px;} .mt18{margin-top: 16px;}.mt20{margin-top: 18px;}.mt22,.mt24{margin-top: 20px;}.mt26{margin-top: 22px;}.mt28,.mt30,.mt32,.mt34{margin-top: 24px;}.mt36,.mt38{margin-top: 28px;}.mt40,.mt42,.mt44{margin-top: 30px;}.mt46,.mt48{margin-top: 34px;}.mt50,.mt52,.mt54{margin-top: 40px;}.mt56,.mt58{margin-top: 44px;}.mt60,.mt62,.mt64{margin-top: 50px;}.mt66,.mt68{margin-top: 54px;}.mt70,.mt72,.mt74{margin-top: 56px;}.mt76,.mt78{margin-top: 60px;}.mt80{margin-top: 62px;}.mt82,.mt84,.mt86{margin-top: 64px;}.mt88,.mt90{margin-top: 66px;}.mt92,.mt94{margin-top: 68px;}.mt96,.mt98{margin-top: 70px;}.mt100{margin-top: 72px;} .fs25,.fs26,.fs27,.fs28{font-size: 24px;}.fs29,.fs30,.fs31,.fs32,.fs33,.fs34,.fs35{font-size: 28px;}.fs36,.fs37,.fs38,.fs39{font-size: 30px;}.fs40,.fs41,.fs42,.fs43,.fs44,.fs45{font-size: 32px;}.fs46,.fs47,.fs48,.fs49{font-size: 36px;}.fs50,.fs51,.fs52,.fs53,.fs54,.fs55{font-size: 42px;}.fs56,.fs57,.fs58,.fs59{font-size: 46px;}.fs60,.fs61,.fs62,.fs63,.fs64,.fs65{font-size: 48px;}.fs66,.fs67,.fs68{font-size: 50px;}.fs69,.fs70,.fs71,.fs72{font-size: 52px;}.fs73,.fs74,.fs75,.fs76,.fs77{font-size: 54px;}.fs78,.fs79,.fs80,.fs81,.fs82{font-size: 56px;}.fs83,.fs84,.fs85,.fs86,.fs87{font-size: 58px;}.fs88,.fs89,.fs90,.fs91,.fs92{font-size: 62px;}.fs93,.fs94{font-size: 64px;}.fs95,.fs96,.fs97{font-size: 68px;}.fs98,.fs99,.fs100{font-size: 72px;} .lh35,.lh36,.lh37,.lh38{line-height: 34px;}.lh39,.lh40,.lh41,.lh42,.lh43,.lh44,.lh45{line-height: 38px;}.lh46,.lh47,.lh48,.lh49{line-height: 40px;}.lh50{line-height: 42px;} .lh35.lm2,.lh36.lm2,.lh37.lm2,.lh38.lm2{height: 68px;}.lh35.lm3,.lh36.lm3,.lh37.lm3,.lh38.lm3{height: 102px;}.lh35.lm4,.lh36.lm4,.lh37.lm4,.lh38.lm4{height: 136px;}.lh35.lm5,.lh36.lm5,.lh37.lm5,.lh38.lm5{height: 170px;}.lh39.lm2,.lh40.lm2,.lh41.lm2,.lh42.lm2,.lh43.lm2,.lh44.lm2,.lh45.lm2{height: 76px;}.lh39.lm3,.lh40.lm3,.lh41.lm3,.lh42.lm3,.lh43.lm3,.lh44.lm3,.lh45.lm3{height: 114px;}.lh39.lm4,.lh40.lm4,.lh41.lm4,.lh42.lm4,.lh43.lm4,.lh44.lm4,.lh45.lm4{height: 152px;}.lh39.lm5,.lh40.lm5,.lh41.lm5,.lh42.lm5,.lh43.lm5,.lh44.lm5,.lh45.lm5{height: 190px;}.lh46.lm2,.lh47.lm2,.lh48.lm2,.lh49.lm2{height: 80px;}.lh46.lm3,.lh47.lm3,.lh48.lm3,.lh49.lm3{height: 120px;}.lh46.lm4,.lh47.lm4,.lh48.lm4,.lh49.lm4{height: 160px;}.lh46.lm5,.lh47.lm5,.lh48.lm5,.lh49.lm5{height: 200px;}.lh50.lm2{height: 88px;}.lh50.lm3{height: 126px;}.lh50.lm4{height: 168px;}.lh50.lm5{height: 210px;} .lh35.lmm2,.lh36.lmm2,.lh37.lmm2,.lh38.lmm2{max-height: 68px;}.lh35.lmm3,.lh36.lmm3,.lh37.lmm3,.lh38.lmm3{max-height: 102px;}.lh35.lmm4,.lh36.lmm4,.lh37.lmm4,.lh38.lmm4{max-height: 136px;}.lh35.lmm5,.lh36.lmm5,.lh37.lmm5,.lh38.lmm5{max-height: 170px;}.lh39.lmm2,.lh40.lmm2,.lh41.lmm2,.lh42.lmm2,.lh43.lmm2,.lh44.lmm2,.lh45.lmm2{max-height: 76px;}.lh39.lmm3,.lh40.lmm3,.lh41.lmm3,.lh42.lmm3,.lh43.lmm3,.lh44.lmm3,.lh45.lmm3{max-height: 114px;}.lh39.lmm4,.lh40.lmm4,.lh41.lmm4,.lh42.lmm4,.lh43.lmm4,.lh44.lmm4,.lh45.lmm4{max-height: 152px;}.lh39.lmm5,.lh40.lmm5,.lh41.lmm5,.lh42.lmm5,.lh43.lmm5,.lh44.lmm5,.lh45.lmm5{max-height: 190px;}.lh46.lmm2,.lh47.lmm2,.lh48.lmm2,.lh49.lmm2{max-height: 80px;}.lh46.lmm3,.lh47.lmm3,.lh48.lmm3,.lh49.lmm3{max-height: 120px;}.lh46.lmm4,.lh47.lmm4,.lh48.lmm4,.lh49.lmm4{max-height: 160px;}.lh46.lmm5,.lh47.lmm5,.lh48.lmm5,.lh49.lmm5{max-height: 200px;}.lh50.lmm2{max-height: 88px;}.lh50.lmm3{max-height: 126px;}.lh50.lmm4{max-height: 168px;}.lh50.lmm5{max-height: 210px;} } @media all and (max-width:1279px) { .pt60,.pt70{padding-top: 50px;}.pt80,.pt90,.pt100{padding-top: 60px;}.pt110{padding-top: 70px;}.pt120,.pt130{padding-top: 80px;}.pt140,.pt150{padding-top: 90px;}.pt160,.pt170{padding-top: 100px;}.pt180{padding-top: 110px;}.pt190,.pt200{padding-top: 120px;} .pb60{padding-bottom: 50px;}.pb70,.pb80,.pb90,.pb100{padding-bottom: 60px;}.pb110{padding-bottom: 70px;}.pb120,.pb130{padding-bottom: 80px;}.pb140,.pb150{padding-bottom: 90px;}.pb160,.pb170{padding-bottom: 100px;}.pb180{padding-bottom: 110px;}.pb190,.pb200{padding-bottom: 120px;} .mt16{margin-top: 14px;}.mt18{margin-top: 16px;}.mt20,.mt22,.mt24{margin-top: 18px;}.mt26{margin-top: 20px;}.mt28,.mt30,.mt32,.mt34{margin-top: 22px;}.mt36,.mt38{margin-top: 24px;}.mt40,.mt42,.mt44{margin-top: 28px;}.mt46,.mt48{margin-top: 30px;}.mt50,.mt52,.mt54{margin-top: 32px;}.mt56,.mt58{margin-top: 36px;}.mt60,.mt62,.mt64{margin-top: 42px;}.mt66,.mt68{margin-top: 46px;}.mt70,.mt72,.mt74{margin-top: 48px;}.mt76,.mt78{margin-top: 52px;}.mt80{margin-top: 54px;}.mt82,.mt84,.mt86{margin-top: 56px;}.mt88,.mt90{margin-top: 58px;}.mt92,.mt94{margin-top: 60px;}.mt96,.mt98{margin-top: 62px;}.mt100{margin-top: 64px;} .fs23,.fs24,.fs25,.fs26,.fs27,.fs28{font-size: 22px;}.fs29,.fs30,.fs31,.fs32,.fs33,.fs34,.fs35{font-size: 26px;}.fs36,.fs37,.fs38,.fs39,.fs40,.fs41,.fs42{font-size: 28px;}.fs43,.fs44,.fs45,.fs46,.fs47,.fs48,.fs49{font-size: 30px;}.fs50,.fs51,.fs52,.fs53,.fs54,.fs55{font-size: 34px;}.fs56,.fs57,.fs58,.fs59{font-size: 36px;}.fs60,.fs61,.fs62,.fs63,.fs64,.fs65{font-size: 38px;}.fs66,.fs67,.fs68{font-size: 40px;}.fs69,.fs70,.fs71,.fs72{font-size: 42px;}.fs73,.fs74,.fs75,.fs76,.fs77{font-size: 44px;}.fs78,.fs79,.fs80,.fs81,.fs82{font-size: 46px;}.fs83,.fs84,.fs85,.fs86,.fs87{font-size: 48px;}.fs88,.fs89,.fs90,.fs91,.fs92{font-size: 52px;}.fs93,.fs94{font-size: 54px;}.fs95,.fs96,.fs97{font-size: 58px;}.fs98,.fs99,.fs100{font-size: 62px;} .lh33,.lh34,.lh35,.lh36,.lh37,.lh38{line-height: 32px;}.lh39,.lh40,.lh41,.lh42,.lh43,.lh44,.lh45{line-height: 36px;}.lh46,.lh47,.lh48,.lh49,.lh50{line-height: 38px;} .lh33.lm2,.lh34.lm2,.lh35.lm2,.lh36.lm2,.lh37.lm2,.lh38.lm2{height: 64px;}.lh33.lm3,.lh34.lm3,.lh35.lm3,.lh36.lm3,.lh37.lm3,.lh38.lm3{height: 96px;}.lh33.lm4,.lh34.lm4,.lh35.lm4,.lh36.lm4,.lh37.lm4,.lh38.lm4{height: 128px;}.lh33.lm5,.lh34.lm5,.lh35.lm5,.lh36.lm5,.lh37.lm5,.lh38.lm5{height: 160px;}.lh39.lm2,.lh40.lm2,.lh41.lm2,.lh42.lm2,.lh43.lm2,.lh44.lm2,.lh45.lm2{height: 72px;}.lh39.lm3,.lh40.lm3,.lh41.lm3,.lh42.lm3,.lh43.lm3,.lh44.lm3,.lh45.lm3{height: 108px;}.lh39.lm4,.lh40.lm4,.lh41.lm4,.lh42.lm4,.lh43.lm4,.lh44.lm4,.lh45.lm4{height: 144px;}.lh39.lm5,.lh40.lm5,.lh41.lm5,.lh42.lm5,.lh43.lm5,.lh44.lm5,.lh45.lm5{height: 180px;}.lh46.lm2,.lh47.lm2,.lh48.lm2,.lh49.lm2,.lh50.lm2{height: 76px;}.lh46.lm3,.lh47.lm3,.lh48.lm3,.lh49.lm3,.lh50.lm3{height: 114px;}.lh46.lm4,.lh47.lm4,.lh48.lm4,.lh49.lm4,.lh50.lm4{height: 152px;}.lh46.lm5,.lh47.lm5,.lh48.lm5,.lh49.lm5,.lh50.lm5{height: 190px;} .lh33.lmm2,.lh34.lmm2,.lh35.lmm2,.lh36.lmm2,.lh37.lmm2,.lh38.lmm2{max-height: 64px;}.lh33.lmm3,.lh34.lmm3,.lh35.lmm3,.lh36.lmm3,.lh37.lmm3,.lh38.lmm3{max-height: 96px;}.lh33.lmm4,.lh34.lmm4,.lh35.lmm4,.lh36.lmm4,.lh37.lmm4,.lh38.lmm4{max-height: 128px;}.lh33.lmm5,.lh34.lmm5,.lh35.lmm5,.lh36.lmm5,.lh37.lmm5,.lh38.lmm5{max-height: 160px;}.lh39.lmm2,.lh40.lmm2,.lh41.lmm2,.lh42.lmm2,.lh43.lmm2,.lh44.lmm2,.lh45.lmm2{max-height: 72px;}.lh39.lmm3,.lh40.lmm3,.lh41.lmm3,.lh42.lmm3,.lh43.lmm3,.lh44.lmm3,.lh45.lmm3{max-height: 108px;}.lh39.lmm4,.lh40.lmm4,.lh41.lmm4,.lh42.lmm4,.lh43.lmm4,.lh44.lmm4,.lh45.lmm4{max-height: 144px;}.lh39.lmm5,.lh40.lmm5,.lh41.lmm5,.lh42.lmm5,.lh43.lmm5,.lh44.lmm5,.lh45.lmm5{max-height: 180px;}.lh46.lmm2,.lh47.lmm2,.lh48.lmm2,.lh49.lmm2,.lh50.lmm2{max-height: 76px;}.lh46.lmm3,.lh47.lmm3,.lh48.lmm3,.lh49.lmm3,.lh50.lmm3{max-height: 114px;}.lh46.lmm4,.lh47.lmm4,.lh48.lmm4,.lh49.lmm4,.lh50.lmm4{max-height: 152px;}.lh46.lmm5,.lh47.lmm5,.lh48.lmm5,.lh49.lmm5,.lh50.lmm5{max-height: 190px;} } @media all and (max-width:640px) { .pt10{padding-top: 6px;}.pt20{padding-top: 16px;}.pt30{padding-top: 24px;}.pt40{padding-top: 30px;}.pt50{padding-top: 32px;}.pt60,.pt70{padding-top: 34px;}.pt80,.pt90,.pt100{padding-top:38px;}.pt110{padding-top: 40px;}.pt120,.pt130{padding-top: 42px;}.pt140,.pt150{padding-top: 44px;}.pt160,.pt170{padding-top: 46px;}.pt180{padding-top: 48px;}.pt190,.pt200{padding-top: 50px;} .pb10{padding-bottom: 6px;}.pb20{padding-bottom: 16px;}.pb30{padding-bottom: 24px;}.pb40{padding-bottom: 30px;}.pb50{padding-bottom: 32px;}.pb60{padding-bottom: 34px;}.pb70,.pb80,.pb90,.pb100{padding-bottom:38px;}.pb110{padding-bottom: 40px;}.pb120,.pb130{padding-bottom: 42px;}.pb140,.pb150{padding-bottom: 44px;}.pb160,.pb170{padding-bottom: 46px;}.pb180{padding-bottom: 48px;}.pb190,.pb200{padding-bottom: 50px;} .mt6{margin-top: 4px;}.mt8{margin-top: 6px;}.mt10{margin-top: 8px;}.mt12{margin-top: 10px;}.mt14{margin-top: 12px;}.mt18{margin-top: 14px;}.mt20,.mt22,.mt24,.mt26{margin-top: 16px;}.mt28,.mt30,.mt32,.mt34{margin-top: 18px;}.mt36,.mt38{margin-top: 20px;}.mt40,.mt42,.mt44{margin-top: 22px;}.mt46,.mt48{margin-top: 24px;}.mt50,.mt52,.mt54{margin-top: 26px;}.mt56,.mt58{margin-top: 28px;}.mt60,.mt62,.mt64{margin-top: 32px;}.mt66,.mt68{margin-top: 34px;}.mt70,.mt72,.mt74{margin-top: 36px;}.mt76,.mt78{margin-top: 38px;}.mt80,.mt82,.mt84,.mt86{margin-top: 40px;}.mt88,.mt90{margin-top: 42px;}.mt92,.mt94{margin-top: 44px;}.mt96,.mt98{margin-top: 46px;}.mt100{margin-top: 48px;} .fs16{font-size: 15px;}.fs17,.fs18{font-size: 16px;}.fs19{font-size: 17px;}.fs20,.fs21,.fs22,.fs23,.fs24{font-size: 18px;}.fs25,.fs26,.fs27,.fs28,.fs29,.fs30,.fs31,.fs32,.fs33,.fs34{font-size: 20px;}.fs35,.fs36,.fs37,.fs38,.fs39,.fs40,.fs41,.fs42{font-size: 22px;}.fs43,.fs44,.fs45,.fs46,.fs47,.fs48{font-size: 24px;}.fs49,.fs50,.fs51,.fs52,.fs53,.fs54{font-size: 26px;}.fs55,.fs56,.fs57,.fs58,.fs59,.fs60,.fs61,.fs62,.fs63,.fs64{font-size: 28px;}.fs65,.fs66,.fs67,.fs68{font-size: 30px;}.fs69,.fs70,.fs71,.fs72{font-size: 32px;}.fs73,.fs74,.fs75,.fs76,.fs77{font-size: 34px;}.fs78,.fs79,.fs80,.fs81,.fs82{font-size: 36px;}.fs83,.fs84,.fs85,.fs86,.fs87{font-size: 38px;}.fs88,.fs89,.fs90,.fs91,.fs92{font-size: 42px;}.fs93,.fs94{font-size: 44px;}.fs95,.fs96,.fs97{font-size: 48px;}.fs98,.fs99,.fs100{font-size: 50px;} .lh25{line-height: 24px;}.lh26{line-height: 25px;}.lh27,.lh28{line-height: 26px;}.lh29{line-height: 27px;}.lh30,.lh31,.lh32,.lh33,.lh34{line-height: 28px;}.lh35,.lh36,.lh37,.lh38,.lh39,.lh40,.lh41,.lh42,.lh43,.lh44{line-height: 30px;}.lh45,.lh46,.lh47,.lh48,.lh49,.lh50{line-height: 32px;} .lh25.lm2{height: 48px;}.lh25.lm3{height: 72px;}.lh25.lm4{height: 96px;}.lh25.lm5{height: 120px;}.lh26.lm2{height: 50px;}.lh26.lm3{height: 75px;}.lh26.lm4{height: 100px;}.lh26.lm5{height: 125px;}.lh27.lm2,.lh28.lm2{height: 52px;}.lh27.lm3,.lh28.lm3{height: 78px;}.lh27.lm4,.lh28.lm4{height: 104px;}.lh27.lm5,.lh28.lm5{height: 130px;}.lh29.lm2{height: 54px;}.lh29.lm3{height: 81px;}.lh29.lm4{height: 108px;}.lh29.lm5{height: 135px;}.lh30.lm2,.lh31.lm2,.lh32.lm2,.lh33.lm2,.lh34.lm2{height: 56px;}.lh30.lm3,.lh31.lm3,.lh32.lm3,.lh33.lm3,.lh34.lm3{height: 84px;}.lh30.lm4,.lh31.lm4,.lh32.lm4,.lh33.lm4,.lh34.lm4{height: 112px;}.lh30.lm5,.lh31.lm5,.lh32.lm5,.lh33.lm5,.lh34.lm5{height: 140px;}.lh35.lm2,.lh36.lm2,.lh37.lm2,.lh38.lm2,.lh39.lm2,.lh40.lm2,.lh41.lm2,.lh42.lm2,.lh43.lm2,.lh44.lm2{height: 60px;}.lh35.lm3,.lh36.lm3,.lh37.lm3,.lh38.lm3,.lh39.lm3,.lh40.lm3,.lh41.lm3,.lh42.lm3,.lh43.lm3,.lh44.lm3{height: 90px;}.lh35.lm4,.lh36.lm4,.lh37.lm4,.lh38.lm4,.lh39.lm4,.lh40.lm4,.lh41.lm4,.lh42.lm4,.lh43.lm4,.lh44.lm4{height: 120px;}.lh35.lm5,.lh36.lm5,.lh37.lm5,.lh38.lm5,.lh39.lm5,.lh40.lm5,.lh41.lm5,.lh42.lm5,.lh43.lm5,.lh44.lm5{height: 150px;}.lh45.lm2,.lh46.lm2,.lh47.lm2,.lh48.lm2,.lh49.lm2,.lh50.lm2{height: 64px;}.lh45.lm3,.lh46.lm3,.lh47.lm3,.lh48.lm3,.lh49.lm3,.lh50.lm3{height: 96px;}.lh45.lm4,.lh46.lm4,.lh47.lm4,.lh48.lm4,.lh49.lm4,.lh50.lm4{height: 128px;}.lh45.lm5,.lh46.lm5,.lh47.lm5,.lh48.lm5,.lh49.lm5,.lh50.lm5{height: 160px;} .lh25.lmm2{max-height: 48px;}.lh25.lmm3{max-height: 72px;}.lh25.lmm4{max-height: 96px;}.lh25.lmm5{max-height: 120px;}.lh26.lmm2{max-height: 50px;}.lh26.lmm3{max-height: 75px;}.lh26.lmm4{max-height: 100px;}.lh26.lmm5{max-height: 125px;}.lh27.lmm2,.lh28.lmm2{max-height: 52px;}.lh27.lmm3,.lh28.lmm3{max-height: 78px;}.lh27.lmm4,.lh28.lmm4{max-height: 104px;}.lh27.lmm5,.lh28.lmm5{max-height: 130px;}.lh29.lmm2{max-height: 54px;}.lh29.lmm3{max-height: 81px;}.lh29.lmm4{max-height: 108px;}.lh29.lmm5{max-height: 135px;}.lh30.lmm2,.lh31.lmm2,.lh32.lmm2,.lh33.lmm2,.lh34.lmm2{max-height: 56px;}.lh30.lmm3,.lh31.lmm3,.lh32.lmm3,.lh33.lmm3,.lh34.lmm3{max-height: 84px;}.lh30.lmm4,.lh31.lmm4,.lh32.lmm4,.lh33.lmm4,.lh34.lmm4{max-height: 112px;}.lh30.lmm5,.lh31.lmm5,.lh32.lmm5,.lh33.lmm5,.lh34.lmm5{max-height: 140px;}.lh35.lmm2,.lh36.lmm2,.lh37.lmm2,.lh38.lmm2,.lh39.lmm2,.lh40.lmm2,.lh41.lmm2,.lh42.lmm2,.lh43.lmm2,.lh44.lmm2{max-height: 60px;}.lh35.lmm3,.lh36.lmm3,.lh37.lmm3,.lh38.lmm3,.lh39.lmm3,.lh40.lmm3,.lh41.lmm3,.lh42.lmm3,.lh43.lmm3,.lh44.lmm3{max-height: 90px;}.lh35.lmm4,.lh36.lmm4,.lh37.lmm4,.lh38.lmm4,.lh39.lmm4,.lh40.lmm4,.lh41.lmm4,.lh42.lmm4,.lh43.lmm4,.lh44.lmm4{max-height: 120px;}.lh35.lmm5,.lh36.lmm5,.lh37.lmm5,.lh38.lmm5,.lh39.lmm5,.lh40.lmm5,.lh41.lmm5,.lh42.lmm5,.lh43.lmm5,.lh44.lmm5{max-height: 150px;}.lh45.lmm2,.lh46.lmm2,.lh47.lmm2,.lh48.lmm2,.lh49.lmm2,.lh50.lmm2{max-height: 64px;}.lh45.lmm3,.lh46.lmm3,.lh47.lmm3,.lh48.lmm3,.lh49.lmm3,.lh50.lmm3{max-height: 96px;}.lh45.lmm4,.lh46.lmm4,.lh47.lmm4,.lh48.lmm4,.lh49.lmm4,.lh50.lmm4{max-height: 128px;}.lh45.lmm5,.lh46.lmm5,.lh47.lmm5,.lh48.lmm5,.lh49.lmm5,.lh50.lmm5{max-height: 160px;} } /* 导航条 */ .navbar-default .navbar-logo { padding: 15px 0; height: auto; position: absolute; } .navbar-default .navbar-logo img { height: 40px; transition: all ease 0.3s; } .navbar-default .navbar-en { display: none;} .search .searchico.on{ display:none;} .search .searchbox .form-group { width: 80%;float: left;} .navbar-default .dropdown-custom .dropdown-menu>li.active>a { background-color: #2780E3; } .navbar-default .dropdown-custom .dropdown-menu>li>a:hover, .navbar-default .dropdown-custom .dropdown-menu>li>a:focus { color: #fff; background-color: #2780E3; } @media (min-width: 768px){ body { padding-top: 70px; font-size: 16px;} .collapse {float: right;} .navbar{ float:right; box-shadow: 0 0 24px rgba(10,2,4,0.24); height: 70px; transition: all ease 0.3s;} .navbar ul li{ display: inline-block;} .navbar ul .menu-item-level-1 a .bg,.navbar ul .dropdown-custom-level-1 a .bg{ position:absolute; left:50%; bottom:0px; height:100%; background:#2780E3;width:0%; z-index:-1;transition: all ease 0.3s;} .navbar ul .menu-item-level-1:hover .bg,.navbar ul .dropdown-custom-level-1:hover .bg{ width:100%; left:0;} .navbar-default .navbar-nav { font-size: 16px; } .navbar-default .navbar-nav>li>a { padding: 25px 5px; color: #080808; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #080808;background: none;} .navbar-default .menu-item-level-1>a:hover, .navbar-default .menu-item-level-1>a:focus {color:#fff !important; background:#080808;} .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color: #fff; background: none; z-index: 999; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #fff; background:#2780E3; } .navbar-default .navbar-en { display: block;} /* 下拉效果 */ .navbar-default .dropdown-custom { color: #000 !important;} .navbar-default .dropdown-custom .dropdown-menu { background-color: transparent;} .navbar-default .dropdown-custom .dropdown-menu>li>a { display: block; padding: 8px 20px; font-size: 16px; } /* .navbar-default .dropdown-custom.diy2 .dropdown-menu.dropdown-menu-level-1 { padding-right: 150px; } .navbar-default .dropdown-custom.diy5 .dropdown-menu.dropdown-menu-level-1 { padding-left: 15%; } */ .navbar-default .dropdown-menu .dropdown-custom-level-2 { background: rgba(0,0,0,0.05); } /* .dropdown-menu .dropdown-custom-level-2.active { background: transparent;} */ .navbar-default .dropdown-menu .dropdown-custom-level-2 .dropdown-toggle-2 { border-bottom: 2px solid #2780E3; margin-top: 10px; text-align: left; font-weight: bold;} .navbar-default .dropdown-menu .dropdown-custom-level-2 .dropdown-toggle-2:hover { background-color: #2780E3;} .navbar-default .dropdown-menu .dropdown-custom-level-2 .dropdown-toggle-2 .bg { background: transparent;} .navbar-default .dropdown-menu .dropdown-menu-level-2 { display: inline-block; position: relative; width: 190px; border: none; background: none; -webkit-box-shadow: none; box-shadow: none;} .navbar-default .dropdown-menu .dropdown-menu-level-2 .menu-item-level-3 { width: 100%;} .navbar-default .dropdown-menu .dropdown-menu-level-2 .dropdown-custom-level-3 { width: 190px; } .navbar-default .dropdown-menu .dropdown-menu-level-2 .dropdown-menu-level-3 { /* z-index: 1; */ margin-top: 0px; background: #fff; } /* 菜单下拉动画 */ .navbar-default .dropdown-menu.dropdown-menu-level-1{ transition: all ease 0.1s; z-index: 1; display: block; opacity: 0; visibility:hidden; height: 0px; border: none; line-height:0px;padding:0; position:fixed; text-align:center; top:100px; left:0;width:100%; background:rgba(255,255,255,0.9); box-shadow:0 5px 15px rgba(0,0,0,0.2);} .navbar-default .open ul.dropdown-menu.dropdown-menu-level-1{opacity: 1; height: auto; line-height:33px; padding:10px 0; visibility:visible; transition: all ease 0.3s; z-index: 999; } /* 搜索 */ .search{ line-height: 18px; padding:27px 5px 5px 5px; margin-left: 5px; background:url(../images/line.gif) 0px 27px no-repeat;transition: all ease 0.3s;} .search .searchico .iconfont{ font-size: 30px;} .search .searchico.on{ display: block;} .search .searchico .icongb{ display:none;} .search .searchico.on .icongb{ display:block;} .search .searchico.on .iconso{ font-size: 28px; display:none;} .search .searchbox { width: 350px; /* padding-left: 125px; */ background: #fff; right: 6%; box-shadow: 0 0 10px #999; display: none; position: absolute; top: 72px;} /* 英文版 */ .navbar-default .ver { float: right; padding: 25px 5px 0 5px; transition: all ease 0.3s; } /* 滚动收缩导航条 */ .navbar.fixedtop { height: 70px;} .navbar.fixedtop .navbar-brand { padding: 10px 15px; transition: all ease 0.3s;} .navbar.fixedtop .navbar-brand img { height: 50px; transition: all ease 0.3s; } .navbar.fixedtop .navbar-nav>li>a { padding-top: 25px; padding-bottom: 25px; } .navbar.fixedtop .search, .navbar.fixedtop .ver{ margin-top: 0px;} .navbar.fixedtop .searchbox,.navbar.fixedtop .dropdown-menu-level-1{ top:70px;} .navbar.fixedtop .navbar-logo { padding: 15px 0; } .navbar.fixedtop .navbar-logo img { height: 40px; } } @media (min-width: 992px){ body { padding-top: 100px;} .navbar{ height: 100px;} .navbar-default .navbar-logo { padding: 20px 0; } .navbar-default .navbar-logo img { height: 60px; transition: all ease 0.3s; } .navbar-default .navbar-nav>li>a { padding: 40px 10px; } .navbar-default .search{ padding:42px 5px 0 5px;} .search{ background:url(../images/line.gif) 0px 42px no-repeat;} .search .searchbox { top: 102px;} .navbar-default .ver { padding: 40px 5px 0 5px; } .navbar.fixedtop .search, .navbar.fixedtop .ver{ margin-top: -15px;} } @media (min-width: 1200px){ .navbar-default .navbar-nav>li>a { padding: 40px 20px; } .navbar-default .search{ padding:42px 10px 0 15px;} .navbar-default .ver { padding: 40px 10px 0 15px; } } @media (min-width: 1560px) { .container-fluid { width: 1560px; } } .sy-box .caption-wraper { display: none;} .sy-box .sy-pager { bottom: 15em; position: absolute; z-index: 3;} /* .bannerSlider { margin-bottom: 0 !important; border: 0 !important;} .bannerSlider .flex-control-nav { width: 100%; position: absolute; bottom: 20px; text-align: center; z-index: 9;} .bannerSlider .slides{ overflow:hidden; position:relative;font-family: "syrh";} .bannerSlider .slides li{ position:relative;} .bannerSlider .slides .img{ text-align: center; background-color: #fff;} .bannerSlider .slides li .txt{font-family: "syrh"; position:absolute; width:74%; left:13%; top:32%; color:#fff; line-height:35px; } .bannerSlider .slides li .txt h1,.bannerSlider .slides li .txt h2,.bannerSlider .slides li .txt h3 { font-weight: bold; } .bannerSlider .slides li .txt .title1{text-shadow:1px 0px 2px rgba(0,0,0,0.2); display:block; font-size:60px; line-height:72px;transform:translateX(-150px);-webkit-transform:translateX(-150px);opacity:0;transition:all 1s;} .bannerSlider .slides li .txt .title2{text-shadow:1px 0px 2px rgba(0,0,0,0.2); display:block; font-size:60px; line-height:72px;transform:translateX(150px);-webkit-transform:translateX(150px);opacity:0;transition:all 1s;} .bannerSlider .slides li.flex-active-slide .txt .title1,.bannerSlider .slides li.flex-active-slide .txt .title2{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;} .bannerSlider .slides li .txt .more { margin-top: 100px; font-size: 14px; text-align: center; width: 141px; line-height: 41px; color: #fff; background: #2780E3; border-radius: 20px; transform: translateY(150px); -webkit-transform: translateY(150px); opacity: 0; transition: all 1s 0.6s;} .bannerSlider .slides li .txt .up { transform:translateY(-150px);-webkit-transform:translateY(-150px);opacity:0;transition:all 1s; } .bannerSlider .slides li .txt .down { transform:translateY(150px);-webkit-transform:translateY(150px);opacity:0;transition:all 1s; } .bannerSlider .slides li .txt .left { transform:translateX(-150px);-webkit-transform:translateX(-150px);opacity:0;transition:all 1s; } .bannerSlider .slides li .txt .right { transform:translateX(150px);-webkit-transform:translateX(150px);opacity:0;transition:all 1s; } .bannerSlider .slides li.flex-active-slide .txt .up,.bannerSlider .slides li.flex-active-slide .txt .down,.bannerSlider .slides li.flex-active-slide .txt .left,.bannerSlider .slides li.flex-active-slide .txt .right { transform:translateX(0);-webkit-transform:translateX(0);opacity:1; } .bannerSlider .flex-direction-nav .flex-prev { left: 100px; text-indent: 13px; background: none; color: #fff; width: 50px; height: 50px; line-height: 50px; font-size: 60px; border-radius: 50%;} .bannerSlider .flex-direction-nav .flex-next { right: 100px; text-indent: 17px; background: none; color: #fff; width: 50px; height: 50px; line-height: 50px; font-size: 60px; border-radius: 50%;} .bannerSlider.flexslider:hover .flex-prev { opacity: 1; left: 50px; } .bannerSlider.flexslider:hover .flex-next { opacity: 1; right: 50px; } */ /* banner 轮播图 */ .carousel-indicators .active { margin-right: 5px; } .bannerSlider .txt { position: absolute; width: 100%; top: 10%; text-shadow: 2px 2px 2px rgba(0,0,0,0.4); } .bannerSlider .txt .left { transform:translateX(-150px);-webkit-transform:translateX(-150px);opacity:0;transition:all 1s; } .bannerSlider .txt .right { transform:translateX(150px);-webkit-transform:translateX(150px);opacity:0;transition:all 1s; } .bannerSlider .item.active .txt .up,.bannerSlider .item.active .txt .down,.bannerSlider .item.active .txt .left,.bannerSlider .item.active .txt .right { transform:translateX(0);-webkit-transform:translateX(0);opacity:1; } .bannerSlider .sliderItem { height:100vh; } .bannerSlider .sliderItem .images{ height:100vh; background-position: center; background-size: auto 100%; /* background-size: cover; */ background-repeat: no-repeat; transition: all 5s ease 0s; } .carousel:hover .bannerSlider .sliderItem.active .images {-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);} /* 第一张banner */ .none-pc{display: none;} .none-pc-pad{display: none;} .none-pc-mb{display: none;} .none-pad{display: block;} .none-pad-mb{display: block;} .none-mb{display: block;} .banner-mix{width: 100%;position: relative;} .banner-img{width: 100%;overflow: hidden;} .banner-img img{width: 100%;object-fit: cover;} .banner-img img.none-pad-mb{height: 100vh;} .banner-img img.none-pc{min-height: 600px;} .banner-cont{position: absolute;width: 100%;color: #fff;height: 100%;top: 0;left: 0;z-index: 2;pointer-events: none;display: flex;align-items: center;justify-content: center;} .banner-cont{width: 100%;text-align: center;} .banner-cont-wrap{width: 100%;} .banner-cont .image{max-width: 330px;} .banner-cont .title{line-height: 1.1;} .banner-cont .text{line-height: 1.1;font-family: "MB";opacity: 0.5;} .banner-cont-one .banner-cont-dot{width: 520px;} .banner-cont-one .banner-cont-dot img{width: 100%;visibility: hidden;} .banner-dot{position: absolute;width: 100%;height: 100%;top: 0;left: 0;} .banner-dot #cartoonDot-text{width: 100% !important;height: 100% !important;} .banner-mix-one .banner-img{opacity: 0;} .banner-shade{display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url('../banner/bannerOne.png') no-repeat center/cover;z-index: 2;pointer-events: none;} /* -- */ .banner-cont-one .contain{display: flex;flex-wrap: wrap;align-items: center;position: relative;justify-content: space-between;padding: 0 100px 20px 160px;} .banner-cont-one .banner-cont-wrap{width: auto;pointer-events: auto;} .banner-one-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;pointer-events: none;} .banner-one-bg img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} /* 效果 */ .banner-cont .image, .banner-cont .title, .banner-cont .text{opacity: 0;} .bannerSlider .item.active .banner-cont .image,.bannerSlider .item.active .banner-cont .title,.bannerSlider .item.active .banner-cont .text { opacity: 1; } .bannerSlider .item.active .banner-cont .image{animation: bannerDown 1s ease both .4s;} .bannerSlider .item.active .banner-cont .title{animation: bannerUp 1s ease both .5s;} .bannerSlider .item.active .banner-cont .text{animation: bannerUp 1s ease both .5s;} .oneSlide .banner-cont .image{animation: bannerDown 1s ease both .4s;} .oneSlide .banner-cont .title{animation: bannerUp 1s ease both .5s;} .oneSlide .banner-cont .text{animation: bannerUp 1s ease both .5s;} @keyframes bannerDown{0%{opacity: 0;transform: translateY(-100px);filter: blur(10px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}} @keyframes bannerUp{0%{opacity: 0;transform: translateY(100px);filter: blur(10px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}} /* end 第一张banner */ /* 首页标题 */ .homeTitle { position: relative; text-align: center; padding: 30px 0;} .homeTitle .title { font-weight: 600; color: #333333; margin-bottom: 20px;} .homeTitle .title-sub { line-height: 37px; font-size: 18px; color: #999999; text-transform: uppercase; margin-bottom: 30px;} .homeTitle .title-line { display: block; margin: 0px auto; width: 80px; height: 18px; border-bottom: 4px solid #162a8b;} /* 首页产品 */ .homeProduct { padding: 3% 0; background:url(../images/proabg.jpg) center top no-repeat; background-size:cover;} .homeProduct .flipster{ margin-top:-15px; padding:15px 0 62px;} .homeProduct .flipster ul{height:420px !important;} .homeProduct .flipster li{ width:400px; text-align:center; background:#fff; border-radius:12px; box-shadow:0 2px 20px rgba(0,0,0,0.16); padding-bottom:20px;} .homeProduct .flipster .imgbox{ padding-top:69%; border-radius:12px 12px 0 0;} .homeProduct .flipster .ti{ line-height:32px; font-size:20px; color:#333333;} .homeProduct .flipster .ti span{ display:block; line-height:20px; color:#b5b5b5; font-size:14px;} .homeProduct .flipster .fa{ padding:20px 0 5px;} .homeProduct .flipster .fa img, .homeProduct .flipster .fa:before{ width:40px; height:40px; font-size: 40px;} .homeProduct .flipto-prev,.homeProduct .flipto-next{ font-family:"宋体"; background:#dcdcdc; border-radius:50%; display:block; bottom:0px; text-align:center; width:35px; height:35px; line-height:35px; position:absolute;} .homeProduct .flipto-prev{ left:46%;} .homeProduct .flipto-next{ right:46%;} .homeProduct .flipto-prev:hover,.homeProduct .flipto-next:hover{ background:#2780E3; color:#fff;} /* 首页新闻 */ .homeNews{ background:url(../images/news-bg.jpg) center top no-repeat; background-size:cover; padding:4% 0 !important;} .homeNews .homeTitle { margin-bottom: 30px; } .homeNews .homeTitle .title { color: #fff; display: inline-block; font-weight: 600; } .homeNews .homeTitle .title-line { margin: 0; padding-top: 25px; border-bottom: 4px solid #fff } .homeNews .flex-control-nav { bottom: 45px; padding-right: 20px; text-align: right; z-index: 2; } .homeNews .flexslider { border-radius: 10px; overflow: hidden; margin: 0px 5px 60px; border: none; background-color: transparent; box-shadow: 0px 4px 5px rgba(255, 255, 255, 0.24); } .homeNews .flexslider .slides { height: 546px; } @media (max-width: 992px){ .homeNews .flexslider .slides { height: 100%; } } .homeNews .flexslider .slides img { border: 0; } .homeNews .slides li { border-radius: 10px; overflow: hidden; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all 0.5s ease 0s; } .homeNews .slides li:hover { transform: scale(1.03); } .homeNews .slides .content { width: 100%; position: absolute; height: 100px; line-height: 100px; bottom: 0px; padding: 0 50px; background: #4878a8; opacity: .8; color: #fff; border-radius: 0 0 10px 10px; font-size: 20px; } .homeNews .flex-control-nav li a{ text-indent:-9999px; font-size: 0; color: #000; background: #1c8bf8; } .homeNews .flex-control-nav li a.flex-active{ color: #fff; background: #fff; } .homeNews .tabs { border-radius: 10px; overflow: hidden; box-shadow: 0px 4px 5px rgba(255, 255, 255, 0.24); } @media (min-width: 768px){ .homeNews .tabs { margin: 0 50px; } } .homeNews .nav-tabs { display: flex; } .homeNews .nav-tabs li { flex: 1; text-align: center; margin-bottom: 0; background-color: #8e9dde; } .homeNews .nav-tabs li a{ margin-right: 0px; background-color: transparent; border-color: transparent; color: #fff; line-height: 38px; font-size: 26px; } .homeNews .nav-tabs>li.active{ background: linear-gradient(to right, #162a8b, #023ed0 140px); border-color: transparent; } .homeNews .nav-tabs>li.active>a:hover, .homeNews .nav-tabs>li.active>a:focus { background-color: transparent; border-color: transparent; color: #fff; } .homeNews .tab-content { min-height: 485px; background-color: #fff; padding: 20px; } .homeNews .tab-content .media { border-bottom: 1px dashed #cccbd3; padding-bottom: 10px; cursor: pointer; } .homeNews .tab-content .media .media-left .time { width: 100px; color: #a5a5a5; } .homeNews .tab-content .media .media-left .date{ margin-left: 25px; } .homeNews .tab-content .media .media-left .year { margin-left: 25px; font-size: 20px; font-weight: 600; } .homeNews .tab-content .media .media-left .icon-quan { font-size: 12px; margin-top: 3px; position: absolute; } .homeNews .tab-content .media .media-left .icon-quan:before { color: #8e9dde;} .homeNews .tab-content .media .media-body { padding-left: 15px; border-left: 1px dashed #cccbd3; color:#a5a5a5; } .homeNews .tab-content .media a:hover .media-body{ color: #000; } .homeNews .tab-content .media .media-body .p { font-size:16px; line-height:28px; text-indent:2em; height:55px;-webkit-line-clamp: 2; } .homeNews .tab-content .media .media-body .p .details { color:#162a8b; text-decoration:underline; } .homeNews .newsMore, .homeNews .newsMore:hover { border-radius: 10px; width: 300px; color:#162a8b; background: #fff; margin: 20px 0; } /* 移动端导航 */ .homeNav{ padding:20px 0; width: 100%; display:none;} .homeNav li{ text-align:center; margin-bottom:10px; float:left;} /* .homeNav li .dd { background-color: #ccc; display: inline-block;} .homeNav li a { position: absolute; } */ .homeNav .iconfont{ width:80%; margin:0px auto 6px; display:block; margin: 10px 0; font-size: 36px;} .homeNav .iconfont img{ width:100%;} @media ( max-width:768px){ /* 手机导航 */ .homeNav{ display:block;} /* 手机标题 */ .homeTitle h2{font-size:19px !important;} .homeTitle h3 { line-height:20px; font-size:12px;} .homeTitle h3 i.title-line{height:5px;} /* 手机产品 */ .homeProduct .flipster { padding: 15px 0; } .homeProduct .flipto-prev, .homeProduct .flipto-next { display: none; } /* 手机新闻 */ .homeNews li,.homeNews li.top{ width:auto;} .homeNews li.top .info{ padding:15px; height:auto;} .homeNews .box{ margin:0 0px 10px 10px; padding:15px 15px 0 15px; height:135px;} } /* 首页-公司简介 */ .homeAbout { padding: 100px 0 30px 0; background: url(../images/about-bg.jpg); background-repeat: repeat-x; background-size: 100% auto; background-position: 0 100%; background-color: #ddebf7;} .homeAbout .row { display: flex;} .homeAbout .row .company { display: flex; flex-direction: column; justify-content: flex-end; } .homeAbout .row .company img.img-rounded { border-radius: 10px; box-shadow: 0px 4px 5px rgba(255, 255, 255, 0.24); } .homeAbout .homeTitle .title { color: #162a8b; text-align: left; font-weight: 600; } .homeAbout .title-line { margin: 0; padding-top: 25px; border-bottom: 4px solid #162a8b } .homeAbout .info { font-size: 22px; text-indent: 2em; line-height: 44px; -webkit-line-clamp: 2; color: #333; padding-bottom: 20px;} .homeAbout .more { color: #162a8b; font-size: 20px; font-weight: 600; padding: 15px 0; display: block;} .homeAbout .bit { height: 140px; border-radius: 10px; color: #fff; font-size: 20px; font-weight: normal; background: linear-gradient(to right, #162a8b, #023ed0 140px); box-shadow: 0px 4px 5px rgba(255, 255, 255, 0.24); display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.5s ease 0s;} .homeAbout .bit .fa,.homeAbout .bit .iconfont { font-size: 50px; padding: 10px 0; } @media ( max-width:992px){ .homeAbout .row { display:block;} } /* 其他页面 */ .SubMenu{ height:59px;line-height:42px;clear:both; text-align:center; position:relative; z-index:5; background:#ffffff; border-bottom:1px solid #e6e6e6;} .SubMenu h2{ text-align: left; } .SubMenu ul{ float:left;} .SubMenu li{float:left; position:relative; margin-right:5px;} .SubMenu li .bg{ position:absolute; z-index:0; width:0%; bottom:0px; height:2px; left:0; background:#2780E3;transition: all ease 0.3s; font-size:0;} .SubMenu li:hover .bg,.SubMenu li.active .bg{ width:100%;} .SubMenu .breadcrumb{ float:left; font-size:16px; background-color: #fff;} .SubMenu .breadcrumb .iconfont{ width:30px; height:30px; line-height:30px; border-radius:50%; display:inline-block; vertical-align:middle; margin-right:10px; text-align:center; background:#e5e5e5; color:#a0a0a0; font-size:16px;} /* 新闻列表-轮播*/ .NewsLeft{ margin-right:350px;} .NewsFocus{ width: 100%; overflow:hidden; position:relative; background:#fff; border: 0 !important; margin:0 !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -o-border-radius: 0px !important; border-radius: 0px !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } .NewsFocus .slides li{ position:relative; height:366px;} .NewsFocus .imgbox{ overflow:hidden; width:50%; padding-top:366px; float:left;} .NewsFocus .info{ width:50%; float:right; padding:65px 5% 0;} .NewsFocus .tit{ white-space:normal; font-size:20px; line-height:22px; color:#333333; font-weight:bold; margin:20px 0 10px;} .NewsFocus .date{color:#999999; font-weight:bold; padding-left:35px;} .NewsFocus .p{ font-size:16px; line-height:28px; text-indent:2em; height:84px;-webkit-line-clamp: 3; color:#666666;} .NewsFocus .slides li .tit:hover{ color:#2780E3;} .NewsFocus .flex-direction-nav{ display:none;} .NewsFocus .flex-control-nav{ left:55%; text-align:left;width:32%; bottom:13%;} .NewsFocus .flex-control-paging li { margin:0 5px;} .NewsFocus .flex-control-paging li a{width: 8px; height: 8px; text-indent:999em; background:#b5b5b5; border-radius:50%;} .NewsFocus .flex-control-paging li a.flex-active{background:#2780E3; border-radius:4px; width:24px; height:10px;} /* 新闻列表 */ .NewsList{ padding-bottom:1%; margin-bottom:10px;} .NewsList li{ margin-bottom:20px; background:#fff; padding:34px 43px 10px 160px; position:relative;transition: all ease 0.3s; border: 1px solid #f1f1f1; } .NewsList .date{ position:absolute; text-align:center; left:0; width:160px; top:25px; color:#cccccc; font-size:16px; line-height:16px;} .NewsList .date i{ display:block; margin:0px auto; height:7px; border-top:1px solid #e6e6e6; width:10px;} .NewsList .date span{ font-size:36px; line-height:52px; display:block; font-weight:bold; color:#808080;} .NewsList .tit{font-size:18px; color:#000000; margin-bottom:3px;} .NewsList .p{ text-indent:2em;-webkit-line-clamp: 2; font-size:16px; color:#666666; height:52px; line-height:26px; font-size:16px;} .NewsList li:hover { background:#2780E3;} .NewsList li:hover .date,.NewsList li:hover .date span{ color:#fff;} .NewsList li:hover .date i{ border-top:1px solid #fff;} .NewsList li:hover .tit{ color:#fff;} .NewsList li:hover .p{ color:#fff; opacity:0.6;} /* 新闻移动端 */ @media ( max-width:1024px){ .NewsList li{ margin-bottom:12px; padding:10px 10px 10px 60px; min-height:48px;} .NewsList .date{ top:10px; width:60px; font-size:12px;} .NewsList .date span{ font-size:20px; line-height:30px;} .NewsList .date i { height:1px;} .NewsList .tit{font-size:15px;white-space:normal;overflow: hidden;text-overflow: ellipsis; font-weight:bold; color:#333;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .NewsList .p{ line-height:24px; height:48px; -webkit-line-clamp: 2;} } /* 产品中心 */ .ProList li{ width:16.6666%; float:left; text-align:center;} .ProList li .ti{ line-height:20px; font-size:16px; color:#999999;} .ProList li .ti span{ display:block; line-height:30px; font-size:20px; color:#333333;} .ProList li .ico{ position:relative; width:164px; height:164px;display: flex;align-items: center;justify-content: center; margin:0px auto 15px;} .ProList li .ico i{transition: all ease 0.3s; position:absolute; left:17px; top:17px; border:1px solid #a1a1a1; border-radius:12px; width:124px; height:124px; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);} .ProList li .ico img{ width:58px; height:58px;} .ProList li:hover .ico i{ border:1px solid #f3f3f3; box-shadow:0 0 15px rgba(0,0,0,0.08);} .ProList li:hover .ico img{ -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate; } .ProList.sj{ display:none;} .ProList.sj{ padding:0 10px 30px; margin-top:-18px;} .ProList.sj li .ti span{ font-size:12px !important; line-height:16px;} @media ( max-width:1024px){ .ProList li .ti span{line-height:24px; font-size:16px;} .ProList li .ico{width:120px; height:120px;} .ProList li .ico i{width:85px; height:85px;} } @media ( max-width:768px){ .ProList li{ width:33.333%;} .ProList li .ico{width:95px; height:95px; margin-bottom:0;} .ProList li .ico i{width:60px; height:60px;} .ProList li .ico img{ width:30px; height:30px;} .ProList li .ti{ font-size:12px; line-height:15px;} .ProList li .ti span{ font-size:15px;} } .product .row{ padding: 50px 10% 50px; background-image: url(../images/proabg.jpg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; border: 1px solid #ccc; margin: 30px; min-height: 500px; } /* .product .row:hover{ box-shadow: 0 0 35px -10px rgba(0, 0, 0, 0.3); } */ .product .row .title { margin-top: 20%; font-size: 28px; color: #2780E3; } .product .row .pic{ border: none; transition: all 0.5s ease 0s; } .product .row:hover .pic { transform: scale(1.03); } .product .row .description{ margin: 10% 0; text-indent: 2em; line-height: 26px; } @media ( min-width:992px){ .mod18 { width: 100% !important; } .mod18 .picBox { width: 100% !important; } .mod18 .picBox { width: 100% !important; } } /* 产品列表 */ /* .productList{ margin:0 0 1% -2.3333%;} */ .productList li .Scale-img{ transition: all ease 0.3s; background:#fff; margin-bottom: 30px;} .productList .imgbox{ padding-top:69%;} .productList .imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;} .productList .Scale-img img, .productList .Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;} .productList .Scale-img:hover img,.productList .Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.02,1.02,1);transform: scale3d(1.02,1.02,1); top:0px; left:0px;} .productList .info{ padding:19px 29px 17px; line-height:26px;} .productList .tit{ font-size:18px; color:#333333; text-overflow: ellipsis; text-align: center;} .productList .date{color:#999999;} .productList li .Scale-img:hover{ background:#2780E3;} .productList li .Scale-img:hover .tit{ color:#fff;} .productList li .Scale-img:hover .date{ color:#fff; opacity:0.7;} .productList li .Scale-img:hover .play{opacity:1;} /* 产品详情 */ .tc-box.article-box { padding: 20px; } .productInfo { line-height: 35px; font-size: 16px;} /* .productInfo .productAttr ul li,.productInfo .productExcerpt { } */ /* 下载页 */ .download { min-height: 670px; background-color: #ffffff;padding-bottom: 20px;} .download .list-boxes { margin-bottom: 0px; border: none; border-bottom: 1px dashed #f0f0f0; overflow: initial; display: flow-root; } .download .list-boxes .btnDownload,.download .list-boxes .list-actions { font-size: 14px; color: #999999; text-decoration: none; } .download .list-boxes h2 { font-size: 18px; line-height: 36px; } .download .list-boxes:hover h2 a { color: #165ba8; } .download .list-boxes .btnDownload:hover { color: #165ba8; } .download .list-boxes .btnDownload:before { margin-right: 10px; } .download .btn-group.pull-right { height: 14px; line-height: 1; cursor: pointer; } /* 研发实力 */ @media ( min-width:992px){ .research .row { display: flex; transition: all .4s ease; border: 1px solid #f1f1f1; } .research .row:hover { box-shadow: 0 0 38px 0 rgba(0, 0, 0, .16); } .text { display: flex; flex-direction: column; justify-content: center; } } /* 研发实力-创新技术 */ .innovate .wrapper { margin-bottom: 50px;} .innovate .wrapper .w-num{ display: block; font-size: 46px; color: #1c8bf8; text-align: left; margin-bottom: 1.2rem; margin-top: 0;} .innovate .wrapper .w-title{ font-size: 22px; color: #1c8bf8; margin-bottom: 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .innovate .wrapper .w-info{ margin: 30px 0; display: -webkit-box; -webkit-box-orient: vertical; /* -webkit-line-clamp: 2; */ overflow: hidden; height: 100px; } .innovate .wrapper .w-img{ text-align: center; } .innovate .wrapper .col-md-3 { padding: 2%; } .innovate .wrapper .col-md-3:nth-child(-n+3) { border-right: 1px solid #e3e3e3; } .method { background-color: #fff; padding: 100px 0;} .method h1 { text-align: center; margin-bottom: 50px; } .method .row { padding: 20px 0; background-color: #3696f5; margin-bottom: 30px; text-align: center; color: #ffffff;} .method .row:nth-child(2) { background-color: #395bbc;} .method .row:nth-child(3) { background-color: #402f88;} .method .row h1 { margin: 10px 0;} @media ( min-width:992px){ .method .row { display: flex;} .method .row h1 { margin: 10px 0; } .method .row .caption { display: flex; flex-direction: column; justify-content: center; align-items: center; } } .albumen { background-color: #fff; padding: 100px 0;} .albumen h1{ text-align: center; margin-bottom: 50px; } .albumen h2 { font-size: 24px; padding: 20px; background-color: #3074cf; color: #ffffff; text-align: center; margin-bottom: 10px; } .albumen .content { margin-top: 10px; background-color: #dae3f4; padding: 20px; min-height: 190px; line-height: 30px; } .albumen .content p:before { content: ""; display: inline-block; margin-right: 14px; margin-bottom: 3px; width: 0; height: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 3px solid #0187CF; } /* end 研发实力-创新技术 */ /* 市场网络 */ .market { padding: 100px 0; background-repeat: no-repeat; background-position: center; } /* 发展历程 */ .timeline__content .img { min-height: 170px; } /* 董事长介绍 */ .leader { background-color: rgba(250, 250, 250, 1); padding: 20px; } .leader { background-color: rgba(250, 250, 250, 1); padding: 20px; } .leader .row .dimage { overflow: hidden; margin-bottom: 20px; } .leader .row .dimage img { border-radius: 0px 50px 0px 50px; transition: all 0.5s ease 0s; } .leader .row .dimage:hover img { transform: scale(1.06); } .leader .row .dimage::before { position: absolute; content: ""; display: block; width: calc(100% - 70px); height: calc(100% - 60px); box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.2); top: 20px; left: 35px; z-index: 1; border-radius: 0px 40px 0px 40px; } /* 联系我们 */ .section-title { padding-bottom: 15px; } .contact-info { color: #333333; } .contact-info h5 { font-size: 16px; padding-bottom: 5px; font-weight: 500; } .contact-info p { padding-bottom: 15px; } /* 底部 */ .footer{ background: url(../images/footer-bg.jpg); background-color:#162a8b; background-size: cover; clear:both; color:#fff; padding: 120px 20px 0px 20px;} .footer a{color:#fff;} .footer a:hover{color:#2780E3;} /* 底部导航 */ .footer .footer-nav { min-height: 300px; position: inherit; } .footer .footer-nav .nav { } .footer .footer-nav .nav>li { text-align: left; display: table; } .footer .footer-nav .nav>li>a:hover, .footer .footer-nav .nav>li>a:focus { text-decoration: none; background-color: transparent;} .footer .footer-nav .nav>li .dropdown-menu-level-1 { display: inline-block; position: relative; } .footer .footer-nav .nav>li .dropdown-menu { background-color: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; min-width: 120px; } .footer .footer-nav .nav>li .dropdown-menu>li>a { padding: 3px 15px; color: #fff;} .footer .footer-nav .nav>li .dropdown-menu>li>a:hover,.footer .footer-nav .nav>li .dropdown-menu>li>a:focus { color: #2780E3; background-color: transparent;} .footer .flex { display: flex; flex-flow: row wrap; margin-top: 10px;} .footer .flex li { width: 102px; margin-bottom: 5px; } .footer .space-between {justify-content: space-between;} .footer .media { margin: 10px; } .footer .media .media-left { padding-right: 30px;} .footer .media .media-left .glyphicon{ margin-bottom: 5px;width: 50px; height: 50px; border: 1px solid #fff; border-radius: 50%; font-size: 30px; display: flex;flex-direction: column; justify-content: center;align-items: center;} .footer .media .media-body .phone{ height: 52px; line-height: 27px; display: flex;flex-direction: column; justify-content:flex-end;} .footer .ewm{ float:right; text-align:center; line-height:28px; font-size:16px; padding-bottom: 20px;} .footer .ewm li{ padding-right:20px; float:left;} .footer .ewm li img{ display:block; padding:6px; width:78px; height:78px;} .footer .footer-logo{ } .Copyright{ font-size:14px; border-top:1px solid #d6d6d6; text-align:center; color:#fff; padding:18px 12px;} .Copyright a{color:#fff;} .Copyright a:hover{color:#2780E3;}