@charset "utf-8"; /** * @software [JiJinCMS] * @author [上海集锦信息科技有限公司] * @website [http://www.jijinweb.com] * @email [sunny@jijinweb.com] **/ a{margin:0px; padding:0px; border:0px; text-decoration:none; color:#555555; font-size:13px;transition: color 0.35s;-o-transition: color 0.35s;-ms-transition: color 0.35s;-moz-transition: color 0.35s;-webkit-transition: color 0.35s; -webkit-tap-highlight-color: transparent; outline: none;} a:hover{ text-decoration:none;transition: color 0.3s ease 0s; -webkit-transform: color 0.3s ease 0s;} *{font-family:Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif; padding:0px; margin:0px; border:0px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline: none;} /* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/ li{ list-style:none;} .clear:after{content: "";display: block;height: 0;clear: both;visibility: hidden;} .clear{zoom: 1;}/* 触发 hasLayout */ img{ vertical-align: middle;object-fit:cover;} input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} textarea{-webkit-appearance: none;} input:focus{ outline: none;}/*去除按钮选中的高亮标签*/ textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/ button:focus{ outline: none;}/*去除按钮选中的高亮标签*/ select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/ select{appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none;} img{vertical-align: middle;} div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;} input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:13px;} input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:13px;} input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999999; font-size:13px;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px;} textarea::-webkit-input-placeholder{color:#999999; font-size:14px;font-family:Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif; } /* 全局公共样式 */ .clearfloat{display: block;clear: both; height: 0px;margin: 0px;padding: 0px; border: 0px;} .m-header-nav{display: none;} .pbc-main *{line-height: 1;} .pbc-main .container{width: 1500px;margin: 0 auto;} footer.footer .container{width: 1500px;margin: 0 auto;} .item-hd-box{width: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 30px;} .item-hd-box .hdcontainer{width: 100%;display: flex;align-items: center;justify-content: center;position: relative;flex-direction: column;} .item-hd-box .hdcontainer .hdcontent{width: 100%;} .item-hd-box .hdcontainer .title{width: 100%;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;} .item-hd-box .hdcontainer .title::before{content: "";width: 100%;height: 1px;position: absolute;top: 50%;left:0;display: inline-block;background-color: #a4a4a4;} .item-hd-box .hdcontainer .title span{font-size: 25px;padding: 0 35px;font-weight: 500;color: #000000;position: relative;background-color: white;} .item-hd-box .hdcontainer .title span i{font-style: normal;position: relative;padding-bottom: 5px;} .item-hd-box .hdcontainer .title span i::before{content: "";width: 100%;height: 2px;position: absolute;bottom: 0;left:0;display: inline-block;background-color: #1983c7;} .item-hd-box .hdcontainer .title span::after{content: "";width: 55px;height: 3px;background-color: #0075c1;opacity: 1;position: absolute;top: 31px;left: 50%;transform: translateX(-50%);z-index: 99;} .item-hd-box .hdcontainer .desc{margin-top: 25px;} .item-hd-box .hdcontainer .desc p{font-size: 18px;font-weight: 500;color: #333333;text-align: center;} .item-hd-box .hdcontainer .more-btn{position: absolute;right: 10%;top: 50%;transform: translateY(-50%);} .item-hd-box .hdcontainer .more-btn a{padding: 0;display: flex;justify-content: center;align-items: center;line-height: 1;} .item-hd-box .hdcontainer .more-btn a img{margin-right: 15px;} .item-hd-box .hdcontainer .more-btn a span{transition: color .35s; -o-transition: color .35s; -ms-transition: color .35s; -moz-transition: color .35s; -webkit-transition: color .35s;} .item-hd-box .hdcontainer .more-btn a span{font-size: 16.5px;font-weight: 500;font-family: "Calibre";color: #484848;} .item-hd-box .hdcontainer .more-btn a:hover span{color: #1983c7;} /* 浏览器低版本提示 */ #lowversion-browsertip{display: none;position: absolute;top: 0;left: 0;} .upgrade-browser-mask{position:fixed;top:0;left:0;bottom:0;right:0;z-index:10001;background:#000;opacity:.8;filter:alpha(opacity=80)} .upgrade-browser{width:580px;padding:28px;position:fixed;left:50%;top:50%;margin:-225px 0 0 -290px;background-color:#fff;z-index:10001;border-radius:2px} .upgrade-browser-title{line-height:28px;font-size:18px;color:#000} .upgrade-browser-icon-warn{width:24px;height:24px;background-image:url(../fonts/upgrade-browser.svg);background-size:325% 216.6666666667%;display:inline-block;vertical-align:-5px;margin-right:8px;background-position:98.15% 3.57%;background-repeat:no-repeat} .upgrade-browser-cont{font-size:14px;line-height:24px;margin-top:12px;color:#666} .upgrade-browser-link{font-size:0;margin:22px -14px 0} .upgrade-browser-link>a{display:inline-block;border:1px solid rgba(153,153,153,.4);line-height:40px;border-radius:2px;width:calc((100% - 84px) / 3);margin:0 14px;text-align:center;box-sizing:border-box;transition:all .2s linear} .upgrade-browser-link>a:hover{border-color:#00a4ff} .upgrade-browser-link>a .browser-title{transition:all .2s linear} .upgrade-browser-link>a:hover .browser-title{color:#00a4ff} .browser-title{display:inline-block;vertical-align:middle;font-size:14px;line-height:24px;color:#000;margin-left:10px} .upgrade-browser-chrome,.upgrade-browser-ie,.upgrade-browser-qq{display:inline-block;vertical-align:middle;width:24px;height:24px;background-size:cover} .upgrade-browser-chrome{background-image:url(../fonts/upgrade-browser.svg);background-position:1.85% 3.57%;background-size:325% 216.6666666667%;background-repeat:no-repeat} .upgrade-browser-qq{background-image:url(../fonts/upgrade-browser.svg);background-position:50% 96.43%;background-size:325% 216.6666666667%;background-repeat:no-repeat} .upgrade-browser-ie{background-image:url(../fonts/upgrade-browser.svg);background-position:1.85% 96.43%;background-size:325% 216.6666666667%;background-repeat:no-repeat} .upgrade-browser-close{position:absolute;right:0;top:-28px;width:24px;height:24px;background-image:url(../fonts/upgrade-browser.svg);background-size:325% 216.6666666667%;font-size:0;transition:transform .5s;background-position:50% 3.57%;background-repeat:no-repeat;cursor:pointer} .upgrade-browser-close:hover{-ms-transform:rotate(180deg);transform:rotate(180deg)} #lowversion-browsertip.on{display: block;z-index: 999999999999999999999999999999999;} /* 视频弹窗 */ .content_list_video{display:none;} .content_list_video.on{display:block;position: relative;} .content_list_video .list_video_bg{position:fixed; background:rgba(0,0,0,.8); left:0; top:0; width:100%; height:100%; z-index:1200000000;} .content_list_video .list_video_content{position: fixed;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%); z-index:1200000001;} .content_list_video .list_video_content .video_content_close{ cursor:pointer; position:fixed; right:0; top:-35px;} .content_list_video .list_video_content .video_content_close i{color:#fff; font-size:25px;} .content_list_video .list_video_content video{width:100%;} /*分页*/ .paging{display: flex; justify-content: space-around; align-items: center;margin: 30px 0 0 0;} .paging ul{padding:0;width:100%;text-align: center;display: flex;align-items: center;justify-content: center;} .paging ul::after{content:'';display:block;clear:both;} .paging ul li{list-style:none;margin:0 10px;} .paging ul li a{transition: all .35s; -o-transition: all .35s; -ms-transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s;} .paging ul li a{width: 45px;height: 45px;font-size: 17px;font-weight: 500;color: #333333;display:flex;justify-content: center; align-items: center;color:#333333;border:2px solid #dcdcdc;border-radius: 100px;background-color: #ffffff;} .paging ul li a i{transition: color .35s; -o-transition: color .35s; -ms-transition: color .35s; -moz-transition: color .35s; -webkit-transition: color .35s; } .paging ul li a i{font-size: 18px;font-weight: 500;color: #333333;} .paging ul li a:hover{border-color: #3486c8;} .layui-laypage-count{display: none;} .layui-laypage{display:flex;font-size:17px;color:#333;align-items:center;justify-content:center;} .layui-laypage a{font-size:17px;color:#333;width: 40px;height: 40px;line-height:40px;padding:0;text-align:center;border: 1px solid #999999;border-radius: 100%;margin:0 10px;background:#fff} .layui-laypage-curr{font-size:17px;color:#999;width: 40px;height: 40px;line-height:40px;padding:0;text-align:center;border: 1px solid #999999;border-radius: 100%;margin:0 10px;border-color:#0075c1 !important;color:#0075c1 !important} .layui-laypage-curr em,.layui-laypage-disabled em{font-style:inherit;} .layui-laypage-limits select{background:#fff;width: 40px;height: 40px;font-size:17px;color:#333;line-height:40px;padding:0;text-align:center;border: 1px solid #999999;border-radius: 100%;margin:0 10px;background:#fff} #goPageId{background:#fff;width:40px;font-size:17px;color:#333;width: 40px;height: 40px;line-height:40px;padding:0;text-align:center;border: 1px solid #999999;border-radius: 100%;margin:0 10px} .layui-laypage-btn{background:#fff;font-size:17px;width: 40px;height: 40px;color:#333;line-height:40px;padding:0 ;text-align:center;border: 1px solid #999999;border-radius: 100%;margin:0 10px} .layui-laypage-disabled{font-size:17px;color:#333;width: 40px;height: 40px;line-height:40px;padding:0;text-align:center;border: 1px solid #999999;border-radius: 100%;margin:0 10px;background:#fff} .layui-laypage-disabled:hover{border-color:#0075c1 !important;color:#0075c1 !important} .layui-laypage a:hover{border-color:#0075c1 !important;color:#0075c1 !important} /************************************首页 Start*******************************************************/ /* 导航 */ header.header{width:100%;height:90px;display:flex;justify-content:center;align-items:center;transition: all 0.3s ease; -webkit-transform: all 0.3s ease;z-index:9999999999999999999;} header.header .hd-container{width:100%;height:100%;padding:0 60px;display:flex;justify-content:space-between;align-items:center} header.header .hd-container .logo{width: auto;height: 100%;} header.header .hd-container .logo a{width:100%;height: 100%;display: flex;align-items: center;justify-content: center;border-right: 1px solid rgba(255,255,255,0.5);display: flex;align-items: center;} header.header .hd-container .logo a img{/*height: 45px;*/} header.header .hd-container .hdright-box {width: calc(100% - 160px);height: 100%;display: flex;align-items: center;justify-content: space-between;} header.header .hd-container .hdright-box nav{transition: opacity .35s; -o-transition: opacity .35s; -ms-transition: opacity .35s; -moz-transition: opacity .35s; -webkit-transition: opacity .35s;} header.header .hd-container .hdright-box nav{height:100%;opacity: 1;display:flex;align-content:center;align-items:center;justify-content:center;} header.header .hd-container .hdright-box nav ul{display:flex;align-items:center;height:100%} header.header .hd-container .hdright-box nav ul li{position:relative;height:100%;margin:0;display:flex;justify-content:center;align-content:center;align-items:center;position: relative;} header.header .hd-container .hdright-box nav ul li.onshow a:before{width:100%;opacity:1;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;} header.header .hd-container .hdright-box nav ul li a{transition: all .35s; -o-transition: all .35s; -ms-transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s;} header.header .hd-container .hdright-box nav ul li a{height:100%;font-size: 19px;padding: 0 36px;font-weight: 500;text-align: center;font-family:"Calibre";display:flex;color:#333;justify-content:center;align-content:center;align-items:center;position: relative;} header.header .hd-container .hdright-box nav ul li a:before{content: ""; display: inline-block; width: 2px; height: 18px; background: #efefef; position: absolute; right: 0; margin: 0 auto; border-radius: 10px; transition: all 0.5s; -webkit-transform: all 0.5s;} header.header .hd-container .hdright-box nav ul li i{font-size: 30px;font-weight: 100;color: #d0d0d0;position: absolute;top: 73px;left: 50%;transform: translateY(-50%) rotate(90deg);opacity: 0;transition: opacity 0.35s; -webkit-transform: opacity 0.35s;} header.header .hd-container .hdright-box nav ul li .twolevel{transition: background-color .35s; -o-transition: background-color .35s; -ms-transition: background-color .35s; -moz-transition: background-color .35s; -webkit-transition: background-color .35s;} header.header .hd-container .hdright-box nav ul li .twolevel{position: absolute; top: 100%; left: 50%; width: 203px;display: flex; align-items: center; justify-content: center; flex-direction: column; transform: translateX(-50%); display: none;border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background: #ffffff; z-index: 9999999999999999999999999;} header.header .hd-container .hdright-box nav ul li .twolevel li{width: 100%;height:auto;border-bottom: 1px solid #eeeded;background: #ffffff;} header.header .hd-container .hdright-box nav ul li .twolevel li a{display: inline-block; width: 100%; height:auto;line-height: 30px;font-size: 15px;padding: 6px 0px 6px 40px;background: #ffffff;text-align: left;color: #333;position: relative;} header.header .hd-container .hdright-box nav ul li .hover{background: green; color: #fff;height: 30px;} /* header.header .hd-container .hdright-box nav ul li .twolevel li a::after{transition: all 0.3s ease; -webkit-transform: all 0.3s ease;} header.header .hd-container .hdright-box nav ul li .twolevel li a::after{content: "";display: inline-block;width: 0;height: 0;border-top: 5px solid transparent; border-left:8px solid #626262; border-bottom: 5px solid transparent;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);} */ header.header .hd-container .hdright-box nav ul li .twolevel li:last-child{border-bottom: none;} header.header .hd-container .hdright-box nav ul li .twolevel li a:hover{color: #3486c8;} /* header.header .hd-container .hdright-box nav ul li .twolevel li a:hover::after{border-left-color: #3486c8;} */ header.header .hd-container .hdright-box nav ul li a:hover{color: #3486c8;} header.header .hd-container .hdright-box nav ul li:hover .twolevel{display: block;} header.header .hd-container .hdright-box nav ul li:hover i{opacity: 1;} header.header .hd-container .hdright-box nav ul li:last-child a:before{display: none;} header.header .hd-container .hdright-box .right-list{height:100%;display:flex;align-items:center;} header.header .hd-container .hdright-box .right-list .pageshare{display: flex;align-items: center;margin-right: 29px;} header.header .hd-container .hdright-box .right-list .pageshare .sharebtn{display: flex;align-items: center;} header.header .hd-container .hdright-box .right-list .pageshare .sharebtn a{display: flex;align-items: center;margin-right: 18px;} header.header .hd-container .hdright-box .right-list .pageshare .sharebtn a:last-child{margin-right: 0px;} header.header .hd-container .hdright-box .right-list .pageshare .sharebtn a img{height: 18px;} header.header .hd-container .hdright-box .right-list .search{margin-right: 30px;display: flex;align-items: center;} header.header .hd-container .hdright-box .right-list .search form{display: flex;align-items: center;} header.header .hd-container .hdright-box .right-list .search input[type="search"]{width: 100px;height: 19px;font-size:13px; color:#333; padding:0px 15px;border: 2px solid #757575;border-radius: 100px;margin-right: 18px;} header.header .hd-container .hdright-box .right-list .search input[type="submit"]{width:24px;height: 18px;cursor: pointer;background: url(../images/bn6.png) no-repeat center;position: relative;top: 0px;background-size: 18px;} header.header .hd-container .hdright-box .right-list .language{height: 100%;display:flex;justify-content:center;align-items:center;position:relative} header.header .hd-container .hdright-box .right-list .language a{display: flex;align-items: center;} header.header .hd-container .hdright-box .right-list .language img{margin-right: 15px;height: 18px;} header.header .hd-container .hdright-box .right-list .language span{color:white;font-size:17px;color: #424242;font-weight: 500;} header.header .hd-container .hdright-box .right-list .language .lang-list{width: 95px;display: none;position:absolute;top:87px;left:50%;transform: translateX(-50%);border-top: 2px solid #3486c8;background-color: #ffff;border-radius:3px;z-index: 99999999999;} header.header .hd-container .hdright-box .right-list .language .lang-list li{text-align: center;display: flex;justify-content: center;align-items: center;} header.header .hd-container .hdright-box .right-list .language .lang-list li:first-child a{border-top-left-radius: 3px;border-top-right-radius:3px;} header.header .hd-container .hdright-box .right-list .language .lang-list li:last-child a{border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;} header.header .hd-container .hdright-box .right-list .language .lang-list li a{width: 100%;font-size:13px;font-weight: 600;color:#424242;display:block;padding: 12px 0;transition:background-color 0.5s;/* text-align: center; */} header.header .hd-container .hdright-box .right-list .language .lang-list li a:hover{background-color:#3486c8;color: #ffffff;} header.header .hd-container .hdright-box .right-list .language:hover .lang-list{display: block;} header.header.on .hd-container .hdright-box nav{opacity: 0;} /* .indexhditem{width: 100%;height: 70px;border-top: 2px solid #efefef;display: flex;align-items: center;justify-content: center;background-color: #ffffff;} .indexhditem .container{width:100%;height: 100%;padding:0 60px;display: flex;align-items: center;justify-content: flex-end;} .indexhditem .item-list{} .indexhditem .item-list .list-img{display: flex;align-items: center;margin-right: 8%;} .indexhditem .item-list .list-img img{} .indexhditem .item-list .list-img img:first-child{margin-right: 30px;} .indexhditem .item-list .pageshare{display: flex;align-items: center;margin-right: 40px;} .indexhditem .item-list .pageshare .sharebtn{display: flex;align-items: center;} .indexhditem .item-list .pageshare .sharebtn a{display: flex;align-items: center;margin-right: 18px;} .indexhditem .item-list .pageshare .sharebtn a:last-child{margin-right: 0px;} .indexhditem .item-list .pageshare .sharebtn a img{} .indexhditem .item-list .search{display: flex;align-items: center;} .indexhditem .item-list .search form{display: flex;align-items: center;} .indexhditem .item-list .search input[type="search"]{width:223px;height: 25px;font-size:13px; color:#333; padding:0px 15px;position: relative;top: 2px;border: 2px solid #757575;border-radius: 100px;margin-right: 18px;} .indexhditem .item-list .search input[type="submit"]{width:24px;height: 24px;cursor: pointer;background: url(../images/bn6.png) no-repeat center;position: relative;top: 4px;} */ /* 轮播图 */ .indexbanners{width: 100%; z-index: 99999; position: relative; display: flex; justify-content: center;transform:translate3d(0,0,0);overflow:hidden;} .indexbanners .hdbanners{width: 100%; height: auto; position: relative;transform:translate3d(0,0,0);overflow:hidden;} .indexbanners .hdbanners .banner_list {width: 100%;position: relative;transform:translate3d(0,0,0);overflow:hidden;} .indexbanners .hdbanners .banner_list .banner_list_img{width: 100%;height: 100%;} .indexbanners .hdbanners .banner_list .banner_list_img img{width: 100%;height: 100%;} .indexbanners .hdbanners .banner_list .banner_list_txt{position:absolute;top: 0; left: 3%; margin:0 auto;display:flex; flex-direction:column; justify-content:center; height:calc(100% - 36px);} .indexbanners .hdbanners .banner_list .banner_list_txt dd{font-size: 55px; line-height: 70px; font-weight: 500;letter-spacing: 5px; color: white; margin-bottom: 17px;text-align: left;} .indexbanners .hdbanners .banner_list .banner_list_txt dt{ font-size: 18px; font-weight: 500; color: #fff; letter-spacing: 15px; padding: 0; display: inline-block;font-weight: 100;text-align: left;} .indexbanners .hdbanners .banner_list .banner_list_link{position: absolute; bottom: 0; left: 3%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; height: calc(100% - 297px);} .indexbanners .hdbanners .banner_list .banner_list_link a{transition: border-color .35s; -o-transition: border-color .35s; -ms-transition: border-color .35s; -moz-transition: border-color .35s; -webkit-transition: border-color .35s;} .indexbanners .hdbanners .banner_list .banner_list_link a{width: 210px;padding: 15px 18px;display: flex;justify-content: space-between;align-items: center;border: 2px solid #fff;border-top-right-radius: 22px;} .indexbanners .hdbanners .banner_list .banner_list_link a span{transition: color .35s; -o-transition: color .35s; -ms-transition: color .35s; -moz-transition: color .35s; -webkit-transition: color .35s;} .indexbanners .hdbanners .banner_list .banner_list_link a .text{font-size: 17px;color: #fff;} .indexbanners .hdbanners .banner_list .banner_list_link a .icon{font-size: 17px;color: #fff;} .indexbanners .hdbanners .banner_list .banner_list_link a:hover{border-color: #d10836!important;} .indexbanners .hdbanners .banner_list .banner_list_link a:hover span{color: #d10836!important;} .indexbanners .swiper-switch{width: 100%;display:flex; align-items:center;justify-content: space-between;position: absolute;top: 50%;left: 50%;transform: translateX(-50%);transform: translateX(-50%) translateY(-50%);z-index: 9999999999;} .indexbanners .swiper-switch .swiper-button-next,.indexbanners .swiper-switch .swiper-button-prev{ position:relative; margin-top:0px; top:0; width:60px; height:60px; border-radius:100%;left:0; right:0; opacity:1;transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .indexbanners .swiper-switch .swiper-button-next{ margin-left:14px;} .indexbanners .swiper-switch .swiper-button-next:after,.indexbanners .swiper-switch .swiper-button-prev:after{ font-size:40px; color:#fff} .indexbanners .swiper-switch .swiper-button-next.swiper-button-disabled,.indexbanners .swiper-switch .swiper-button-prev.swiper-button-disabled{background:none;transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} .indexbanners .swiper-switch .swiper-button-next.swiper-button-disabled:after,.indexbanners .swiper-switch .swiper-button-prev.swiper-button-disabled:after{color:#9e9e9e;transition: all 0.5s ease; -webkit-transform: all 0.5s ease;} /* Index Main */ .index-main{position: relative;width: 100%;max-width: 100%;overflow: hidden;} .index-main .item-hd-box .title.no::before{display: none;opacity: 0;} /* About Leapton Energy */ .index-main .AboutLeaptonEnergy{width: 100%;padding: 75px 0;} .index-main .AboutLeaptonEnergy .container{display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;} .index-main .AboutLeaptonEnergy .top-item-box{width: 100%;margin-bottom: 70px;display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;} .index-main .AboutLeaptonEnergy .top-item-box .item-content{width: 100%;margin-bottom: 50px;} .index-main .AboutLeaptonEnergy .top-item-box .item-content p{font-size: 17px;font-weight: 500;color: #484848;line-height: 31px;margin-bottom: 0px;} .index-main .AboutLeaptonEnergy .top-item-box .item-content p:last-child{margin-bottom: 0px;} .index-main .AboutLeaptonEnergy .top-item-box .strength{width: 90%;} .index-main .AboutLeaptonEnergy .top-item-box .strength ul{display: flex;align-items: center;justify-content: space-between;} .index-main .AboutLeaptonEnergy .top-item-box .strength ul li{width: 25%; box-sizing: border-box; padding: 0; display: flex; align-items: center; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center;} .index-main .AboutLeaptonEnergy .top-item-box .strength ul li h3{font-size: 17px;text-align: center;line-height: 18px;color: #222;letter-spacing: 1px;font-weight:normal;width: 66%;} .index-main .AboutLeaptonEnergy .top-item-box .strength ul li .icon{width: 170px;height: 170px;position: relative;margin-bottom: 15px;} .index-main .AboutLeaptonEnergy .top-item-box .strength ul li .icon p{font-size: 15px;color: #999;text-align: center;position: absolute;bottom: 20%;left: 0;width: 100%;} .index-main .AboutLeaptonEnergy .top-item-box .strength ul li .icon span{font-size: 18px;color: #3486c8;position: absolute;right: 17%;top: 49%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .index-main .AboutLeaptonEnergy .top-item-box .strength ul li .knob{font-size: 30px !important;font-family:"MyriadPro-Regular" !important;} .index-main .AboutLeaptonEnergy .top-item-box .strength ul li:nth-child(3) .icon span{right: 27%;} .index-main .AboutLeaptonEnergy .top-item-box .strength ul li:nth-child(4) .icon span{right: 17%;} .index-main .AboutLeaptonEnergy .btm-item-box{width: 100%;height: 710px;display: flex;align-items: center;justify-content: space-between;} .index-main .AboutLeaptonEnergy .btm-item-box .left-box{width: 49.65%;height: 100%;} .index-main .AboutLeaptonEnergy .btm-item-box .left-box a{width: 100%;height: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;position: relative;} .index-main .AboutLeaptonEnergy .btm-item-box .left-box img{transition: transform .5s; -webkit-transition: transform .5s;} .index-main .AboutLeaptonEnergy .btm-item-box .left-box img{width: 100%;height: 100%;} .index-main .AboutLeaptonEnergy .btm-item-box .left-box:hover img{transform: scale(1.1);} .index-main .AboutLeaptonEnergy .btm-item-box .left-box .list-info{width: 100%;height:35%;position: absolute;left: 0;bottom: 0; background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 23%) 50%, rgb(0 0 0 / 92%) 100%);} .index-main .AboutLeaptonEnergy .btm-item-box .left-box .list-info .info-box{position: absolute;left: 35px;bottom: 25px;} .index-main .AboutLeaptonEnergy .btm-item-box .left-box .list-info .info-title{margin-bottom: 15px;display: flex;align-items: center;} .index-main .AboutLeaptonEnergy .btm-item-box .left-box .list-info .info-title span{font-size: 45px;font-weight: 500;color: #ffffff;margin-right: 15px;} .index-main .AboutLeaptonEnergy .btm-item-box .left-box .list-info .info-title .more-btn{padding: 8px 10px;font-size: 11px;font-weight: 500;color: #ffffff;background-color: #1983c7;} .index-main .AboutLeaptonEnergy .btm-item-box .left-box .list-info .info-desc{} .index-main .AboutLeaptonEnergy .btm-item-box .left-box .list-info .info-desc p{font-size: 17px;font-weight: 500;color: #ffffff;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box{width: 49.65%; height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li{width: 100%;height: 349px;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li a{width: 100%;height: 100%;overflow: hidden;display: flex;align-items: flex-end;justify-content: center;position: relative;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li img{transition: transform .5s; -webkit-transition: transform .5s;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li img{width: 100%;height: 100%;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li:hover img{transform: scale(1.1);} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li .list-info{width: 100%;height: 80%;position: absolute;left: 0;bottom: 0;background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 17%) 50%, rgb(0 0 0) 100%);} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li .list-info .info-box{position: absolute;left: 35px;bottom: 25px;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li .list-info .info-title{margin-bottom: 20px;display: flex;align-items: center;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li .list-info .info-title span{font-size: 40px;font-weight: 500;color: #ffffff;margin-right: 18px;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li .list-info .info-title .more-btn{padding: 8px 10px;font-size: 13px;font-weight: 500;color: #ffffff;background-color: #1983c7;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li .list-info .info-desc{} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li .list-info .info-desc p{font-size: 17px;font-weight: 500;color: #ffffff;} /* .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li .list-info .info-icon{position: relative;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li .list-info .info-icon img{transition: opacity .35s; -o-transition: opacity .35s; -ms-transition: opacity .35s; -moz-transition: opacity .35s; -webkit-transition: opacity .35s;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li .list-info .info-icon img{width: 57px;height: 18px;transform: scale(1);position: absolute;left: 0;top: 0;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li .list-info .info-icon img:first-child{opacity: 1;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li .list-info .info-icon img:last-child{opacity: 0;} */ /* Case Study */ .index-main .CaseStudy{width: 100%;padding: 0 0 75px 0;} .index-main .CaseStudy .top-item-box .container{display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;} .index-main .CaseStudy .top-item-box{width: 100%;margin-bottom: 40px;display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;} .index-main .CaseStudy .top-item-box .item-desc{width: 100%;} .index-main .CaseStudy .top-item-box .item-desc p{font-size: 17px;font-weight: 500;color: #484848;line-height: 32px;margin-bottom: 10px;} .index-main .CaseStudy .top-item-box .item-desc p:last-child{margin-bottom: 0px;} .index-main .CaseStudy .btm-item-box{height: auto;display: flex;align-items: center;justify-content: space-between;position: relative;} .index-main .CaseStudy .btm-item-box .left-box{width: 49.65%;height: 100%;} .index-main .CaseStudy .btm-item-box .left-box a{width: 100%;height: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;position: relative;} .index-main .CaseStudy .btm-item-box .left-box img{transition: transform .5s; -webkit-transition: transform .5s;} .index-main .CaseStudy .btm-item-box .left-box img{width: 100%;height: 100%;} .index-main .CaseStudy .btm-item-box .left-box:hover img{transform: scale(1.1);} .index-main .CaseStudy .btm-item-box .left-box .list-info{width: 100%;height: 32%;position: absolute;left: 0;bottom: 0;background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, rgba(0,0,0,0.4) 50%, rgb(0 0 0 /100%) 100%);} .index-main .CaseStudy .btm-item-box .left-box .list-info .info-box{position: absolute;left: 50px;bottom: 30px;display: flex;align-items: flex-end;} .index-main .CaseStudy .btm-item-box .left-box .list-info .info-li{} .index-main .CaseStudy .btm-item-box .left-box .list-info .info-li img{margin-right: 20px;transform: scale(1);} .index-main .CaseStudy .btm-item-box .left-box .list-info .info-li span{font-size: 18px;font-weight: 500;color: #ffffff;} .index-main .CaseStudy .btm-item-box .left-box .list-info .left-info{margin-right: 25px;} .index-main .CaseStudy .btm-item-box .left-box .list-info .left-info{display: flex;align-items: center;} .index-main .CaseStudy .btm-item-box .left-box .list-info .left-info img{margin-right: 10px;height: 20px;width: auto;} .index-main .CaseStudy .btm-item-box .right-box{width: 49.5%; height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center;} .index-main .CaseStudy .btm-item-box .right-box .list-li{width: 100%;height: 293px;} .index-main .CaseStudy .btm-item-box .right-box .list-li a{width: 100%;height: 100%;overflow: hidden;display: flex;align-items: flex-end;justify-content: center;position: relative;} .index-main .CaseStudy .btm-item-box .right-box .list-li img{transition: transform .5s; -webkit-transition: transform .5s;} .index-main .CaseStudy .btm-item-box .right-box .list-li img{width: 100%;height: 100%;} .index-main .CaseStudy .btm-item-box .right-box .list-li:hover img{transform: scale(1.1);} .index-main .CaseStudy .btm-item-box .right-box .list-li .list-info{width: 100%;height: 40%;position: absolute;left: 0;bottom: 0;background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, rgba(0,0,0,0.58) 50%, rgb(0 0 0 / 100%) 100%);} .index-main .CaseStudy .btm-item-box .right-box .list-li .list-info .info-box{position: absolute;left: 50px;bottom: 30px;display: flex;align-items: flex-end;} .index-main .CaseStudy .btm-item-box .right-box .list-li .list-info .info-li{} .index-main .CaseStudy .btm-item-box .right-box .list-li .list-info .info-li img{margin-right: 15px;transform: scale(1);} .index-main .CaseStudy .btm-item-box .right-box .list-li .list-info .info-li span{font-size: 18px;font-weight: 500;color: #ffffff;} .index-main .CaseStudy .btm-item-box .right-box .list-li .list-info .left-info{margin-right: 25px;} .index-main .CaseStudy .btm-item-box .right-box .list-li .list-info .left-info{display: flex;align-items: center;} .index-main .CaseStudy .btm-item-box .right-box .list-li .list-info .left-info img{margin-right: 10px;height: 20px;width: auto;} .index-main .CaseStudy .btm-item-box .right-box .top-listt{margin-bottom: 10px;} .index-main .CaseStudy .btm-item-box .swiper-container{width: 100%;height: 100%;} .index-main .CaseStudy .btm-item-box .swiper-container .swiper-wrapper{width: 100%;} /* .index-main .CaseStudy .btm-item-box .swiper-container .banner-list{display: flex;align-items: center;justify-content: space-between;} */ .index-main .CaseStudy .btm-item-box .swiper-container .banner-list{} .index-main .CaseStudy .btm-item-box .swiper-container .banner-list .list-box{} .index-main .CaseStudy .btm-item-box .swiper-container .banner-list {width: 100%;} .index-main .CaseStudy .btm-item-box .swiper-container .banner-list ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .index-main .CaseStudy .btm-item-box .swiper-container .banner-list ul li{width: 49.5%;height: 366px;margin-bottom: 15px;} .index-main .CaseStudy .btm-item-box .swiper-container .banner-list ul li a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;position: relative;} .index-main .CaseStudy .btm-item-box .swiper-container .banner-list ul li img{width: 100%;height: 100%;} .index-main .CaseStudy .btm-item-box .swiper-container .banner-list ul li .list-info{width: 100%; height: auto; padding: 0 0 18px 40px; display: flex; align-items: flex-end; justify-content: flex-start; position: absolute; left: 0; bottom: 0; background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.4) 100%);} .index-main .CaseStudy .btm-item-box .swiper-container .banner-list ul li .list-info .info-title{display: flex;align-items: flex-end;} .index-main .CaseStudy .btm-item-box .swiper-container .banner-list ul li .list-info .info-title span{font-size: 20px;font-weight: 500;color: #ffffff;} .index-main .CaseStudy .btm-item-box .swiper-container .banner-list ul li .list-info .info-title img{margin: 0 15px 0 25px;height: 24px;width: auto;} .index-main .CaseStudy .btm-item-box .swiper-button-next,.index-main .CaseStudy .btm-item-box .swiper-button-prev{position:absolute; margin-top:0px; top:50%;transform: translateY(-50%); width:56px; height:56px; border-radius:100%;opacity:1;transition: all 0.5s ease; -webkit-transform: all 0.5s ease;z-index: 9999999999999999999;} .index-main .CaseStudy .btm-item-box .swiper-button-prev{left: -100px;background: url(../images/bn39.png) no-repeat center;background-size: 100%;} .index-main .CaseStudy .btm-item-box .swiper-button-next{right: -100px;background: url(../images/bn40.png) no-repeat center;background-size: 100%;} .index-main .CaseStudy .btm-item-box .swiper-button-next::after,.index-main .CaseStudy .btm-item-box .swiper-button-prev::after{display: none;} /* Latest News */ .index-main .LatestNews{width: 100%;padding: 75px 0 100px 0;background-color: #f5f5f5;} .index-main .LatestNews .item-hd-box .hdcontainer .title span{background-color: #f5f5f5;} .index-main .LatestNews .container{display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;} .index-main .LatestNews .top-item-box{width: 100%;margin-bottom: 40px;display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;} .index-main .LatestNews .top-item-box .item-desc{width: 100%;} .index-main .LatestNews .top-item-box .item-desc p{font-size: 17px;font-weight: 500;color: #484848;line-height: 31px;margin-bottom: 0px;} .index-main .LatestNews .top-item-box .item-desc p:last-child{margin-bottom: 0px;} .index-main .LatestNews .news-banner{overflow: unset;position: relative;} .index-main .LatestNews .news-banner .swiper-container{width: 100%;} .index-main .LatestNews .news-banner .swiper-container .banner-list{} .index-main .LatestNews .news-banner .swiper-container .banner-list .list-img{width: 100%;height: 290px;overflow: hidden;} .index-main .LatestNews .news-banner .swiper-container .banner-list .list-img img{width: 100%;height: 100%;} .index-main .LatestNews .news-banner .swiper-container .banner-list .list-info{padding: 18px 15px;background-color: #ffffff;} .index-main .LatestNews .news-banner .swiper-container .banner-list .list-info .info-time{margin-bottom: 20px;} .index-main .LatestNews .news-banner .swiper-container .banner-list .list-info .info-time time{font-size: 17px;font-weight: 500;color: #3a3a3a;} .index-main .LatestNews .news-banner .swiper-container .banner-list .list-info .info-title{height: 90px;overflow: hidden;} .index-main .LatestNews .news-banner .swiper-container .banner-list .list-info .info-title p{line-height: 22px;font-size: 17px;font-weight: 500;color: #3a3a3a;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;} .index-main .LatestNews .news-banner .swiper-button-next,.index-main .LatestNews .news-banner .swiper-button-prev{position:absolute; margin-top:0px; top:50%;transform: translateY(-50%); width:56px; height:56px; border-radius:100%;opacity:1;transition: all 0.5s ease; -webkit-transform: all 0.5s ease;z-index: 9999999999999999999;} .index-main .LatestNews .news-banner .swiper-button-prev{left: -80px;background: url(../images/bn39.png) no-repeat center;background-size: 100%;} .index-main .LatestNews .news-banner .swiper-button-next{right: -80px;background: url(../images/bn40.png) no-repeat center;background-size: 100%;} .index-main .LatestNews .news-banner .swiper-button-next::after,.index-main .LatestNews .news-banner .swiper-button-prev::after{display: none;} /* .index-main .LatestNews .btm-item-box{width: 100%;height: 614px;display: flex;align-items: center;justify-content: space-between;} .index-main .LatestNews .btm-item-box .left-box{width: 963px;height: 100%;} .index-main .LatestNews .btm-item-box .left-box a{width: 100%;height: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;position: relative;} .index-main .LatestNews .btm-item-box .left-box img{transition: transform .5s; -webkit-transition: transform .5s;} .index-main .LatestNews .btm-item-box .left-box img{width: 100%;height: 100%;} .index-main .LatestNews .btm-item-box .left-box:hover img{transform: scale(1.1);} .index-main .LatestNews .btm-item-box .left-box .list-info{width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;} .index-main .LatestNews .btm-item-box .left-box .list-info .info-box{position: absolute; left: 0; bottom: 0; padding: 25px 30px; display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-end;} .index-main .LatestNews .btm-item-box .left-box .list-info .left-time{margin-bottom: 12px;} .index-main .LatestNews .btm-item-box .left-box .list-info .left-time time{font-size: 18px;font-weight: 500;color: #ffffff;} .index-main .LatestNews .btm-item-box .left-box .list-info .right-title{} .index-main .LatestNews .btm-item-box .left-box .list-info .right-title p{font-size: 18px;line-height: 24px;font-weight: 500;color: #ffffff;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .index-main .LatestNews .btm-item-box .right-box{width: calc(100% - 1018px); height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center;} .index-main .LatestNews .btm-item-box .right-box ul{width: 100%;height: 100%;} .index-main .LatestNews .btm-item-box .right-box ul li{width: 100%;} .index-main .LatestNews .btm-item-box .right-box ul li a{transition: all .35s; -webkit-transition: all .35s;} .index-main .LatestNews .btm-item-box .right-box ul li a{width: 100%;padding:23px 5px;border-bottom: 1px solid #a1a1a1;display: flex;align-items: center;justify-content: space-between;} .index-main .LatestNews .btm-item-box .right-box ul li .left-img{width: 178px;height: 158px;overflow: hidden;} .index-main .LatestNews .btm-item-box .right-box ul li .left-img img{width: 100%;height: 100%;} .index-main .LatestNews .btm-item-box .right-box ul li .right-info{width: calc(100% - 250px); padding-right: 15%;display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; justify-content: center; align-items: flex-start;} .index-main .LatestNews .btm-item-box .right-box ul li .right-info .info-time{margin-bottom: 25px;} .index-main .LatestNews .btm-item-box .right-box ul li .right-info .info-time time{font-size: 18px;font-weight: 500;color: #3a3a3a;} .index-main .LatestNews .btm-item-box .right-box ul li .right-info .info-title{margin-bottom: 30px;height: 50px;} .index-main .LatestNews .btm-item-box .right-box ul li .right-info .info-title p{font-size: 18px;line-height: 24px;font-weight: 500;color: #3a3a3a;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;} .index-main .LatestNews .btm-item-box .right-box ul li .right-info .read-more{} .index-main .LatestNews .btm-item-box .right-box ul li .right-info .read-more span{font-size: 17px;font-weight: 500;color: #0075c1;} .index-main .LatestNews .btm-item-box .right-box ul li a:hover{background-color:#e7e7e7;border-color: #e7e7e7;} */ /* 底部导航 */ footer.footer{padding: 50px 0 30px 0;border-top: 3px solid #0075c1;position: relative;background-color: #f5f5f5;overflow: hidden;} footer.footer .ftitem-box{position: relative;} footer.footer .top-nav{width: 100%;padding-bottom: 70px;} footer.footer .top-nav ul{width: 100%;display: flex;align-items: flex-start;justify-content: space-between;} footer.footer .top-nav ul li{width: auto; display: flex; flex-direction: column; align-content: center; justify-content:center; align-items:center;} footer.footer .top-nav ul li a{transition: color .35s; -webkit-transition: color .35s;} footer.footer .top-nav ul li a{font-size: 17px;margin-bottom: 30px;font-weight: bold;color: #000000;font-family: "Arial";} footer.footer .top-nav ul li ul{width: 100%;display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start;} footer.footer .top-nav ul li ul li{width: 100%;margin-bottom: 15px;} footer.footer .top-nav ul li ul li a{font-size: 14px;margin-bottom: 0;font-weight: 500;color: #383838;font-family: "Arial";} footer.footer .top-nav ul li ul li:last-child{margin-bottom: 0;} footer.footer .top-nav ul li a:hover{color: #0075c1;} footer.footer .bottom-list{width: 100%;position: absolute;bottom: 0;left: 0;display: flex;align-items: center;} footer.footer .bottom-list .gsname{margin-right: 15px;} footer.footer .bottom-list .gsname span{font-size: 17px;font-weight: 500;color: #000000;font-family: "Arial";} footer.footer .bottom-list .ft-share{display: flex;align-items: center;} footer.footer .bottom-list .ft-share .left-share{display: flex;align-items: center;margin-right: 25px;} footer.footer .bottom-list .ft-share .left-share a{margin-right: 25px;display: flex;align-items: center;} footer.footer .bottom-list .ft-share .left-share a img{height: 20px;width: auto;} footer.footer .bottom-list .ft-share .left-share a:last-child{margin-right: 0px;} footer.footer .bottom-list .ft-share .right-email{display: flex;align-items: center;} footer.footer .bottom-list .ft-share .right-email a{display: flex;align-items: center;} footer.footer .bottom-list .ft-share .right-email a img{height: 20px;width: auto;} /* footer.footer .bottom-list .left-list{} footer.footer .bottom-list .left-list .ft-logo{margin-bottom: 30px;display: flex;align-items: center;} footer.footer .bottom-list .left-list .ft-logo img{} footer.footer .bottom-list .left-list .ft-logo img:first-child{margin-right: 50px;} footer.footer .bottom-list .left-list .ft-share{margin-bottom: 40px;display: flex;align-items: center;} footer.footer .bottom-list .left-list .ft-share .left-share{display: flex;align-items: center;margin-right: 50px;} footer.footer .bottom-list .left-list .ft-share .left-share a{margin-right: 25px;} footer.footer .bottom-list .left-list .ft-share .left-share a img{} footer.footer .bottom-list .left-list .ft-share .left-share a:last-child{margin-right: 0px;} footer.footer .bottom-list .left-list .ft-share .right-email{display: flex;align-items: center;background-color: #c1c1c1;border-radius: 100px;} footer.footer .bottom-list .left-list .ft-share .right-email a{padding: 8px 15px;} footer.footer .bottom-list .left-list .ft-share .right-email a img{margin-right: 15px;} footer.footer .bottom-list .left-list .ft-share .right-email a span{font-size: 18px;font-weight: 500;color: #3b3b3b;} footer.footer .bottom-list .left-list .ft-copyright{} footer.footer .bottom-list .left-list .ft-copyright .top-list{margin-bottom: 10px;} footer.footer .bottom-list .left-list .ft-copyright .top-list p{font-size: 18px;font-weight: 500;color: #3a3a3a;} footer.footer .bottom-list .left-list .ft-copyright .btm-list{display: flex;align-items: center;justify-content: flex-start;} footer.footer .bottom-list .left-list .ft-copyright .btm-list span{font-size: 18px;font-weight: 500;color: #3a3a3a;} footer.footer .bottom-list .left-list .ft-copyright .btm-list span:first-child{margin-right: 30px;} footer.footer .bottom-list .right-info{width: 50%;position: absolute;top: 0;right: 0;} footer.footer .bottom-list .right-info ul{} footer.footer .bottom-list .right-info ul li{padding: 15px 0;;border-bottom: 1px solid #a1a1a1;} footer.footer .bottom-list .right-info ul li .info-li{} footer.footer .bottom-list .right-info ul li .info-li p{font-size: 17px;font-weight: 500;color: #484b4d;} footer.footer .bottom-list .right-info ul li .info-li p b{font-size: 18px;font-weight: 500;color: #3a3a3a;} footer.footer .bottom-list .right-info ul li .gsname{margin-bottom: 12px;} footer.footer .bottom-list .right-info ul li .gsaddr{} */ /******************************************Home End*****************************************************/ /* 公共内页样式 */ .pubheader{} .pubfooter{} .header-banner{width: 100%;position: relative;display: flex; align-items: center; justify-content: center;} .header-banner .baner-img{width: 100%;} .header-banner .baner-img img{width: 100%;} .header-banner .banner-list{position: absolute; top: 50%; left: 50%;transform: translateY(-50%) translateX(-50%);} .header-banner .banner-list .list-info{} .header-banner .banner-list .list-info .info-title{text-align: center;} .header-banner .banner-list .list-info .info-title h1{font-size: 70px;margin-bottom: 35px;font-weight: 600;color: white;text-align: center;} .header-banner .banner-list .list-info .info-title p{font-family:"msyhbd";font-size: 40px;font-weight: 500;color: white;text-align: center;} .company-main .item-content{margin-bottom: 50px;} .company-main .item-content p{font-size: 17px;font-weight: 500;color: #484848;line-height: 32px;margin-bottom: 0;} .company-main .item-content p:last-child{margin-bottom: 0px;} .previewpopup{position:absolute;top:0;left:0;width:100%;height: 100%;background:rgba(0,0,0,0.35) no-repeat 0% 100%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);filter:scale(0);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;cursor:pointer;display: flex;align-items: center;justify-content: center;z-index:99999999999999999999999999999;} .previewpopup.on{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;cursor:pointer} .previewpopup .item-box{width: 75%;height: 865px; display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;position: relative;background-color: #ffffff;} .previewpopup .item-box .item-list{width: 100%;height: 100%;} .previewpopup .item-box .list-img{width: 100%;height: 100%;} .previewpopup .item-box .list-img img{width: 100%;height: 100%;} .previewpopup .close-btn{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;position: absolute;top: 18px;right: 18px;} .previewpopup .close-btn img{width: 100%;height: auto;object-fit: cover;} /****************************************Search Start****************************************************/ .search-main{width: 100%;padding: 80px 0;border-top: 3px solid #0075c1;} .search-main .item-box{} .search-main .item-box .item-search{width: 100%;margin-bottom: 60px;position: relative;display: flex;justify-content: center;align-items: center;} .search-main .item-box .item-search form{width: 100%;display: flex;align-items: center;position: relative;justify-content: center;} .search-main .item-box .item-search input[type="search"]{width:50%;height: 36px;font-size:15px; color:#333; padding:0px 15px;position: relative;top: 2px;border: 2px solid #757575;border-radius: 100px;margin-right: 18px;} .search-main .item-box .item-search input[type="submit"]{width:24px;height: 36px;cursor: pointer;background: url(../images/bn6.png) no-repeat center;position: relative;top: 0;} .search-main .item-box .item-list{width: 100%;} .search-main .item-box .item-list ul{width: 100%;display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;} .search-main .item-box .item-list ul li{width: 30%;margin-bottom: 30px;margin-right: 5%;} .search-main .item-box .item-list ul li:nth-child(3n){margin-right: 0;} .search-main .item-box .item-list ul li a{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center;} .search-main .item-box .item-list ul li .list-title{padding: 15px 0 10px 0;} .search-main .item-box .item-list ul li .list-title p{transition: color .35s; -webkit-transition: color .35s;} .search-main .item-box .item-list ul li .list-title p{font-size: 18px;line-height: 30px;font-weight: 500;color: #333333;} .search-main .item-box .item-list ul li a:hover .list-img .open-box{opacity: 1;} .search-main .item-box .item-list ul li a:hover .list-title p{color: #0075c1;} /****************************************Search End******************************************************/ /****************************************Company-OverView Start******************************************/ .company-ov-main{width: 100%;padding: 80px 0;} .company-ov-main .AboutLeaptonEnergy{width: 100%;margin-bottom: 50px;} .company-ov-main .AboutLeaptonEnergy .item-box .strength{width: 90%;} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul{display: flex;align-items: center;justify-content: space-between;} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul li{width: 25%; box-sizing: border-box; padding: 0; display: flex; align-items: center; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center;} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul li h3{font-size: 17px;text-align: center;line-height: 18px;color: #222;letter-spacing: 1px;font-weight:normal;width: 66%;} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul li .icon{width: 170px;height: 170px;position: relative;margin-bottom: 15px;} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul li .icon p{font-size: 15px;color: #999;text-align: center;position: absolute;bottom: 20%;left: 0;width: 100%;} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul li .icon span{font-size: 18px;color: #3486c8;position: absolute;right: 17%;top: 49%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul li .knob{font-size: 30px !important;font-family:"MyriadPro-Regular" !important;} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul li:nth-child(3) .icon span{right: 26%;} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul li:nth-child(4) .icon span{right: 17%;} .company-ov-main .FinancingSupport{width: 100%;} .company-ov-main .FinancingSupport .item-content img{width: 100%;} .company-ov-main .GlobalLayout{width: 100%;margin-bottom: 60px;} .company-ov-main .GlobalLayout .mapbase-desc{margin-bottom: 30px;} .company-ov-main .GlobalLayout .mapbase-desc dl{display: flex;align-items: center;justify-content: center;} .company-ov-main .GlobalLayout .mapbase-desc dl dt{margin: 0 30px;padding-left: 25px;font-size: 18px;font-weight: 500;color: #172937;position: relative;} .company-ov-main .GlobalLayout .mapbase-desc dl dt::after{content: "";width: 13px;height: 13px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);display: inline-block;background-color: #f6ab00;border-radius: 100%;} .company-ov-main .GlobalLayout .mapbase-desc dl dt:last-child::after{background-color: #f6ab00;} .company-ov-main .GlobalLayout .item-content img{width: 100%;} .company-ov-main .GlobalLayout .mapbase-addrs{width: 100%;} .company-ov-main .GlobalLayout .mapbase-addrs ul{width: 100%;display: flex;align-items: flex-start;justify-content: space-between;} .company-ov-main .GlobalLayout .mapbase-addrs ul li{display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: flex-start;} .company-ov-main .GlobalLayout .mapbase-addrs ul li .base-name{margin-bottom: 18px;display: flex;align-items: center;justify-content: center;} .company-ov-main .GlobalLayout .mapbase-addrs ul li .base-name img{margin-right: 18px;} .company-ov-main .GlobalLayout .mapbase-addrs ul li .base-name span{font-size: 18px;font-weight: 500;color: #172937;} .company-ov-main .GlobalLayout .mapbase-addrs ul li .base-addr{padding: 0 5px;} .company-ov-main .GlobalLayout .mapbase-addrs ul li .base-addr p{font-size: 18px;margin-bottom: 10px;font-weight: 500;color: #172937;display: flex;align-items: center;justify-content: center;} .company-ov-main .GlobalLayout .mapbase-addrs ul li .base-addr p img{margin-right: 18px;} .company-ov-main .GlobalLayout .mapbase-addrs ul li .base-addr p:last-child{margin-bottom: 0;} .company-ov-main .GlobalLayout .mapbase-addrs ul li:nth-child(2){display: flex;align-items: flex-start;flex-direction: row-reverse;} .company-ov-main .GlobalLayout .mapbase-addrs ul li .base-li{margin: 0 30px; display: flex; flex-direction: column; align-items: flex-start;} .company-ov-main .CompanyPictures{width: 100%;} .company-ov-main .CompanyPictures .item-banner{width: 100%;display: flex;align-items: center;justify-content: center;position: relative;} .company-ov-main .CompanyPictures .item-banner .picturesbanner{width: 92%;position: relative;margin-bottom: 40px;} .company-ov-main .CompanyPictures .item-banner .banner-list{} .company-ov-main .CompanyPictures .item-banner .banner-list a{width: 100%;display: flex;align-items: center;justify-content: center;} .company-ov-main .CompanyPictures .item-banner .banner-list .banner-list-img{width: 100%;height: 296px;border-radius: 10px; overflow: hidden;} .company-ov-main .CompanyPictures .item-banner .banner-list .banner-list-img img{width: 100%;height: 100%;border-radius: 10px; overflow: hidden;} .company-ov-main .CompanyPictures .item-banner .swiper-btm-prev{background: url(../images/bn21.png) no-repeat center;background-size: 100%; position: absolute; left:-10px; top: calc(50% - 40px); width: 50px; height: 50px; cursor: pointer; z-index:999;} .company-ov-main .CompanyPictures .item-banner .swiper-btm-next{background: url(../images/bn22.png) no-repeat center;background-size: 100%; position: absolute; right:-10px; top: calc(50% - 40px); width: 50px; height: 50px; cursor: pointer; z-index:999;} .company-ov-main .CompanyPictures .item-banner .swiper-pagination{bottom: 0!important;left: auto;right:auto; color: #999999; text-align: center;} .company-ov-main .CompanyPictures .item-banner .swiper-pagination .swiper-pagination-bullet{background-color: #333333!important;width: 10px!important;height: 10px!important;margin: 0 8px;} /****************************************Company-OverView End********************************************/ /****************************************Company-Vision&Mission Start************************************/ .company-vm-main{width: 100%;padding: 80px 0 80px 0;} .company-vm-main .visionmission{width: 100%;} .company-vm-main .visionmission .item-box{width: 100%; display: flex; flex-direction: column; align-content: center; justify-content: flex-start; align-items: center;} .company-vm-main .visionmission .item-box .item-top{width: 80%;margin-bottom: 50px;} .company-vm-main .visionmission .item-box .item-top p{font-size: 17px; font-weight: 500; color: #484848; line-height: 32px;margin-bottom: 10px;} .company-vm-main .visionmission .item-box .item-top p:last-child{margin-bottom: 0;} .company-vm-main .visionmission .item-box .item-center{width: 100%;margin-bottom: 50px;} .company-vm-main .visionmission .item-box .item-center ul{width: 100%;display: flex;align-items: center;justify-content: center;} .company-vm-main .visionmission .item-box .item-center ul li{width: 305px;height: 551px;margin: 0 50px;} .company-vm-main .visionmission .item-box .item-center ul li .item-img{width: 100%;height: 100%;position: relative;display: flex;align-items: center;justify-content: center;} .company-vm-main .visionmission .item-box .item-center ul li .item-img img{width: 100%;height: 100%;} .company-vm-main .visionmission .item-box .item-center ul li .item-img .item-icon{position: absolute;left: 50%;top:50%;transform: translateX(-50%) translateY(-50%);} .company-vm-main .visionmission .item-box .item-center ul li .item-img .item-icon img{width: auto;height: auto;} .company-vm-main .visionmission .item-box .item-bottom{width: 80%;} .company-vm-main .visionmission .item-box .item-bottom ul{} .company-vm-main .visionmission .item-box .item-bottom ul li{margin-bottom: 30px;display: flex;align-items: center;} .company-vm-main .visionmission .item-box .item-bottom ul li img{margin-right: 50px;} .company-vm-main .visionmission .item-box .item-bottom ul li p{font-size: 18px;font-weight: 500;color: #484848;} .company-vm-main .socialresponsibility{width: 100%;} .company-vm-main .socialresponsibility .item-box{width: 100%; display: flex; flex-direction: column; align-content: center; justify-content: flex-start; align-items: center;} .company-vm-main .socialresponsibility .item-box .item-li{width: 100%;padding: 40px 0;display: flex;align-items: flex-start;justify-content: space-between;border-bottom: 1px solid #a4a4a4;} .company-vm-main .socialresponsibility .item-box .item-top {} .company-vm-main .socialresponsibility .item-box .item-top .item-img{width: 497px;height: 421px;} .company-vm-main .socialresponsibility .item-box .item-top .item-img img{width: 100%;height: 100%;} .company-vm-main .socialresponsibility .item-box .item-top .item-info{width: calc(100% - 530px);padding: 25px 0;} .company-vm-main .socialresponsibility .item-box .item-top .item-info .info-desc{margin-bottom: 30px;} .company-vm-main .socialresponsibility .item-box .item-top .item-info .info-desc p{font-size: 17px; font-weight: 500; color: #484848; line-height: 32px;} .company-vm-main .socialresponsibility .item-box .item-top .item-info .more-btn{} .company-vm-main .socialresponsibility .item-box .item-top .item-info .more-btn a{font-size: 22px;font-weight: 500;color: #0276c1;} .company-vm-main .socialresponsibility .item-box .item-center{} .company-vm-main .socialresponsibility .item-box .item-center .item-info{width: calc(100% - 506px);height:auto; padding: 25px 0 0 0; display: flex; justify-content: space-between; align-content: flex-start; flex-direction: column; align-items: flex-start; flex-wrap: wrap;} .company-vm-main .socialresponsibility .item-box .item-center .item-info .info-desc{margin-bottom: 50px;padding-right: 18px;height: 200px;} .company-vm-main .socialresponsibility .item-box .item-center .item-info .info-desc p{font-size: 20px;line-height: 35px;font-weight: 500;color: #333333;} .company-vm-main .socialresponsibility .item-box .item-center .item-info .more-btn{margin-bottom: 90px;} .company-vm-main .socialresponsibility .item-box .item-center .item-info .more-btn a{font-size: 22px;font-weight: 500;color: #0276c1;} .company-vm-main .socialresponsibility .item-box .item-center .info-img{width: 100%; height: 325px; display: flex; align-items: center; justify-content: flex-end;} .company-vm-main .socialresponsibility .item-box .item-center .info-img img{width: auto;height: 100%;margin-right: 8px;} .company-vm-main .socialresponsibility .item-box .item-center .info-img img:last-child{margin-right: 0;} .company-vm-main .socialresponsibility .item-box .item-center .item-img{width: 497px;height: auto;} .company-vm-main .socialresponsibility .item-box .item-center .item-img img{width: 100%;height: 100%;} .company-vm-main .socialresponsibility .item-box .item-bottom{border-bottom: none;} .company-vm-main .socialresponsibility .item-box .item-bottom .item-img{width: 818px;height: 421px;display: flex;align-items: center;justify-content: space-between;} .company-vm-main .socialresponsibility .item-box .item-bottom .item-img img{width:auto;height: 100%;} .company-vm-main .socialresponsibility .item-box .item-bottom .item-info{width: calc(100% - 861px);padding: 25px 0;} .company-vm-main .socialresponsibility .item-box .item-bottom .item-info .info-desc{margin-bottom: 30px;} .company-vm-main .socialresponsibility .item-box .item-bottom .item-info .info-desc p{font-size: 22px;line-height: 35px;font-weight: 500;color: #333333;} .company-vm-main .socialresponsibility .item-box .item-bottom .item-info .more-btn{} .company-vm-main .socialresponsibility .item-box .item-bottom .item-info .more-btn a{font-size: 22px;font-weight: 500;color: #0276c1;} /****************************************Company-Vision&Mission End**************************************/ /****************************************Company-CodeofConduct Start*************************************/ .company-coc-main{width: 100%;} .company-coc-main .codeofconduct{width: 100%;padding: 85px 0 85px 0;} .company-coc-main .codeofconduct .item-hd-box .title p{} .company-coc-main .codeofconduct .item-content{margin-bottom: 0;} .company-coc-main .codeofconduct .item-content p{font-size: 17px;line-height: 28px;margin-bottom: 20px;font-weight: 500;color: #484848;} .company-coc-main .codeofconduct .item-content p:last-child{margin-bottom: 0;} /****************************************Company-CodeofConduct End***************************************/ /****************************************Products Start**************************************************/ .products-main{padding: 60px 0 50px 0;} .products-main .certificates{margin-bottom: 70px;} .products-main .certificates .item-hd-box .title span{} .products-main .certificates .item-logo{width: 100%;margin-bottom:35px;display: flex;align-items: center;justify-content: center;} .products-main .certificates .item-logo img{max-width: 100%;} .products-main .certificates .item-down{width: 100%;display: flex;align-items: flex-start;justify-content: center;} .products-main .certificates .item-down a{margin: 0 35px;display: flex;align-items: center;justify-content: center;} .products-main .certificates .item-down a img{margin-right: 10px;width: 25px;} .products-main .certificates .item-down a span{font-size: 18px;font-weight: 500;color: #0075c1;} .products-main .productsview{margin-bottom: 50px;} .products-main .productsview .item-hd-box .title span{} .products-main .productsview .item-nav{width: 100%;margin-bottom: 80px;} .products-main .productsview .item-nav .item-nav-one{width: 100%;display: flex;align-items: center;} .products-main .productsview .item-nav .item-nav-one li{margin-right: 50px;} .products-main .productsview .item-nav .item-nav-one li a{transition: all .35s; -webkit-transition: all .35s;} .products-main .productsview .item-nav .item-nav-one li a{font-size: 18px;padding: 12px 28px;text-transform: uppercase;font-weight: bold;color: #ffffff;position: relative;display: flex;align-items: center;justify-content: center;border-radius: 50px;background-color: #4a4a4a;} .products-main .productsview .item-nav .item-nav-one li a::after{content: "";opacity: 0;display: inline-block;width: 0;height: 0;border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 12px solid #0075c1; position: absolute;left: 50%;top: 100%;transform: translateX(-50%);transition: opacity .35s; -webkit-transition: opacity .35s;} .products-main .productsview .item-nav .item-nav-one li a:hover{background-color: #0075c1;} .products-main .productsview .item-nav .item-nav-one li a:hover::after{opacity: 1;} .products-main .productsview .item-nav .item-nav-one li.on a{background-color: #0075c1;} .products-main .productsview .item-nav .item-nav-one li.on a::after{opacity: 1;} .products-main .productsview .item-nav .item-nav-two{width: 100%;margin-top: 50px;display: flex;align-items: center;} .products-main .productsview .item-nav .item-nav-two li{margin-right: 45px;} .products-main .productsview .item-nav .item-nav-two li a{transition: all .35s; -webkit-transition: all .35s;} .products-main .productsview .item-nav .item-nav-two li a{font-size: 20px;margin: 0 13px;padding: 0 10px 10px 10px;padding-bottom: 5px;text-transform: uppercase;font-family: "Arial";font-weight: bold;color: #4a4a4a;position: relative;display: flex;align-items: center;justify-content: center;} .products-main .productsview .item-nav .item-nav-two li a::after{content: "";opacity: 0;display: inline-block;width: 100%;height: 2px;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);transition: opacity .35s;-webkit-transition: opacity .35s;background-color: #0075c1;} .products-main .productsview .item-nav .item-nav-two li a:hover{color: #0075c1;} .products-main .productsview .item-nav .item-nav-two li a:hover::after{opacity: 1;} .products-main .productsview .item-nav .item-nav-two li.on a{color: #0075c1;} .products-main .productsview .item-nav .item-nav-two li.on a::after{opacity: 1;} .products-main .productsview .item-list{width: 100%;} .products-main .productsview .item-list ul{width: 100%;display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;} .products-main .productsview .item-list ul li{width: 30%;margin-bottom: 30px;margin-right: 5%;} .products-main .productsview .item-list ul li:nth-child(3n){margin-right: 0;} .products-main .productsview .item-list ul li a{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center;} .products-main .productsview .item-list ul li .list-img{width: 390px;height: 300px;position: relative;border-radius: 10px; overflow: hidden;} .products-main .productsview .item-list ul li .list-img img{width: 100%;height: 100%;border-radius: 10px; overflow: hidden;} .products-main .productsview .item-list ul li .list-img .open-box{transition: opacity .55s; -webkit-transition: opacity .5s;} .products-main .productsview .item-list ul li .list-img .open-box{width: 100%;height: 100%;opacity: 0;position: absolute;top: 0;left: 0;display: flex;align-items: center;justify-content: center;background-color: rgba(0,0,0,0.4);} .products-main .productsview .item-list ul li .list-img .down-icon{position: absolute;top: 30px;right: 30px;z-index: 9999999999999999999999999999999999;} .products-main .productsview .item-list ul li .list-img .down-icon img{width: 28px;height: auto;} .products-main .productsview .item-list ul li .list-title{padding: 12px 0 10px 0;} .products-main .productsview .item-list ul li .list-title span{transition: color .35s; -webkit-transition: color .35s;} .products-main .productsview .item-list ul li .list-title span{font-size: 17px;font-weight: 500;color: #333333;} .products-main .productsview .item-list ul li a:hover .list-img .open-box{opacity: 1;} .products-main .productsview .item-list ul li a:hover .list-title span{color: #0075c1;} /****************************************Products End****************************************************/ /****************************************CaseStudy Start************************************/ .casestudy-main{padding: 80px 0 80px 0;position: relative;} .casestudy-main .groundsystem{margin-bottom: 50px;} .casestudy-main .casestudy-item-li{width: 100%;} .casestudy-main .casestudy-item-li .item-desc{width: 100%;margin-bottom: 60px;} .casestudy-main .casestudy-item-li .item-desc p{font-size: 17px; font-weight: 500; color: #484848; line-height: 32px;} .casestudy-main .casestudy-item-li .item-banner{width: 100%;position: relative;} .casestudy-main .casestudy-item-li .item-banner .swiper-container{width: 100%;margin-bottom: 40px;} .casestudy-main .casestudy-item-li .item-banner .banner-list{} .casestudy-main .casestudy-item-li .item-banner .banner-list .list-box{} .casestudy-main .casestudy-item-li .item-banner .list-box{width: 100%;} .casestudy-main .casestudy-item-li .item-banner .list-box ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .casestudy-main .casestudy-item-li .item-banner .list-box ul li{width: 49.5%;height: 366px;margin-bottom: 15px;} .casestudy-main .casestudy-item-li .item-banner .list-box ul li a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;position: relative;} .casestudy-main .casestudy-item-li .item-banner .list-box ul li img{width: 100%;height: 100%;} .casestudy-main .casestudy-item-li .item-banner .list-box ul li .list-info{width: 100%; height: auto; padding: 0 0 18px 40px; display: flex; align-items: flex-end; justify-content: flex-start; position: absolute; left: 0; bottom: 0; background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.4) 100%);} .casestudy-main .casestudy-item-li .item-banner .list-box ul li .list-info .info-title{display: flex;align-items: flex-end;} .casestudy-main .casestudy-item-li .item-banner .list-box ul li .list-info .info-title span{font-size: 20px;font-weight: 500;color: #ffffff;} .casestudy-main .casestudy-item-li .item-banner .list-box ul li .list-info .info-title img{margin: 0 15px 0 25px;height: 24px;width: auto;} .casestudy-main .casestudy-item-li .item-banner .swiper-btm-prev{background: url(../images/bn21.png) no-repeat center;background-size: 100%; position: absolute; left:-90px; top: calc(50% - 40px); width: 50px; height: 50px; cursor: pointer; z-index:999;} .casestudy-main .casestudy-item-li .item-banner .swiper-btm-next{background: url(../images/bn22.png) no-repeat center;background-size: 100%; position: absolute; right:-90px; top: calc(50% - 40px); width: 50px; height: 50px; cursor: pointer; z-index:999;} .casestudy-main .casestudy-item-li .item-banner .swiper-pagination{position: relative!important;bottom: 0!important;left: auto;right:auto; color: #999999; text-align: center;} .casestudy-main .casestudy-item-li .item-banner .swiper-pagination .swiper-pagination-bullet{background-color: #333333!important;width: 12px!important;height: 12px!important;margin: 0 8px;} /****************************************CaseStudy End**************************************/ /****************************************News-NewsPaper Start********************************************/ .news-vr-main{} .news-main{width: 100%;} .news-main .news-item{width: 100%;padding: 115px 0;} .news-main .news-item .item-top-box{width: 100%;padding-bottom: 18px;border-bottom: 1px solid #d1d1d1;display: flex;align-items: center;justify-content: space-between;} .news-main .news-item .item-top-box .item-nav{width: 100%;} .news-main .news-item .item-top-box .item-nav ul{display: flex;align-items: center;} .news-main .news-item .item-top-box .item-nav ul li{width: 20%;} .news-main .news-item .item-top-box .item-nav ul li a{transition: color .35s; -webkit-transition: color .35s;} .news-main .news-item .item-top-box .item-nav ul li a{font-size: 28px;font-weight: 600;color: #333333;} .news-main .news-item .item-top-box .item-nav ul li:hover a{color: #0276c1;} .news-main .news-item .item-top-box .item-nav ul li.on a{color: #0276c1;} .news-main .news-item .item-top-box .item-from{} .news-main .news-item .item-top-box .item-from select{font-size: 28px;cursor: pointer;padding-right: 18px;font-weight: 500;color: #333333;background: url(../images/bn34.png) no-repeat 100% 50%;} .news-main .news-item .item-top-box .item-from select option{padding: 5px 0;font-size: 18px;font-weight: 500;color: #333333;} .news-main .news-item .item-btm-box{width: 100%;margin-bottom: 50px;} .news-main .news-item .item-btm-box ul{width: 100%;} .news-main .news-item .item-btm-box ul li{width: 100%;border-bottom:1px solid #d1d1d1;} .news-main .news-item .item-btm-box ul li a{width: 100%;height: 430px;padding: 50px 0;display: flex;align-items: center;justify-content: space-between;} .news-main .news-item .item-btm-box ul li .left-img{width: 496px;height: 100%;position: relative;border-radius: 10px; overflow: hidden;} .news-main .news-item .item-btm-box ul li .left-img img{transition: transform .5s; -webkit-transition: transform .5s;} .news-main .news-item .item-btm-box ul li .left-img img{width: 100%;height: 100%;border-radius: 10px; overflow: hidden;} .news-main .news-item .item-btm-box ul li .right-info{width: calc(100% - 531px); height: 100%; padding: 10px 0;display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; align-content: flex-start;} .news-main .news-item .item-btm-box ul li .right-info .info-title{margin-bottom: 25px;} .news-main .news-item .item-btm-box ul li .right-info .info-title span{font-size: 25px;font-weight: 500;color: #484848;} .news-main .news-item .item-btm-box ul li .right-info .info-time{margin-bottom: 40px;} .news-main .news-item .item-btm-box ul li .right-info .info-time time{font-size: 18px;font-weight: 500;color: #484848;} .news-main .news-item .item-btm-box ul li .right-info .info-desc{} .news-main .news-item .item-btm-box ul li .right-info .info-desc p{font-size: 17px; font-weight: 500; color: #484848; line-height: 32px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 5; -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;} .news-main .news-item .item-btm-box ul li a:hover .left-img img{transform: scale(1.1);} /****************************************News-NewsPaper End*********************************************/ /****************************************News-VideoRoom Start********************************************/ .news-vr-main .item-btm-box ul li .left-img{display: flex;align-items: center;justify-content: center;position: relative;} .news-vr-main .item-btm-box ul li .left-img .play-icon{transition: opacity .35s; -webkit-transition: opacity .35s;} .news-vr-main .item-btm-box ul li .left-img .play-icon{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);opacity: 0;z-index: 999999999;} .news-vr-main .item-btm-box ul li .left-img .play-icon img{width: auto;height: auto;} .news-vr-main .item-btm-box ul li .left-img:hover .play-icon{opacity: 1;} /****************************************News-VideoRoom End**********************************************/ /****************************************News-Details Start**********************************************/ .news-details-main{width: 100%;padding: 90px 0;} .news-details-main .item-box{} .news-details-main .item-box .hd-list{padding-bottom: 30px;border-bottom: 1px solid #e1e1e1;} .news-details-main .item-box .hd-list .title{margin-bottom: 25px;display: flex; justify-content: center;} .news-details-main .item-box .hd-list .title h1{font-size: 25px;font-weight: 500;color: #333333;text-align: center;} .news-details-main .item-box .hd-list .info{display: flex; justify-content: center;} .news-details-main .item-box .hd-list .info span{margin-right: 50px;font-size: 17px;font-weight: 500;color: #999999;} .news-details-main .item-box .list-content{padding: 35px 0;max-width: 100%;overflow: hidden;} .news-details-main .item-box .list-content p{font-size: 17px;line-height: 35px;color: #484848;} .news-details-main .item-box .list-content h2{font-size: 24px;line-height: 26px;color: #333333;font-weight: 500;} .news-details-main .item-box .list-content img{width: auto;height: auto;max-width: 100%;object-fit: cover;} .news-details-main .item-box .fynav-box{width: 100%;padding: 30px 0 10px 0;border-top: 1px solid #e1e1e1;display: flex;justify-content: space-between;align-items: center;} .news-details-main .item-box .fynav-box .fynav-list{width: 100%;width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;position: relative;} .news-details-main .item-box .fynav-box .fynav-list .pubpage{width: calc(50% - 95px);font-size: 17px;font-weight: 500;color: #727373;display: flex;align-items: center;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;} .news-details-main .item-box .fynav-box .fynav-list .pubpage span{font-size: 17px;padding:5px 7px;margin-right: 10px;font-weight: 500;color: #727373;} .news-details-main .item-box .fynav-box .fynav-list .pubpage a{transition: color .35s; -o-transition: color .35s; -ms-transition: color .35s; -moz-transition: color .35s; -webkit-transition: color .35s;} .news-details-main .item-box .fynav-box .fynav-list .pubpage a{font-size: 17px;font-weight: 500;color: #727373; align-items: center;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;} .news-details-main .item-box .fynav-box .fynav-list .pubpage:hover span{color: #0075c1;} .news-details-main .item-box .fynav-box .fynav-list .pubpage:hover a{color: #0075c1;} .news-details-main .item-box .fynav-box .returnlist{width: 130px;} .news-details-main .item-box .fynav-box .returnlist a{transition: all .35s; -o-transition: all .35s; -ms-transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s;} .news-details-main .item-box .fynav-box .returnlist a{padding: 12px;display: flex; justify-content: center; align-items: center;border: 1px solid #e6e6e6;border-radius: 50px;} .news-details-main .item-box .fynav-box .returnlist span{font-size: 17px;margin-right: 13px;font-weight: 500;color: #333333;} .news-details-main .item-box .fynav-box .returnlist span{transition: color .35s; -o-transition: color .35s; -ms-transition: color .35s; -moz-transition: color .35s; -webkit-transition: color .35s;} .news-details-main .item-box .fynav-box .returnlist i{transition: color .35s; -o-transition: color .35s; -ms-transition: color .35s; -moz-transition: color .35s; -webkit-transition: color .35s;} .news-details-main .item-box .fynav-box .returnlist i{font-size: 17px;color: #0075c1;} .news-details-main .item-box .fynav-box .returnlist a:hover{border-color:white ;background-color: #0075c1;} .news-details-main .item-box .fynav-box .returnlist a:hover span{color: white;} .news-details-main .item-box .fynav-box .returnlist a:hover i{color: white;} /****************************************News-Details End************************************************/ /****************************************Contact Start***************************************************/ .contact-main{width: 100%;padding: 110px 0;} .contact-main .Request{width: 100%;margin-bottom: 0;} .contact-main .Request .item-hd-box{} .contact-main .Request .item-content{margin-bottom: 30px;} .contact-main .Request .item-content p{font-size: 18px;line-height: 28px;font-weight: 500;color: #333333;} .contact-main .Request .item-from{width: 100%;} .contact-main .Request .item-from form{max-width: 100%;margin: 0;padding: 0;} .contact-main .Request .item-from .title{margin-bottom: 30px;} .contact-main .Request .item-from .title span{font-size: 25px;font-weight: 500;color: #333333;} .contact-main .Request .item-from .item-ipt{width: 100%;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;} .contact-main .Request .item-from .item-ipt .ipt-li{width: 47%; margin-bottom: 50px;display: flex; flex-direction: column; align-content: flex-start; justify-content: flex-start; align-items: flex-start;} .contact-main .Request .item-from .item-ipt .ipt-li span{font-size: 18px;font-weight: 500;color: #484848;margin-bottom: 15px;} .contact-main .Request .item-from .item-ipt .ipt-li input{font-size: 18px;padding: 0 18px;font-weight: 500;color: #484848;width: 100%;height: 40px;border: 1px solid #737373;border-radius: 100px;} .contact-main .Request .item-from .msgtextarea{width: 100%;margin-bottom: 30px;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;} .contact-main .Request .item-from .msgtextarea span{font-size: 18px;margin-bottom: 15px;font-weight: 500;color: #484848;} .contact-main .Request .item-from .msgtextarea textarea{width: 100%;height: 500px;padding: 18px;font-size: 18px;font-weight: 500;color: #484848;border: 1px solid #737373;border-radius: 18px;} .contact-main .Request .item-from .submitbtn{width: 100%;display: flex;align-items: center;justify-content: center;} .contact-main .Request .item-from .submitbtn input{width: 200px;height: 50px;padding: 0px 18px;font-size: 18px;display: inline-block;border-radius: 18px;font-weight: 500;color: #ffffff;background-color: #0276c1;cursor: pointer;} /* .contact-main .Distributors{width: 100%;} .contact-main .Distributors .item-hd-box{} .contact-main .Distributors .item-box{width: 100%;} .contact-main .Distributors .item-box ul{width: 100%;} .contact-main .Distributors .item-box ul li{width: 100%;margin-bottom: 80px;} .contact-main .Distributors .item-box ul li .item-title{width: 100%;padding: 10px 10px;margin-bottom: 50px;border-radius: 3px;background-color: #dbdbdb;display: flex;align-items: center;} .contact-main .Distributors .item-box ul li .item-title img{width: 50px;height: 25px;margin-right: 15px;} .contact-main .Distributors .item-box ul li .item-title span{font-size: 18px;font-weight: 500;color: #3a3a3a;} .contact-main .Distributors .item-box ul li .item-list{width: 100%;position: relative;} .contact-main .Distributors .item-box ul li .item-list .list-img{margin-bottom: 30px;} .contact-main .Distributors .item-box ul li .item-list .list-img img{} .contact-main .Distributors .item-box ul li .item-list .list-info{width: 100%;position: relative;padding-left: 18px;} .contact-main .Distributors .item-box ul li .item-list .list-info::after{content: "";width: 5px;height: 100%;display: inline-block;background-color: #0276c1;position: absolute;left: 0;top: 0;} .contact-main .Distributors .item-box ul li .item-list .list-info .info-li{margin-bottom: 18px;} .contact-main .Distributors .item-box ul li .item-list .list-info .info-li span{font-size: 18px;font-weight: 500;color: #3a3a3a;} .contact-main .Distributors .item-box ul li .item-list .list-info .info-li:last-child{margin-bottom: 0px;} */ .contact-main .FindLeapton{margin-bottom: 50px;} .contact-main .FindLeapton .item-box{} .contact-main .FindLeapton .item-box .item-top-list{margin-bottom: 50px;display: flex; justify-content: space-between; align-items: center;} .contact-main .FindLeapton .item-box .item-top-list .top-left-img{} .contact-main .FindLeapton .item-box .item-top-list .top-left-img img{} .contact-main .FindLeapton .item-box .item-top-list .top-right-list{width: calc(100% - 615px);} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul{width: 100%;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li{width: 100%;padding: 22px 0;border-bottom: 1px solid #484b4d;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li div{line-height: 1;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-top-box{margin-bottom: 17px;display: flex;align-items: center;/*justify-content: space-between;*/} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-top-box .left-gsname{display: flex;align-items: center;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-top-box .left-gsname .gsname-dd{margin-right: 5px;font-size: 18px;font-weight: 500;color: #0276c1;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-top-box .left-gsname .gsname-dt{font-size: 18px;font-weight: 500;color: #484b4d;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-top-box .right-phone{/*width: 185px;*/display: flex;align-items: center;justify-content: flex-start;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-top-box .right-phone .icon{margin-right: 10px;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-top-box .right-phone .icon img{} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-top-box .right-phone .phone-name{font-size: 18px;font-weight: 500;color: #484b4d;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-btm-box{display: flex;align-items: center;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-btm-box .icon{margin-right: 10px;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-btm-box .icon img{} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-btm-box .addr-name{font-size: 18px;font-weight: 500;color: #484b4d;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li:last-child{border:none;} .contact-main .FindLeapton .item-box .item-btm-list{display: flex;align-items: center;justify-content: center;} .contact-main .FindLeapton .item-box .item-btm-list .page-share{margin-bottom: 40px;display: flex;align-items: center;justify-content: center;} .contact-main .FindLeapton .item-box .item-btm-list .page-share .left-share{display: flex;align-items: center;margin-right: 30px;} .contact-main .FindLeapton .item-box .item-btm-list .page-share .left-share a{margin-right: 30px;} .contact-main .FindLeapton .item-box .item-btm-list .page-share .left-share a img{} .contact-main .FindLeapton .item-box .item-btm-list .page-share .left-share a:last-child{margin-right: 0px;} .contact-main .FindLeapton .item-box .item-btm-list .page-share .right-email{display: flex;align-items: center;background-color: #f0f0f0;border-radius: 100px;} .contact-main .FindLeapton .item-box .item-btm-list .page-share .right-email a{padding: 8px 10px; display: flex; align-items: center;} .contact-main .FindLeapton .item-box .item-btm-list .page-share .right-email a img{margin-right: 15px;} .contact-main .FindLeapton .item-box .item-btm-list .page-share .right-email a span{font-size: 17px;font-weight: 500;color: #333333;} /****************************************Contact End*****************************************************/ /****************************************Download Start**************************************************/ .download-main{width: 100%;padding: 110px 0;} .download-main .Download{} .download-main .Download .item-top-nav{margin-bottom: 60px;padding-bottom: 15px;border-bottom: 1px solid #a4a4a4;} .download-main .Download .item-top-nav ul{display: flex;align-items: center;justify-content: space-between;} .download-main .Download .item-top-nav ul li{margin-right: 25px;} .download-main .Download .item-top-nav ul li a{transition: color .35s; -webkit-transition: color .35s;} .download-main .Download .item-top-nav ul li a{font-size: 28px;font-weight: 600;color: #333333;} .download-main .Download .item-top-nav ul li:hover a{color: #0276c1;} .download-main .Download .item-top-nav ul li.on a{color: #0276c1;} .download-main .Download .item-box{} .download-main .Download .item-box .item-nav{margin-bottom: 50px;} .download-main .Download .item-box .item-nav .item-nav-one{width: 100%;display: flex;align-items: center;} .download-main .Download .item-box .item-nav .item-nav-one li{margin-right: 50px;} .download-main .Download .item-box .item-nav .item-nav-one li a{transition: all .35s; -webkit-transition: all .35s;} .download-main .Download .item-box .item-nav .item-nav-one li a{font-size: 18px;padding: 13px 35px;font-weight: bold;color: #ffffff;position: relative;display: flex;align-items: center;justify-content: center;border-radius: 50px;background-color: #4a4a4a;} .download-main .Download .item-box .item-nav .item-nav-one li a::after{content: "";opacity: 0;display: inline-block;width: 0;height: 0;border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 12px solid #0075c1; position: absolute;left: 50%;top: 100%;transform: translateX(-50%);transition: opacity .35s; -webkit-transition: opacity .35s;} .download-main .Download .item-box .item-nav .item-nav-one li a:hover{background-color: #0075c1;} .download-main .Download .item-box .item-nav .item-nav-one li a:hover::after{opacity: 1;} .download-main .Download .item-box .item-nav .item-nav-one li.on a{background-color: #0075c1;} .download-main .Download .item-box .item-nav .item-nav-one li.on a::after{opacity: 1;} .download-main .Download .item-box .item-nav .item-nav-two{width: 100%;margin-top: 50px;display: flex;align-items: center;} .download-main .Download .item-box .item-nav .item-nav-two li{margin-right: 45px;} .download-main .Download .item-box .item-nav .item-nav-two li a{transition: all .35s; -webkit-transition: all .35s;} .download-main .Download .item-box .item-nav .item-nav-two li a{font-size: 20px;margin: 0 13px;padding: 0 10px 10px 10px;padding-bottom: 5px;text-transform: uppercase;font-family: "Arial";font-weight: bold;color: #4a4a4a;position: relative;display: flex;align-items: center;justify-content: center;} .download-main .Download .item-box .item-nav .item-nav-two li a::after{content: "";opacity: 0;display: inline-block;width: 100%;height: 2px;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);transition: opacity .35s;-webkit-transition: opacity .35s;background-color: #0075c1;} .download-main .Download .item-box .item-nav .item-nav-two li a:hover{color: #0075c1;} .download-main .Download .item-box .item-nav .item-nav-two li a:hover::after{opacity: 1;} .download-main .Download .item-box .item-nav .item-nav-two li.on a{color: #0075c1;} .download-main .Download .item-box .item-nav .item-nav-two li.on a::after{opacity: 1;} .download-main .Download .item-box .item-list{width: 100%;} .download-main .Download .item-box .item-list ul{width: 100%;display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;} .download-main .Download .item-box .item-list ul li{width: 30%;margin-bottom: 30px;margin-right: 5%;} .download-main .Download .item-box .item-list ul li:nth-child(3n){margin-right: 0;} .download-main .Download .item-box .item-list ul li a{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center;} .download-main .Download .item-box .item-list ul li .list-img{width: 390px;height: 300px;position: relative;border-radius: 10px; overflow: hidden;} .download-main .Download .item-box .item-list ul li .list-img img{width: 100%;height: 100%;border-radius: 10px; overflow: hidden;} .download-main .Download .item-box .item-list ul li .list-img .open-box{transition: opacity .55s; -webkit-transition: opacity .5s;} .download-main .Download .item-box .item-list ul li .list-img .open-box{width: 100%;height: 100%;opacity: 0;position: absolute;top: 0;left: 0;display: flex;align-items: center;justify-content: center;background-color: rgba(0,0,0,0.4);} .download-main .Download .item-box .item-list ul li .list-img .down-icon{position: absolute;top: 30px;right: 30px;z-index: 9999999999999999999999999999999999;} .download-main .Download .item-box .item-list ul li .list-img .down-icon img{width: 28px;height: auto;} .download-main .Download .item-box .item-list ul li .list-title{padding: 15px 0 10px 0;} .download-main .Download .item-box .item-list ul li .list-title span{transition: color .35s; -webkit-transition: color .35s;} .download-main .Download .item-box .item-list ul li .list-title span{font-size: 18px;font-weight: 500;color: #333333;} .download-main .Download .item-box .item-list ul li a:hover .list-img .open-box{opacity: 1;} .download-main .Download .item-box .item-list ul li a:hover .list-title span{color: #0075c1;} /****************************************Download End****************************************************/ @media screen and (max-width:1890px){ header.header .hd-container .hdright-box nav ul li a{padding: 0 33px;} header.header .hd-container .hdright-box .right-list .pageshare{margin-right: 35px;} } @media screen and (max-width:1860px){ header.header .hd-container .hdright-box nav ul li a{padding: 0 27px;} header.header .hd-container .hdright-box .right-list .pageshare{margin-right: 25px;} } @media screen and (max-width:1762px){ header.header .hd-container .hdright-box{width: calc(100% - 250px);} header.header .hd-container .hdright-box .right-list .pageshare .sharebtn{display: none;} header.header .hd-container .hdright-box nav ul li a{padding: 0 20px;} .index-main .LatestNews .btm-item-box .left-box{width: 890px;} .index-main .LatestNews .btm-item-box .right-box{width: calc(100% - 940px);} footer.footer .container{width: 90%;} } @media screen and (max-width:1620px){ header.header .hd-container .hdright-box{width: calc(100% - 220px);} .index-main .LatestNews .btm-item-box .left-box{width: 800px;} .index-main .LatestNews .btm-item-box .right-box{width: calc(100% - 850px);} } @media screen and (max-width:1585px){ header.header .hd-container .hdright-box{width: calc(100% - 150px);} .header.header .hd-container .hdright-box nav ul li a{padding: 0 18px;} .index-main .LatestNews .btm-item-box .left-box{width: 48.5%;} .index-main .LatestNews .btm-item-box .right-box{width: 48.5%;} } @media screen and (max-width:1490px){ header.header .hd-container .hdright-box .right-list .search{display: none;} header.header .hd-container .hdright-box .right-list .pageshare .sharebtn{display: flex;} .index-main .CaseStudy .btm-item-box .swiper-button-prev{left: -62px;} .index-main .CaseStudy .btm-item-box .swiper-button-next{right: -62px;} .index-main .LatestNews .news-banner .swiper-button-prev{left: -62px;} .index-main .LatestNews .news-banner .swiper-button-next{right: -62px;} } @media screen and (max-width:1440px){ .pbc-main .container{width: 90%;} .indexhditem .container{width: 90%;} header.header .hd-container .hdright-box{width: calc(100% - 145px);} header.header .hd-container .hdright-box .right-list .search{display: none;} .index-main .AboutLeaptonEnergy .btm-item-box{height: 540px;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li{height: 48.7%;} .index-main .CaseStudy .btm-item-box{height: auto;} .index-main .CaseStudy .btm-item-box .right-box .list-li{height: 48.7%;} .index-main .CaseStudy .btm-item-box .right-box .list-li .list-info .info-box{left: 35px;bottom: 25px;} .company-ov-main .CompanyPictures .item-banner .swiper-btm-prev{left: -15px;} .company-ov-main .CompanyPictures .item-banner .swiper-btm-next{right: -15px;} .products-main .productsview .item-list ul li .list-img{width: 100%;} .news-main .news-item .item-btm-box ul li .right-info .info-title span{line-height: 28px;} .download-main .Download .item-box .item-list ul li .list-img{width: 100%;} } @media screen and (max-width:1360px){ header.header .hd-container{padding: 0 35px;} .header.header .hd-container .hdright-box nav ul li a{padding: 0 15px;} .index-main .CaseStudy .btm-item-box .swiper-button-prev{left: -60px;} .index-main .CaseStudy .btm-item-box .swiper-button-next{right: -60px;} .index-main .LatestNews .news-banner .swiper-button-prev{left: -60px;} .index-main .LatestNews .news-banner .swiper-button-next{right: -60px;} .download-main .Download .item-box .item-list ul li .list-img{width: 100%;} .index-main .CaseStudy .btm-item-box .swiper-container .banner-list ul li{height: 272px;} .index-main .LatestNews .news-banner .swiper-container .banner-list .list-img{height: 205px;} } @media screen and (max-width:1265px){ header.header .hd-container .hdright-box{width: calc(100% - 180px);} header.header .hd-container .hdright-box .right-list .pageshare .sharebtn{display: none;} } @media screen and (max-width:1161px){ header.header .hd-container{padding: 0 25px;} .header.header .hd-container .hdright-box nav ul li a{padding: 0 10px;} header.header .hd-container .hdright-box{width: calc(100% - 150px);} } @media screen and (max-width:1024px){ /* 公共样式 */ .m-header-nav{display: block;z-index: 9999999999999999999999999999999;} .indexhditem{display: none;} .pbc-main{width: 100%;max-width: 100%;overflow: hidden;} .pbc-main .container{width: 93%;margin: 0 auto;} .index-main .container{width: 93%;margin: 0 auto;} footer.footer .container{width: 93%;margin: 0 auto;} .item-hd-box{margin-bottom: 30px;} .item-hd-box .hdcontainer{width: 100%;flex-direction: column;} .item-hd-box .hdcontainer .title{width: 100%;} .item-hd-box .hdcontainer .title span{font-size: 23px;padding: 0 18px;} .item-hd-box .hdcontainer .title span i{font-style: normal;position: relative;padding-bottom: 5px;} .item-hd-box .hdcontainer .title span i::before{content: "";width: 100%;height: 2px;} .item-hd-box .hdcontainer .title p{font-size: 18px;} .item-hd-box .hdcontainer .more-btn{right: 0;top: 0;transform: translateY(0);position: relative;} .item-hd-box .hdcontainer .more-btn a img{margin-right: 15px;} .item-hd-box .hdcontainer .more-btn a span{font-size: 18px;} .header-banner{margin-top: 50px;} .header-banner .hdpbc-nav{background-color: rgba(0,0,0,0.2);width: 100%;background-image: none;} .header-banner .hdpbc-nav .container{width: 100%;} .header-banner .hdpbc-nav ul{padding: 9px 0;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-around;} .header-banner .hdpbc-nav li{width: 25%;margin: 0;padding: 8px 0;} .header-banner .hdpbc-nav li::before{display: none;} .header-banner .hdpbc-nav li a{border: none;} .header-banner .hdpbc-nav li span{font-size: 17px;} .header-banner .hdpbc-nav li .navon-icom{margin-left: 3px;} .header-banner .hdpbc-nav li.on span{font-weight: 500;} .m-header-nav{display: block;width:100%;height:50px;;position:fixed;top:0;overflow:hidden;background:#ffffff;z-index:99999999999999999999;} .m-header-nav .sp-header{width:100%;height:50px;padding: 0 18px;box-shadow: inset 0 -1px 0 0 #ddd;display:flex;align-items:center;justify-content:space-between;position: relative;top:0;overflow:hidden;background:#ffffff;z-index:9999999999999999999;} .m-header-nav .sp-logo{height:50px;display: flex;align-items: center;} .m-header-nav .sp-logo a{display: flex;align-items: center;} .m-header-nav .sp-logo img{margin:auto;max-height:38px;width: auto;} .m-header-nav .sp-nav{width: 26px;float:right;position:relative;cursor:pointer;height:18px;z-index: 900;} .m-header-nav .sp-nav span{display:block;background-color:#333;width: 28px;height: 2.2px;position:absolute;left: 0;transition:all ease 0.45s;border-radius: 50px;} .m-header-nav .sp-nav span:nth-of-type(1){top:0px;} .m-header-nav .sp-nav span:nth-of-type(2){top: 9.5px;} .m-header-nav .sp-nav span:nth-of-type(3){top: 19.2px;} .m-header-nav .sp-nav-se span:nth-of-type(1){top: 10px;transform:rotate(45deg); width:28px;} .m-header-nav .sp-nav-se span:nth-of-type(2){width:0;transition:none;} .m-header-nav .sp-nav-se span:nth-of-type(3){top: 10px;transform:rotate(-45deg);} .m-header-nav .sjj-nav{display: none;width:100%;height:100%;position:fixed;font-size:15px;line-height:45px;top:50px;left:0;transition:top ease 0.45s;overflow:auto;overflow-x:hidden;background:white;z-index:99999999999999999999;} .m-header-nav .nav-show{display: block;} .m-header-nav .sjj-nav>ul>li:first-child{overflow:hidden;border-top:0} .m-header-nav .sjj-nav>ul>li:first-child>a{float:left;width:calc(100% - 200px)} .m-header-nav .sjj-nav>ul>li:first-child .language{float:right;width:200px;line-height:45px;margin-top:0;overflow:hidden;} .m-header-nav .sjj-nav>ul>li:first-child .language a{width:50px;font-weight: 500;float:left;border-left:1px #ddd solid;text-align:center;color:#999;} .m-header-nav .sjj-nav ul li .sp-nav-xjb{position: absolute; top: 0; right: 0px; border-left: 1px #ddd solid; height: 45px; padding: 0px 13px; display: flex; align-items: center; justify-content: center; width:50px;} .m-header-nav .sjj-nav ul li .sp-nav-xjb i{transform:rotate(0deg);transition:all ease 0.45s;width: 10px;font-size: 25px;color: #818181;} .m-header-nav .sjj-nav ul li .sjj-nav-i-se i{transform:rotate(90deg)} .m-header-nav .sjj-nav ul li{border-top:1px #ddd solid;margin-left:18px;position:relative;font-size:15px;} .m-header-nav .sjj-nav>ul >li:last-child{border-bottom:1px #ddd solid;} .m-header-nav .sjj-nav ul li ul{display:none} .m-header-nav .sjj-nav ul li a{font-weight: 500;color:#666;width:100%;display: block;font-size:15px;line-height:45px;} .m-header-nav .sjj-nav ul li ul li a{font-weight: 500;color:#666;display:block;text-align:left;} .m-header-nav .sjj-nav ul li .sp-nav-xjb i{width:10px;height:25px;color:#555;} .m-header-nav .sjj-nav ul li .sjj-nav-i-se i{color:#253242} .m-header-nav .sjj-nav ul li ul li>ul{margin-left:10px} /* 搜索框 */ #search{position:fixed; width:100%; height:100%; left:0; top: 0; right:0;} #search.on{display:flex;} #search .search_content{ width:50%;} #search .search_content .search_content_top .search_close{ right:0; top:-60px; font-size:30px;} #search .search_content input[type="search"]{ width:80%; height:60px; font-size:17px; padding:0px 18px;} #search .search_content input[type="submit"]{ width:20%;height:60px; font-size:17px;} /******************************************Home Start****************************************************/ header.header{display: none;} /* 轮播图 */ .indexbanners{width: 100%;z-index: 10;margin-top: 50px;} .indexbanners .hdbanners{width: 100%;} .indexbanners .hdbanners .banner_list {width: 100%;display: flex;justify-content: center;} .indexbanners .hdbanners .banner_list .banner_list_img{width: 100%;} .index-main{max-width: 100%;overflow: hidden;} .index-main .item-hd-box .hdcontainer .title{margin-bottom: 18px;} .index-main .item-hd-box .hdcontainer .desc{margin-bottom: 18px;} .indexbanners .swiper-switch .swiper-button-next,.indexbanners .swiper-switch .swiper-button-prev{width:40px; height:40px;} .indexbanners .swiper-switch .swiper-button-next:after,.indexbanners .swiper-switch .swiper-button-prev:after{font-size:30px;} /* About Leapton Energy */ .index-main .AboutLeaptonEnergy{padding: 35px 0;} .index-main .AboutLeaptonEnergy .top-item-box{width: 100%;margin-bottom: 30px;} .index-main .AboutLeaptonEnergy .top-item-box .item-content{width: 100%;margin-bottom: 50px;} .index-main .AboutLeaptonEnergy .top-item-box .item-content p{font-size: 18px;line-height: 27px;margin-bottom: 10px;text-align: left;} .index-main .AboutLeaptonEnergy .top-item-box .strength{width: 100%;} .index-main .AboutLeaptonEnergy .top-item-box .strength ul{width: 100%;flex-wrap: wrap;align-items: flex-start;} .index-main .AboutLeaptonEnergy .top-item-box .strength ul li{width: 50%;margin-bottom: 30px;padding: 0 2% 30px 2%;border-bottom: 1px solid #ddd;} .index-main .AboutLeaptonEnergy .top-item-box .strength ul li h3{font-size: 17px;line-height: 18px;width: 100%;height: 36px;} .index-main .AboutLeaptonEnergy .top-item-box .strength ul li .icon{max-width: 170px;width: 170px;height: 170px;margin-bottom: 15px;} .index-main .AboutLeaptonEnergy .top-item-box .strength ul li .icon p{font-size: 15px;bottom: 20%;left: 0;width: 100%;} .index-main .AboutLeaptonEnergy .top-item-box .strength ul li .icon span{font-size: 18px;right: 18%;top: 49%;} .index-main .AboutLeaptonEnergy .top-item-box .strength ul li:nth-child(1) .icon span{right: 18%;} .index-main .AboutLeaptonEnergy .top-item-box .strength ul li:nth-child(2) .icon span{right: 18%;} .index-main .AboutLeaptonEnergy .top-item-box .strength ul li:nth-child(3) .icon span{right: 23%;} .index-main .AboutLeaptonEnergy .top-item-box .strength ul li:nth-child(4) .icon span{right: 18%;} .index-main .AboutLeaptonEnergy .btm-item-box{width: 100%;height: auto;justify-content: center;flex-direction: column;} .index-main .AboutLeaptonEnergy .btm-item-box .left-box{width: 100%;height:auto;margin-bottom: 30px;} .index-main .AboutLeaptonEnergy .btm-item-box .left-box img{height: auto;} .index-main .AboutLeaptonEnergy .btm-item-box .left-box .list-info{flex-direction: column;} .index-main .AboutLeaptonEnergy .btm-item-box .left-box .list-info .info-title{margin-bottom: 10px;margin-right: 10px;} .index-main .AboutLeaptonEnergy .btm-item-box .left-box .list-info .info-title span{font-size: 20px;} .index-main .AboutLeaptonEnergy .btm-item-box .left-box .list-info .info-desc p{line-height: 23px;font-size: 17px;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box{width: 100%; height: auto;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li{height: 226px;margin-bottom: 30px;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li a{height: 100%;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li img{height: 100%;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li .list-info{height: 100%;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li .list-info .info-box{left: 30px;bottom: 20px;flex-direction: column;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li .list-info .info-title{margin-bottom: 10px;margin-right: 10px;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li .list-info .info-title span{font-size: 20px;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li .list-info .info-desc{width: 100%;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li .list-info .info-desc p{line-height: 23px;font-size: 17px;} .index-main .AboutLeaptonEnergy .btm-item-box .right-box .list-li:last-child{margin-bottom: 0px;} /* Case Study */ .index-main .CaseStudy{padding: 0 0 35px 0;} .index-main .CaseStudy .top-item-box{margin-bottom: 30px;} .index-main .CaseStudy .top-item-box .item-desc{width: 100%;} .index-main .CaseStudy .top-item-box .item-desc p{font-size: 18px;line-height: 27px;margin-bottom: 10px;text-align: left;} .index-main .CaseStudy .btm-item-box{height: auto;justify-content: center;flex-direction: column;} /* .index-main .CaseStudy .btm-item-box .swiper-container .banner-list{justify-content: center;flex-direction: column;} */ .index-main .CaseStudy .btm-item-box .left-box{width: 100%;height: auto;margin-bottom: 10px;} .index-main .CaseStudy .btm-item-box .left-box a{height: auto;} .index-main .CaseStudy .btm-item-box .left-box .list-info{width: 100%;height: 35%;} .index-main .CaseStudy .btm-item-box .left-box .list-info .info-box{position: absolute;left: 30px;bottom: 20px;align-items: center;} .index-main .CaseStudy .btm-item-box .left-box .list-info .info-li{} .index-main .CaseStudy .btm-item-box .left-box .list-info .info-li img{margin-right: 15px;height: 25px;width: auto;} .index-main .CaseStudy .btm-item-box .left-box .list-info .info-li span{font-size: 18px;} .index-main .CaseStudy .btm-item-box .left-box .list-info .left-info{margin-right: 25px;} .index-main .CaseStudy .btm-item-box .right-box{width: 100%; height: auto;} .index-main .CaseStudy .btm-item-box .right-box .list-li{width: 100%;height: 150px;} .index-main .CaseStudy .btm-item-box .right-box .list-li:first-child{margin-bottom: 10px;} .index-main .CaseStudy .btm-item-box .right-box .list-li a{width: 100%;height: 100%;} .index-main .CaseStudy .btm-item-box .right-box .list-li img{width: 100%;height: 100%;} .index-main .CaseStudy .btm-item-box .right-box .list-li .list-info{width: 100%;height: 35%;} .index-main .CaseStudy .btm-item-box .right-box .list-li .list-info .info-box{left: 30px;bottom: 20px;align-items: center;} .index-main .CaseStudy .btm-item-box .right-box .list-li .list-info .info-li{width: 100%;} .index-main .CaseStudy .btm-item-box .right-box .list-li .list-info .info-li img{margin-right: 15px;height: 25px;width: auto;} .index-main .CaseStudy .btm-item-box .right-box .list-li .list-info .info-li span{font-size: 18px;} .index-main .CaseStudy .btm-item-box .right-box .list-li .list-info .left-info{margin-right: 25px;} .index-main .CaseStudy .btm-item-box .swiper-container .banner-list .list-box{} .index-main .CaseStudy .btm-item-box .swiper-container .banner-list .list-box ul li{width: 49%;height: 125px;margin-bottom: 8px;} .index-main .CaseStudy .btm-item-box .swiper-container .banner-list .list-box ul li .list-info{width: 100%;height: auto;padding: 0 0 10px 10px;} .index-main .CaseStudy .btm-item-box .swiper-container .banner-list .list-box ul li .list-info .info-title{} .index-main .CaseStudy .btm-item-box .swiper-container .banner-list .list-box ul li .list-info .info-title span{font-size: 14px;} .index-main .CaseStudy .btm-item-box .swiper-container .banner-list .list-box ul li .list-info .info-title img{margin: 0 10px 0 20px;height: 20px;width: auto;} .index-main .CaseStudy .btm-item-box .swiper-button-prev{left: 0;width: 45px;height: 45px;} .index-main .CaseStudy .btm-item-box .swiper-button-next{right: 0;width: 45px;height: 45px;} /* Latest News */ .index-main .LatestNews{padding: 35px 0 35px 0;} .index-main .LatestNews .top-item-box{margin-bottom: 30px;} .index-main .LatestNews .top-item-box .item-desc{width: 100%;} .index-main .LatestNews .top-item-box .item-desc p{font-size: 17px;line-height: 25px;margin-bottom: 10px;text-align: left;} /* .index-main .LatestNews .btm-item-box{height: auto;justify-content: center;flex-direction: column;} .index-main .LatestNews .btm-item-box .left-box{width: 100%;height: 300px;margin-bottom: 30px;} .index-main .LatestNews .btm-item-box .left-box a{height: 100%;} .index-main .LatestNews .btm-item-box .left-box img{height: 100%;} .index-main .LatestNews .btm-item-box .left-box .list-info{height: 100%;} .index-main .LatestNews .btm-item-box .left-box .list-info .info-box{padding: 25px 30px;} .index-main .LatestNews .btm-item-box .left-box .list-info .left-time{margin-bottom: 12px;} .index-main .LatestNews .btm-item-box .left-box .list-info .left-time time{font-size: 18px;} .index-main .LatestNews .btm-item-box .left-box .list-info .right-title{} .index-main .LatestNews .btm-item-box .left-box .list-info .right-title p{font-size: 18px;line-height: 24px;} .index-main .LatestNews .btm-item-box .right-box{width:100%; height:auto;} .index-main .LatestNews .btm-item-box .right-box ul{height: auto;} .index-main .LatestNews .btm-item-box .right-box ul li a{padding:15px 5px;border-bottom: 1px solid #a1a1a1;} .index-main .LatestNews .btm-item-box .right-box ul li .left-img{width: 118px;height: 118px;overflow: hidden;} .index-main .LatestNews .btm-item-box .right-box ul li .left-img img{width: 100%;height: 100%;} .index-main .LatestNews .btm-item-box .right-box ul li .right-info{width: calc(100% - 130px); padding-right: 0;} .index-main .LatestNews .btm-item-box .right-box ul li .right-info .info-time{margin-bottom: 10px;} .index-main .LatestNews .btm-item-box .right-box ul li .right-info .info-time time{font-size: 17px;} .index-main .LatestNews .btm-item-box .right-box ul li .right-info .info-title{margin-bottom: 10px;height: 50px;} .index-main .LatestNews .btm-item-box .right-box ul li .right-info .info-title p{font-size: 18px;line-height: 24px; line-clamp: 2; -webkit-line-clamp: 2;-moz-line-clamp: 2;} .index-main .LatestNews .btm-item-box .right-box ul li .right-info .read-more{} .index-main .LatestNews .btm-item-box .right-box ul li .right-info .read-more span{font-size: 17px;} */ .index-main .LatestNews .news-banner{overflow-x: hidden;} .index-main .LatestNews .news-banner .swiper-container{left: 0;} .index-main .LatestNews .news-banner .swiper-container .banner-list{} .index-main .LatestNews .news-banner .swiper-container .banner-list .list-img{width: 100%;height: 280px;} .index-main .LatestNews .news-banner .swiper-container .banner-list .list-info{padding: 18px 15px;} .index-main .LatestNews .news-banner .swiper-container .banner-list .list-info .info-time{margin-bottom: 10px;} .index-main .LatestNews .news-banner .swiper-container .banner-list .list-info .info-time time{font-size: 17px;font-weight: 500;color: #3a3a3a;} .index-main .LatestNews .news-banner .swiper-container .banner-list .list-info .info-title{height: 50px;} .index-main .LatestNews .news-banner .swiper-container .banner-list .list-info .info-title p{line-height: 25px;font-size: 17px;font-weight: 500;color: #3a3a3a;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .index-main .LatestNews .news-banner .swiper-button-prev{left: 0;top: calc(50% - 45px);width: 45px;height: 45px;} .index-main .LatestNews .news-banner .swiper-button-next{right: 0;top: calc(50% - 45px);width: 45px;height: 45px;} /* 底部导航 */ footer.footer{padding: 25px 0 20px 0;border-top: 2px solid #0075c1;} footer.footer .top-nav{margin-bottom: 0;display: none;} /* footer.footer .top-nav ul{flex-wrap: wrap;} footer.footer .top-nav ul li{width: 32%;margin-bottom: 18px;} footer.footer .top-nav ul li a{font-size: 18px;margin-bottom: 18px;} footer.footer .top-nav ul li ul li{width: 100%;margin-bottom: 10px;} footer.footer .top-nav ul li ul li a{font-size: 17px;} footer.footer .bottom-list{position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;} footer.footer .bottom-list .left-list{width: 100%;margin-bottom: 30px;} footer.footer .bottom-list .left-list .ft-logo{margin-bottom: 30px;display: flex;align-items: center;justify-content: center;} footer.footer .bottom-list .left-list .ft-logo img:first-child{margin-right: 18px;} footer.footer .bottom-list .left-list .ft-share{margin-bottom: 40px;display: flex;align-items: center;flex-direction: column;} footer.footer .bottom-list .left-list .ft-share .left-share{display: flex;align-items: center;margin-right: 0px;margin-bottom: 18px;} footer.footer .bottom-list .left-list .ft-share .left-share a{margin-right: 25px;} footer.footer .bottom-list .left-list .ft-share .right-email a{padding: 8px 15px;} footer.footer .bottom-list .left-list .ft-share .right-email a img{margin-right: 15px;} footer.footer .bottom-list .left-list .ft-share .right-email a span{font-size: 18px;} footer.footer .bottom-list .left-list .ft-copyright{} footer.footer .bottom-list .left-list .ft-copyright .top-list p{font-size: 18px;} footer.footer .bottom-list .left-list .ft-copyright .btm-list{display: flex;align-items: center;justify-content: flex-start;} footer.footer .bottom-list .left-list .ft-copyright .btm-list span{font-size: 18px;;} footer.footer .bottom-list .left-list .ft-copyright .btm-list span:first-child{margin-right: 30px;} footer.footer .bottom-list .right-info{width: 93%;position: relative;top: 0;right: 0;} footer.footer .bottom-list .right-info ul{} footer.footer .bottom-list .right-info ul li{padding: 15px 0;} footer.footer .bottom-list .right-info ul li .info-li{} footer.footer .bottom-list .right-info ul li .info-li p{font-size: 17px;} footer.footer .bottom-list .right-info ul li .info-li p b{font-size: 18px;} footer.footer .bottom-list .right-info ul li .gsname{margin-bottom: 12px;} footer.footer .bottom-list .right-info ul li:last-child{border: none;} */ footer.footer .bottom-list{position: relative;flex-direction: column;} footer.footer .bottom-list .gsname{margin: 0 0 15px 0;} /**********************************************内页公共样式************************************************/ .header-banner{max-width: 100%;overflow: hidden;} .header-banner .baner-img{width: 100%;} .header-banner .baner-img img{width: 100%;} .header-banner .banner-list{width: 100%;position: absolute; top: 50%; left: 50%;transform: translateY(-50%) translateX(-50%);} .header-banner .banner-list .list-info .info-title h1{font-size: 30px;margin-bottom: 18px;} .header-banner .banner-list .list-info .info-title p{font-family:"msyhbd";font-size: 18px;} .company-main .item-content{width: 100%;margin-bottom: 18px;} .company-main .item-content p{font-size: 18px;line-height: 28px;margin-bottom: 10px;text-align: left;} .previewpopup{position:absolute;top:0;left:0;width:100%;height: 100%;background:rgba(0,0,0,0.35) no-repeat 0% 100%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);filter:scale(0);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;cursor:pointer;display: flex;align-items: center;justify-content: center;z-index:99999999999999999999999999999;} .previewpopup .item-box{width: 75%;height: 865px; display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;position: relative;background-color: #ffffff;} .previewpopup .item-box .item-list{width: 100%;height: 100%;} .previewpopup .item-box .list-img{width: 100%;height: 100%;} .previewpopup .item-box .list-img img{width: 100%;height: 100%;} .previewpopup .close-btn{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;position: absolute;top: 18px;right: 18px;} .previewpopup .close-btn img{width: 100%;height: auto;object-fit: cover;} /****************************************Search Start****************************************************/ .search-main{} .search-main .search{} .search-main .search .item-nav{width: 100%;margin-bottom: 30px;} .search-main .search .item-nav ul{width: 100%;align-items: center;justify-content: center;} .search-main .search .item-nav ul li{margin: 0 10px;} .search-main .search .item-nav ul li a{font-size: 18px;padding: 12px 18px;display: flex;align-items: center;justify-content: center;} .search-main .search .item-nav ul li a::after{border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #0075c1; } .search-main .search .item-list ul li{width: 100%;margin:0 0 30px 0;} .search-main .search .item-list ul li .list-img{width: 100%;height: 300px;} .search-main .search .item-list ul li .list-title{padding: 15px 0 10px 0;} .search-main .search .item-list ul li .list-title span{font-size: 18px;} /****************************************Search End******************************************************/ /****************************************Company-OverView Start******************************************/ .company-ov-main{width: 100%;padding: 35px 0;} .company-ov-main .AboutLeaptonEnergy{width: 100%;margin-bottom: 0;} .company-ov-main .AboutLeaptonEnergy .item-box{width: 100%;} .company-ov-main .AboutLeaptonEnergy .item-box .strength{width: 100%;} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul{width: 100%;flex-wrap: wrap;align-items: flex-start;} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul li{width: 50%;margin-bottom: 20px;padding: 0 2% 30px 2%;border-bottom: 1px solid #ddd;} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul li h3{font-size: 17px;line-height: 18px;width: 100%;height: 36px;} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul li .icon{max-width: 170px;width: 170px;height: 170px;margin-bottom: 15px;} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul li .icon p{font-size: 15px;bottom: 20%;left: 0;width: 100%;} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul li .icon span{font-size: 18px;right: 18%;top: 49%;} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul li:nth-child(1) .icon span{right: 18%;} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul li:nth-child(2) .icon span{right: 18%;} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul li:nth-child(3){border: none;} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul li:nth-child(3) .icon span{right: 23%;} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul li:nth-child(4){border: none;} .company-ov-main .AboutLeaptonEnergy .item-box .strength ul li:nth-child(4) .icon span{right: 18%;} .company-ov-main .Milestone{margin-bottom: 40px;} .company-ov-main .FinancingSupport{width: 100%;margin-bottom: 50px} .company-ov-main .FinancingSupport .item-hd-box .title span{margin-bottom: 18px;} .company-ov-main .FinancingSupport .item-content img{width: 100%;} .company-ov-main .GlobalLayout{width: 100%;margin-bottom: 30px;} .company-ov-main .GlobalLayout .mapbase-desc{margin-bottom: 30px;} .company-ov-main .GlobalLayout .mapbase-desc dl{display: flex;align-items: center;justify-content: center;} .company-ov-main .GlobalLayout .mapbase-desc dl dt{margin: 0 18px;padding-left: 18px;font-size: 18px;} .company-ov-main .GlobalLayout .mapbase-desc dl dt::after{content: "";width: 13px;height: 13px;} .company-ov-main .GlobalLayout .item-content{width: 100%;margin-bottom: 18px;} .company-ov-main .GlobalLayout .mapbase-addrs ul{width: 100%;justify-content: center;flex-direction: column;} .company-ov-main .GlobalLayout .mapbase-addrs ul li{width: 100%;margin-bottom: 30px;} .company-ov-main .GlobalLayout .mapbase-addrs ul li .base-name{margin-bottom: 15px;display: flex;align-items: center;justify-content: center;} .company-ov-main .GlobalLayout .mapbase-addrs ul li .base-name img{margin-right: 15px;} .company-ov-main .GlobalLayout .mapbase-addrs ul li .base-name span{font-size: 18px;} .company-ov-main .GlobalLayout .mapbase-addrs ul li .base-addr{padding: 0 5px;} .company-ov-main .GlobalLayout .mapbase-addrs ul li .base-addr p{font-size: 18px;margin-bottom: 10px;;display: flex;align-items: center;justify-content: center;} .company-ov-main .GlobalLayout .mapbase-addrs ul li .base-addr p img{margin-right: 18px;} .company-ov-main .GlobalLayout .mapbase-addrs ul li .base-addr p:last-child{margin-bottom: 0;} .company-ov-main .GlobalLayout .mapbase-addrs ul li:nth-child(2){display: flex;align-items: flex-start;flex-direction: column;justify-content: center;} .company-ov-main .GlobalLayout .mapbase-addrs ul li .base-li{margin: 0;align-items: flex-start;justify-content: center;} .company-ov-main .GlobalLayout .mapbase-addrs ul li .base-li:first-child{margin-bottom: 18px;} .company-ov-main .CompanyPictures .item-banner{width: 100%;} .company-ov-main .CompanyPictures .item-banner .picturesbanner{width: 100%;margin-bottom: 35px;} .company-ov-main .CompanyPictures .item-banner .banner-list .banner-list-img{width: 100%;height: 250px;} .company-ov-main .CompanyPictures .item-banner .swiper-btm-prev{left:0; top: calc(50% - 40px); width: 45px; height: 45px; } .company-ov-main .CompanyPictures .item-banner .swiper-btm-next{right:0; top: calc(50% - 40px); width: 45px; height: 45px;} .company-ov-main .CompanyPictures .item-banner .swiper-pagination .swiper-pagination-bullet{width: 10px!important;height: 10px!important;margin: 0 5px;} /****************************************Company-OverView End********************************************/ /****************************************Company-Vision&Mission Start************************************/ .company-vm-main{padding: 35px 0 35px 0;} .company-vm-main .visionmission{margin-bottom: 30px;} .company-vm-main .visionmission .item-box{display: flex; flex-direction: column; align-content: center; justify-content: flex-start; align-items: center;} .company-vm-main .visionmission .item-box .item-top{width: 100%;margin-bottom: 30px;} .company-vm-main .visionmission .item-box .item-top p{font-size: 18px;line-height: 25px;margin-bottom: 5px;text-align: left;} .company-vm-main .visionmission .item-box .item-top p:last-child{margin-bottom: 0;} .company-vm-main .visionmission .item-box .item-center{margin-bottom: 30px;} .company-vm-main .visionmission .item-box .item-center ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .company-vm-main .visionmission .item-box .item-center ul li{width: 48%;height: 301px; margin: 0 0 15px 0;} .company-vm-main .visionmission .item-box .item-center ul li .item-img{width: 100%;height: 100%;position: relative;display: flex;align-items: center;justify-content: center;} .company-vm-main .visionmission .item-box .item-center ul li .item-img img{width: 100%;height: 100%;} .company-vm-main .visionmission .item-box .item-center ul li .item-img .item-icon{position: absolute;left: 50%;top:50%;transform: translateX(-50%) translateY(-50%);} .company-vm-main .visionmission .item-box .item-center ul li .item-img .item-icon img{width: 80px;height: auto;} .company-vm-main .visionmission .item-box .item-bottom{width: 100%;} .company-vm-main .visionmission .item-box .item-bottom ul{width: 100%;} .company-vm-main .visionmission .item-box .item-bottom ul li{width: 100%;margin-bottom: 30px;display: flex;align-items: center;justify-content: space-between;} .company-vm-main .visionmission .item-box .item-bottom ul li img{width: 50px;margin-right: 0;} .company-vm-main .visionmission .item-box .item-bottom ul li p{width: calc(100% - 70px);font-size: 18px} .company-vm-main .socialresponsibility .item-box{} .company-vm-main .socialresponsibility .item-box .item-li{padding: 0 0 30px 0;justify-content: center;flex-direction: column;} .company-vm-main .socialresponsibility .item-box .item-top {} .company-vm-main .socialresponsibility .item-box .item-top .item-img{width: 100%;height: 300px;margin-bottom: 18px;} .company-vm-main .socialresponsibility .item-box .item-top .item-info{width: 100%;padding: 0;} .company-vm-main .socialresponsibility .item-box .item-top .item-info .info-desc{margin-bottom: 18px;} .company-vm-main .socialresponsibility .item-box .item-top .item-info .info-desc p{font-size: 18px;line-height: 30px;text-align: left;} .company-vm-main .socialresponsibility .item-box .item-top .item-info .more-btn{} .company-vm-main .socialresponsibility .item-box .item-top .item-info .more-btn a{font-size: 22px;} .company-vm-main .socialresponsibility .item-box .item-center{} .company-vm-main .socialresponsibility .item-box .item-center .item-info{width:100%;height:auto; padding: 18px 0 0 0; display: flex; justify-content: space-between; align-content: flex-start; flex-direction: column; align-items: flex-start; flex-wrap: wrap;} .company-vm-main .socialresponsibility .item-box .item-center .item-info .info-desc{margin-bottom: 18px;padding-right: 0;height: auto;} .company-vm-main .socialresponsibility .item-box .item-center .item-info .info-desc p{font-size: 18px;line-height: 30px;text-align: left;} .company-vm-main .socialresponsibility .item-box .item-center .item-info .more-btn{margin-bottom: 18px;} .company-vm-main .socialresponsibility .item-box .item-center .item-info .more-btn a{font-size: 22px;} .company-vm-main .socialresponsibility .item-box .item-center .info-img{width: 100%; height: auto;margin-bottom: 18px;justify-content: center;flex-direction: column;} .company-vm-main .socialresponsibility .item-box .item-center .info-img img{width: 95%;height: auto;margin: 0 0 18px 0;} .company-vm-main .socialresponsibility .item-box .item-center .info-img img:last-child{margin: 0;} .company-vm-main .socialresponsibility .item-box .item-center .item-img{width: 100%;height: auto;} .company-vm-main .socialresponsibility .item-box .item-center .item-img img{width: 100%;height: auto;} .company-vm-main .socialresponsibility .item-box .item-bottom .item-img{width: 100%;height: auto;margin-bottom: 18px;justify-content: center;flex-direction: column;} .company-vm-main .socialresponsibility .item-box .item-bottom .item-img img{width:100%;height: auto;margin-bottom: 18px;} .company-vm-main .socialresponsibility .item-box .item-bottom .item-img img:last-child{margin: 0;} .company-vm-main .socialresponsibility .item-box .item-bottom .item-info{width: 100%;;padding: 0;} .company-vm-main .socialresponsibility .item-box .item-bottom .item-info .info-desc{margin-bottom: 18px;} .company-vm-main .socialresponsibility .item-box .item-bottom .item-info .info-desc p{font-size: 18px;line-height: 30px;text-align: left;} .company-vm-main .socialresponsibility .item-box .item-bottom .item-info .more-btn{} .company-vm-main .socialresponsibility .item-box .item-bottom .item-info .more-btn a{font-size: 22px;} /****************************************Company-Vision&Mission End**************************************/ /****************************************Company-CodeofConduct Start*************************************/ .company-coc-main .codeofconduct{width: 100%;padding: 35px 0 35px 0;} .company-coc-main .codeofconduct .item-hd-box .title span{} .company-coc-main .codeofconduct .item-hd-box .title p{} .company-coc-main .codeofconduct .item-content{} .company-coc-main .codeofconduct .item-content p{font-size: 18px;line-height: 28px;margin-bottom: 18px} /****************************************Company-CodeofConduct End***************************************/ /****************************************Products Start**************************************************/ .products-main{padding: 30px 0 30px 0;} .products-main .certificates{margin-bottom: 30px;} .products-main .certificates .item-hd-box .title span{} .products-main .certificates .item-logo{width: 100%;margin-bottom:35px;display: flex;align-items: center;justify-content: center;} .products-main .certificates .item-logo img{width: 100%;} .products-main .certificates .item-down{width: 100%;flex-direction: column;} .products-main .certificates .item-down a{margin: 0 18px 18px 18px;display: flex;align-items: center;justify-content: center;} .products-main .certificates .item-down a img{margin-right: 10px;} .products-main .certificates .item-down a span{font-size: 18px;} .products-main .certificates .item-down a:last-child{margin-bottom: 0;} .products-main .productsview{margin-bottom: 30px;} .products-main .productsview .item-hd-box .title span{} .products-main .productsview .item-nav{width: 100%;margin-bottom: 30px;} .products-main .productsview .item-nav .item-nav-one{width: 100%;align-items: center;justify-content: flex-start;overflow: hidden;overflow-x: auto;padding-bottom: 11px;} .products-main .productsview .item-nav .item-nav-one li{margin: 0;} .products-main .productsview .item-nav .item-nav-one li a{font-size: 15px;padding: 12px 15px;margin: 0 8px;display: flex;align-items: center;justify-content: center;white-space: nowrap;} .products-main .productsview .item-nav .item-nav-one li a::after{border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #0075c1;} .products-main .productsview .item-nav .item-nav-two{width: 100%;margin-top: 15px;align-items: center;justify-content: flex-start;overflow-x: auto;padding-bottom: 5px;} .products-main .productsview .item-nav .item-nav-two li{margin: 0;} .products-main .productsview .item-nav .item-nav-two li a{font-size: 16px;padding: 10px;margin: 0 8px;display: flex;align-items: center;justify-content: center;white-space: nowrap;} .products-main .productsview .item-nav .item-nav-two li a::after{} .products-main .productsview .item-nav .item-nav-one::-webkit-scrollbar-track{background-color: #e5e5e5;} .products-main .productsview .item-nav .item-nav-one::-webkit-scrollbar-thumb{background:#0075c1;border-radius:100px;} .products-main .productsview .item-nav .item-nav-one::-webkit-scrollbar-button{background-color: #ffffff;display: none;} .products-main .productsview .item-nav .item-nav-one::-webkit-scrollbar-corner{background-color: #ffffff;} .products-main .productsview .item-nav .item-nav-one::-webkit-scrollbar{width: 2px;height: 0px;border-radius:100px;} .products-main .productsview .item-nav .item-nav-two::-webkit-scrollbar-track{background-color: #e5e5e5;} .products-main .productsview .item-nav .item-nav-two::-webkit-scrollbar-thumb{background:#0075c1;border-radius:100px;} .products-main .productsview .item-nav .item-nav-two::-webkit-scrollbar-button{background-color: #ffffff;display: none;} .products-main .productsview .item-nav .item-nav-two::-webkit-scrollbar-corner{background-color: #ffffff;} .products-main .productsview .item-nav .item-nav-two::-webkit-scrollbar{width: 2px;height: 0px;border-radius:100px;} .products-main .productsview .item-list ul li{width: 100%;margin:0 0 30px 0;} .products-main .productsview .item-list ul li .list-img{width: 100%;height: 300px;} .products-main .productsview .item-list ul li .list-title{padding: 15px 0 10px 0;} .products-main .productsview .item-list ul li .list-title span{font-size: 18px;} /****************************************Products End****************************************************/ /****************************************CaseStudy Start*************************************************/ .viewer-button{top: 10px;} .casestudy-main{padding: 30px 0 30px 0;} .casestudy-main .groundsystem{margin-bottom: 30px;} .casestudy-main .casestudy-item-li{margin-bottom: 30px;} .casestudy-main .casestudy-item-li .item-desc{margin-bottom: 30px;} .casestudy-main .casestudy-item-li .item-desc p{font-size: 18px;line-height: 30px;text-align: left;} .casestudy-main .casestudy-item-li .item-banner .swiper-container{margin-bottom: 18px;} .casestudy-main .casestudy-item-li .item-banner .banner-list{} .casestudy-main .casestudy-item-li .item-banner .banner-list .list-box{} .casestudy-main .casestudy-item-li .item-banner .list-box ul li{width: 49%;height: 125px;margin-bottom: 8px;} .casestudy-main .casestudy-item-li .item-banner .list-box ul li .list-info{width: 100%;height: auto;padding: 0 0 10px 18px;} .casestudy-main .casestudy-item-li .item-banner .list-box ul li .list-info .info-title{} .casestudy-main .casestudy-item-li .item-banner .list-box ul li .list-info .info-title span{font-size: 14px;} .casestudy-main .casestudy-item-li .item-banner .list-box ul li .list-info .info-title img{margin: 0 10px 0 20px;height: 20px;width: auto;} .casestudy-main .casestudy-item-li .item-banner .swiper-btm-prev{left:0; top: calc(50% - 45px); width: 45px; height: 45px;} .casestudy-main .casestudy-item-li .item-banner .swiper-btm-next{right:0; top: calc(50% - 45px); width: 45px; height: 45px;} .casestudy-main .casestudy-item-li .item-banner .swiper-pagination .swiper-pagination-bullet{width: 10px!important;height: 10px!important;margin: 0 6px;} /****************************************CaseStudy End***************************************************/ /****************************************News-NewsPaper Start********************************************/ .news-vr-main{} .news-main .news-item{padding: 35px 0;} .news-main .news-item .item-top-box{padding-bottom: 18px;justify-content: space-between;} .news-main .news-item .item-top-box .item-nav{width: 100%;} .news-main .news-item .item-top-box .item-nav ul{display: flex;align-items: center;} .news-main .news-item .item-top-box .item-nav ul li{width: 40%;} .news-main .news-item .item-top-box .item-nav ul li a{font-size: 18px;} .news-main .news-item .item-top-box .item-from{} .news-main .news-item .item-top-box .item-from select{font-size: 18px;padding-right: 13px;background: url(../images/bn34.png) no-repeat 100% 50%;background-size: 10px;} .news-main .news-item .item-top-box .item-from select option{padding: 5px 0;font-size: 18px;} .news-main .news-item .item-btm-box{width: 100%;margin-bottom: 30px;} .news-main .news-item .item-btm-box ul li a{height: auto;padding: 18px 0 15px 0;flex-direction: column;justify-content: center;} .news-main .news-item .item-btm-box ul li .left-img{width: 100%;height: 250px;} .news-main .news-item .item-btm-box ul li .right-info{width:100%; height: auto; padding: 10px 0;} .news-main .news-item .item-btm-box ul li .right-info .info-title{margin-bottom: 12px;} .news-main .news-item .item-btm-box ul li .right-info .info-title span{font-size: 18px;line-height: 26px;} .news-main .news-item .item-btm-box ul li .right-info .info-time{margin-bottom: 13px;} .news-main .news-item .item-btm-box ul li .right-info .info-time time{font-size: 17px;} .news-main .news-item .item-btm-box ul li .right-info .info-desc{} .news-main .news-item .item-btm-box ul li .right-info .info-desc p{font-size: 17px;line-height: 25px;text-align: left; -webkit-line-clamp: 5; -moz-line-clamp: 5;} /****************************************News-NewsPaper End*********************************************/ /****************************************News-VideoRoom Start********************************************/ /****************************************News-VideoRoom End**********************************************/ /****************************************News-Details Start**********************************************/ .news-details-main{width: 100%;padding: 30px 0;} .news-details-main .item-box{} .news-details-main .item-box .hd-list{padding-bottom: 15px;} .news-details-main .item-box .hd-list .title{margin-bottom: 15px;} .news-details-main .item-box .hd-list .title h1{font-size: 20px;line-height: 22px;} .news-details-main .item-box .hd-list .info{flex-wrap: wrap;} .news-details-main .item-box .hd-list .info span{font-size: 17px; margin: 0 10px 10px 0;} .news-details-main .item-box .list-content{padding: 20px 0;} .news-details-main .item-box .list-content p{font-size: 17px;line-height: 25px;text-align: left;} .news-details-main .item-box .fynav-box{width: 100%;padding: 15px 0 0 0;} .news-details-main .item-box .fynav-box .fynav-list{display: flex;justify-content: center;padding-bottom: 60px;} .news-details-main .item-box .fynav-box .fynav-list .pubpage{width: 100%;font-size: 17px;} .news-details-main .item-box .fynav-box .fynav-list .pubpage:first-child{margin-bottom: 5px;} .news-details-main .item-box .fynav-box .fynav-list .pubpage span{font-size: 17px;padding:5px 7px;margin-right: 10px;} .news-details-main .item-box .fynav-box .fynav-list .pubpage a{font-size: 17px;} .news-details-main .item-box .fynav-box .returnlist{width: 130px;position: absolute;bottom:0;left: 50%;transform: translateX(-50%);} .news-details-main .item-box .fynav-box .returnlist a{padding: 12px;} .news-details-main .item-box .fynav-box .returnlist span{font-size: 17px;margin-right: 13px;} .news-details-main .item-box .fynav-box .returnlist i{font-size: 17px;} /****************************************News-Details End************************************************/ /****************************************Contact Start***************************************************/ .contact-main{padding: 30px 0;} .contact-main .Request{} .contact-main .Request .item-hd-box{} .contact-main .Request .item-content{margin-bottom: 25px;} .contact-main .Request .item-content p{font-size: 18px;line-height: 28px;text-align: left;} .contact-main .Request .item-from .title{margin-bottom: 25px;} .contact-main .Request .item-from .title span{font-size: 22px;} .contact-main .Request .item-from .item-ipt{align-items: center;justify-content: center;flex-direction: column;} .contact-main .Request .item-from .item-ipt .ipt-li{width: 100%; margin-bottom: 18px;display: flex; flex-direction: column; align-content: flex-start; justify-content: flex-start; align-items: flex-start;} .contact-main .Request .item-from .item-ipt .ipt-li span{font-size: 18px;margin-bottom: 15px;} .contact-main .Request .item-from .item-ipt .ipt-li input{font-size: 15px;padding: 0 15px;height: 35px;} .contact-main .Request .item-from .msgtextarea{width: 100%;margin-bottom: 30px;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;} .contact-main .Request .item-from .msgtextarea span{font-size: 18px;margin-bottom: 15px;} .contact-main .Request .item-from .msgtextarea textarea{width: 100%;height: 250px;padding: 15px;font-size: 15px;} .contact-main .Request .item-from .submitbtn{width: 100%;display: flex;align-items: center;justify-content: center;} .contact-main .Request .item-from .submitbtn input{width: 150px;height: 40px;padding: 0px 15px;font-size: 17px;display: inline-block;} /* .contact-main .Distributors .item-hd-box .title span::after{width: 0;display: none;} .contact-main .Distributors .item-hd-box .title span::before{width: 0;display: none;} .contact-main .Distributors .item-box ul li{margin-bottom: 40px;} .contact-main .Distributors .item-box ul li .item-title{padding: 10px 10px;margin-bottom: 30px;border-radius: 3px;background-color: #dbdbdb;display: flex;align-items: center;} .contact-main .Distributors .item-box ul li .item-title img{width: 50px;height: 25px;margin-right: 15px;} .contact-main .Distributors .item-box ul li .item-title span{font-size: 18px;} .contact-main .Distributors .item-box ul li .item-list .list-img{margin-bottom: 30px;} .contact-main .Distributors .item-box ul li .item-list .list-info{width: 100%;padding-left: 15px;} .contact-main .Distributors .item-box ul li .item-list .list-info::after{content: "";width: 5px;height: 100%;display: inline-block;background-color: #0276c1;position: absolute;left: 0;top: 0;} .contact-main .Distributors .item-box ul li .item-list .list-info .info-li{margin-bottom: 10px;} .contact-main .Distributors .item-box ul li .item-list .list-info .info-li span{font-size: 18px;line-height: 23px;} */ .contact-main .FindLeapton{margin-bottom: 20px;} .contact-main .FindLeapton .item-box .item-top-list{margin-bottom: 20px; justify-content: center; align-items: center;flex-direction: column;} .contact-main .FindLeapton .item-box .item-top-list .top-left-img{width: 100%;margin-bottom: 25px;} .contact-main .FindLeapton .item-box .item-top-list .top-left-img img{width: 100%;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list{width: 100%;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li{padding: 15px 0;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-top-box{margin-bottom: 10px;align-items: flex-start;justify-content: center;flex-direction: column;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-top-box .left-gsname{margin-bottom: 12px;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-top-box .left-gsname .gsname-dd{margin-right: 5px;font-size: 18px;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-top-box .left-gsname .gsname-dt{font-size: 18px;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-top-box .right-phone{display: flex;align-items: center;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-top-box .right-phone .icon{margin-right: 10px;height: 18px;width: auto;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-top-box .right-phone .icon img{height: 100%;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-top-box .right-phone .phone-name{font-size: 18px;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-btm-box{display: flex;align-items: center;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-btm-box .icon{margin-right: 10px;} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-btm-box .icon img{} .contact-main .FindLeapton .item-box .item-top-list .top-right-list ul li .list-btm-box .addr-name{font-size: 18px;line-height: 22px;} .contact-main .FindLeapton .item-box .item-btm-list .page-share{margin-bottom: 40px;flex-direction: column;} .contact-main .FindLeapton .item-box .item-btm-list .page-share .left-share{margin: 0 0 20px 0;} .contact-main .FindLeapton .item-box .item-btm-list .page-share .left-share a{margin-right: 30px;} .contact-main .FindLeapton .item-box .item-btm-list .page-share .left-share a img{} .contact-main .FindLeapton .item-box .item-btm-list .page-share .left-share a:last-child{margin-right: 0px;} .contact-main .FindLeapton .item-box .item-btm-list .page-share .right-email{display: flex;align-items: center;background-color: #f0f0f0;border-radius: 100px;} .contact-main .FindLeapton .item-box .item-btm-list .page-share .right-email a{padding: 8px 10px; display: flex; align-items: center;} .contact-main .FindLeapton .item-box .item-btm-list .page-share .right-email a img{margin-right: 15px;} .contact-main .FindLeapton .item-box .item-btm-list .page-share .right-email a span{font-size: 17px;font-weight: 500;color: #333333;} /****************************************Contact End*****************************************************/ /****************************************Download Start**************************************************/ .download-main{padding: 35px 0;} .download-main .Download{} .download-main .Download .item-top-nav{margin-bottom: 30px;padding-bottom: 5px;border-bottom: 1px solid #a4a4a4;} .download-main .Download .item-top-nav ul{display: flex;align-items: center;justify-content: space-around;flex-wrap: wrap;} .download-main .Download .item-top-nav ul li{margin-right: 0;width: auto;margin-bottom: 18px;} .download-main .Download .item-top-nav ul li a{font-size: 18px;} .download-main .Download .item-box{} .download-main .Download .item-box .item-nav{margin-bottom: 30px;} .download-main .Download .item-box .item-nav .item-nav-one{justify-content: space-around;} .download-main .Download .item-box .item-nav .item-nav-one li{margin-right: 0;} .download-main .Download .item-box .item-nav .item-nav-one li a{font-size: 16px;padding: 12px 18px;} .download-main .Download .item-box .item-nav .item-nav-one li a::after{border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #0075c1;} .download-main .Download .item-box .item-nav .item-nav-two{margin-top: 25px;margin-right: 0;} .download-main .Download .item-box .item-nav .item-nav-two li{margin-right: 0;} .download-main .Download .item-box .item-nav .item-nav-two li a{font-size: 16px;padding: 12px 18px;} .download-main .Download .item-box .item-nav .item-nav-two li a::after{} .download-main .Download .item-box .item-list ul{width: 100%;justify-content: center;flex-direction: column;} .download-main .Download .item-box .item-list ul li{width: 100%;margin:0 0 30px 0;} .download-main .Download .item-box .item-list ul li a{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center;} .download-main .Download .item-box .item-list ul li .list-img{width: 100%;height: 290px;position: relative;} .download-main .Download .item-box .item-list ul li .list-title{padding: 15px 0 5px 0;} .download-main .Download .item-box .item-list ul li .list-title span{font-size: 18px;} .download-main .Download .item-box .item-list ul li:last-child{margin-bottom: 0;} /****************************************Download End****************************************************/ } @media screen and (max-width:950px){ } @media screen and (max-width:768px){ } @media screen and (max-width:600px){ } @media screen and (max-width:375px){ } @media screen and (max-width:360px){ } @media screen and (max-width:318px){ }