锘?* 茅娄鈥撁┞÷ */ .indexban .swiper-pagination-bullet{width:14px;height:14px;opacity:1;background-color:#fff;margin:0 5px} .indexban .swiper-pagination-bullet{width:14px;height:14px;opacity:1;background-color:#fff;margin:0 5px} .indexban .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#247c33} .indexban .swiper-pagination{bottom:2vw} .indexban video{width: 80%; position:absolute;top:50%; transform: translateY(-50%); left: 10%;z-index:-1;visibility:hidden;opacity:0;object-fit:cover;} .indexban .player{width:54px;height:54px;position:absolute;top:50%;left:50%;margin-left:-27px;margin-top:-27px;z-index:3} .indexban .videobox.cur .img, .indexban .videobox.cur .player{z-index:-1;visibility:hidden;opacity:0} .indexban .videobox.cur video{z-index:3;visibility:visible;opacity:1} .indexa{padding:70px 0} .indexatop .cntitle{color:#247c33;font-size:36px} .indexatop .entitle{color:#b6d45d;font-size:24px} .indexmore{width:125px;height:36px;background-color:#b6d45d;margin-top:15px;text-align:center;line-height:36px;border-radius:36px;color:#fff;font-weight:bold;font-family:Arial} .indexabot{margin-top:60px} .indexabot-l{width:33.3333%;padding-top:35px} .indexabot-l .swiper-slide{background-color:#fff} .indexabot-l .type{font-size:24px;font-weight:bold;height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .indexabot-l .name{color:#247c33;margin-top:10px;height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .indexabot-l .text{color:rgb(102, 102, 102);line-height:2.143;margin-top:45px} .indexabot-l .more{width:125px;height:36px;display:block;background-color:#b6d45d;margin-top:52px;text-align:center;line-height:36px;border-radius:36px;color:#fff;font-weight:bold;font-family:Arial} .indexabot-r{width:58%;margin-left:8.5%} .indexabot-r .type{margin-top:26px;font-size:18px;text-align:center;font-weight:bold;height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .indexabot-r .name{color:#247c33;margin-top:8px;text-align:center;height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .indexabot-r .swiper-slide .img img{width:100%;opacity:0.7} .indexabot-r .swiper-slide .type, .indexabot-r .swiper-slide .name{opacity:0.3} .indexabot-r .swiper-slide.swiper-slide-active .type, .indexabot-r .swiper-slide.swiper-slide-active .name, .indexabot-r .swiper-slide.swiper-slide-active .img img{opacity:1} .indexabot-r{position:relative} .indexabot-r .swiper-button-next, .indexabot-r .swiper-button-prev{width:80px;height:50px;opacity:1;margin-top:-25px;background-size:auto;background-repeat:no-repeat;background-position:center center} .indexabot-r .swiper-button-next{background-image:url(../img/indexa-r.png);right:-60px} .indexabot-r .swiper-button-prev{background-image:url(../img/indexa-l.png);left:-60px} .indexabot-r .swiper-button-prev:hover{background-image:url(../img/indexa-lcur.png);background-color:#247c33} .indexabot-r .swiper-button-next:hover{background-image:url(../img/indexa-rcur.png);background-color:#247c33} .indextop-left .cntitle{color:#247c33;font-size:36px} .indextop-left .entitle{color:#b6d45d;font-size:24px;margin-top:6px} .indexb{padding:72px 0;background-color:#f6f6f6} .indexbleftitem{width:335px;height:100px;display:block;background-color:#247c33;border-bottom:1px solid #4e945a;padding:25px 40px} .indexbleftitem .icon{width:50px;height:50px;background-color:#fff;border-radius:50px;margin-right:20px;background-repeat:no-repeat;background-position:center center} /*.indexbleftitem:nth-of-type(1) .icon{background-image:url(../img/ibicon1.png)} .indexbleftitem:nth-of-type(2) .icon{background-image:url(../img/ibicon2.png)} .indexbleftitem:nth-of-type(3) .icon{background-image:url(../img/ibicon3.png)} .indexbleftitem:nth-of-type(4) .icon{background-image:url(../img/ibicon4.png)} .indexbleftitem:nth-of-type(5) .icon{background-image:url(../img/ibicon5.png)} .indexbleftitem:nth-of-type(6) .icon{background-image:url(../img/ibicon6.png)} .indexbleftitem:nth-of-type(1).cur .icon{background-image:url(../img/ibicon1_cur.png)} .indexbleftitem:nth-of-type(2).cur .icon{background-image:url(../img/ibicon2_cur.png)} .indexbleftitem:nth-of-type(3).cur .icon{background-image:url(../img/ibicon3_cur.png)} .indexbleftitem:nth-of-type(4).cur .icon{background-image:url(../img/ibicon4_cur.png)} .indexbleftitem:nth-of-type(5).cur .icon{background-image:url(../img/ibicon5_cur.png)} .indexbleftitem:nth-of-type(6).cur .icon{background-image:url(../img/ibicon6_cur.png)}*/ .indexbleftitem.cur{background-color:#b6d45d;border:1px solid #b6d45d} .indexbleftitem .cnname{font-size:16px;font-weight:bold;color:#fff;margin-top:3px} .indexbleftitem .enname{font-size:12px;color:rgba(255,255,255,0.4);font-family:Arial;margin-top:5px} .indexbleftitem .more{color:#fff;font-family:氓庐鈥姑ぢ解€淃font-size:16px;line-height:50px;opacity:0} .indexbleftitem.cur .more{opacity:1} .indexbleftitem.cur .enname{color:rgba(255,255,255,1)} .indexbitems{margin-top:54px} .indexbright{width:calc(100% - 335px);height:600px;position:relative} .indexbrightitem{display:none;position:relative;height:100%} .indexbrightitem.cur{display:block} .indexbrightitem .img img, .indexbrightitem .img{width:100%;height:100%} .indexbrightitem .textbox{width:585px;min-height:300px;position:absolute;bottom:2.3vw;right:2.6vw;background-color:rgba(255,255,255,0.95);padding:42px 46px;display:block} .indexbrightitem .textbox .title{font-size:24px;font-weight:bold} .indexbrightitem .textbox .entitle{color:#247c33;font-family:Arial;margin-top:3px} .indexbrightitem .textbox .text{color:#666;line-height:2.143;overflow:hidden;width:100%;height:128px;margin-top:14px} .indexc{padding-top:70px} .indexcbox{margin-top:52px} .indexcbox .swiper-slide{width:20%;height:600px;background-color:#000;transition:.4s;-webkit-transition:.4s} .indexcbox .swiper-slide a{display:block} .indexcbox .swiper-slide .img{width:100%;height:100%} .indexcbox .swiper-slide .img img{max-width:initial;opacity:0.8} .indexcbox .swiper-slide .box1{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);-webkit-transform:translate3d(-50%, -50%, 0)} .indexcbox .swiper-slide .box1 .icon img{width:80px;margin:0 auto} .indexcbox .swiper-slide .box1 .cnname{font-size:18px;color:#fff;margin-top:18px;text-align:center} .indexcbox .swiper-slide .box1 .enname{color:#f6f6f6;font-family:Arial;margin-top:3px} .indexcbox .swiper-slide .box2{width:100%;height:100%;position:absolute;top:40px;left:0;padding:2.2vw;opacity:0} .indexcbox .swiper-slide .box2 .cnname{color:#f6f6f6;font-size:24px;font-weight:bold} .indexcbox .swiper-slide .box2 .enname{color:#f6f6f6;font-family:Arial;margin-top:2px} .indexcbox .swiper-slide .box2 .text{color:#fff;line-height:2.143;margin-top:1.2vw;height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .indexcbox .swiper-slide .box2 .icon{position:absolute;right:2.2vw;bottom:2.2vw} .indexmore:hover, .indexabot-l .more:hover{background-color:#247c33} .indexbanner .swiper-slide-active .img img{ margin:0 auto } .indexd{padding:70px 0} .indexd .videobox{margin-top:45px;position:relative} .indexd .videobox video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;visibility:hidden;opacity:0;object-fit:cover;object-position:center} .indexd .videobox .player{width:28px;height:20px;position:absolute;top:50%;margin-top:-10px;left:50%;margin-left:-10px;z-index:3;cursor:pointer} .indexd .videobox.cur video{z-index:3;visibility:visible;opacity:1} .indexd .videobox.cur .img, .indexd .videobox.cur .player{z-index:-1;visibility:hidden;opacity:0} .indexd .videobox .img img{width:100%} @media (min-width:1200px){ .indexcbox .swiper-slide.cur{width:650px;background-color:#247c33;transition:.4s;-webkit-transition:.4s} .indexcbox .swiper-slide.cur .img img{opacity:0.2} .indexcbox .swiper-slide.cur2{width:calc((100% - 632px) / 4)} .indexcbox .swiper-slide.cur .box2{opacity:1;top:0} .indexcbox .swiper-slide.cur .box1{opacity:0} } @media (max-width:1366px){ .indexbleftitem{width:280px;height:80px;padding:15px 20px} .indexbright{width:calc(100% - 280px);height:480px} .indexbrightitem .textbox{width:480px} } @media (max-width:1200px){ .indexcbox{padding:0 35px 100px;margin-top:30px;position:relative} .indexcbox .swiper-pagination{left:50%;bottom:50px;-webkit-transform: translate3d(-50%,0,0);transform: translate3d(-50%,0,0);} .indexcbox .swiper-pagination .swiper-pagination-bullet{width:14px;height:14px;margin:0 6px;background-color:#e2e2e2;opacity:1} .indexcbox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#247c33} .indexcbox .swiper-slide{height:500px} } @media (max-width:993px){ .indexban .swiper-pagination-bullet{width:10px;height:10px} .indexa{padding:25px 15px} .indexb{padding:25px 0} .indexatop .cntitle, .indextop-left .cntitle{font-size:18px} .indexatop .entitle, .indextop-left .entitle{font-size:14px} .indextop-left .entitle{margin-top:2px} .indexmore{width:88px;height:28px;line-height:28px;margin-top:14px} .indexabot-l{display:none} .indexabot-r{margin-left:0;width:100%} .indexabot-r .swiper-button-next{right:0} .indexabot-r .swiper-button-prev{left:0} .indexabot-r .type{margin-top:10px} .indexabot-r .name{margin-top:2px} .indexabot{margin-top:30px} .indexabot-r .name{-webkit-line-clamp:2;height:40px} .indexbleft{display:none} .indexbright{width:100%;height:auto} .indexbrightitem .textbox{position:static;width:100%;min-height:initial;bottom:0;right:0;padding:15px} .indexcbox{padding:0 15px 60px} .indexcbox .swiper-pagination{bottom:30px} .indexcbox .swiper-slide .img img{width:100%} .indexcbox .swiper-slide{height:auto} .indexc{padding-top:20px} .indexbrightitem .textbox .title{font-size:18px} .indexbrightitem .textbox .text{margin-top:6px;line-height:1.8} .indexbitems{margin-top:25px} .indexabot-r .swiper-slide .img img,.indexabot-r .swiper-slide .type, .indexabot-r .swiper-slide .name{opacity:1} .indexd{padding:30px 0} .indexd .videobox{margin-top:20px} .indexban .player{width:36px;height:36px;margin-top:-18px;margin-left:-18px} } @media (max-width:420px){ .indexcbox .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 4px} } /* 氓鈥β趁ぢ号矫ぢ解€溍ヂ库€γヂ郝 */ @font-face{ font-family: 'din'; src: url('../fonts/din.otf'); } .about .aboutlist-left{width:23%;height:300px} .about .aboutlist-left img{height:100%} .about .aboutlist-right{width:77%;padding-left:2.741%;height:300px} .about .aboutlist-right p{color:rgb(102, 102, 102);line-height:2.143;margin-bottom:1.6vw} .about .aboutlist-left.lbg{padding-left:2.5%;padding-top:2%;background-image:url(../img/aimgbg.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center center} .about .aboutlist-left.lbg .entitle{font-size:36px;color:#fff;font-weight:bold;font-family:Arial} .about .aboutlist-left.lbg .cntitle{color:#fff;margin-top:8px} .about .aboutlist-right.rbg{background-image:url(../img/aimg2.jpg);background-size:100% 100%;padding-left:0;background-repeat:no-repeat;background-position:center center} .aboutlist-list{width:33.3333%;height:100%;padding-top:10.5%} .aboutlist-list .top{text-align:center;font-size:24px;color:#fff;font-weight:bold;} .aboutlist-list .top span{font-size:48px;font-weight:bold;color:#fff;font-family:"din"} .aboutlist-list .bot{color:#fff;text-align:center} .cul_a{position:relative} .cul_a .textbox{position:absolute;left:4.1vw;top:32%} .cul_a .textbox .title{color:#fff;font-size:30px} .cul_a .textbox .text{color:#fff;font-size:18px;margin-top:10px;line-height: 35px;} .cul_a .img{overflow:hidden} .cul_a:hover .img img{transform:scale(1.04);-webkit-transform:scale(1.04)} .cul_b{padding:23px 0} /*.culbitem{width:48.62%;margin:23px 2.75% 23px 0;background-color:#f6f6f6;padding:35px 40px} .culbitem:nth-of-type(2n){margin:23px 0} .culbitem .textbox .title{font-size:24px;margin-top:5px} .culbitem .textbox .text{color:#666;margin-top:12px} .culbitem .icon{width:80px;height:80px;background-color:#fff;border-radius:80px;display:table} .culbitem .icon div{display:table-cell;vertical-align:middle;position:relative;text-align:center} .culbitem .icon div img{display:inline-block} .culbitem:hover{box-shadow:0px 3px 24px rgba(0,0,0,0.03)} .culbitem:hover .icon div img{transform:rotateY(360deg);-webkit-transform:rotateY(360deg)}*/ .culbitem{width:24%;margin:23px 1.3333% 23px 0;background-color:#f6f6f6;padding:15px 40px} .culbitem:nth-of-type(4){margin:23px 0} .culbitem .textbox .title{font-size:24px;margin-top:5px} .culbitem .textbox .text{color:#666;margin-top:12px} .culbitem .icon{width:68px;height:68px;background-color:#fff;border-radius:68px;display:table} .culbitem .icon div{display:table-cell;vertical-align:middle;position:relative;text-align:center} .culbitem .icon div img{display:inline-block} .culbitem:hover{box-shadow:0px 3px 24px rgba(0,0,0,0.03)} .culbitem:hover .icon div img{transform:rotateY(360deg);-webkit-transform:rotateY(360deg)} .cul_c{margin-top:26px} .cul_c .culctitle{color:#247c33;font-size:30px;text-align:center} .culcitems{margin-top:42px} .culcitem{width:22.5%;margin-right:3.3333%;margin-bottom:15px;cursor:pointer } .culcitem:nth-of-type(4n){margin-right:0} .culcitem .img{overflow:hidden} .culcitem .name{margin-top:18px;font-size:16px;font-weight:bold;text-align:center;line-height:22px;height:44px} .culcitem:hover .img img{transform:scale(1.04);-webkit-transform:scale(1.04)} .culcitem:hover .name{color:#247c33} .expertitem{width:48%;margin-right:4%;margin-bottom:40px;cursor:pointer} .expertitem:nth-of-type(2n){margin-right:0} .expertitem .img{overflow:hidden} .expertitem .textbox{width:calc(100% - 250px);background-color:#f6f6f6;height:300px;padding:0 40px} .expertitem .textbox .title{font-size:18px;font-weight:bold;margin-top:36px} .expertitem .textbox .title span{color:#247c33} .expertitem .textbox .text{line-height:2.143;height:120px;margin-top:20px;color:rgb(102, 102, 102);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4} .expertitem .textbox .more{width:125px;height:36px;color:#fff;margin-top:24px;line-height:36px;text-align:center;background-color:#b6d45d;border-radius:36px;} .expertitem:hover{box-shadow:0px 0px 12px rgba(0,0,0,0.2)} .expertitem:hover .textbox{background-color:#fff} .expertitem:hover .more{background-color:#247c33} .indexnoticealert{width:1000px;height:600px;padding:54px 50px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate3d(-50%, -80%, 0);-webkit-transform:translate3d(-50%, -80%, 0);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;z-index:100;opacity:0} .indexnoticealert.cur{transform:translate3d(-50%, -50%, 0);-webkit-transform:translate3d(-50%, -50%, 0);opacity:1;transition:.4s;-webkit-transition:.4s} .indexnotice_bot{height:280px} .indexnotice_bot .swiper-container{height:100%;padding-right:28px} .indexnotice_top .title{font-size:24px} .indexnotice_top .close{padding:4.5px 10px;cursor:pointer} .indexnoticealert .line{width:100%;height:1px;background-color:#ececec;margin:39px 0;} .indexnotice_bot p{color:#666;line-height:1.8} .indexnotice_bot .swiper-slide{height:auto} .indexnotice_bot .swiper-container-vertical>.swiper-scrollbar{width:2px;background-color:#e5e5e5;right:0} .indexnotice_bot .swiper-scrollbar-drag{background-color:#247c33;border-radius:0} .indexnoticealert .img{margin-top:32px} .indexnoticealert .description{color:#247c33;font-weight:bold;margin-top:12px} .groupmemitem{margin-bottom:40px} .groupmemitem .img{overflow:hidden} .groupmemitem .textbox{width:calc(100% - 585px);height:350px;background-color:#f6f6f6;padding:46px 40px 0 50px} .groupmemitem .textbox .title{color:#247c33;font-size:24px} .groupmemitem .textbox .text{color:rgb(102, 102, 102);line-height:2.143;margin-top:28px} .groupmemitem .textbox .bot{margin-top:72px} .groupmemitem .textbox .bot .more, .panterslider .swiper-slide .more{width:125px;height:36px;background-color:#b6d45d;border-radius:36px;padding:0 22px} .groupmemitem .textbox .bot .more .name, .panterslider .swiper-slide .more .title{line-height:36px;color:#fff;font-weight:bold} .groupmemitem .textbox .bot .more .icon, .panterslider .swiper-slide .more .icon{margin-top:10px;margin-right:10px} .groupmemitem:hover{box-shadow:0px 0px 15px rgba(0,0,0,0.1)} .groupmemitem:hover .textbox, .panterslider .swiper-slide:hover .box{background-color:#fff} .groupmemitem:hover .bot .more, .panterslider .swiper-slide:hover .more{background-color:#247c33} .groupmemitem:hover .img img{transform:scale(1.04);-webkit-transform:scale(1.04)} .panterslider{position:relative} .panterslider .swiper-slide{height:auto} .panterslider .swiper-slide .box{display:block;height:100%;background-color:#f6f6f6;padding:40px} .panterslider .swiper-slide .name{font-size:18px;font-weight:bold;margin-top:34px} .panterslider .swiper-slide .text{color:rgb(102, 102, 102);line-height:2.143;margin-top:18px;height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .panterslider .swiper-slide .bot{margin-top:28px} .panterslider .swiper-button-prev, .panterslider .swiper-button-next{background-image:none;width:45px;height:45px;text-align:center;line-height:45px;border:1px solid #ddd;border-radius:45px;font-size:24px;font-family:氓庐鈥姑ぢ解€淃opacity:1;color:#ccc} .panterslider .swiper-button-next{right:-4.4vw} .panterslider .swiper-button-prev{left:-4.4vw} .panterslider .swiper-button-prev:hover, .panterslider .swiper-button-next:hover{border:1px solid #247c33;background-color:#247c33;color:#fff} .panterslider .swiper-slide:hover .box{box-shadow:0 0 12px rgba(0,0,0,0.1)} .panterslider .swiper-container{padding:20px} .panterbot{background-color:#f6f6f6;padding:70px 0 80px 0} .panterbot .partnertitle{font-size:30px;color:#247c33;text-align:center} .partneritems{margin-top:70px} .partneritem{width:22.5%;margin-right:3.3333%;margin-bottom:32px} .partneritem:nth-of-type(4n){margin-right:0} .partneritem .box{display:block;height:100%} .partneritem img{width:100%} .partneritem .name{text-align:center;font-size:16px;font-weight:bold;margin-top:22px} .partneritem:hover .name{color:#247c33} .pagebox.panter{padding:80px 0 0 0} .panterbot{margin-top:78px} .deve .gallery-top .swiper-slide .img{width:34.9vw;position:absolute;top:40px;left:40px} .deve .gallery-top .swiper-slide .l{width:460px;height:540px;background-color:#a7cc3d} .deve .gallery-top .swiper-slide .r{width:calc(100% - 460px);background-color:#f6f6f6;padding:70px 1.2vw 0 17.0835vw;height:540px} .deve .gallery-top .swiper-slide .r .year{font-size:36px;color:#247c33;font-weight:bold;font-family:Arial;padding-bottom:32px;border-bottom:1px dashed #cecbca} .deve .gallery-top .swiper-slide .r .boxcontent{width:calc(100% - 174px);height:272px;overflow-y:auto;margin-top:30px} .deve .gallery-top .boxcontentlist{margin-bottom:26px} .deve .gallery-top .boxcontentlist:nth-last-of-type(1){margin-bottom:0} .deve .gallery-top .boxcontentlist .month{font-size:18px;font-weight:bold;margin-bottom:12px} .deve .gallery-top .boxcontentlist .text{color:#666;line-height:1.94} .deve .gallery-top .rimg{margin-top:283px} .deve .gallery-thumbs{position:relative;margin-top:40px} .deve .gallery-thumbs .swiper-container{padding:20px} .deve .gallery-thumbs .line{width:100%;height:1px;border-bottom:1px dashed #cecbca;position:absolute;top:32px;left:0} .deve .gallery-thumbs .bigyuan{width:25px;height:25px;background-color:#fff;position:relative;border:1px solid #cecbca;border-radius:25px;padding:7px;margin:0 auto 27px} .deve .gallery-thumbs .bigyuan:after{content:"";width:1px;height:20px;background-color:#cecbca;position:absolute;top:24px;left:49%} .deve .gallery-thumbs .smallyuan{width:9px;height:9px;background-color:#fff;border-radius:9px} .deve .gallery-thumbs .swiper-slide{cursor:pointer} .deve .gallery-thumbs .swiper-slide-thumb-active .bigyuan{border:1px solid #247c33} .deve .gallery-thumbs .swiper-slide-thumb-active .bigyuan:after{background-color:#247c33} .deve .gallery-thumbs .swiper-slide-thumb-active .smallyuan{background-color:#247c33} .deve .gallery-thumbs .swiper-slide-thumb-active .year{color:#247c33} .deve .gallery-thumbs .year{color:#999;font-size:18px;text-align:center;font-weight:bold;font-family:Arial} .deve .gallery-thumbs .swiper-button-next, .deve .gallery-thumbs .swiper-button-prev{width:45px;height:45px;font-family:氓庐鈥姑ぢ解€淃margin-top:0;top:11px;font-size:22px;text-align:center;line-height:45px;background-color:#fff;border:1px solid #ddd;border-radius:45px;opacity:1;background-image:none;z-index:14} .deve .gallery-thumbs .swiper-button-next{right:0} .deve .gallery-thumbs .swiper-button-prev{left:0} .deve .gallery-thumbs .swiper-button-next:hover, .deve .gallery-thumbs .swiper-button-prev:hover{background-color:#247c33;border:1px solid #247c33;color:#fff} @media (max-width:1680px){ .deve .gallery-top .swiper-slide .r{padding:55px 1.2vw 0 12.0835vw;} } @media (max-width:1440px){ .groupmemitem .textbox .bot{margin-top:46px} .groupmemitem .textbox{padding:30px 30px 0 30px} .deve .gallery-top .swiper-slide .r{padding:40px 1.2vw 0 8vw} } @media (max-width:1366px){ .about .aboutlist-right p{line-height:1.6;margin-bottom:1vw} .pagenavmap .navlist{padding:0 1.2vw} .about .aboutlist-left, .about .aboutlist-right{height:240px} .aboutlist-list{padding-top:8%} .about .aboutlist-left.lbg .entitle{font-size:25px} .deve .gallery-top .swiper-slide .r{padding:40px 1.2vw 0 5.6vw} .culbitem{padding:15px 25px} } @media (max-width:1200px){ .expertitem .textbox{padding:0 20px} .expertitem{width:49%;margin-right:2%} .expertitem .textbox .title{margin-top:20px} .expertitem .textbox .more{margin-top:18px} .groupmemitem .img, .groupmemitem .img img{width:100%} .groupmemitem .textbox{width:100%;height:280px} .deve .gallery-top .swiper-slide .l{width:100%;height:300px;position:absolute;top:16%;left:0;z-index:-1} .deve .gallery-top .swiper-slide .img{width:80%;position:relative;top:0;left:0;margin:0 auto;text-align:center} .deve .gallery-top .swiper-slide .img img{display:inline-block} .deve .gallery-top .swiper-slide .r{width:100%} .culbitem .icon{width:58px;height:58px;} .culbitem .icon img{width:30px} .culbitem .textbox{width:calc(100% - 58px)} } @media (max-width:1080px){ .about .aboutlist-left, .about .aboutlist-right{float:none;height:auto} .about .aboutlist-left{width:40%;margin:0 auto;text-align:center;margin-bottom:30px} .about .aboutlist-left img{display:inline-block} .aboutlist-list .top span{font-size:40px} .about .aboutlist-right{width:100%} .about .aboutlist-left.lbg{min-height:320px;margin: 30px auto 0} .about .aboutlist-left.lbg .entitle, .about .aboutlist-left.lbg .cntitle{text-align:left} .aboutlist-list{padding-bottom:8%} .indexnoticealert{width:768px;height:540px;padding:34px 30px} .indexnoticealert .line{margin:20px 0} .indexnotice_bot{height:250px} } @media (max-width:993px){ .cul_a .textbox .title{font-size:20px} .cul_a .textbox .text{font-size:14px;margin-top:6px} .culcitem{width:48%;margin-right:4%} .culcitem:nth-of-type(2n){margin-right:0} .culcitem .img img{width:100%} .expertitem{width:100%;margin-right:0;margin-bottom:15px} .indexnoticealert{width:92%;height:486px;padding:10px 15px} .indexnoticealert .description{margin-top:8px} .indexnoticealert .line{margin:10px 0} .indexnotice_bot{height:220px} .indexnotice_top .title{font-size:20px} .pagebox.panter{padding:30px 0 0} .panterbot{padding:30px 0} .panterbot .partnertitle{font-size:22px} .partneritems{margin-top:25px} .partneritem{width:47%;margin-right:6%;margin-bottom:15px} .partneritem:nth-of-type(2n){margin-right:0} .panterbot{margin-top:30px} .panterslider .swiper-slide .box{padding:15px} .cul_a .textbox{top:11%} } @media (max-width:768px){ .about .aboutlist-left{width:80%;margin-bottom:15px} .aboutlist-list .top span{font-size:26px} .about .aboutlist-right{width:100%} .about .aboutlist-left.lbg{width:100%;min-height:260px;} .about .aboutlist-left.lbg .entitle, .about .aboutlist-left.lbg .cntitle{text-align:left} .aboutlist-list{padding-top:10%;padding-bottom:10%} .aboutlist-list .bot{font-size:12px} .cul_b{padding:10px 0} .culbitem{width:100%;margin:10px 0;padding:28px 20px;} .culbitem:nth-of-type(2n){margin:10px 0} .culbitem .textbox .title{font-size:20px} .cul_c{margin-top:0} .cul_c .culctitle{font-size:22px} .culcitem .name{margin-top:6px;font-size:14px;line-height:20px;height:40px} .cul_a .textbox{top:5%} .expertitem .img{width:150px} .expertitem .textbox{width:calc(100% - 150px);height:180px;padding:0 10px} .expertitem .textbox .title{font-size:16px} .expertitem .textbox .title span{font-size:12px} .expertitem .textbox .text{margin-top:8px;line-height:1.6;height:68px;-webkit-line-clamp:3} .expertitem .textbox .title{margin-top:14px} .expertitem .textbox .more{width:100px;margin-top:12px} .groupmemitem .textbox{height:auto;padding:15px} .groupmemitem .textbox .text{margin-top:10px;line-height:1.8} .groupmemitem .textbox .bot{margin-top:30px} .panterslider .swiper-container{padding:0} .panterslider.wrap{padding:0} .panterslider .swiper-button-prev, .panterslider .swiper-button-next{top:20%;margin-top:0} .panterslider .swiper-button-next{right:1vw} .panterslider .swiper-button-prev{left:1vw} .deve .gallery-top .swiper-slide .r{padding:20px 15px;height:auto} .deve .gallery-top .swiper-slide .r .year{font-size:26px;padding-bottom:15px} .deve .gallery-top .swiper-slide .r .boxcontent{width:100%;float:none;margin-top:20px} .deve .gallery-top .rimg{float:none;width:174px;margin:20px auto 0} .deve .gallery-top .boxcontentlist{margin-bottom:12px} .deve .gallery-top .boxcontentlist .month{margin-bottom:6px} .deve .gallery-top .swiper-slide .l{height:200px;top:23%} .deve .gallery-thumbs .swiper-button-next, .deve .gallery-thumbs .swiper-button-prev{width:34px;height:34px;line-height:34px;top:15px} .deve .gallery-top .swiper-slide .img{width:100%} .deve .gallery-top .swiper-slide .img img{display:block} } @media (max-width:420px){ .cul_a{height:160px} .cul_a .img, .cul_a img{height:100%} .cul_a .textbox .title{font-size:17px} .cul_a .textbox .text{margin-top:2px} .groupmemitem .textbox .title{font-size:20px} .deve .gallery-top .swiper-slide .l{height:150px;top:12%} } @media (max-width:360px){ .cul_a{height:120px} .expertitem .img{width:120px} .expertitem .textbox{width:calc(100% - 120px);height:144px;padding:0 6px} .expertitem .textbox .text{height:44px;-webkit-line-clamp:2} .expertitem .textbox .title{margin-top:8px} .expertitem .textbox .more{width:82px;height:30px;line-height:30px;margin-top:8px} } /* 盲潞搂氓鈥溌 */ .w1200{width:1200px;margin:0 auto} .bgf6{background-color:#f6f6f6} .proitem{width:50%;display:block;background-color:#fff;padding:4.1vw 6.4vw 4.1vw 5.4vw;} .proitem:nth-of-type(2), .proitem:nth-of-type(3), .proitem:nth-of-type(6){background-color:#f2f2f2} .proitem .img{width:380px;height:380px;overflow:hidden} .proitem .img img{width:100%;margin:0 auto} .proitem .img video{width:100%;height:100%;margin:0 auto;object-fit:fill;} .proitem .textbox{width:calc(100% - 380px);padding-left:38px} .proitem .textbox .title{font-size:18px;margin-top:3vw;font-weight:bold} .proitem .textbox .type{color:#247c33;margin-top:5px;font-family:Arial} .proitem .textbox .text{color:#666;margin-top:1.4vw;line-height:1.8;height:75px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .proitem .textbox .more{width:125px;height:36px;margin-top:3vw;background-color:#a7cc3d;line-height:36px;border-radius:36px;color:#fff;text-align:center;color:#fff;font-weight:bold;font-family:Arial} .proitem:hover .more{background-color:#247c33} .pdetail{padding:80px 0} .pdetail .title{font-size:30px;color:#247c33} .pdetail.pdetail_a .title{font-size:36px;margin-top:6.5vw} .pdetail .type{font-size:18px;color:#a7cc3d;font-family:Arial} .pdetail.pdetail_a .type{font-size:24px;margin-top:8px} .pdetail .name{font-size:18px;font-weight:bold} .pdetail .text p{color:rgb(102, 102, 102);line-height:2.143} .pdetail.pdetail_a .name{margin-top:1.78vw} .pdetail.pdetail_a .text{margin-top:0.8vw} .pdetail.pdetail_a .textbox{width:calc(100% - 500px);padding-left:6.8vw} .pdetail.pdetail_b .textbox{width:calc(100% - 560px);padding-right:4vw} .pdetail.pdetail_b .textbox .text{margin-top:1.5vw} .pdetail.pdetail_c .textbox{width:calc(100% - 560px);padding-left:4vw} .pdetail.pdetail_c .textbox .text{margin-top:1.5vw} .pdetail.pdetail_c .textbox h2{font-size:18px;font-weight:bold} .pdetail.pdetail_d .textbox{width:calc(100% - 560px);padding-right:4vw} .pdetail.pdetail_d .textbox .text{margin-top:1.4vw} @media (max-width:1560px){ .proitem{padding:2.4vw 4vw 2.4vw 3vw} .proitem .img{width:320px;height:320px} .proitem .textbox .title{margin-top:2vw} } @media (max-width:1366px){ .proitem{padding:2.4vw 3vw 2.4vw 3vw} .proitem .img{width:100%;height:400px} .proitem .textbox .title{margin-top:2vw} .proitem .textbox{width:100%;padding-left:0} .w1200{width:88vw} } @media (max-width:993px){ .proitem{width:100%;padding:4vw 25px} .proitem .img{width:100%;height:auto} .proitem .textbox .title{margin-top:2vw} .proitem .textbox{width:100%;padding-left:0} .proitem:nth-of-type(3){background-color:#fff} .proitem:nth-of-type(2), .proitem:nth-of-type(4), .proitem:nth-of-type(6){background-color:#f2f2f2} .w1200{width:92vw} .pdetail .img{width:100%;float:none} .pdetail .textbox{width:100%;float:none;margin-top:25px} .pdetail.pdetail_a .textbox{width:100%;float:none;padding-left:0} .pdetail.pdetail_b .textbox{width:100%;float:none;padding-right:0} .pdetail.pdetail_c .textbox{width:100%;float:none;padding-left:0} .pdetail.pdetail_d .textbox{width:100%;float:none;padding-right:0} .pdetail{padding:30px 0} .pdetail .title{font-size:22px} .pdetail.pdetail_c .textbox .text, .pdetail.pdetail_b .textbox .text, .pdetail.pdetail_a .name{margin-top:4vw} .pdetail.pdetail_a .type{font-size:18px} .pdetail.pdetail_a .title{font-size:24px;margin-top:0} } @media (max-width:768px){ .proitem{width:100%;padding:6.8vw 25px} .proitem .textbox .text{line-height:1.6;height:44px;-webkit-line-clamp:2} .w1200{width:100%;padding:0 auto} } /* @media (max-width:520px){ .proitem .img{height:340px} } @media (max-width:420px){ .proitem .img{height:280px} } @media (max-width:360px){ .proitem .img{height:240px} } */ /* 忙鈥撀懊┾€斅幻ぢ嘎ヂ科 */ .newsitem{display:block;padding-bottom:40px;margin-bottom:40px;border-bottom:1px dashed #ddd} .newspagebox{padding:80px 0 0} .newsitem:nth-last-of-type(1){margin-bottom:0} .newsitem .img{overflow:hidden} .newsitem .textbox{width:calc(100% - 460px);padding-left:2.2vw} .newsitem .textbox .date{font-size:36px;font-weight:bold;font-family:Arial;color:#247c33;margin-top:12px} .newsitem .textbox .name{font-size:18px;font-weight:bold;height:24px;margin-top:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .newsitem .textbox .text{color:#666;line-height:2;height:56px;margin-top:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .newsitem .textbox .bot{margin-top:30px} .newsitem .textbox .more{width:125px;height:36px;background-color:#b6d45d;text-align:center;line-height:36px;border-radius:36px;color:#fff;font-weight:bold;font-family:Arial} .newsitem:hover .img img{transform:scale(1.04);-webkit-transform:scale(1.04)} .newsitem:hover .name{color:#247c33} .newsitem:hover .more{background-color:#247c33} .newsdetail_top{border-bottom:1px dashed #ddd;padding-bottom:35px} .newsdetail_top .title{color:#247c33;font-size:30px} .newsdetail_top .other{margin-top:10px} .newsdetail_top .other .left{color:#999} .newsdetail_top .other .see{margin-right:28px} .newsdetail .content{padding:35px 0} .newsdetail .content div{text-indent: 2em;font-family:瀹嬩綋;font-size:15pt;line-height: 200%;} .newsdetail .content p{text-indent: 2em;font-family:瀹嬩綋;font-size:15pt;line-height: 200%;} .newsdetail .content span{text-indent: 2em;font-family:瀹嬩綋;font-size:15pt;line-height: 200%;} .newsdetail .shareitem{margin-right:10px} .newsdetail .shareitem:nth-of-type(6){margin-right:0} .newsdetail .shareitemtext{color:#666;line-height:27px} .ndetailbot{margin-top:40px;padding-top:34px;border-top:1px dashed #ddd} .newpages .newpageslist:nth-of-type(2){margin-top:8px} .newpages .newpageslist .name{color:#666;font-size:15px;max-width:182px;height:21px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .newpages .newpageslist a.name:hover{color:#247c33;text-decoration:underline} .returnnews{width:125px;height:36px;display:block;background-color:#b6d45d;text-align:center;line-height:36px;border-radius:36px;color:#fff;font-weight:bold} .newsdetail .content img { margin:0 auto; } @media (max-width:993px){ .newsitem .img, .newsitem .textbox{width:100%;float:none} .newsitem .img img{width:100%} .newsitem .textbox{padding-left:0} .newsitem .textbox .name{margin-top:10px;font-size:16px} .newsitem .textbox .text{line-height:1.8;height:50px;margin-top:8px} .newsitem .textbox .more{float:left} .newsitem .textbox .bot{margin-top:15px} .newsitem{padding-bottom:15px;margin-bottom:15px} .newsitem .textbox .date{font-size:26px} .newsdetail_top .title{font-size:22px} .newsdetail_top{padding-bottom:15px} .newsdetail .content{padding:25px 0} .newsdetail .shareitems{float:left} .ndetailbot{margin-top:20px;padding-top:15px} .ndetailbot .newpages{float:none} .newpages .newpageslist .name{max-width:initial} .returnnews{float:left;margin-top:15px} } /* 猫聛鈥澝陈幻λ嗏€樏ぢ宦 */ .contact{padding-top:68px} .contact .copyname{font-size:30px;color:#247c33;text-align:center;font-weight: bold;} .contact .iconitems{margin-top:72px} .contact .iconitem{width:25%} .contact .iconitem .icon{width:120px;height:120px;margin:0 auto;border:1px solid #ddd;border-radius:120px;text-align:center;display:table} .contact .iconitem .icon div{display:table-cell;vertical-align:middle} .contact .iconitem .icon img{display:inline-block} .contact .iconitem .title{font-size:22px;font-weight:bold;text-align:center;margin-top:24px} .contact .iconitem .text{font-size:18px;color:#666;height:38px;text-align:center;margin-top:10px;padding:0 15px} /*.contact .map{margin-top:72px;height:495px;overflow:hidden} .contact .map img{height:100%}*/ .contact .map{margin-top:72px;height:495px;overflow:hidden;width:100%;} .contact .iconitem:hover .icon{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)} .contact .iconitem:hover .title{color:#247c33} .contact .iconitem:hover .text{color:#247c33} .message input{width:32.032vw;height:50px;border:1px solid #dcdcdc;padding:0 10px} .message input:focus{border:1px solid #b6d45d} .message .right input{width:32.032vw} .message textarea{width:32.032vw;height: 146px;border:1px solid #dcdcdc;padding:10px;} .message textarea:focus{border:1px solid #b6d45d} .message .name{width:86px;margin-right:3px;position:relative;line-height:50px;color:#666;padding-left:10px} .message .name:after{content:"*";color:#006b61;position:absolute;top:1px;left:0px} .message .inputitem{margin-bottom:30px} .message .right input.btn{width:120px;height:36px;border:none;text-align:center;line-height:36px;border-radius:36px;margin-right:20px;color:#fff;cursor:pointer} .message .right input#reset{background-color:#ccc;margin-left:90px;transition:.4s;-webkit-transition:.4s} .message .right input#submit{background-color:#b6d45d;transition:.4s;-webkit-transition:.4s} .message .right input#reset:hover, .message .right input#submit:hover{background-color:#247c33} .messagetext{color:#666;margin-bottom:68px} .message .item{width:48.2%} .message .input{width:calc(100% - 90px)} .message .input input, .message textarea{width:100%} .messagetext{margin-bottom:30px} @media (max-width:1440px){ .contact .map{height:420px;width:100%} } @media (max-width:993px){ .contact{padding-top:30px} .contact .copyname{font-size:24px} .contact .iconitems{margin-top:40px} .contact .iconitem .icon{width:100px;height:100px} .contact .iconitem:nth-of-type(1) .icon img{width:30px} .contact .iconitem:nth-of-type(2) .icon img{width:38px} .contact .iconitem:nth-of-type(3) .icon img{width:46px} .contact .iconitem:nth-of-type(4) .icon img{width:40px} .contact .map{height:380px;width:100%;} .message .item{width:100%;float:none} } @media (max-width:768px){ .contact .iconitem{width:50%;margin-bottom:15px} .contact .iconitem .icon{width:76px;height:76px} .contact .iconitem:nth-of-type(1) .icon img{width:22px} .contact .iconitem:nth-of-type(2) .icon img{width:30px} .contact .iconitem:nth-of-type(3) .icon img{width:38px} .contact .iconitem:nth-of-type(4) .icon img{width:32px} .contact .iconitem .title{margin-top:14px} .contact .iconitem .text{height:58px;margin-top:4px} .contact .map{height:320px;margin-top:15px} .contact .iconitem:nth-of-type(3), .contact .iconitem:nth-of-type(4){margin-bottom:0} .message .item.left, .message .item.right{float:none} .message .input{width:100%} .contactinfor_item{width:100%;margin-right:0} .message input{height:30px} .message .name{line-height:30px} .message .inputitem{margin-bottom:10px} .message .right input.btn{width:100px;height:30px;line-height:30px} .message .right input#submit{margin-right:0} .message .right input#reset{margin-left:0} .message textarea{height:150px} } @media (max-width:420px){ .contact .map{height:250px;width:100%} } @media (max-width:380px){ .contact .map{height:200px;width:100%} } @media (max-width:360px){ .contact .map{height:150px;margin-top:0;width:100%} .contact .iconitem .text{height:78px} } /* 氓聬沤忙艙鸥忙路禄氓艩聽 */ .proitem .textbox .more{display:block} /* .proitem .img video{object-fit: fill} */ .proitem .img.video{position:relative} .proitem .img.video .player{width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer} .proitem .img.video .player img{width:54px;height:54px;position:absolute;top:50%;left:50%;margin-top:-27px;margin-left:-27px;z-index:99} .proitem .img.video video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;visibility:hidden;opacity:0} /* .proitem .img.video video:-webkit-full-screen{position:fixed !important} */ .proitem .video.cur .player, .proitem .video.cur .vimg{z-index:-1;visibility:hidden;opacity:0} .proitem .video.cur video{z-index:3;visibility:visible;opacity:1} .proitem .img.video .vimg img{width:100%} /* :-webkit-full-screen-ancestor:not(iframe){position:relative !important} */ .pdetail.pdetail_a .w1200 .img video{object-fit: fill;width: 500px;} /*.pdetail.pdetail_a .w1200 .img.video{position:relative} .pdetail.pdetail_a .w1200 .img.video .player{width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer} .pdetail.pdetail_a .w1200 .img.video .player img{width:48px;height:40px;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-24px;z-index:99}*/ .expert_detail .name{font-size:24px;color:#666;border-bottom:1px solid #ddd;line-height:2.2} .exdetailbox .exdetail-l{width:calc(100% - 300px);margin-right:50px;padding-top:35px} .exdetailbox .exdetail-l .position{font-size:18px;color:#666} .exdetailbox .exdetail-l .desc{color:#666;line-height:2;margin-top:20px} @media (max-width:768px){ .exdetail-r{width:100%;margin-top:15px} .exdetailbox .exdetail-l{width:100%;margin-right:0} .exdetailbox .exdetail-l .desc{line-height:1.8;margin-top:10px} .pdetail.pdetail_a .w1200 .img video{width:100%} .proitem .img.video .player img{width:36px;height:36px;margin-top:-18px;margin-left:-18px} } .responbox .respon1{position:relative} .responbox .respon1 .img{overflow:hidden} .responbox .respon1 .img img{width:100%;transition:.4s;-webkit-transition:.4s} .responbox .respon1 .textbox{width:100%;position:absolute;bottom:0;left:0;background-color:rgba(255,255,255,0.9);padding:28px 40px} .responbox .respon1 .textbox .title{font-size:24px} .responbox .respon1 .textbox p{color:#666;line-height:2.143;margin-top:10px} .responbox .respon2{margin:53px 0} .responbox .respon2 p, .responbox .respon3-left .text p, .responbox .respon3-right .text p{color:rgb(102, 102, 102);line-height:2.143} .responbox .respon3-left{width:34.247%} .responbox .respon3-left .img{overflow:hidden} .responbox .respon3-left .img img{width:100%;transition:.4s;-webkit-transition:.4s} .responbox .respon3-left .text, .responbox .respon3-right .text{margin-top:34px} .responbox .respon3-right{width:63.014%;margin-left:2.739%} .responbox .respon3-right .img{overflow:hidden} .responbox .respon3-right .img img{width:100%;transition:.4s;-webkit-transition:.4s} .responbox .respon1 .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05)} .responbox .respon3-left .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05)} .responbox .respon3-right .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05)} .conbox .recomcaseslide .swiper-slide:hover .img img{transform: scale(1);-webkit-transform: scale(1)} @media (max-width:993px){ .responbox .respon1 .textbox{position:static;padding:15px 0} } @media (max-width:768px){ .responbox .respon3-left, .responbox .respon3-right{width:100%} .responbox .respon3-right{margin-left:0;margin-top:15px} } /* 氓聬沤忙艙鸥忙路禄氓艩聽 */ .respon4{margin-top:105px} .devebox{padding:80px 0 0} .deveitem{padding-top:40px;position:relative} .deveitem:after{content:"";width:4px;background-color:#e0f1e3;height:100%;position:absolute;left:60px;top:0} .deveitem:nth-last-of-type(1){padding-bottom:80px} .deveitem .deveyear{color:#247c33;margin-left:90px;line-height:1;position:relative;z-index:2;font-weight:bold;font-family:Arial;font-size:36px} .deveitem .deveyear:after{content:"";width:8px;height:8px;border:5px solid #247c33;position:absolute;top:8px;left:-37px;border-radius:18px} .devesellbox{margin-top:38px;position:relative;z-index:3} .develist{margin-bottom:20px} .develist:nth-last-of-type(1){margin-bottom:0} .devesellbox .moth{width:42px;margin-top:18px;font-size:18px;font-weight:bold;position:relative;transform:scale(1);} .devesellbox .moth:after{content:"";width:12px;height:12px;background-color:#90ce9b;position:absolute;top:5px;right:-26px;border-radius:12px;z-index:3} .devesellbox .rightbox{width:calc(100% - 104px);margin-left:62px;padding:10px;border:1px solid #dcdcdc;position:relative} .devesellbox .rightbox:after{content:"";width:12px;height:20px;position:absolute;top:18px;left:-12px;background-image:url(../img/deicon.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .devesellbox .rightbox .img{width:300px} .devesellbox .rightbox .textbox{width:calc(100% - 300px);padding:0 40px;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center} .devesellbox .rightbox .textbox .boxa{color:#666;font-size:16px;line-height:1.75} @media (max-width:993px){ .respon4{margin-top:35px} .devebox{padding:30px 0 0} .deveitem .deveyear{font-size:26px;margin-left:68px} .deveitem .deveyear:after{width:6px;height:6px;border-width:4px;left:-23px} .devesellbox .rightbox .textbox{width:100%;padding:0} .devesellbox .rightbox .img{width:100%;margin-top:20px} .devesellbox .rightbox .textbox .boxa{font-size:14px;line-height:1.6} .devesellbox .moth{width:36px;font-size:15px;margin-top:8px} .devesellbox .moth:after{right:-22px} .devesellbox .rightbox{width:calc(100% - 76px);margin-left:40px} .deveitem:after{left:50px} .deveitem:nth-last-of-type(1){padding-bottom:40px} .devesellbox{margin-top:25px} .devesellbox .rightbox:after{top:8px} .sideBar{ display:none;} } /*鍙充晶鎮诞绐?/ .sideBar{ position:fixed; right:0px; top:50%; margin-top:-104px; z-index:111;} .sideBar li{position:relative; height:72px; margin-bottom:1px; cursor:pointer;} .sideBar li a{ color:#fff;} .sideBar .mouse{position:absolute; left:-152px; top:0px; display:none; background:#247c33;} .sideBar .img{background:#247c33; height:72px; text-align:center; width:72px; color:#fff; font-size:14px; padding-top:45px; box-sizing:border-box;} .sideBar .img img{position:absolute; top:10px; left:50%; margin-left:-17px; display:inline-block;} .sideBar .liNow .img{background:#247c33;} .sideBar .liNow .mouse{display:block;} .sideBar .li01 .mouse{ width:152px; height:72px;} .sideBar .li01 a{ display:block; width:152px; height:72px; color:#fff; font-size:16px; text-align:center; line-height:72px;} .sideBar .li02.liNow .img{background:#247c33;} .sideBar .li02 .mouse{ width:210px; height:72px; left:-210px;} .sideBar .li02 a{ display:block; width:210px; height:72px; color:#fff; font-size:16px; text-align:center; line-height:72px;} .sideBar .li02 em{ padding-left: 20px; font-style:normal; } .sideBar .li03 .mouse{ width:120px; height:72px; left:-120px;} .sideBar .li03 a{ display:block; width:120px; height:72px; color:#fff; font-size:16px; text-align:center; line-height:72px;} .sideBar .li04 .mouse{ width:227px; height:209px; left:-227px; top:-104px;} .sideBar .li04 .mouse p{ text-align:center; font-size:16px; color:#fff;} .sideBar .li04 .mouse .imgDiv{ text-align:center; padding:25px 0 10px;} .sideBar .li04 .mouse .imgDiv img{ width: 134px; display:inline-block;}