@charset "utf-8"; /* CSS Document */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700'); @font-face { font-family: 'albbhptRegular'; src:url('../fonts/alibaba_regular.ttf') format('truetype'); } * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;} body{ font-size: 16px; color: #666; overflow-x: hidden; font-family:"albbhptRegular",sans-serif;} ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,header,footer{ list-style: none; padding: 0; margin: 0; display: block;} input,textarea,select{ outline:none; font-family:"albbhptRegular",sans-serif} ::-webkit-input-placeholder {color: #bdbdbd;} ::-moz-placeholder {color: #bdbdbd;} :-ms-input-placeholder {color: #bdbdbd;} a { text-decoration: none; color:#666; transition: color 0.56s ease;} a:hover{ color: #ef7220;} .clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both} .clearfix{zoom:1;} .clear{ clear:both} .overflow{overflow-y:hidden;} .fl{float: left;} .fr{float: right;} /* 水平镜像翻转 */ .mirrorRotateLevel img{transition: all .4s;-webkit-transition: all .4s;} .mirrorRotateLevel:hover img {-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);/*兼容IE*/ filter:FlipH;} /*图片放大*/ .imgZoom img{transition: all .4s;-webkit-transition: all .4s;} .imgZoom:hover img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1);} /*图片旋转*/ .imgRotate img{-webkit-transition:-webkit-transform 2s ease-out;-moz-transition:-moz-transform 2s ease-out;-o-transition:-o-transform 2s ease-out;-ms-transition:-ms-transform 2s ease-out;} .imgRotate img:hover{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg);} /*按钮鼠标经过变暗*/ .wlp-button:hover{filter:alpha(opacity=90);background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;} /*鼠标经过有阴影*/ .wlp-shadow:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3)!important;} /*鼠标经过上浮并加阴影*/ .wlp-flow-shadow{-webkit-transition:all .5s;transition:all .5s;} .wlp-flow-shadow:hover{transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -8px, 0);-webkit-box-shadow:0 0px 10px #e9e9e9;box-shadow:0 0px 10px #e9e9e9;} /*图片经过遮罩*/ .wlp-filter:hover img{ filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity: 0.7; opacity: 0.7;} img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;} .wrap{ width: 1520px; margin: 0 auto;} .w1300{ width: 1300px; margin: 0 auto;} .w1200{ width: 1200px; margin: 0 auto;} /*顶部*/ .header{ width: 100%; height: 95px; background: #fff; padding: 0 86px; position: fixed; top: 0; left: 0; z-index: 99999; box-shadow: 0 0 5px rgba(0,0,0,0.15); transition: background 0.56s ease;} .header .wrap{ position: relative; } .header .logo{ float: left; padding-top: 24px; } .header .logo .logo02{display: none; } .header .headMain{ float: right; margin-top: 40px; } .header .nav{float: left;} .header .nav ul li{ float: left; position: relative; padding-bottom: 20px;} .header .nav ul li a{ font-size: 18px; color: #333; font-weight: 500; line-height: 20px; padding: 0 25px; display: block; } .header .nav ul li:hover a,.header .nav ul li a:hover,.header .nav ul li.on a{ color: #ef7220; } .header .nav ul li a.tit:hover ,.header .nav ul li.on a.tit,.header .nav ul li:hover a.tit{ color: #ef7220; font-weight:bold;background:url(../images/icon04.png) no-repeat right 10px center;} .header .nav ul li a.tit{ background:url(../images/icon05.png) no-repeat right 10px center; } .header .nav ul li .subnav{ width: 220px; padding: 10px 25px; text-align: center; background: #fff; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.3); position: absolute; left: 50%; top: 40px; z-index: 22; margin-left: -110px; display: none; } .header .nav ul li .subnav:before{ content:""; width: 32px; height: 14px; background:url(../images/icon08.png) no-repeat center; position: absolute; left: 50%; top:-13px; z-index: 11; margin-left: -16px; } .header .nav ul li .subnav dl a{ padding:10px 0; font-size: 16px; color: #333; font-weight: normal; line-height: 1.2; } .header .nav ul li .subnav dl a:hover{color: #ef7220;} .header .nav ul li:hover .subnav{ display: block; } .header .lang{ float: left; line-height: 1; border-left: #b7b7b7 solid 1px; padding-left: 40px; margin-left: 20px; margin-right: 30px; } .header .searchBtn{ width: 22px; height: 22px; background:url(../images/icon06.png) no-repeat center; background-size: cover; cursor: pointer; float: left; margin-left: 40px;} .header .menu-toggle{display: none;} .header.home{ background:rgba(0,0,0,0.45); } .header.home .logo .logo01{display: none;} .header.home .logo .logo02{display: block;} .header.home .nav ul li a{ color: #fff; } .header.home .nav ul li a.tit{ background:url(../images/icon03.png) no-repeat right 10px center; } .header.home .nav ul li a.tit:hover ,.header.home .nav ul li.on a.tit,.header.home .nav ul li:hover a.tit{ color: #ef7220; background:url(../images/icon04.png) no-repeat right 10px center;} .header.home .searchBtn{ background:url(../images/icon07.png) no-repeat center; background-size: cover; } /*首页bannner*/ .banner{ position: relative; } .banner .swiper-container{ overflow:hidden; width: 100%; height:100vh;} .banner .swiper-container .swiper-slide{ width:100%; height:100vh;} .banner .swiper-container .swiper-slide a{ width:100%; height:100vh; display: block;} .banner .pagination{ width:64px; position: absolute; right: 25px; top:50%; z-index: 22; transform: translateY(-50%) } .banner .pagination li{ margin: 10px 0; padding-right: 42px; position: relative; cursor: pointer;} .banner .pagination li.on:after{ content: ""; width: 25px; height: 2px; background: #ef7220; position: absolute; right: 0; top: 50%; } .banner .pagination i{display: block; font-family: 'Open Sans', sans-serif; color: #fff; font-size: 20px; font-style:normal; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); } .banner .pagination li.on i{ color: #ef7220; } .banner .downbtn { width: 100%; height: 40px; position: absolute; left: 0; bottom: 20px; z-index: 11; cursor: pointer;} .banner .downbtn .btn { width: 11px; height: 13px; margin: 8px auto 0; -webkit-animation: trackBallSlide 5s linear infinite; animation: trackBallSlide 5s linear infinite; display: block; } /*内页banner*/ .neibanner{ width: 100%; height: 450px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: 95px;} .neibanner .wrap,.neibanner .w1300,.neibanner .w1200{ height: 450px; display: table; } .neibanner dl{ display: table-cell; vertical-align: middle; color: #fff; font-size: 23px; } .neibanner dl h2{ font-size: 55px; line-height: 1; border-right: #fff solid 1px; padding-right: 20px; margin-right: 20px; float: left; } .neibanner .solutionBanner{display: table-cell; vertical-align: middle; } .neibanner .solutionBanner h2{ font-size: 36px; color: #fff; font-weight: normal; line-height: 1; margin-bottom: 20px;} .neibanner .solutionBanner p{ width:480px; font-size: 18px; color: #fff; line-height: 1.4; margin-bottom: 30px;} .neibanner .solutionBanner a{ width: 110px; height: 36px; line-height: 32px; text-align: center; color: #fff; font-size: 16px; border: #fff solid 2px; display: block;} .neibanner .proBanner{display: table-cell; vertical-align: middle;} .neibanner .proBanner h2{ font-size: 50px; color: #333; line-height: 1;} .neibanner .proBanner p{ font-size: 22px; color: #666; line-height: 1; margin-top: 14px; margin-bottom: 30px;} .neibanner .proBanner .proSearch{ width: 300px; border: #e4e4e4 solid 1px; position: relative;} .neibanner .proBanner .proSearch input{ width: 100%; height: 38px; line-height: 38px; border: none; padding-left: 10px; font-size: 15px;} .neibanner .proBanner .proSearch button{ width: 38px; height: 38px; background: #ef7220 url(../images/proSearch.png) no-repeat center; border: none; position: absolute; right: 0; top: 0;cursor: pointer;} /*首页简介*/ .iabout{padding: 80px 0 260px; background:url(../images/iaboutBg.jpg) no-repeat center bottom; background-size:contain;} .iabout .tit{ float: left; } .iabout .tit h2{ color: #546cd1; font-size: 45px; line-height: 1; margin-bottom: 15px;} .iabout .tit p{ color: #000; font-size: 36px; font-weight: 400; line-height: 1; } .iabout .tit a{ width: 178px; height: 50px; line-height: 46px; font-size: 18px; color: #666; text-align: center; border:#cbcbcb solid 2px; display: block; margin-top: 55px; transition: all 0.56s ease;} .iabout .tit a:hover{ background: #546cd1; color: #fff; border:#546cd1 solid 2px;} .iabout .box{ float: right; width: 58%; font-size: 18px; font-weight: 200; line-height: 1.6; } /*首页解决方案*/ .isolution{ padding: 85px 0 120px;} .isolution .wrap{ position: relative;} .isolution .tit{ margin-bottom: 24px;} .isolution .tit h2{ color: #546cd1; font-size: 45px; line-height: 1;} .isolution .box{ overflow: hidden;} .isolution .swiper-container{ margin: 0 -7px; } .isolution .swiper-container .swiper-slide{ } .isolution .swiper-container .swiper-slide a{ display: block; padding: 0 7px; position: relative; } .isolution .swiper-container .swiper-slide dl{ overflow: hidden; position: relative; padding-bottom:127.647%; background: #000;} .isolution .swiper-container .swiper-slide dl img{position:absolute;top:0; bottom:0;left:0;right:0; width:100%; height: 100%; margin:auto; opacity: 0.9;} .isolution .swiper-container .swiper-slide ol{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .isolution .swiper-container .swiper-slide ol i{ display: block; text-align: center; } .isolution .swiper-container .swiper-slide ol i img{transform:scale(1, 1); -webkit-transform:scale(1, 1);} .isolution .swiper-container .swiper-slide ol p{ color: #fff; font-size: 25px; line-height: 1; font-weight: 200; white-space: nowrap; margin-top: 30px; } .isolution .pagination {position: absolute;right:125px;text-align: right; top:10px;width: 200px;} .isolution .swiper-pagination-switch {display: inline-block;width: 12px;height: 12px;border-radius: 10px;background: #c9c9c9;margin: 0 5px;cursor: pointer;} .isolution .swiper-active-switch { background: #ef7220;} .isolution .arrow-left,.isolution .arrow-right{ width: 46px; height: 46px; border: #dddddd solid 2px; position: absolute; top: 0; } .isolution .arrow-left{ background:url(../images/arrow-left.png) no-repeat center; right:55px; } .isolution .arrow-right{ background:url(../images/arrow-right.png) no-repeat center; right: 0;} /*首页新闻*/ .inews{ padding: 66px 0 120px; background: #f4f4f4; } .inews .tit{ margin-bottom: 24px; overflow: hidden;} .inews .tit h2{ color: #546cd1; font-size: 45px; line-height: 1; float: left;} .inews .tit a{ float: right; width: 160px; height: 46px; line-height: 42px; font-size: 18px; color: #666; text-align: center; border:#cbcbcb solid 2px; display: block; transition: all 0.56s ease;} .inews .tit a:hover{ background: #546cd1; color: #fff; border:#546cd1 solid 2px;} .inews .picBox{ width: 50%; padding-right: 42px; float: left; } .inews .picBox a{ display: block; position: relative; overflow: hidden; padding-bottom: 57.66%; } .inews .picBox a img{position:absolute;top:0; bottom:0;left:0;right:0; width:100%; height: 100%; margin:auto;} .inews .picBox ol{ width: 100%; background:rgba(0,0,0,0.7); padding: 20px 40px; position: absolute; left: 0; bottom: 0; } .inews .picBox ol h3{ font-size: 20px; font-weight: 400; color: #fff; line-height: 1; margin-bottom: 8px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .inews .picBox ol dt{ font-size:15px; font-weight: 200; color: #fff; line-height: 1.3; } .inews .inewsBox{ width: 50%; overflow: hidden; float: left; } .inews .inewsBox ul { margin-top: -15px; } .inews .inewsBox ul li{ margin-top: 15px; } .inews .inewsBox ul li a{ background: #fff; display: block; overflow: hidden; transition: all 0.56s ease;} .inews .inewsBox ul li dl{ width: 130px;height: 128px; border-right: #e1e1e1 solid 1px; text-align: center; color: #333333; font-weight: 200; padding-top: 38px; float: left; transition: all 0.56s ease;} .inews .inewsBox ul li dl b{ font-size: 35px; display: block; line-height: 1; } .inews .inewsBox ul li ol{ padding:34px 34px 0 160px;} .inews .inewsBox ul li ol h3{ font-size: 18px; color: #546cd1; line-height: 1; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 5px; transition: all 0.56s ease;} .inews .inewsBox ul li ol dt{ font-size: 16px; color: #666; font-weight: 200; line-height: 1.2; transition: all 0.56s ease;} .inews .inewsBox ul li a:hover{ background: #546cd1; } .inews .inewsBox ul li a:hover dl,.inews .inewsBox ul li a:hover h3,.inews .inewsBox ul li a:hover dt{ color: #fff; } /*价值观&愿景*/ .valuesVision{ overflow: hidden; } .valuesVision ul{ width: 50%; height: 384px; display: table; float: left;} .valuesVision ul dl{ text-align: center; color: #fff; display: table-cell; vertical-align: middle; } .valuesVision ul dl h3{ font-size: 45px; line-height: 1; padding: 10px 0; border-top: #fff solid 1px; border-bottom: #fff solid 1px; display: inline-block; } .valuesVision .values{ background:url(../images/valuesVision01.jpg) no-repeat center; background-size: cover; } .valuesVision .values h3{ margin-bottom: 20px; } .valuesVision .values ol{ font-size: 22px; font-weight: 200; } .valuesVision .vision{ background:url(../images/valuesVision02.jpg) no-repeat center; background-size: cover; } .valuesVision .vision h3{ margin-bottom: 50px; } .valuesVision .vision ol{ font-size: 22px; font-weight: 200; } /*内页导航*/ .neiNav{ margin-top: -40px; } .neiNav .wrap{height: 70px; background: #f4f4f4; } .neiNav .box{ float: left; } .neiNav .box a{ width: 200px; font-size: 20px; color: #333; text-align: center; line-height: 70px; border-right: #d7d7d7 solid 1px; float: left; transition: all 0.56s ease;} .neiNav .box a:hover,.neiNav .box a.on{background: -webkit-linear-gradient(top,#546cd1,#90e2d2); background: -moz-linear-gradient(top,#546cd1,#90e2d2); color: #fff;} .neiNav .breadcrumb{ float: right; line-height: 70px; padding-right: 36px; } /*内页标题*/ .title{ font-size: 32px; color: #333; line-height: 1; font-weight: 500; padding-bottom: 12px; position: relative; margin-bottom: 50px; } .title:after{ content:""; width: 58px; height: 2px; background: #ef7220; position: absolute; left: 0; bottom: 0; } .anchorPoint{ padding-top:95px; margin-top:-95px;} /* products */ .porducts{ padding: 50px 0 43px;} .porducts .w1200{ display: flex;} .porducts .proMenu{ width: 180px; flex: 0 0 auto; position: relative; z-index: 111;} .porducts .proMenu ul{overflow: hidden; border-top: #dddddd solid 1px;} .porducts .proMenu ul li{ margin-top: -1px; border: #dddddd solid 1px;} .porducts .proMenu ul li a{height: 185px; display: flex; align-items: center; justify-content: center;} .porducts .proMenu ul li ol{ text-align: center;} .porducts .proMenu ul li ol i{ width: 62px; height: 62px; overflow: hidden; display: block; margin: 0 auto;} .porducts .proMenu ul li ol h3{ margin-top: 18px; color: #999999; font-size: 20px; line-height: 1;} .porducts .proMenu ul li.on{background-color:#F6F6F6; border-right: 1px solid #dddddd;} .porducts .proMenu ul li.on ol h3{ color: #333333; } .porducts .proMain{ width: 100%; margin-left: -1px; position: relative; z-index: 1;} .porducts .proMain .proMainBox{border: #dddddd solid 1px; padding:50px 66px; } .porducts .proMain .proMainBox .tit{ margin-bottom: 30px;} .porducts .proMain .proMainBox .tit h2{ font-size: 20px; color: #000; line-height: 1;} .porducts .proMain .proMainBox .prolink{ border-bottom:#dddddd solid 1px; padding-bottom: 20px; margin-bottom: 38px;} .porducts .proMain .proMainBox .prolink2{ border-bottom:#dddddd solid 1px; margin-bottom: 38px;} .porducts .proMain .proMainBox .prolink a{ font-size: 18px; color: #333; margin-right: 58px;} .porducts .proMain .proMainBox .proParent{ } .porducts .proMain .proMainBox .proParent::-webkit-scrollbar { width: 8px;padding-right: 8px; background-color: #f2f2f2; } .porducts .proMain .proMainBox .proParent::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .3);} .porducts .proMain .proMainBox .proParent .childBox{position: relative;} .porducts .proMain .proMainBox .proParent .childBox .item:nth-last-child(1) .itemBox{ padding-bottom: 0;} .porducts .proMain .proMainBox .proParent .childBox .item .itemTit{ font-size: 18px; color: #000; font-weight: bold; margin-bottom: 17px;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox{ padding-bottom: 20px;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox ul{ margin: 0 -15px; overflow: hidden;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox ul li{ width: 50%; padding: 0 15px; margin-bottom: 30px; float: left;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox ul li a{ border:1px #eeeeee solid; display:flex;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox ul li img{ width: 215px; height: 160px;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox ul li ol{ padding: 20px; display: flex; align-content: space-between; flex-wrap: wrap;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox ul li ol h3{ width: 100%; font-size: 18px; color: #000; font-weight: normal;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox ul li ol dd{ padding: 4px 15px; font-size: 15px; color: #FF8515; border: #ef7220 solid 1px; border-radius:50px} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox ul li ol dd:hover{ padding: 4px 15px; font-size: 15px; color: #ffffff; background:#FF8515; border-radius:50px} .porducts.on .proMenu{ position: fixed; top: 94px;} .porducts.on .proMain{ padding-left: 180px;} .LouTi{ height: 70px; } .LouTi ul{ display: flex; justify-content: center; background: #f4f4f4; text-align: center;} .LouTi.on ul { position: fixed; top: 95px; z-index: 99; width: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, .1);} .LouTi ul li{ margin: 0 55px; position: relative;} .LouTi ul li a{ font-size: 17px; color: #000; line-height: 70px; transition: all 0.56s;} .LouTi ul li::after{content: ""; width: 0; height: 5px; background: #ef7220; opacity: 0; position: absolute; left: 0; bottom: 0; transition: all 0.56s ease;} .LouTi ul li.current a{ color: #ef7220;font-weight:bold;} .LouTi ul li.current::after{ content: ""; width: 100%; opacity: 1;} .loutiConBox .loutiTitle{ font-size: 28px; color: #000; font-weight: bold; line-height: 1; text-align: center; padding-bottom: 15px; margin-bottom: 85px; position: relative;} .loutiConBox .loutiTitle::after{ content: ""; width: 58px; height: 3px; background: #ef7220; position: absolute; left: 50%; bottom: 0; margin-left: -29px;} .loutiConBox .loutiTitleN{ font-size: 28px; color: #000; font-weight: bold; line-height: 1; text-align: center; padding-bottom: 15px; margin-bottom: 25px; position: relative;} .loutiConBox .loutiTitleN::after{ content: ""; width: 58px; height: 10px; background-image: linear-gradient(to right, #fff, #506bff); position: absolute; left: 50%; bottom: 35%; margin-left: 0px;z-index:-1;border-radius:5px;transform:translateX(10px)} .hscy01{ padding: 80px 0 115px; } .hscy01 .w1200{display: flex; align-items: center;} .hscy01 .hscy01Left,.hscy01 .hscy01Right{ width: 50%; flex: 0 0 auto;} .hscy01 .hscy01Left{ padding-right: 60px;} .hscy01 .hscy01Left .loutiTitle{ text-align: left; margin-bottom: 25px;} .hscy01 .hscy01Left .loutiTitle::after{ left: 0; margin-left: 0;} .hscy01 .hscy01Left .box{ font-size: 18px; line-height: 30px;} .jjfa ul li.current a{ color: #506bff !important;font-weight:bold;} .jjfa ul li::after{content: ""; width: 0; height: 5px; background: #506bff; opacity: 0; position: absolute; left: 0; bottom: 0; transition: all 0.56s ease;} .jjfa01{ padding: 80px 0 60px; } .jjfa01 .w1200{display: flex; justify-content:center; align-items: center;} .jjfa01 .hscy01Left,.hscy01 .hscy01Right{ width: 100%; flex: 0 0 auto;} /* .jjfa01 .hscy01Left{ padding-right: 60px;} */ .jjfa01 .hscy01Left .loutiTitle{ text-align: left; margin-bottom: 25px;} .jjfa01 .hscy01Left .loutiTitle::after{ left: 0; margin-left: 0;} .jjfa01 .hscy01Left .box{ font-size: 18px; text-align:center; line-height: 30px;} .hscy02{ padding: 85px 0 110px; background: #eaeaea;} .hscy02 .box{} .hscy02 .box ul{ display: flex; justify-content: center;} .hscy02 .box ul li{ width: 16.6666%;} .hscy02 .box ul li i{ width: 140px; height: 140px; line-height: 136px; text-align: center; background: #fff; border: #ddd solid 1px; border-radius: 50%; margin: 0 auto; display: block; overflow: hidden;} .hscy02 .box ul li h3{ font-size: 18px; color: #666; font-weight: normal; text-align: center; line-height: 1; margin-top: 35px;} .hscy02 .box ul li:hover i{ background: #ef7220;} .hscy02 .box ul li:hover i img{filter: drop-shadow(#ffffff 0 170px); transform: translateY(-170px);} .hscy02 .box ul li:hover h3{ color: #ef7220;} .jjfa02{ padding: 85px 0 110px; background: #fff;} .jjfa02 .box{} .jjfa02 .box ul{ display: flex; justify-content: center;} .jjfa02 .box ul li{ width: 25%;} .jjfa02 .box ul li i{ line-height: 136px; text-align: center; background: #fff; margin: 16px auto; display: block; overflow: hidden;} .jjfa02 .box ul li p{ font-size: 18px; color: #333; font-weight: normal; text-align: center; line-height: 30px} /* .jjfa02 .box ul li:hover i{ background: #ef7220;} */ /* .jjfa02 .box ul li:hover i img{filter: drop-shadow(#ffffff 0 170px); transform: translateY(-170px);} */ /* .jjfa02 .box ul li:hover h3{ color: #ef7220;} */ .hscy03{padding: 85px 0 115px; background: #f4f4f4;} .hscy03 .box ul{ margin: 0 -7px;} .hscy03 .box ul li{ width: 25%; padding: 0 7px; float: left;} .hscy03 .box ul li ol{ height: 340px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .05); padding: 20px; text-align: center; overflow:hidden;} .hscy03 .box ul li ol i{ height: 90px; display: block; margin-top: 20px;} .hscy03 .box ul li ol h3{ color: #000; margin: 20px 0;} .hscy03 .box ul li ol:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .3);} .jjfa03{ padding: 80px 0 115px; } .jjfa03 .w1200{display: flex; align-items: center; justify-content: center} .jjfa03 .jjfa03Right,.hscy01 .hscy01Right{ width: 50%; flex: 0 0 auto;} .jjfa03 .jjfa03Right{ padding-right: 60px; margin-left:60px} .jjfa03 .jjfa03Right .loutiTitle{ text-align: left; margin-bottom: 25px;} .jjfa03 .jjfa03Right .loutiTitle::after{ left: 0; margin-left: 0;} .jjfa03 .jjfa03Right .box{width:600px; background:#e9ecfc; border:1px solid #b4c0ff; border-radius: 8px; padding:16px; font-size: 18px; line-height: 30px;} .jjfa03 .jjfa03Right .box :before{content:''; position:absolute; left:-20px; top: 50%;transform:translateY(-50%);width:0px;height:0px;border:10px solid transparent;border-right: 10px solid #b4c0ff;} .jjfa03 .jjfa03Right .box :after{content:''; position:absolute; left:-18px; top: 50%;transform:translateY(-50%);width:0px;height:0px;border:10px solid transparent;border-right: 10px solid #e9ecfc;} .hscy04{ padding: 85px 0 90px;} .hscy04 .item{ margin-bottom: 30px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .2); display: flex;} .hscy04 .item:nth-child(even){ flex-direction: row-reverse;} .hscy04 .item .pic,.hscy04 .item .con{ width: 50%; flex: 0 0 auto;} .hscy04 .item .con{ padding: 50px 58px;} .hscy04 .item .con h3{ padding: 0 30px; margin-bottom: 20px; background: #f58d32; border-radius: 5px; color: #fff; font-size: 22px; font-weight: normal; line-height: 50px; display: inline-block;} .hscy04 .item .con h4{ width: 60px; background: #8991c8; border-radius: 3px; color: #fff; font-size: 20px; text-align: center; margin: 8px 0;font-weight: normal;} .hscy04 .item .con dt{ margin-bottom: 10px;} .jjfa04{ padding: 80px 0 115px; } .jjfa04 .w1200{display: flex; align-items: center; justify-content: center} .jjfa04 .jjfa04Left,.hscy01 .hscy01Right{ width: 50%; flex: 0 0 auto;} .jjfa04 .jjfa04Left{ padding-right: 60px; margin-right:60px} .jjfa04 .jjfa04Left .loutiTitle{ text-align: left; margin-bottom: 25px;} .jjfa04 .jjfa04Left .loutiTitle::after{ left: 0; margin-left: 0;} .jjfa04 .jjfa04Left .box{width:600px; background:#e9ecfc; border:1px solid #b4c0ff; border-radius: 8px; padding:16px; font-size: 18px; line-height: 30px;} .jjfa04 .jjfa04Left .box :before{content:''; position:absolute; right:-20px; top: 50%;transform:translateY(-50%);width:0px;height:0px;border:10px solid transparent;border-left: 10px solid #b4c0ff;} .jjfa04 .jjfa04Left .box :after{content:''; position:absolute; right:-18px; top: 50%;transform:translateY(-50%);width:0px;height:0px;border:10px solid transparent;border-left: 10px solid #e9ecfc;} .hscy05{ padding: 85px 0 90px; background: #f4f4f4;} .hscy05 .box dl{ font-size: 18px; text-align: center; margin-bottom: 35px;} .hscy05 .box ul{ display: flex; flex-wrap:wrap; justify-content: space-between;} .hscy05 .box ul li{ width: 48%; margin-bottom:25px;} .hscy05 .box ul li ol{ display: flex; align-items: center; background: #fff; border: #e0e0e0 solid 1px; height: 100%;} .hscy05 .box ul li ol img{ width:50%;} .hscy05 .box ul li ol dt{ padding:15px 24px; line-height: 24px; font-size: 15px;} .jjfa05{ padding: 85px 0 90px; background: #fff;} .jjfa05 .box dl{ font-size: 18px; text-align: center; margin-bottom: 35px;} .jjfa05 .box ul{ display: flex; flex-direction:column; flex-wrap:wrap; justify-content: space-between; align-items:center} .jjfa05 .box ul li{ width: 48%; margin-bottom:25px; color:#000; position:relative } .jjfa05 .box ul li .titleIndex { font-size:36px;font-weight:bold } .jjfa05 .box ul li .titleIndex::before{ content: ""; width: 30px; height: 20px; background-image: linear-gradient(to right, #fff, #506bff); position: absolute; left:0; top: 20px; margin-left: 0px;z-index:-1;transform:skew(0, -20deg) translateX(22px) translateY(16px) } .jjfa05 .box ul li .titleVal{ font-size:24px;font-weight:bold } .jjfa05 .box ul li dt{ padding:15px 0; line-height: 24px; font-size: 15px;} .hscy06{ padding: 85px 0 90px; background: #fff;} .hscy06 .box dl{ font-size: 18px; text-align: center; margin-bottom: 35px;} .hscy06 .box ul{ display: flex; flex-wrap:wrap; justify-content: space-between;} .hscy06 .box ul li{ width: 48%; margin-bottom:25px;} .hscy06 .box ul li ol{ display: flex; align-items: center; background: #fff; border: #e0e0e0 solid 1px; height: 100%;} .hscy06 .box ul li ol img{ width:50%;} .hscy06 .box ul li ol dt{ padding:15px 24px; line-height: 24px; font-size: 15px;} .hscy06 .box{ display: flex; justify-content:center} .hscy06 img{ margin:0 auto; } .jcfx01{ padding: 80px 0 115px; } .jcfx01 .w1200{display: flex; align-items: center;} .jcfx01 .jcfx01Left,.jcfx01 .jcfx01Right{ width: 50%; flex: 0 0 auto;} .jcfx01 .jcfx01Left{ padding-right: 60px;} .jcfx01 .jcfx01Left .loutiTitle{ text-align: left; margin-bottom: 25px;} .jcfx01 .jcfx01Left .loutiTitle::after{ left: 0; margin-left: 0;} .jcfx01 .jcfx01Left .box{ font-size: 18px; line-height: 30px;} .jcfx02{ padding: 85px 0 90px; background: #EAEAEA;} .jcfx02 .box ul{ margin: 0 -15px;} .jcfx02 .box ul li{ width: 50%; padding: 0 15px; margin-bottom: 20px; float: left;} .jcfx02 .box ul li .item{ padding: 0 30px; height: 140px; background-image: -webkit-gradient(linear,10% 0%, 100% 100%, from(#ffe6ce), to(#ffffff)); display: flex; align-items: center;} .jcfx02 .box ul li .item i{ width: 55px; font-size: 37px; color: #f58d32; font-weight: 700; font-style:normal; display: block; flex: 0 0 auto; position: relative;} .jcfx02 .box ul li .item i::after{ content: ""; width: 38px; height: 41px; background: url(../images/icon33.png) no-repeat center; position: absolute; right: 22px; top: 14px; z-index: 11;} .jcfx02 .box ul li .item ol h3{ font-size: 18px; color: #000;} .jcfx02 .box ul li .item ol dt{ color: #555;} .jcfx03{ padding: 85px 0 115px; background: #F4F4F4;} .jcfx03 .box ul{ margin: 0 -7px;} .jcfx03 .box ul li{ width: 25%; padding: 0 7px; float: left;} .jcfx03 .box ul li ol{ height: 360px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .05); padding: 20px; text-align: center;} .jcfx03 .box ul li ol i{ height: 90px; display: block; margin-top: 20px;} .jcfx03 .box ul li ol h3{ color: #000; margin: 20px 0;} .jcfx03 .box ul li ol dt{ font-size: 15px;} .jcfx03 .box ul li ol:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .3);} .jcfx04{ padding: 85px 0 110px;} .jcfx04 .box{ position: relative;} .jcfx04 .box .arrow-left,.jcfx04 .box .arrow-right{ width:55px; height: 55px; position: absolute; top: 50%; margin-top: -27px; } .jcfx04 .box .arrow-left{ background:url(../images/history-left.png) no-repeat center; background-size: cover; left: -66px; } .jcfx04 .box .arrow-left:hover{ background:url(../images/history-left02.png) no-repeat center; background-size: cover; left: -66px; } .jcfx04 .box .arrow-right{ background:url(../images/history-right.png) no-repeat center; background-size: cover; right: -66px; } .jcfx04 .box .arrow-right:hover{ background:url(../images/history-right02.png) no-repeat center; background-size: cover; right: -66px; } .jcfx04 .box .swiper-slide{ box-sizing: border-box; padding:50px 8px;} .jcfx04 .box .swiperBox{ background: #fff; box-shadow:0 0 10px rgba(0, 0, 0, .1); padding: 40px;} .jcfx04 .box .swiperBox .tit{ width: 215px; margin:-90px auto 20px; text-align: center;} .jcfx04 .box .swiperBox .tit h3{ line-height: 50px; background: #f58d32; color: #fff; font-size: 22px; font-weight: normal;} .jcfx04 .box .swiperBox .tit h4{ line-height: 50px; background: #546cd1; color: #fff; font-size: 18px; font-weight: normal;} .jcfx04 .pagination {text-align: center;} .jcfx04 .swiper-pagination-switch {display: inline-block; width:50px; height: 5px; background:#d3d3d4; margin:0 6px; cursor: pointer;} .jcfx04 .swiper-active-switch { background: #f58d32;} .jcfx04.slideOne .arrow-left,.jcfx04.slideOne .arrow-right{ display:none;} /*about*/ .about{ padding: 90px 0; background:url(../images/aboutBg.jpg) no-repeat center top; background-size: cover; } .about .box{ width: 55.22%; font-size: 18px; line-height: 30px; font-weight: 200;} /*发展历程*/ .history{ padding: 66px 0 140px; background: url(../images/historyBg.jpg) no-repeat center; background-size: cover; } .history .title{color: #fff; } .history .title:after{ background: #fff;} .history .box{ position: relative; } .history .box:after{ content:""; width: 100%; height: 1px; background: #8a99d9; position: absolute; top: 50%; left: 0; } .history .box .swiper-container{ width: 94%; } .history .box .swiper-container .swiper-slide{height: 310px; position: relative; } .history .box .swiper-container .swiper-slide:before{ content: ""; width: 30px; height: 30px;background:url(../images/icon09.png) no-repeat center; position: absolute; top: 50%; left: 50%; z-index: 22; margin-left: -15px; margin-top: -15px; } .history .box .swiper-container .swiper-slide:after{ content: ""; width: 2px; height: 35px; background: #a4add5; position: absolute; top: 50%; left: 50%; margin-top: -35px; } .history .box .swiper-container .swiper-slide.on:after{ margin-top: 0; } .history .box .swiper-container .swiper-slide dl{ width: 100%; height: auto; color: #fff; font-weight: 200; font-size: 17px; text-align: center; position: absolute; bottom: 200px;} .history .box .swiper-container .swiper-slide.on dl{ top:200px; bottom: inherit;} .history .box .arrow-left,.history .box .arrow-right{ width:55px; height: 55px; position: absolute; top: 50%; margin-top: -27px; } .history .box .arrow-left{ background:url(../images/history-left.png) no-repeat center; background-size: cover; left: -70px; } .history .box .arrow-right{ background:url(../images/history-right.png) no-repeat center; background-size: cover; right: -70px; } /*culture*/ .culture{ padding: 66px 0 125px; } .culture .box{} .culture .box ul{ margin: 0 -27px; } .culture .box ul li{ width: 33.33%; padding: 0 27px; float: left; } .culture .box ul li dl{ height: 350px; text-align: center; padding: 45px 20px; border-radius: 5px; font-family:Arial,sans-serif;} .culture .box ul li dl h3{ font-size: 26px; color: #ffffff; font-weight: 400; line-height: 1; margin-bottom: 30px; } .culture .box ul li dl dt{ font-size: 16px; color:#ffffff; font-weight: 400; } /*生态联盟*/ .limengform{padding: 70px 0 50px; } .limengform h1{ text-align: center; font-size: 30px; line-height: 1; margin-bottom: 40px; } .limengform h2{ text-align: center; font-size: 24px; line-height: 1; padding-bottom: 20px; } .limengform .box{ overflow: hidden; margin-bottom: 50px; } .limengform .box ul{ margin: 0 -16px; } .limengform .box ul li{ width: 33.33%; padding: 0 16px; margin-bottom: 15px; float: left; } .limengform .box ul dt{ width:25%; padding: 0 16px; margin-bottom: 15px; float: left; } .limengform .box ul dd{ width:75%; padding: 0 16px; margin-bottom: 15px; float: left;} .limengform .box ul dd .upload{ width: 100%;height: 110px;border: 1px dashed #d9d9d9; position: relative; } .limengform .box ul dd .upload:hover{border: 1px dashed #ef7220; } .limengform .box ul dd .upload input[type="file"]{ width: 100%; height:110px; position: absolute; left: 0; top: 0; z-index: 111; opacity: 0; -ms-filter: 'alpha(opacity=0)'; cursor: pointer;} .limengform .box ul dd p{ width: 100%;height: 110px; text-align: center; font-size: 12px; color: #bcbcbc; line-height: 1.6; font-weight: 200; padding-top: 25px;} .limengform .box ul ol{ width:100%; padding: 0 16px; margin-bottom: 15px; overflow: hidden;} .limengform .box ul dl{ font-size: 14px; font-weight: 200; color: #262626; margin-bottom: 10px; } .limengform .box ul dl span{ color: #ff4d4f; margin-right: 5px; } .limengform .box ul input{ width: 100%; height: 32px; line-height: 30px; border:#d9d9d9 solid 1px; padding: 0 12px; border-radius: 3px;} .limengform .box ul select{ width: 100%; height: 32px; line-height: 30px; background: #fff; border:#d9d9d9 solid 1px; padding: 0 10px; color: #bfbfbf; border-radius: 3px;} .limengform .box ul textarea{ width: 100%; height: 180px; line-height: 20px; border:#d9d9d9 solid 1px; padding:10px; color: #262626; border-radius: 3px;} .limengform .box ul option{ color: #262626; } .limengform .box ul dt label{ width: 33%; font-size: 13px; line-height: 12px; font-weight: 200; margin-bottom: 5px; float: left; } .limengform .box ul dt label input{ width: 14px; height: 14px; background: #fff; float: left; margin-right: 8px; } .limengform .box ul ol label{ width:8.33%; font-size: 13px; line-height: 12px; font-weight: 200; margin-bottom: 5px; float: left; } .limengform .box ul ol label input{ width: 14px; height: 14px; background: #fff; float: left; margin-right: 8px; } .limengform .box ul .btn{ width: auto; height: 24px; margin: 5px 0; } .limengform .box ul .btn img{ width: auto; height: 24px; display: block; margin-right: 5px; float: left;} .limengform .box ul.pro01 .btnDelete{display: none;} .limengform .box ul.pro03 .btnAdd{display: none;} .limengform .box button{ width: 160px; height: 40px; line-height: 40px; background: #ef7220; color: #fff; font-size: 16px; text-align: center; font-family:'Noto Serif SC',sans-serif; border:none; border-radius: 5px; margin: 0 auto;display: block; cursor: pointer; transition: all 0.56s ease;} .limengform .box button:hover{ background: #d65d0d; } .limengShenqing{padding: 70px 0 50px; } .limengShenqing .box{ overflow: hidden; margin-top: -20px; margin-bottom: 50px; } .limengShenqing .box ul{ margin: 0 -16px; overflow: hidden;} .limengShenqing .box ul li{ width: 33.33%; padding: 0 16px; margin-bottom: 15px; float: left; } .limengShenqing .box ul li .upload{ width: 180px; height: 32px; border:#d9d9d9 solid 1px; position: relative; cursor: pointer;} .limengShenqing .box ul li .upload:hover{ border:#ef7220 solid 1px; } .limengShenqing .box ul li .upload p{ line-height: 30px; color: #5f5f5f; font-size: 14px; background:url(../images/icon11.png) no-repeat 17px center; padding-left: 38px; cursor: pointer;} .limengShenqing .box ul li .upload input[type="file"]{ width: 110px; height: 32px; position: absolute; left: 0; top: 0; z-index: 111; opacity: 0; -ms-filter: 'alpha(opacity=0)'; cursor: pointer;} .limengShenqing .box ul li p{font-size: 14px; font-weight: 200; line-height: 1.57; color: #8c8c8c;} .limengShenqing .box ul ol{ width:100%; padding: 0 16px; margin-bottom: 15px; overflow: hidden;} .limengShenqing .box ul dl{ font-size: 14px; font-weight: 200; color: #262626; margin-bottom: 10px; } .limengShenqing .box ul dl span{ color: #ff4d4f; margin-right: 5px; } .limengShenqing .box ul input{ width: 100%; height: 32px; line-height: 30px; border:#d9d9d9 solid 1px; padding: 0 12px; border-radius: 3px;} .limengShenqing .box ul select{ width: 100%; height: 32px; line-height: 30px; background: #fff; border:#d9d9d9 solid 1px; padding: 0 10px; color: #bfbfbf; border-radius: 3px;} .limengShenqing .box ul textarea{ width: 100%; height: 150px; line-height: 20px; border:#d9d9d9 solid 1px; padding:10px; color: #262626; border-radius: 3px;} .limengShenqing .box ul option{ color: #262626; } .limengShenqing .box ul ol label{ width:8.33%; font-size: 13px; line-height: 12px; font-weight: 200; margin-bottom: 5px; float: left; } .limengShenqing .box ul ol label input{ width: 14px; height: 14px; background: #fff; float: left; margin-right: 8px; } .limengShenqing .box button{ width: 330px; height: 45px; line-height: 45px; background: #ef7220; color: #fff; font-size: 20px; text-align: center; font-family:'Noto Serif SC',sans-serif; border:none; border-radius: 5px; cursor: pointer; transition: all 0.56s ease;} .limengShenqing .box button:hover{ background: #d65d0d; } .addCase input{ margin-bottom: 10px;} .addBtn { width: 140px; height: 32px; line-height: 30px; text-align: center; font-size: 14px; border:#d9d9d9 solid 1px; background: #f0f0f0; border-radius: 3px; cursor: pointer;} /*news*/ .news{ padding: 90px 0 60px;} .news ul{ margin: 0 -20px; } .news ul li{ float: left; width: 25%; padding: 0 20px; margin-bottom: 46px; } .news ul li dl{ overflow: hidden; position: relative; padding-bottom: 57.66%; } .news ul li dl img{position:absolute;top:0; bottom:0;left:0;right:0; width:100%; height: 100%; margin:auto;} .news ul li ol{ padding-top: 5px; } .news ul li ol h3{ height: 54px; font-size: 18px; color: #333; line-height: 27px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .news ul li ol dt{ height: 80px; font-size: 15px; color: #999; line-height: 20px; font-weight: 200; margin: 5px 0 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;} .news ul li ol dd{ font-size: 16px; color: #999; line-height: 1; font-weight: 200; position: relative; overflow: hidden;} .news ul li ol dd:after{ content: ""; width: 100%; height: 1px; background: #d9d9d9; position: absolute; left: 90px; top: 50%; } .news ul li a:hover h3{ color: #546cd1; } .news ul li a:hover dt{ color: #546cd1; } .newsView{ padding: 70px 0 60px; } .newsView .box{ background: #fff; } .newsView .box .newsHead{ background: #546cd1; color: #fff; text-align: center; padding: 40px;} .newsView .box .newsHead h1{ font-size: 31px; margin-bottom: 10px; } .newsView .box .newsHead p{ font-size: 16px; font-weight: 200; } .newsView .box .text{ padding: 40px 80px 80px; font-size: 18px; line-height: 30px; } .newsView .box .text img{ margin: 5px 0 } .newsView .box .textjiaru{ padding: 40px 80px 80px; font-size: 18px; line-height: 30px; } .newsView .box .textjiaru a{padding:15px 35px; border:#aab6e8 solid 2px; background:#e6e9f7; } .newsView .box .textjiaru a:hover{ border:#aab6e8 solid 0px; background:#546cd1; color:#ffffff; } .newsView .box .textjiaru p img{ margin: 20px 0 20px -2em !important; } .newsView .box .textjiaru img{ margin: 20px 0 20px; } /*招聘*/ .jobs{ padding: 90px 0 60px;} .jobs .box ul{ margin: 0 -18px; } .jobs .box ul li{ width: 33.33%; padding: 0 18px; margin-bottom: 40px; float: left; } .jobs .box ul li a{ display: block; transition: all 0.56s ease;} .jobs .box ul li dl{ background: #ececec; line-height: 54px; padding: 0 35px; overflow: hidden; transition: all 0.56s ease;} .jobs .box ul li dl h3{ float: left; font-size: 20px; color: #333; font-weight: 500; transition: all 0.56s ease;} .jobs .box ul li dl span{ float: right; font-size: 16px; color: #666; font-weight: 200; transition: all 0.56s ease;} .jobs .box ul li ol{ background: #fff; border: #ececec solid 2px; padding: 30px 35px; transition: all 0.56s ease;} .jobs .box ul li ol dt{ height:175px; font-size: 16px; color: #999; font-weight: 200; line-height: 25px; overflow: hidden; margin-bottom: 20px; transition: all 0.56s ease;} .jobs .box ul li ol dd{font-size: 16px; color: #666; font-weight: 200; line-height: 1; transition: all 0.56s ease;} .jobs .box ul li ol dd span{ float: right; color: #ef7220; } .jobs .box ul li a:hover{ box-shadow: 0 0 6px rgba(84,108,209,0.5); } .jobs .box ul li a:hover dl{ background: #546cd1; } .jobs .box ul li a:hover h3{ color: #fff;} .jobs .box ul li a:hover span{ color: #fff; } .jobs .box ul li a:hover ol{ border: #fff solid 2px; } .jobs .box ul li a:hover ol dt{ color: #666; } .jobs .box ul li a:hover ol dd span{ color: #ef7220; } .jobsView{ padding: 45px 0 60px; } .jobsView .box{ background: #fff; } .jobsView .box .jobHead{ height: 150px; background: #546cd1; color: #fff; overflow: hidden; } .jobsView .box .jobHead .jobHead_l{ float: left; padding-left: 80px; padding-top: 45px;} .jobsView .box .jobHead .jobHead_l h1{ font-size: 31px; line-height: 1; margin-bottom: 15px; } .jobsView .box .jobHead .jobHead_l p{ line-height: 1; font-weight: 200; } .jobsView .box .jobHead .jobHead_r{ float: right; } .jobsView .box .jobHead .jobHead_r a{ width: 190px; height: 150px; background: #ef7220 url(../images/icon10.png) no-repeat center 40px; color: #fff; font-size: 20px; text-align: center; padding-top: 85px; display: block; transition: all 0.56s ease;} .jobsView .box .jobHead .jobHead_r a:hover{ background: #db5803 url(../images/icon10.png) no-repeat center 40px;} .jobsView .box .con{ padding: 45px 80px 0; } .jobsView .box .con .text{ padding-bottom: 70px; font-size: 18px; font-weight: 200; line-height: 30px;} .jobsView .box .con .text dl{color: #546cd1; font-weight: 500; } .jobform{ padding: 70px 0 50px; } .jobform .box{ overflow: hidden; margin-top: -20px; margin-bottom: 50px; } .jobform .box ul{ margin: 0 -16px; } .jobform .box ul li{ width: 33.33%; padding: 0 16px; margin-bottom: 15px; float: left; } .jobform .box ul dt{ width:25%; padding: 0 16px; margin-bottom: 15px; float: left; } .jobform .box ul ol{ width:100%; padding: 0 16px; margin-bottom: 15px;} .jobform .box ul dl{ font-size: 14px; font-weight: 200; color: #262626; margin-bottom: 10px; } .jobform .box ul dl span{ color: #ff4d4f; margin-right: 5px; } .jobform .box ul input{ width: 100%; height: 32px; line-height: 30px; border:#d9d9d9 solid 1px; padding: 0 12px; border-radius: 3px;} .jobform .box ul select{ width: 100%; height: 32px; line-height: 30px; background: #fff; border:#d9d9d9 solid 1px; padding: 0 10px; color: #bfbfbf; border-radius: 3px;} .jobform .box ul textarea{ width: 100%; height: 180px; line-height: 20px; border:#d9d9d9 solid 1px; padding:10px; color: #262626; border-radius: 3px;} .jobform .box ul option{ color: #262626; } .jobform .box button{ width: 330px; height: 45px; line-height: 45px; background: #ef7220; color: #fff; font-size: 20px; text-align: center; font-family:'Noto Serif SC',sans-serif; border:none; border-radius: 5px; cursor: pointer; transition: all 0.56s ease;} .jobform .box button:hover{ background: #d65d0d; } .jobform .box ul li .upload{ width: 110px; height: 32px; border:#d9d9d9 solid 1px; position: relative; margin-bottom: 10px;cursor: pointer;} .jobform .box ul li .upload:hover{ border:#ef7220 solid 1px; } .jobform .box ul li .upload p{ line-height: 30px; color: #5f5f5f; font-size: 14px; background:url(../images/icon11.png) no-repeat 17px center; padding-left: 38px; cursor: pointer;} .jobform .box ul li .upload input[type="file"]{ width: 110px; height: 32px; position: absolute; left: 0; top: 0; z-index: 111; opacity: 0; -ms-filter: 'alpha(opacity=0)'; cursor: pointer;} .jobform .box ul li p{font-size: 14px; font-weight: 200; line-height: 1.57; color: #8c8c8c;} /*联系我们*/ .contact{ padding: 66px 0 90px; } .contact .box{ margin-bottom: 80px; } .contact .box ul{ margin: 0 -20px; } .contact .box ul li{ width: 25%; padding: 0 20px; float: left; } .contact .box ul li dl{ position: relative; padding: 14px 0; } .contact .box ul li dl:before{ content:""; width: 100%; height: 1px; background: -webkit-linear-gradient(left,#546cd1,#91e3d2); background: -moz-linear-gradient(left,#546cd1,#91e3d2);position: absolute; left: 0; top: 0; } .contact .box ul li dl:after{ content:""; width: 100%; height: 1px; background: -webkit-linear-gradient(left,#546cd1,#91e3d2); background: -moz-linear-gradient(left,#546cd1,#91e3d2);position: absolute; left: 0; bottom: 0; } .contact .box ul li dl h3{ font-size: 18px; font-weight: 700; color: #000; line-height: 1; margin-bottom: 15px; } .contact .box ul li dl dt{ font-size: 17px; font-weight: 500; color: #888; } #map{ height: 500px; } #map img{max-height:inherit;max-width:inherit; } /* 解决方案 */ .soluitonNav{ line-height: 70px; background: #f6f5f5; text-align: center;} .soluitonNav a{ font-size: 22px; color: #000; display: inline-block; margin: 0 30px;} .anchorPoint{ padding-top:94px; margin-top:-94px;} .soluiton01{ padding:65px 0 150px;} .soluiton01 .tit{ margin-bottom: 80px;} .soluiton01 .tit h2{ font-size: 36px; font-weight: normal; color: #000; text-align: center; line-height: 1;} .soluiton01 dl{ font-size: 22px; color: #333; border-bottom: #ddd solid 2px; padding-bottom: 10px;} .soluiton01 .zdcj .con{ padding: 50px 0 70px;} .soluiton01 .zdcj .con ul{ overflow: hidden;} .soluiton01 .zdcj .con ul li{ padding:0 100px; width: 33.33%; font-size: 18px; float: left;} .soluiton01 .zdcj .con ul li span{ padding-left: 50px; line-height: 40px; font-size: 24px; color: #000; background:url(../images/icon20.png) no-repeat left center; display: inline-block;} .soluiton01 .zdcj .box{ margin-bottom: 120px;} .soluiton01 .zdcj .box ul{ overflow: hidden; margin: 0 -36px;} .soluiton01 .zdcj .box ul li{ float: left; padding: 0 36px;} .soluiton01 .hxjz ul { padding-top: 40px; overflow: hidden;} .soluiton01 .hxjz ul li{ padding-left: 10px; padding-right: 8px; float: left; width: 33.33%; font-size: 18px; color: #333; line-height: 1.6; margin-bottom: 10px; position: relative;} .soluiton01 .hxjz ul li::after{ content:""; width: 5px; height: 5px; background: #333; border-radius: 6px; position: absolute; left: 0; top: 10px;} .soluiton02{padding: 60px 0 100px; background: #efefef;} .soluiton02 .w1300{/* background: #efefef url(../images/soluiton02Bg.jpg) no-repeat center bottom;*/} .soluiton02 .tit{ margin-bottom: 50px;} .soluiton02 .tit h2{ font-size: 36px; font-weight: normal; color: #000; text-align: center; line-height: 1;} .soluiton02 .box{ padding: 0 20px; position: relative;} .soluiton02 .box ul{ float: left; width: 39%; color: #000; position:absolute; left:20px; top: 50%; transform: translate(0,-50%);} .soluiton02 .box ul dl{ font-size: 24px; margin-bottom: 70px;} .soluiton02 .box ul li{ font-size: 18px; color: #666; line-height: 1.8; margin-bottom: 30px;} .soluiton02 .box ul li span{ font-size: 20px; color: #000; position: relative; padding-left: 20px;} .soluiton02 .box ul li span::after{ content:""; width: 6px; height: 6px; background: #000; border-radius: 6px; position: absolute; left: 0; top: 50%; margin-top: -3px;} .soluiton02 .box .pic{ float: right; width: 58%;} .soluiton03{ padding: 60px 0 90px;} .soluiton03 .tit{ margin-bottom: 80px;} .soluiton03 .tit h2{ font-size: 36px; font-weight: normal; color: #000; text-align: center; line-height: 1;} .soluiton04{ padding: 65px 0 120px;} .soluiton04 .tit{ margin-bottom: 80px;} .soluiton04 .tit h2{ font-size: 36px; font-weight: normal; color: #000; text-align: center; line-height: 1;} .soluiton04 .box{ text-align: center;} .soluiton05{} .soluiton05 .w1300{padding: 70px 0 170px; background: #efefef url(../images/soluiton02Bg.jpg) no-repeat center bottom;} .soluiton05 .tit{ margin-bottom: 50px;} .soluiton05 .tit h2{ font-size: 36px; font-weight: normal; color: #000; text-align: center; line-height: 1;} .soluiton05 .box{ padding: 0 20px; overflow: hidden;} .soluiton05 .box ul{ overflow: hidden; padding: 60px 0; border-top: 1px solid #d7d7d7; margin-top: -1px; position: relative;} .soluiton05 .box ul dl{ width: 50%; padding: 0 50px;} .soluiton05 .box ul ol{ width: 50%; font-size: 22px; color: #222; line-height: 1.8; padding: 0 50px; position: absolute; left: 50%; top: 50%; transform: translate(0, -50%);} .soluiton05 .box ul:nth-child(1) dl{ text-align: center;} .soluiton05 .box ul:nth-child(2) dl{ float: right;} .soluiton05 .box ul:nth-child(2) ol{ left: 0;} .soluiton05 .box ul:nth-child(2) ol p{ font-size: 25px;} .soluiton06{ padding: 50px 0 90px;} .soluiton06 .tit{ margin-bottom: 50px;} .soluiton06 .tit h2{ font-size: 36px; font-weight: normal; color: #000; text-align: center; line-height: 1;} .soluiton06 .box{ padding: 60px 0; text-align: center;} .advisoryBox{ width: 1030px; height: 120px; font-family:"Microsoft YaHei"; border: #8f8f8f solid 2px; padding: 30px; margin: 0 auto 80px;} .advisoryBox ul{ float: left;} .advisoryBox dl{ font-size: 25px; color: #000; font-weight: bold; line-height: 1; margin-bottom: 12px;} .advisoryBox p{ font-size: 18px; color: #222;} .advisoryBox a{ width: 140px; height: 50px; line-height: 50px; background: #536cd1; color: #fff; text-align: center; font-weight: bold; float: right;} /*footer*/ .footer{ background: #546cd1;position:relative;z-index:120; } .footer .fmain{ padding: 58px 0; } .footer .fmain .ewm{ float: left; padding-right: 20px; color: #fff; text-align: center; line-height: 2; } .footer .fmain .ewm img{border: #fff solid 5px; } .footer .fmain .fcontact{ float: left; } .footer .fmain .fcontact dl{ font-size: 20px; color: #fff; font-weight: 500; margin-bottom: 5px;} .footer .fmain .fcontact ol{ font-size: 16px; color: #fff; font-weight: 200; line-height: 1.6; display: block;} .footer .fmain .fnav{ float: right; } .footer .fmain .fnav ul{ overflow: hidden; } .footer .fmain .fnav ul li{ float: left; margin-left: 50px; } .footer .fmain .fnav ul li dl{ margin-bottom: 5px; } .footer .fmain .fnav ul li dl a{ font-size: 20px; color: #fff; font-weight: 500; } .footer .fmain .fnav ul li ol a{ font-size: 16px; color: #fff; font-weight: 200; line-height: 1.6; display: block; } .footer .fmain .fnav a:hover{ color: #ef7220; } .footer .copyright{ font-size: 16px; line-height: 60px; color: #000; font-weight: 200; background: #91e3d2;} .footer .copyright a{ color: #000; } .footer .copyright a:hover{ text-decoration: underline;} .footer .copyright dl{ float: left; } .footer .copyright ol{ float: right; } .footer .link{ padding: 8px 0; border-top: 1px solid #7b8dd9; font-size: 15px; line-height: 1.8; color:#ffffff} .footer .link a{ padding: 0 6px;color:#ffffff;} .footer .link a:hover{color:#ef7220;} .footer.home .link{ padding: 8px 0; border-top: 1px solid #7b8dd9; font-size: 15px; line-height: 1.8; color:#000} .footer.home .link a{ padding: 0 6px;color:#000;} .footer.home .link a:hover{color:#ef7220;} .footer.home{background: #fff;} .footer.home .fmain .ewm{ color: #000; } .footer.home .fmain .fcontact dl{ color: #000;} .footer.home .fmain .fcontact ol{ color: #000;} .footer.home .fmain .fnav ul li dl a{ color: #000; } .footer.home .fmain .fnav ul li ol a{ color: #666; } .footer.home .fmain .fnav a:hover{ color: #ef7220; } .footer.home .copyright{ color: #fff; background: #546cd1;} .footer.home .copyright a{ color: #fff; } /*===/分页=============================*/ .pagination { padding-top: 25px; text-align:center} .pagination ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;} .pagination li {display:inline-block!important; margin: 0 1px;} .pagination a { font-size: 14px; color:#333;padding:10px 15px;line-height:18px;border-radius:5px; background: #e2e2e2; display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s} .pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB} .pagination .active {pointer-events:none} .pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s} .blank-large{height:80px;line-height:80px;clear:both;font-size:0} .pagination li.active a,.pagination li a:hover{background: #546cd1; color: #fff; } /*搜索框*/ .search-dialog-box{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;} .search-dialog-box .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);} .search-dialog{position: absolute;left:50%;top:50%;box-sizing:border-box;width: 680px;padding: 20px 30px;transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.33);border-radius:50px;} .search-dialog input[type=text]{float: left;width: 86%;border: none; padding: 0;font-size:18px;line-height: 28px; height:28px;color: #999; background-color: #fff;border-radius: 0;} .search-dialog input[type=submit] {float: right; width:28px; height:28px; background-repeat: no-repeat; background-position: center; background-size: 100%; border: none; padding: 0; background-image: url(../images/search-btn.png);background-color: transparent; cursor: pointer;} @media screen and (max-width:1700px){ .history .box{ width: 94%; margin: 0 auto;} } @media screen and (max-width:1560px){ .wrap{ width: 100%; padding: 0 20px;} .isolution .pagination {right:145px;} .isolution .arrow-left{ right:75px; } .isolution .arrow-right{ right: 20px;} .history .box{ width: 90%; margin: 0 auto;} .history .box .swiper-container .swiper-slide dl{ font-size: 15px; } .contact .box ul li{ width: 50%; margin-bottom: 20px; } } @media screen and (max-width:1460px){ .header{ padding: 0 20px; } .header .nav ul li a{ font-size: 16px; } .iabout .tit h2{ font-size: 40px; } .iabout .tit p{ font-size: 28px; } .iabout .tit a{ width: 148px; height: 46px; line-height: 42px; font-size: 16px; } .iabout .box{ font-size: 16px; } .isolution .tit h2{font-size: 40px;} .isolution .swiper-container .swiper-slide ol p{ font-size: 22px; } .inews .tit h2{ font-size: 40px; } .inews .tit a{width: 148px; height: 46px; line-height: 42px; font-size: 16px;} .inews .picBox ol h3{ font-size: 18px; } .inews .picBox ol dt{ font-size: 14px; } .inews .inewsBox ul li dl{ height: 116px; } .inews .inewsBox ul li ol h3{font-size: 16px;} .inews .inewsBox ul li ol dt{ font-size: 14px; } .valuesVision ul dl h3{font-size: 40px;} .valuesVision .values ol{font-size: 20px;} .valuesVision .vision ol{ font-size: 26px; } .neibanner dl h2{font-size: 48px;} .neibanner dl{font-size: 20px;} .neiNav .box a{font-size: 18px;} .about .box{font-size: 16px;} .newsView .box .text{font-size: 16px;} .footer .fmain .fnav ul li dl a{ font-size: 18px; } .footer .fmain .fnav ul li ol a{ font-size: 14px; } .footer .fmain .fcontact dl{ font-size: 18px; } .footer .fmain .fcontact ol{ font-size: 14px; } .footer .copyright{ font-size: 14px; } } @media screen and (max-width:1370px){ .w1200{ width:1130px} .header .nav ul li a{padding: 0 25px 0 15px;} .header .lang{padding-left: 25px; margin-left:5px; margin-right:25px;} .iabout .box{ width: 60%; } .isolution{padding: 70px 0 90px;} .inews { padding: 65px 0 90px; } .inews .picBox{ padding-right: 20px; } .inews .inewsBox ul li dl{ width: 100px; height: 112px; font-size: 14px; } .inews .inewsBox ul li dl b{ font-size: 28px; } .inews .inewsBox ul li ol{ padding: 30px 34px 0 130px; } .footer.home .fmain .ewm{ width: 138px; font-size: 14px; } .footer .fmain .fnav ul li{ margin-left: 30px; } } @media screen and (max-width:1200px){ .header .logo{ padding-top: 25px; width: 230px; } .about .box{ width: 100%; } .news ul li{ width: 50%; } .newsView .box .newsHead h1{ font-size: 28px; } .footer .fmain .fcontact{ width: 250px; } } @media screen and (max-width:1100px){ .wrap{ width: 100%; padding: 0 15px;} .header{ height: 60px; padding: 0 15px; } .header .logo{ padding-top: 10px; width: 180px; } .header.cur{ background: #fff; } .header .headMain{ width: 100%; height: calc(100vh - 60px); background: #ffff; border-top: #eee solid 1px; position: fixed; top: 60px; left: 0; margin-top: 0; float: none; display: none;} .header .nav{ float: none; margin-bottom: 20px; } .header .nav ul li{ float: none; border-bottom: #eee solid 1px; padding-bottom: 0; } .header .nav ul li a{ line-height: 50px; } .header .nav ul li a.tit{ background:none; } .header .nav ul li a.tit:hover ,.header .nav ul li.on a.tit,.header .nav ul li:hover a.tit{ background:none;} .header .nav ul li:hover .subnav{ display:none; } .header.home .nav ul li a{color: #333;} .header .lang{ border-left: none; padding-left: 10px;} .header.home .searchBtn,.header.home.cur .searchBtn{ background:url(../images/icon06.png) no-repeat center; background-size: cover; } .header .menu-toggle{ width:60px; height:60px; position:absolute; right:0px; top:0; z-index:99999; display:block;transition: all .4s;-webkit-transition: all .4s;} .header .menu-toggle span{ width:35px; height:2px; background:#666;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;} .header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#666;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;} .header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#666;display:block;position:absolute; left:0; top:10px;transition:all 300ms;} .header .menu-toggle.cur span{background-color:transparent;} .header .menu-toggle.cur span:before{transform:rotate(45deg); top:0px;} .header .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px;} .neibanner{margin-top: 60px;} } @media only screen and (min-width: 1280px) and (max-width: 1340px){ .w1300{ width:1240px; padding: 0 20px;} .soluiton01 .zdcj .box ul{ margin: 0 -12px;} .soluiton01 .zdcj .box ul li{ padding: 0 12px;} .soluiton01 .hxjz ul li{ font-size: 16px;} .soluiton02 .box ul dl{ margin-bottom: 60px;} .soluiton02 .box ul li{ font-size: 16px;} } @media only screen and (min-width: 1001px) and (max-width: 1279px){ .w1300{ width: 960px; padding: 0 20px;} .w1200{ width: 100%; padding: 0 20px;} /*首页bannner*/ .banner{ position: relative; } .banner .swiper-container{ height: 500px; } .banner .swiper-container .swiper-slide{ width:100%; height:500px;} .banner .swiper-container .swiper-slide a{ width:100%; height:500px;} .banner .pagination{ display: none;} .banner .downbtn { bottom: 10px;} /*内页banner*/ .neibanner{ width: 100%; height: 200px; margin-top: 60px;} .neibanner .wrap{ height: 300px;} .neibanner dl{ font-size: 18px; } .neibanner dl h2{ font-size: 30px; padding-right: 20px; margin-right: 20px; } .neibanner .wrap, .neibanner .w1300, .neibanner .w1200{height: 200px;} .neibanner .proBanner h2{ font-size: 25px;} .neibanner .proBanner p{ font-size: 18px; margin-bottom: 20px;} .neibanner .proBanner .proSearch{width: 320px;} .neibanner .proBanner .proSearch input{ height: 40px; font-size: 15px;} .neibanner .proBanner .proSearch button{ width: 40px; height: 40px;} .neibanner .w1300{ height:200px; display: table; } .neibanner .solutionBanner{display: table-cell; vertical-align: middle; text-align: center; } .neibanner .solutionBanner h2{ font-size: 20px; color: #fff; font-weight: normal; line-height: 1; margin-bottom: 10px;} .neibanner .solutionBanner p{ width:100%; font-size: 14px; color: #fff; line-height: 1.4; margin-bottom: 10px;} .neibanner .solutionBanner a{ width: 100px; height: 32px; line-height: 30px; font-size: 13px; border: #fff solid 1px; display: block; margin: 0 auto;} .iabout{ padding: 60px 0 200px;} .iabout .tit h2{ font-size: 26px;} .iabout .tit p{ font-size: 20px;} .iabout .tit a{width: 96px; height: 40px; line-height: 36px; font-size: 15px; margin-top: 30px;} .isolution{ padding: 50px 0 70px;} .isolution .tit h2{ font-size: 26px;} .isolution .swiper-container .swiper-slide ol i{ width: 50px; margin: 0 auto;} .isolution .swiper-container .swiper-slide ol p{ font-size: 20px; margin-top: 16px;} .isolution .pagination{ right: 120px;} .isolution .arrow-left, .isolution .arrow-right{ width: 36px; height: 36px;} .isolution .arrow-left{ right: 60px;} .isolution .arrow-right{ right: 15px;} .inews { padding: 50px 0 60px;} .inews .tit h2{ font-size: 26px;} .inews .tit a{width: 96px; height: 40px; line-height: 36px; font-size: 15px;} .inews .inewsBox ul li dl{ height: 82px; padding-top: 18px;} .inews .inewsBox ul li ol{padding: 15px 34px 0 130px;} .inews .inewsBox ul li ol dt{ height: 32px; line-height: 16px; overflow: hidden;} .valuesVision ul dl h3{ font-size: 26px;} .valuesVision .vision ol{ font-size: 20px;} /*内页导航*/ .neiNav{ margin-top:0; } .neiNav .wrap{height:auto;padding: 0;} .neiNav .box{ float: none; margin-right: -1px; } .neiNav .box a{ width: 33.33%; font-size:16px; line-height: 50px;} .neiNav .breadcrumb{display: none; } /*内页标题*/ .title{ font-size: 24px; text-align: center; padding-bottom: 12px; margin-bottom: 25px; } .title:after{ left:50%; margin-left: -29px; } .anchorPoint{ padding-top:60px; margin-top:-60px;} .porducts{ padding: 50px 0 60px;} .porducts .proMenu{ width: 130px;} .porducts .proMenu ul li a{ height: 130px;} .porducts .proMenu ul li ol i{ width: 40px; height: 40px;} .porducts .proMenu ul li ol h3{ font-size: 17px;} .porducts .proMain .proMainBox{ padding: 40px;} .porducts .proMain .proMainBox .tit{ margin-bottom: 20px;} .porducts .proMain .proMainBox .tit h2{ font-size: 18px;} .porducts .proMain .proMainBox .prolink a{ font-size: 16px;} .porducts .proMain .proMainBox .proParent .childBox .item .itemTit{ font-size: 16px;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox ul{ margin: 0 -5px;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox ul li{ padding: 0 5px; margin-bottom: 10px;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox ul li img{ width: 150px; height: 111px;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox ul li ol h3{width: 100%; font-size: 16px;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox ul li ol dd{padding: 4px 10px; font-size: 12px;} .porducts.on .proMenu{ position: fixed; top: 59px;} .porducts.on .proMain{ padding-left: 130px;} .LouTi.on ul{ top: 60px;} .LouTi ul li a{ line-height: 50px; font-size: 16px;} .LouTi ul li::after{ height: 2px;} .loutiConBox .loutiTitle{ font-size: 22px; margin-bottom: 40px;} .loutiConBox .loutiTitle::after{ height: 2px;} .hscy01{ padding: 50px 0 70px;} .hscy01 .hscy01Left .loutiTitle{ margin-bottom: 20px;} .hscy01 .hscy01Left .box{ font-size: 16px; line-height: 1.6;} .hscy02{ padding: 60px 0 70px;} .hscy02 .box ul li i{ width: 100px; height: 100px; line-height: 96px;} .hscy02 .box ul li i img{ height:40px;} .hscy02 .box ul li h3{ font-size: 15px; margin-top: 15px;} .hscy03{ padding: 60px 0 70px;} .hscy03 .box ul li ol{ height: 275px;} .hscy03 .box ul li ol i{ height: 50px;} .hscy03 .box ul li ol h3{ font-size: 16px;} .hscy03 .box ul li ol dt{ font-size: 15px;} .hscy04{padding: 60px 0 45px;} .hscy04 .item{ margin-bottom: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, .1);} .hscy04 .item .con{ padding: 35px 40px;} .hscy04 .item .con h3{padding: 0 18px; margin-bottom: 20px; font-size: 18px; line-height: 40px;} .hscy04 .item .con h4{ font-size: 16px;} .hscy04 .item .con dt{ font-size: 15px;} .hscy05{ padding: 60px 0 70px;} .hscy05 .box dl{ font-size: 16px;} .hscy05 .box ul li{ width: 49%;} .hscy05 .box ul li ol dt{ font-size: 15px; line-height: 22px; padding: 20px;} .jcfx01{ padding: 50px 0 70px;} .jcfx01 .jcfx01Left .loutiTitle{ margin-bottom: 20px;} .jcfx01 .jcfx01Left .box{ font-size: 16px; line-height: 1.6;} .jcfx02{ padding: 60px 0;} .jcfx02 .box ul{ margin: 0 -10px;} .jcfx02 .box ul li{ padding: 0 10px; margin-bottom: 10px;} .jcfx02 .box ul li .item ol h3{ font-size: 16px;} .jcfx02 .box ul li .item ol dt{ font-size: 15px;} .jcfx03{ padding: 60px 0 70px;} .jcfx03 .box ul li ol i{ height: 40px;} .jcfx03 .box ul li ol h3{ font-size: 16px;} .jcfx04{ padding: 60px 0;} .jcfx04 .box .arrow-left,.jcfx04 .box .arrow-right{display: none;} .jcfx04 .box .swiperBox .tit h3{ font-size: 18px;} .jcfx04 .box .swiperBox .tit h4{ font-size: 16px;} .jcfx04 .box .swiperBox .text{ font-size: 15px;} .jcfx04 .box .swiper-slide{padding: 50px 8px 25px;} .jcfx04 .swiper-pagination-switch{ width: 35px;} /* 太阳集团72138网址 */ .about{ padding: 60px 0;} /*发展历程*/ .history{ padding: 60px 0 30px;} .history .box:after{ content:""; width: 90%; height: 1px; background: #8a99d9; position: absolute; top: 50%; left: 50%; margin-left: -45%; } .history .box .swiper-container{ width: 90%; } .history .box .swiper-container .swiper-slide{height: 150px; position: relative; } .history .box .swiper-container .swiper-slide:before{ content: ""; width: 20px; height: 20px; background-size: cover; margin-left: -10px; margin-top: -10px; } .history .box .swiper-container .swiper-slide:after{ content: ""; width: 2px; height: 30px; margin-top: -30px; } .history .box .swiper-container .swiper-slide.on:after{ margin-top: 0; } .history .box .swiper-container .swiper-slide dl{ width: 100%; font-size: 12px; top:inherit; bottom: 110px;} .history .box .swiper-container .swiper-slide.on dl{ top:110px; bottom: inherit;} .history .box .arrow-left,.history .box .arrow-right{ width:30px; height: 30px; position: absolute; top: 50%; margin-top: -15px; } .history .box .arrow-left{ background:url(../images/history-left.png) no-repeat center; background-size: cover; left: -20px; } .history .box .arrow-right{ background:url(../images/history-right.png) no-repeat center; background-size: cover; right: -20px; } .culture{ padding: 60px 0 80px;} .culture .box ul li dl h3{ font-size: 20px;} .culture .box ul li dl dt{ font-size: 15px;} /*生态联盟*/ .limengform{padding: 60px 0 50px; } .limengform h1{ font-size: 26px; margin-bottom: 40px; } .limengform h2{ font-size: 20px; padding-bottom: 20px; } .limengform .box{ overflow: hidden; margin-bottom: 40px; } .limengform .box ul{ margin: 0 -10px; } .limengform .box ul li{ width: 50%; padding: 0 10px; margin-bottom: 15px; float: left; } .limengform .box ul dt{ width:50%; padding: 0 10px; margin-bottom: 15px; float: left; } .limengform .box ul dd{ width:50%; padding: 0 10px; margin-bottom: 15px; float: left;} .limengform .box ul dd .upload{ width: 100%;height: 110px;border: 1px dashed #d9d9d9; position: relative; } .limengform .box ul dd .upload:hover{border: 1px dashed #ef7220; } .limengform .box ul dd .upload input[type="file"]{ width: 100%; height:110px; position: absolute; left: 0; top: 0; z-index: 111; opacity: 0; -ms-filter: 'alpha(opacity=0)'; cursor: pointer;} .limengform .box ul dd p{ width: 100%;height: 110px; text-align: center; font-size: 12px; color: #bcbcbc; line-height: 1.6; font-weight: 200; padding-top: 25px;} .limengform .box ul ol{ width:100%; padding: 0 16px; margin-bottom: 15px; overflow: hidden;} .limengform .box ul dl{ font-size: 14px; font-weight: 200; color: #262626; margin-bottom: 10px; } .limengform .box ul dl span{ color: #ff4d4f; margin-right: 5px; } .limengform .box ul input{ width: 100%; height: 32px; line-height: 30px; border:#d9d9d9 solid 1px; padding: 0 12px; border-radius: 3px;} .limengform .box ul select{ width: 100%; height: 32px; line-height: 30px; border:#d9d9d9 solid 1px; padding: 0 10px; color: #bfbfbf; border-radius: 3px;} .limengform .box ul textarea{ width: 100%; height: 150px; line-height: 20px; border:#d9d9d9 solid 1px; padding:10px; color: #262626; border-radius: 3px;} .limengform .box ul option{ color: #262626; } .limengform .box ul dt label{ width: 50%; font-size: 13px; line-height: 12px; font-weight: 200; margin-bottom: 5px; float: left; } .limengform .box ul dt label input{ width: 14px; height: 14px; background: #fff; float: left; margin-right: 8px; } .limengform .box ul ol label{ width:25%; font-size: 13px; line-height: 12px; font-weight: 200; margin-bottom: 5px; float: left; } .limengform .box ul ol label input{ width: 14px; height: 14px; background: #fff; float: left; margin-right: 8px; } .limengform .box ul .btn{ width: auto; height: 24px; margin: 5px 0; } .limengform .box ul .btn img{ width: auto; height: 24px; display: block; margin-right: 5px; float: left;} .limengform .box ul.pro01 .btnDelete{display: none;} .limengform .box ul.pro03 .btnAdd{display: none;} .limengform .box button{ width: 160px; height: 40px; line-height: 40px; background: #ef7220; color: #fff; font-size: 16px; text-align: center; font-family:'Noto Serif SC',sans-serif; border:none; border-radius: 5px; margin: 0 auto;display: block; cursor: pointer; transition: all 0.56s ease;} .limengform .box button:hover{ background: #d65d0d; } .limengShenqing{padding: 60px 0 50px; } .limengShenqing .box{ overflow: hidden; margin-top:0; margin-bottom: 30px; } .limengShenqing .box ul{ margin: 0 -10px; } .limengShenqing .box ul li{ width: 100%; padding: 0 10px; margin-bottom: 15px; } .limengShenqing .box ul li .upload{ width: 100%; height: 32px; border:#d9d9d9 solid 1px; position: relative; cursor: pointer;} .limengShenqing .box ul li .upload:hover{ border:#ef7220 solid 1px; } .limengShenqing .box ul li .upload p{ line-height: 30px; color: #5f5f5f; font-size: 14px; background:url(../images/icon11.png) no-repeat 17px center; padding-left: 38px; cursor: pointer;} .limengShenqing .box ul li .upload input[type="file"]{ width: 110px; height: 32px; position: absolute; left: 0; top: 0; z-index: 111; opacity: 0; -ms-filter: 'alpha(opacity=0)'; cursor: pointer;} .limengShenqing .box ul li p{font-size: 14px; font-weight: 200; line-height: 1.57; color: #8c8c8c;} .limengShenqing .box ul ol{ width:100%; padding: 0 10px; margin-bottom: 15px; overflow: hidden;} .limengShenqing .box ul dl{ font-size: 14px; font-weight: 200; color: #262626; margin-bottom: 10px; } .limengShenqing .box ul dl span{ color: #ff4d4f; margin-right: 5px; } .limengShenqing .box ul input{ width: 100%; height: 32px; line-height: 30px; border:#d9d9d9 solid 1px; padding: 0 12px; border-radius: 3px;} .limengShenqing .box ul select{ width: 100%; height: 32px; line-height: 30px; background: #fff; border:#d9d9d9 solid 1px; padding: 0 10px; color: #bfbfbf; border-radius: 3px;} .limengShenqing .box ul textarea{ width: 100%; height: 120px; line-height: 20px; border:#d9d9d9 solid 1px; padding:10px; color: #262626; border-radius: 3px;} .limengShenqing .box ul option{ color: #262626; } .limengShenqing .box ul ol label{ width:25%; font-size: 13px; line-height: 12px; font-weight: 200; margin-bottom: 5px; float: left; } .limengShenqing .box ul ol label input{ width: 14px; height: 14px; background: #fff; float: left; margin-right: 8px; } .limengShenqing .box button{ width: 100%; height: 40px; line-height: 40px; font-size: 16px;} .limengShenqing .box button:hover{ background: #d65d0d; } .addCase input{ margin-bottom: 10px;} .addBtn { width: 140px; height: 32px; line-height: 30px; text-align: center; font-size: 14px; border:#d9d9d9 solid 1px; background: #f0f0f0; border-radius: 3px; cursor: pointer;} /*news*/ .news{ padding: 60px 0;} .news ul{ margin: 0 -5px; } .news ul li{ float: left; width: 50%; padding: 0 5px; margin-bottom: 20px; } .news ul li ol{ padding-top: 5px; } .news ul li ol h3{ height: 40px; font-size: 16px; line-height: 20px; font-weight: 500;} .news ul li ol dt{ height: 48px; font-size: 13px; line-height: 16px; margin: 5px 0 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .news ul li ol dd{ font-size: 13px;} .news ul li ol dd:after{ left: 70px; } .newsView{ padding: 30px 0; } .newsView .box .newsHead{ padding: 30px 18px;} .newsView .box .newsHead h1{ font-size: 20px; line-height: 1.2; margin-bottom: 10px; } .newsView .box .newsHead p{ font-size: 12px; font-weight: 200; } .newsView .box .text{ padding: 30px 20px; font-size: 16px; line-height: 1.6; } .newsView .box .text img{ margin: 5px 0 } .newsView .box .textjiaru a{width:100%; border:#aab6e8 solid 2px; background:#e6e9f7; } .newsView .box .textjiaru a:hover{ border:#aab6e8 solid 0px; background:#546cd1; color:#ffffff; } /*招聘*/ .jobs{ padding: 60px 0;} .jobs .box ul{ margin: 0 ; } .jobs .box ul li{ width:100%; padding: 0; margin-bottom: 20px; float: none; } .jobs .box ul li dl{ line-height: 50px; padding: 0 20px;} .jobs .box ul li dl h3{font-size: 18px; } .jobs .box ul li dl span{ font-size: 14px;} .jobs .box ul li ol{padding: 25px 20px; } .jobs .box ul li ol dt{ height:auto; font-size: 15px; line-height: 25px; margin-bottom: 20px;} .jobs .box ul li ol dd{font-size: 15px;} .jobsView{ padding: 45px 0 50px; } .jobsView .box{ background: #fff; } .jobsView .box .jobHead{ height: 110px; background: #546cd1; color: #fff; overflow: hidden; } .jobsView .box .jobHead .jobHead_l{ padding-left:15px; padding-top: 35px;} .jobsView .box .jobHead .jobHead_l h1{ font-size: 20px; line-height: 1; margin-bottom: 10px; } .jobsView .box .jobHead .jobHead_l p{ font-size: 12px; } .jobsView .box .jobHead .jobHead_r{ float: right; } .jobsView .box .jobHead .jobHead_r a{ width: 100px; height: 110px; background: #ef7220 url(../images/icon10.png) no-repeat center 30px;background-size: 30px auto; font-size: 16px; padding-top: 60px;} .jobsView .box .jobHead .jobHead_r a:hover{ background: #db5803 url(../images/icon10.png) no-repeat center 30px;background-size: 30px auto; } .jobsView .box .con{ padding: 30px 20px 0; } .jobsView .box .con .text{ padding-bottom: 30px; font-size: 15px; line-height: 1.6;} .jobform{ padding: 60px 0 50px; } .jobform .box{ overflow: hidden; margin-top:0; margin-bottom: 30px; } .jobform .box ul{ margin: 0 -10px; } .jobform .box ul li{ width: 50%; padding: 0 10px; margin-bottom: 15px; float: left; } .jobform .box ul dt{ width:50%; padding: 0 10px; margin-bottom: 15px; float: left; } .jobform .box ul ol{ width:100%; padding: 0 16px; margin-bottom: 15px;} .jobform .box ul dl{ font-size: 14px; font-weight: 200; color: #262626; margin-bottom: 10px; } .jobform .box ul dl span{ color: #ff4d4f; margin-right: 5px; } .jobform .box ul textarea{ height: 150px; } .jobform .box button{ width: 100%; height: 40px; line-height: 40px; font-size: 16px;} .jobform .box button:hover{ background: #d65d0d; } .jobform .box ul li .upload{ width: 110px; height: 32px; border:#d9d9d9 solid 1px; position: relative; margin-bottom: 10px;cursor: pointer;} .jobform .box ul li .upload:hover{ border:#ef7220 solid 1px; } .jobform .box ul li .upload p{ line-height: 30px; color: #5f5f5f; font-size: 14px; background:url(../images/icon11.png) no-repeat 17px center; padding-left: 38px; cursor: pointer;} .jobform .box ul li .upload input[type="file"]{ width: 110px; height: 32px; position: absolute; left: 0; top: 0; z-index: 111; opacity: 0; -ms-filter: 'alpha(opacity=0)'; cursor: pointer;} .jobform .box ul li p{font-size: 14px; font-weight: 200; line-height: 1.57; color: #8c8c8c;} /*联系我们*/ .contact{ padding: 60px 0; } .contact .box{ margin-bottom:30px; } .contact .box ul{ margin: 0 ; } .contact .box ul li{ width: 100%; padding: 0; float: none; } .contact .box ul li dl{ position: relative; padding: 15px 0; } .contact .box ul li dl h3{ font-size: 16px; font-weight: 500; margin-bottom: 5px; } .contact .box ul li dl dt{ font-size: 13px; font-weight: 400; } #map{ height: 300px; } .soluitonNav{ line-height: 50px; background: #f6f5f5; text-align: center;} .soluitonNav a{ font-size: 17px; color: #000; display: inline-block; margin: 0 10px;} .soluiton01{ padding: 60px 0 100px;} .soluiton01 .tit{ margin-bottom: 50px;} .soluiton01 .tit h2{ font-size: 30px;} .soluiton01 .zdcj .con ul li{ padding: 0 40px;} .soluiton01 .zdcj .box ul{ margin: 0 -10px;} .soluiton01 .zdcj .box ul li{ padding: 0 10px;} .soluiton01 .zdcj .box ul li img{ height: 162px;} .soluiton01 .zdcj .box{ margin-bottom: 80px;} .soluiton01 .hxjz ul li{ font-size: 16px;} .soluiton02 .tit h2{ font-size: 30px;} .soluiton02 .box ul dl{ margin-bottom: 40px;} .soluiton02 .box ul li{ font-size: 16px; margin-bottom: 16px;} .soluiton02 .box ul li span{ font-size: 18px;} .soluiton03{ padding: 0 0 90px;} .soluiton03 .tit{ margin-bottom: 50px;} .soluiton03 .tit h2{ font-size: 30px;} .soluiton04{ padding: 65px 0 90px;} .soluiton04 .tit{ margin-bottom: 50px;} .soluiton04 .tit h2{ font-size: 30px;} .soluiton05 .w1300{padding: 70px 0 120px;} .soluiton05 .tit{ margin-bottom: 15px;} .soluiton05 .tit h2{ font-size: 30px;} .soluiton05 .box ul ol{ font-size: 18px; padding: 0 30px;} .soluiton05 .box ul:nth-child(2) ol p{ font-size: 22px;} .soluiton06{ padding: 0px 0 90px;} .soluiton06 .tit{ margin-bottom: 30px;} .soluiton06 .tit h2{ font-size: 30px;} .soluiton06 .box{ padding: 30px 0;} .advisoryBox{ width: 920px;} .advisoryBox dl{ font-size: 22px;} .advisoryBox p{ font-size: 16px;} .footer .fmain{ padding: 55px 0;} .footer .fmain .fnav ul li{ margin-left: 22px;} .footer .link{ font-size: 14px;} /*===/分页=============================*/ .fenye{ padding: 10px 0; font-size:16px;} .off{ padding:6px 14px;margin:0 5px;} .fenye a{padding:6px 14px; margin-right:5px;} } @media screen and (max-width:1000px){ .w1300{ width: 100%; padding: 0 15px;} .w1200{ width: 100%; padding: 0 15px;} /*首页bannner*/ .banner{ position: relative; } .banner .swiper-container{ height: 300px; } .banner .swiper-container .swiper-slide{ width:100%; height:300px;} .banner .swiper-container .swiper-slide a{ width:100%; height:300px;} .banner .pagination{ display: none;} .banner .downbtn { bottom: 10px;} /*内页banner*/ .neibanner{ width: 100%; height: 200px; margin-top: 60px;} .neibanner .wrap{ height: 200px;} .neibanner dl{ font-size: 18px; } .neibanner dl h2{ font-size: 30px; padding-right: 20px; margin-right: 20px; } .neibanner .w1300{ height:200px; display: table; } .neibanner .solutionBanner{display: table-cell; vertical-align: middle; text-align: center; } .neibanner .solutionBanner h2{ font-size: 20px; color: #fff; font-weight: normal; line-height: 1; margin-bottom: 10px;} .neibanner .solutionBanner p{ width:100%; font-size: 14px; color: #fff; line-height: 1.4; margin-bottom: 10px;} .neibanner .solutionBanner a{ width: 100px; height: 32px; line-height: 30px; font-size: 13px; border: #fff solid 1px; display: block; margin: 0 auto;} .neibanner .wrap, .neibanner .w1300, .neibanner .w1200{ height: 200px;} .neibanner .proBanner h2{ font-size: 20px;} .neibanner .proBanner p{ font-size: 14px; margin-top: 6px; margin-bottom: 10px;} .neibanner .proBanner .proSearch{ width: 270px;} .neibanner .proBanner .proSearch input{ height: 34px;} .neibanner .proBanner .proSearch button{ width: 34px; height: 34px; background-size: 15px;} /*首页简介*/ .iabout{padding: 60px 0 120px;} .iabout .tit{ float: none; text-align: center; } .iabout .tit h2{ font-size: 26px; margin-bottom: 10px;} .iabout .tit p{font-size: 16px; } .iabout .tit a{ width: 120px; height: 30px; line-height: 26px; font-size: 14px; margin: 20px auto 0; } .iabout .box{ float: none; width: 100%; font-size: 16px; line-height: 1.6; margin-top: 20px; } /*首页解决方案*/ .isolution{ padding: 60px 0;} .isolution .tit{ margin-bottom: 20px;} .isolution .tit h2{ font-size: 26px; } .isolution .swiper-container{ margin: 0 -5px; } .isolution .swiper-container .swiper-slide a{ padding: 0 5px; } .isolution .swiper-container .swiper-slide ol i{ width: 40px; margin: 0 auto; } .isolution .swiper-container .swiper-slide ol p{ font-size: 18px; margin-top: 20px; } .isolution .pagination {display: none;} .isolution .arrow-left,.isolution .arrow-right{ width: 30px; height:30px; border: #dddddd solid 1px;} .isolution .arrow-left{ right:50px; } .isolution .arrow-right{ right: 15px;} /*首页新闻*/ .inews{ padding: 60px 0;} .inews .tit{ margin-bottom: 24px; overflow: hidden;} .inews .tit h2{ font-size:26px;} .inews .tit a{width: 120px; height: 30px; line-height: 26px; font-size: 14px; border:#cbcbcb solid 1px;} .inews .picBox{ width: 100%; padding-right: 0; float: none; } .inews .picBox ol{padding: 15px; } .inews .picBox ol h3{ font-size: 16px; margin-bottom: 8px;} .inews .picBox ol dt{ font-size:12px; line-height: 1.2; } .inews .inewsBox{ width: 100%; overflow: hidden; float: none; } .inews .inewsBox ul { margin-top: 0; } .inews .inewsBox ul li{ margin-top: 10px; } .inews .inewsBox ul li dl{ width: 80px;height: 100px; padding-top: 30px; font-size: 12px;} .inews .inewsBox ul li dl b{ font-size: 24px;font-weight: 200;} .inews .inewsBox ul li ol{ padding:20px 20px 0 100px;} .inews .inewsBox ul li ol h3{ font-size: 15px; font-weight: 400; margin-bottom: 5px;} .inews .inewsBox ul li ol dt{ font-size: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} /*价值观&愿景*/ .valuesVision ul{height: 284px;} .valuesVision ul dl{vertical-align: top; } .valuesVision ul dl h3{ font-size: 28px; padding: 10px 0; margin-top:70px;} .valuesVision .values h3{ margin-bottom: 20px; } .valuesVision .values ol{ font-size: 16px;} .valuesVision .vision h3{ margin-bottom: 20px; } .valuesVision .vision ol{ font-size: 16px; } /*内页导航*/ .neiNav{ margin-top:0; } .neiNav .wrap{height:auto;padding: 0;} .neiNav .box{ float: none; margin-right: -1px; } .neiNav .box a{ width: 33.33%; font-size:16px; line-height: 50px;} .neiNav .breadcrumb{display: none; } /*内页标题*/ .title{ font-size: 24px; text-align: center; padding-bottom: 12px; margin-bottom: 25px; } .title:after{ left:50%; margin-left: -29px; } .anchorPoint{ padding-top:60px; margin-top:-60px;} .porducts{ padding: 30px 0 50px;} .porducts .proMenu{ width: 68px;} .porducts .proMenu ul li a{ height: 90px;} .porducts .proMenu ul li ol i{ width: 25px; height: 25px;} .porducts .proMenu ul li ol h3{ font-size: 13px;} .porducts .proMain .proMainBox{ padding: 20px 18px;} .porducts .proMain .proMainBox .tit{ margin-bottom: 5px;} .porducts .proMain .proMainBox .tit h2{ font-size: 17px;} .porducts .proMain .proMainBox .prolink{ padding-bottom: 10px; margin-bottom: 20px;} .porducts .proMain .proMainBox .prolink a{ font-size: 15px; margin-right: 8px;} .porducts .proMain .proMainBox .proParent .childBox .item .itemTit{ font-size: 15px; margin-bottom: 10px;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox{ padding-bottom: 15px;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox ul{ margin: 0 -5px;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox ul li{ padding: 0 5px; margin-bottom: 10px;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox ul li a{ flex-wrap: wrap;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox ul li img{ width: 100%; height: 85px;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox ul li ol{ padding: 12px;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox ul li ol h3{width: 100%; height: 32px; font-size: 14px; line-height: 16px; margin-bottom: 5px; overflow: hidden;} .porducts .proMain .proMainBox .proParent .childBox .item .itemBox ul li ol dd{padding: 2px 6px; font-size: 12px;} .porducts.on .proMenu{ position: fixed; top: 59px;} .porducts.on .proMain{ padding-left: 68px;} .LouTi{ height: 50px;} .LouTi.on ul{ top: 60px;} .LouTi ul li{ margin: 0 6px;} .LouTi ul li a{ line-height: 50px; font-size: 15px;} .LouTi ul li::after{ height: 2px;} .loutiConBox .loutiTitle{ font-size: 20px; margin-bottom: 30px;} .loutiConBox .loutiTitle::after{ width: 40px; height: 2px; margin-left: -20px;} .hscy01{ padding: 40px 0 40px;} .hscy01 .w1200{ display: block;} .hscy01 .hscy01Left, .hscy01 .hscy01Right{ width: 100%;} .hscy01 .hscy01Left{ padding-right: 0; margin-bottom: 30px;} .hscy01 .hscy01Left .loutiTitle{ margin-bottom: 20px; text-align: center;} .hscy01 .hscy01Left .loutiTitle::after{ left: 50%; margin-left: -20px;} .hscy01 .hscy01Left .box{ font-size: 15px; line-height: 1.6;} .hscy02{ padding: 40px 0 35px;} .hscy02 .box ul{ flex-wrap: wrap;} .hscy02 .box ul li{ width: 33.3333%;} .hscy02 .box ul li i{ width: 86px; height: 86px; line-height: 82px;} .hscy02 .box ul li i img{ height:30px;} .hscy02 .box ul li h3{ height: 40px; font-size: 15px; margin-top: 6px;} .hscy03{ padding: 40px 0 35px;} .hscy03 .box ul{ margin: 0 -5px;} .hscy03 .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px;} .hscy03 .box ul li ol{ height: 275px; padding: 15px;} .hscy03 .box ul li ol i{ height: 50px;} .hscy03 .box ul li ol h3{ font-size: 16px; margin: 10px 0;} .hscy03 .box ul li ol dt{ font-size: 15px;} .hscy04{padding: 40px 0;} .hscy04 .item{ margin-bottom: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .1); display: block;} .hscy04 .item .pic, .hscy04 .item .con{ width: 100%;} .hscy04 .item .con{ padding: 30px 25px;} .hscy04 .item .con h3{padding: 0 15px; margin-bottom: 20px; font-size: 17px; line-height: 40px;} .hscy04 .item .con h4{ font-size: 16px;} .hscy04 .item .con dt{ font-size: 15px;} .hscy05{ padding: 40px 0;} .hscy05 .box dl{ font-size: 16px;} .hscy05 .box ul { flex-wrap:wrap;} .hscy05 .box ul li{ width: 49%; margin-bottom: 10px;} .hscy05 .box ul li ol{ display: block;} .hscy05 .box ul li ol img{ width:100%;} .hscy05 .box ul li ol dt{ font-size: 15px; line-height: 20px; padding: 12px;} .jcfx01{ padding: 40px 0;} .jcfx01 .w1200{ display: block;} .jcfx01 .jcfx01Left, .jcfx01 .jcfx01Right{ width: 100%;} .jcfx01 .jcfx01Left{ padding-right: 0; margin-bottom: 30px;} .jcfx01 .jcfx01Left .loutiTitle{ margin-bottom: 20px; text-align: center;} .jcfx01 .jcfx01Left .loutiTitle::after{ left: 50%; margin-left: -20px;} .jcfx01 .jcfx01Left .box{ font-size: 15px; line-height: 1.6;} .jcfx02{ padding: 40px 0;} .jcfx02 .box ul{ margin: 0;} .jcfx02 .box ul li{ width: 100%; padding: 0; margin-bottom: 10px;} .jcfx02 .box ul li .item{ height: 115px; padding: 0 20px;} .jcfx02 .box ul li .item ol h3{ font-size: 16px;} .jcfx02 .box ul li .item ol dt{ font-size: 15px;} .jcfx03{ padding: 40px 0;} .jcfx03 .box ul{ margin: 0 -5px;} .jcfx03 .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px;} .jcfx03 .box ul li ol{ height: 300px; padding: 15px;} .jcfx03 .box ul li ol i{ height: 35px;} .jcfx03 .box ul li ol h3{ font-size: 16px; margin: 10px 0;} .jcfx04{ padding: 40px 0;} .jcfx04 .box .arrow-left,.jcfx04 .box .arrow-right{display: none;} .jcfx04 .box .swiperBox .tit h3{ font-size: 18px;} .jcfx04 .box .swiperBox .tit h4{ font-size: 16px;} .jcfx04 .box .swiperBox .text{ font-size: 15px;} .jcfx04 .box .swiper-slide{padding: 50px 8px 25px;} .jcfx04 .swiper-pagination-switch{ width: 30px;} /*about*/ .about{ padding: 60px 0; } .about .box{ width: 100%; font-size: 15px; line-height: 26px; } /*发展历程*/ .history{ padding: 60px 0 30px;} .history .box:after{ content:""; width: 90%; height: 1px; background: #8a99d9; position: absolute; top: 50%; left: 50%; margin-left: -45%; } .history .box .swiper-container{ width: 90%; } .history .box .swiper-container .swiper-slide{height: 150px; position: relative; } .history .box .swiper-container .swiper-slide:before{ content: ""; width: 20px; height: 20px; background-size: cover; margin-left: -10px; margin-top: -10px; } .history .box .swiper-container .swiper-slide:after{ content: ""; width: 2px; height: 30px; margin-top: -30px; } .history .box .swiper-container .swiper-slide.on:after{ margin-top: 0; } .history .box .swiper-container .swiper-slide dl{ width: 100%; font-size: 12px; top:inherit; bottom: 110px;} .history .box .swiper-container .swiper-slide.on dl{ top:110px; bottom: inherit;} .history .box .arrow-left,.history .box .arrow-right{ width:30px; height: 30px; position: absolute; top: 50%; margin-top: -15px; } .history .box .arrow-left{ background:url(../images/history-left.png) no-repeat center; background-size: cover; left: -20px; } .history .box .arrow-right{ background:url(../images/history-right.png) no-repeat center; background-size: cover; right: -20px; } /*culture*/ .culture{ padding: 60px 0; } .culture .box ul{ margin: 0 ; } .culture .box ul li{ width: 100%; padding: 0; float: none; margin-bottom: 10px; } .culture .box ul li dl{ height: 200px; padding-top:50px;} .culture .box ul li dl h3{ font-size: 20px; margin-bottom: 10px; } .culture .box ul li dl dt{ font-size: 16px; } /*生态联盟*/ .limengform{padding: 60px 0 50px; } .limengform h1{ font-size: 26px; margin-bottom: 40px; } .limengform h2{ font-size: 20px; padding-bottom: 20px; } .limengform .box{ overflow: hidden; margin-bottom: 40px; } .limengform .box ul{ margin: 0 -10px; } .limengform .box ul li{ width: 50%; padding: 0 10px; margin-bottom: 15px; float: left; } .limengform .box ul dt{ width:50%; padding: 0 10px; margin-bottom: 15px; float: left; } .limengform .box ul dd{ width:50%; padding: 0 10px; margin-bottom: 15px; float: left;} .limengform .box ul dd .upload{ width: 100%;height: 110px;border: 1px dashed #d9d9d9; position: relative; } .limengform .box ul dd .upload:hover{border: 1px dashed #ef7220; } .limengform .box ul dd .upload input[type="file"]{ width: 100%; height:110px; position: absolute; left: 0; top: 0; z-index: 111; opacity: 0; -ms-filter: 'alpha(opacity=0)'; cursor: pointer;} .limengform .box ul dd p{ width: 100%;height: 110px; text-align: center; font-size: 12px; color: #bcbcbc; line-height: 1.6; font-weight: 200; padding-top: 25px;} .limengform .box ul ol{ width:100%; padding: 0 16px; margin-bottom: 15px; overflow: hidden;} .limengform .box ul dl{ font-size: 14px; font-weight: 200; color: #262626; margin-bottom: 10px; } .limengform .box ul dl span{ color: #ff4d4f; margin-right: 5px; } .limengform .box ul input{ width: 100%; height: 32px; line-height: 30px; border:#d9d9d9 solid 1px; padding: 0 12px; border-radius: 3px;} .limengform .box ul select{ width: 100%; height: 32px; line-height: 30px; border:#d9d9d9 solid 1px; padding: 0 10px; color: #bfbfbf; border-radius: 3px;} .limengform .box ul textarea{ width: 100%; height: 150px; line-height: 20px; border:#d9d9d9 solid 1px; padding:10px; color: #262626; border-radius: 3px;} .limengform .box ul option{ color: #262626; } .limengform .box ul dt label{ width: 50%; font-size: 13px; line-height: 12px; font-weight: 200; margin-bottom: 5px; float: left; } .limengform .box ul dt label input{ width: 14px; height: 14px; background: #fff; float: left; margin-right: 8px; } .limengform .box ul ol label{ width:25%; font-size: 13px; line-height: 12px; font-weight: 200; margin-bottom: 5px; float: left; } .limengform .box ul ol label input{ width: 14px; height: 14px; background: #fff; float: left; margin-right: 8px; } .limengform .box ul .btn{ width: auto; height: 24px; margin: 5px 0; } .limengform .box ul .btn img{ width: auto; height: 24px; display: block; margin-right: 5px; float: left;} .limengform .box ul.pro01 .btnDelete{display: none;} .limengform .box ul.pro03 .btnAdd{display: none;} .limengform .box button{ width: 160px; height: 40px; line-height: 40px; background: #ef7220; color: #fff; font-size: 16px; text-align: center; font-family:'Noto Serif SC',sans-serif; border:none; border-radius: 5px; margin: 0 auto;display: block; cursor: pointer; transition: all 0.56s ease;} .limengform .box button:hover{ background: #d65d0d; } .limengShenqing{padding: 60px 0 50px; } .limengShenqing .box{ overflow: hidden; margin-top:0; margin-bottom: 30px; } .limengShenqing .box ul{ margin: 0 -10px; } .limengShenqing .box ul li{ width: 100%; padding: 0 10px; margin-bottom: 15px; } .limengShenqing .box ul li .upload{ width: 100%; height: 32px; border:#d9d9d9 solid 1px; position: relative; cursor: pointer;} .limengShenqing .box ul li .upload:hover{ border:#ef7220 solid 1px; } .limengShenqing .box ul li .upload p{ line-height: 30px; color: #5f5f5f; font-size: 14px; background:url(../images/icon11.png) no-repeat 17px center; padding-left: 38px; cursor: pointer;} .limengShenqing .box ul li .upload input[type="file"]{ width: 110px; height: 32px; position: absolute; left: 0; top: 0; z-index: 111; opacity: 0; -ms-filter: 'alpha(opacity=0)'; cursor: pointer;} .limengShenqing .box ul li p{font-size: 14px; font-weight: 200; line-height: 1.57; color: #8c8c8c;} .limengShenqing .box ul ol{ width:100%; padding: 0 10px; margin-bottom: 15px; overflow: hidden;} .limengShenqing .box ul dl{ font-size: 14px; font-weight: 200; color: #262626; margin-bottom: 10px; } .limengShenqing .box ul dl span{ color: #ff4d4f; margin-right: 5px; } .limengShenqing .box ul input{ width: 100%; height: 32px; line-height: 30px; border:#d9d9d9 solid 1px; padding: 0 12px; border-radius: 3px;} .limengShenqing .box ul select{ width: 100%; height: 32px; line-height: 30px; background: #fff; border:#d9d9d9 solid 1px; padding: 0 10px; color: #bfbfbf; border-radius: 3px;} .limengShenqing .box ul textarea{ width: 100%; height: 120px; line-height: 20px; border:#d9d9d9 solid 1px; padding:10px; color: #262626; border-radius: 3px;} .limengShenqing .box ul option{ color: #262626; } .limengShenqing .box ul ol label{ width:25%; font-size: 13px; line-height: 12px; font-weight: 200; margin-bottom: 5px; float: left; } .limengShenqing .box ul ol label input{ width: 14px; height: 14px; background: #fff; float: left; margin-right: 8px; } .limengShenqing .box button{ width: 100%; height: 40px; line-height: 40px; font-size: 16px;} .limengShenqing .box button:hover{ background: #d65d0d; } .addCase input{ margin-bottom: 10px;} .addBtn { width: 140px; height: 32px; line-height: 30px; text-align: center; font-size: 14px; border:#d9d9d9 solid 1px; background: #f0f0f0; border-radius: 3px; cursor: pointer;} /*news*/ .news{ padding: 60px 0;} .news ul{ margin: 0 -5px; } .news ul li{ float: left; width: 50%; padding: 0 5px; margin-bottom: 20px; } .news ul li ol{ padding-top: 5px; } .news ul li ol h3{ height: 40px; font-size: 16px; line-height: 20px; font-weight: 500;} .news ul li ol dt{ height: 48px; font-size: 13px; line-height: 16px; margin: 5px 0 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .news ul li ol dd{ font-size: 13px;} .news ul li ol dd:after{ left: 70px; } .newsView{ padding: 30px 0; } .newsView .box .newsHead{ padding: 30px 18px;} .newsView .box .newsHead h1{ font-size: 20px; line-height: 1.2; margin-bottom: 10px; } .newsView .box .newsHead p{ font-size: 12px; font-weight: 200; } .newsView .box .text{ padding: 30px 20px; font-size: 16px; line-height: 1.6; } .newsView .box .text img{ margin: 5px 0 } .newsView .box .textjiaru a{width:100%; border:#aab6e8 solid 2px; background:#e6e9f7; } .newsView .box .textjiaru a:hover{ border:#aab6e8 solid 0px; background:#546cd1; color:#ffffff; } /*招聘*/ .jobs{ padding: 60px 0;} .jobs .box ul{ margin: 0 ; } .jobs .box ul li{ width:100%; padding: 0; margin-bottom: 20px; float: none; } .jobs .box ul li dl{ line-height: 50px; padding: 0 20px;} .jobs .box ul li dl h3{font-size: 18px; } .jobs .box ul li dl span{ font-size: 14px;} .jobs .box ul li ol{padding: 25px 20px; } .jobs .box ul li ol dt{ height:auto; font-size: 15px; line-height: 25px; margin-bottom: 20px;} .jobs .box ul li ol dd{font-size: 15px;} .jobsView{ padding: 45px 0 50px; } .jobsView .box{ background: #fff; } .jobsView .box .jobHead{ height: 110px; background: #546cd1; color: #fff; overflow: hidden; } .jobsView .box .jobHead .jobHead_l{ padding-left:15px; padding-top: 35px;} .jobsView .box .jobHead .jobHead_l h1{ font-size: 20px; line-height: 1; margin-bottom: 10px; } .jobsView .box .jobHead .jobHead_l p{ font-size: 12px; } .jobsView .box .jobHead .jobHead_r{ float: right; } .jobsView .box .jobHead .jobHead_r a{ width: 100px; height: 110px; background: #ef7220 url(../images/icon10.png) no-repeat center 30px;background-size: 30px auto; font-size: 16px; padding-top: 60px;} .jobsView .box .jobHead .jobHead_r a:hover{ background: #db5803 url(../images/icon10.png) no-repeat center 30px;background-size: 30px auto; } .jobsView .box .con{ padding: 30px 20px 0; } .jobsView .box .con .text{ padding-bottom: 30px; font-size: 15px; line-height: 1.6;} .jobform{ padding: 60px 0 50px; } .jobform .box{ overflow: hidden; margin-top:0; margin-bottom: 30px; } .jobform .box ul{ margin: 0 -10px; } .jobform .box ul li{ width: 50%; padding: 0 10px; margin-bottom: 15px; float: left; } .jobform .box ul dt{ width:50%; padding: 0 10px; margin-bottom: 15px; float: left; } .jobform .box ul ol{ width:100%; padding: 0 16px; margin-bottom: 15px;} .jobform .box ul dl{ font-size: 14px; font-weight: 200; color: #262626; margin-bottom: 10px; } .jobform .box ul dl span{ color: #ff4d4f; margin-right: 5px; } .jobform .box ul textarea{ height: 150px; } .jobform .box button{ width: 100%; height: 40px; line-height: 40px; font-size: 16px;} .jobform .box button:hover{ background: #d65d0d; } .jobform .box ul li .upload{ width: 110px; height: 32px; border:#d9d9d9 solid 1px; position: relative; margin-bottom: 10px;cursor: pointer;} .jobform .box ul li .upload:hover{ border:#ef7220 solid 1px; } .jobform .box ul li .upload p{ line-height: 30px; color: #5f5f5f; font-size: 14px; background:url(../images/icon11.png) no-repeat 17px center; padding-left: 38px; cursor: pointer;} .jobform .box ul li .upload input[type="file"]{ width: 110px; height: 32px; position: absolute; left: 0; top: 0; z-index: 111; opacity: 0; -ms-filter: 'alpha(opacity=0)'; cursor: pointer;} .jobform .box ul li p{font-size: 14px; font-weight: 200; line-height: 1.57; color: #8c8c8c;} /*联系我们*/ .contact{ padding: 60px 0; } .contact .box{ margin-bottom:30px; } .contact .box ul{ margin: 0 ; } .contact .box ul li{ width: 100%; padding: 0; float: none; } .contact .box ul li dl{ position: relative; padding: 15px 0; } .contact .box ul li dl h3{ font-size: 16px; font-weight: 500; margin-bottom: 5px; } .contact .box ul li dl dt{ font-size: 13px; font-weight: 400; } #map{ height: 300px; } /* 解决方案 */ .soluitonNav{ line-height: 50px; background: #f6f5f5; text-align: center;} .soluitonNav a{ font-size: 17px; color: #000; display: inline-block; margin: 0 10px;} .anchorPoint{ padding-top:60px; margin-top:-60px;} .soluiton01{ padding:35px 0 50px;} .soluiton01 .tit{ margin-bottom: 30px;} .soluiton01 .tit h2{ font-size: 22px; font-weight: normal; color: #000; text-align: center; line-height: 1;} .soluiton01 dl{ font-size: 18px; border-bottom: #ddd solid 2px; padding-bottom: 10px;} .soluiton01 .zdcj .con{ padding: 30px 0 30px;} .soluiton01 .zdcj .con ul{ overflow: hidden;} .soluiton01 .zdcj .con ul li{ padding:0 10px; width: 33.33%; font-size: 16px; float: left;} .soluiton01 .zdcj .con ul li span{ padding-left: 30px; line-height: 40px; font-size: 18px; color: #000; background:url(../images/icon20.png) no-repeat left center; background-size: 20px auto;} .soluiton01 .zdcj .box{ margin-bottom:40px;} .soluiton01 .zdcj .box ul{ overflow: hidden; margin: 0;} .soluiton01 .zdcj .box ul li{ float: none; padding:5px 0;} .soluiton01 .zdcj .box ul li img{ width: 100%;} .soluiton01 .hxjz ul { padding-top: 20px; overflow: hidden;} .soluiton01 .hxjz ul li{ padding-left: 10px; padding-right: 8px; float: left; width: 100%; font-size: 15px; color: #333; line-height: 1.6; margin-bottom: 10px; position: relative;} .soluiton01 .hxjz ul li::after{ content:""; width: 5px; height: 5px; background: #333; border-radius: 6px; position: absolute; left: 0; top: 10px;} .soluiton02{ } .soluiton02 .w1300{padding: 30px 0 80px; background: #efefef url(../images/soluiton02Bg.jpg) no-repeat center bottom; background-size: 100% auto;} .soluiton02 .tit{ margin-bottom: 30px;} .soluiton02 .tit h2{ font-size: 22px; font-weight: normal; color: #000; text-align: center; line-height: 1;} .soluiton02 .box{ padding: 0 20px; position: relative;} .soluiton02 .box ul{ float: left; width: 100%; color: #000; position:relative; left:0; top: 0%; transform: translate(0,0);} .soluiton02 .box ul dl{ font-size: 20px; margin-bottom: 20px;} .soluiton02 .box ul li{ font-size: 15px; color: #666; line-height: 1.7; margin-bottom: 10px;} .soluiton02 .box ul li span{ font-size: 16px; padding-left: 20px;} .soluiton02 .box ul li span::after{ content:""; width: 6px; height: 6px; background: #000; border-radius: 6px; position: absolute; left: 0; top: 50%; margin-top: -3px;} .soluiton02 .box .pic{ float: none; width: 100%;} .soluiton03{ padding:20px 0 50px;} .soluiton03 .tit{ margin-bottom: 30px;} .soluiton03 .tit h2{ font-size: 22px;} .soluiton04{ padding: 35px 0 50px;} .soluiton04 .tit{ margin-bottom: 30px;} .soluiton04 .tit h2{ font-size: 22px;} .soluiton04 .box{ text-align: center;} .soluiton05{} .soluiton05 .w1300{padding: 30px 0 80px; background: #efefef url(../images/soluiton02Bg.jpg) no-repeat center bottom; background-size: 100% auto;} .soluiton05 .tit{ margin-bottom: 20px;} .soluiton05 .tit h2{ font-size:22px;} .soluiton05 .box{ padding: 0 20px; overflow: hidden;} .soluiton05 .box ul{ overflow: hidden; padding: 40px 0; border-top: 1px solid #d7d7d7; margin-top: -1px; position: relative;} .soluiton05 .box ul dl{ width: 50%; padding: 0 20px;} .soluiton05 .box ul ol{ width: 50%; font-size: 15px; color: #222; line-height: 1.4; padding: 0 10px; position: absolute; left: 50%; top: 50%; transform: translate(0, -50%);} .soluiton05 .box ul:nth-child(1) dl{ text-align: center;} .soluiton05 .box ul:nth-child(2) dl{ float: right;} .soluiton05 .box ul:nth-child(2) ol{ left: 0;} .soluiton05 .box ul:nth-child(2) ol p{ font-size:16px;} .soluiton06{ padding: 30px 0 30px;} .soluiton06 .tit{ margin-bottom:20px;} .soluiton06 .tit h2{ font-size: 22px;} .soluiton06 .box{ padding: 20px 0; text-align: center;} .advisoryBox{ width: 93%; height: 70px; font-family:"Microsoft YaHei"; border: #8f8f8f solid 2px; padding: 15px 10px; margin: 0 auto 50px;} .advisoryBox ul{ float: left;} .advisoryBox dl{ font-size: 15px; color: #000; font-weight: bold; line-height: 1; margin-bottom: 5px;} .advisoryBox p{ font-size: 12px; color: #444;} .advisoryBox a{ width: 80px; height: 36px; line-height: 36px; font-size: 13px;} /*footer*/ .footer .fmain{ padding:40px 0; text-align: center; } .footer .fmain .ewm{ float: none; padding-right: 0; line-height: 2; margin: 0 auto 20px; } .footer .fmain .ewm img{border: #fff solid 5px; } .footer .fmain .fcontact{ float: none; width: 100%; } .footer .fmain .fcontact dl{ font-size: 16px; margin-bottom: 5px;} .footer .fmain .fcontact ol{ font-size: 14px; line-height: 1.4;} .footer .fmain .fnav{ display: none;} .footer .copyright{ font-size: 12px; line-height: 20px; text-align: center; padding: 15px 0;} .footer .copyright dl{ float: none; } .footer .copyright ol{ float: none; } .footer .link{ padding: 15px 0; border-top: 1px solid #ddd; font-size: 13px; line-height: 1.7;} .footer .link a{ padding: 0 7px;} /*===/分页=============================*/ .fenye{ padding: 10px 0; font-size:16px;} .off{ padding:6px 14px;margin:0 5px;} .fenye a{padding:6px 14px; margin-right:5px;} .search-dialog{ width: 90%; } } @-webkit-keyframes trackBallSlide { 0% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } 6% { opacity: 1; -webkit-transform: scale(0.9) translateY(3px); transform: scale(0.9) translateY(3px); } 14% { opacity: 0; -webkit-transform: scale(0.4) translateY(10px); transform: scale(0.4) translateY(10px); } 15%, 19% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); } 28%, 29.99% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } 30% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } 36% { opacity: 1; -webkit-transform: scale(0.9) translateY(3px); transform: scale(0.9) translateY(3px); } 44% { opacity: 0; -webkit-transform: scale(0.4) translateY(10px); transform: scale(0.4) translateY(10px); } 45%, 49% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); } 58%, 59.99% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } 60% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } 66% { opacity: 1; -webkit-transform: scale(0.9) translateY(3px); transform: scale(0.9) translateY(3px); } 74% { opacity: 0; -webkit-transform: scale(0.4) translateY(10px); transform: scale(0.4) translateY(10px); } 75%, 79% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); } 88%, 100% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } } @keyframes trackBallSlide { 0% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } 6% { opacity: 1; -webkit-transform: scale(0.9) translateY(3px); transform: scale(0.9) translateY(3px); } 14% { opacity: 0; -webkit-transform: scale(0.4) translateY(10px); transform: scale(0.4) translateY(10px); } 15%, 19% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); } 28%, 29.99% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } 30% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } 36% { opacity: 1; -webkit-transform: scale(0.9) translateY(3px); transform: scale(0.9) translateY(3px); } 44% { opacity: 0; -webkit-transform: scale(0.4) translateY(10px); transform: scale(0.4) translateY(10px); } 45%, 49% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); } 58%, 59.99% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } 60% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } 66% { opacity: 1; -webkit-transform: scale(0.9) translateY(3px); transform: scale(0.9) translateY(3px); } 74% { opacity: 0; -webkit-transform: scale(0.4) translateY(10px); transform: scale(0.4) translateY(10px); } 75%, 79% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); } 88%, 100% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } }