* { margin: 0; padding: 0; list-style: none; border: 0; word-break:break-word; vertical-align:top; outline: none; /* moz-user-select: -moz-none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout: none; -moz-touch-callout: none; -ms-touch-callout: none; -o-touch-callout: none; touch-callout: none; */} html,body{ min-height: 100%;overflow-x: hidden;} table{ border-collapse: collapse; } img { border: 0; padding: 0; display: inline; -webkit-user-select: none; -moz-user-select: none; -webkit-user-select:none; -o-user-select:none; user-select:none; } a { text-decoration: none; color: #727272; } li { list-style: none; } /* h1,h2,h3,h4,h5,h6{ font-weight: normal; font-size: 12px; } */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden} .clearfix { *+height: 1%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{ display: block; } /*强制去除表单自带的样式*/ select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#878787; font-family: "Microsoft YaHei","Arial"; } input:focus { outline: none; } input,button,select,textarea{ outline:none; /*-webkit-appearance:none; */} textarea{ resize:none; /*-webkit-appearance:none; */} textarea,input,select { background:none; border:none; margin:0; padding:0; } a,a:link{ text-decoration:none; } a,a:visited{ text-decoration:none; } a,a:hover{ text-decoration:none; } a,a:active{ text-decoration:none} html{-webkit-text-size-adjust:100%;font-size:100px} @media (max-width:1440px) { html{font-size: calc((100 / 1600) * 100 * 1vw);} } @media (min-width:769px) and (max-width:1024px) { html{font-size: calc((100 / 1100) * 100 * 1vw);} } @media (max-width:768px) { html{font-size: calc((100 / 750) * 100 * 1vw);} } @media (max-width:640px) { html{font-size: calc((100 / 600) * 100 * 1vw);} } body {line-height: 1; font-weight: normal; font-family: "Microsoft YaHei","Arial"; -webkit-text-size-adjust: 100%;background-color: #f6f8f9;} body,input,pre,select,th,td,textarea{font-family:"Microsoft YaHei","Arial",sans-serif;font-size: 0.16rem;} @media (max-width:480px) { body,input,pre,select,th,td,textarea{font-size: 0.2rem;} } .fl{ float: left; } .fr{ float: right; } .tac{ text-align: center; } .anim{ transition: 0.8s ease; transition: all 0.3s ease-in-out} .por{ position: relative; } .dib{ display: inline-block; } .vam{ vertical-align: middle; } .omission1{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; } .omission2{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .omission3{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .omission4{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; } .table{ display: table; width: 100%; height: 100%; } .table-call{ display: table-cell; vertical-align: middle; } /*页面框架结构*/ .w1440{ max-width: 14.4rem; margin: 0 auto; } .contain{ padding: 5.2% 0 0 0;} /*页面主体内容*/ .content{ }/*内容*/ .mainnav{ }/*主导航*/ .menu{ }/*边侧菜单*/ .maincontent{ padding: 50px 0; } /*主要内容*/ .txtbox,.singlepage{ word-wrap:break-word; overflow:hidden; } /*分页*/ .pages{ margin-top: 4.57%; font-size: 0; text-align: center; } .pages a{ display: inline-block; width: 40px; height: 40px; line-height: 40px;border-radius: 40px;font-size: 14px; color: #999;background-color: #f3f7f9;transition: 0.4s ease;box-sizing: border-box;} .pages a.a_first{ margin-right: 10px; } .pages a.a_end{ margin-left: 10px; } .pages a.anum{ font-family: 'Arial'; } .pages a.acur,.pages a:hover{ background-color: #1ba3d5; color: #fff;} .pages .nums{ display: inline-block; margin: 0 10px; } .pages .nums .anum{ margin-right: 10px; } .pages .nums .anum:last-child{ margin-right: 0; } .pages .f1{ font-size: 14px; margin: 0 10px; color: #666; line-height: 42px; } .pages .i_text{ display: inline-block; height: 40px; width: 80px; border: 1px solid #edecec; vertical-align: middle; } .pages .i_button{ margin-left: 10px; padding: 0 15px; height: 42px; font-size: 14px; color: #666; border: 1px solid #edecec; } .pages .a_prev,.pages .a_next{font-family: '宋体';box-sizing: border-box; } .prew{ position: relative; margin-top: 4.1%;padding-top: .65rem;border-top: 1px solid #d5e1e8;} .prew .prev{font-size: .22rem;color: #666666;} .prew .next{margin-top: .35rem;font-size: .22rem;color: #666666;} .prew .prev a,.prew .next a{color: #666;} .prew .return{margin-top: .15rem;margin-left: .3rem;float: right;} .prew .return a{display: block;width: 1.6rem;height: .5rem;text-align: center;line-height: .5rem;font-size: .16rem;color: #fff;background-color: #1ba3d5;border-radius: .5rem} .prew .return a span{padding-left: .2rem;font-family: "黑体";} /* 按钮 */ .rightMenuBtn { display:none; width:40px; height:40px; background-color:rgba(230,230,230,0.7); z-index:350; position:fixed; top: .2rem; right: 10px} .rightMenuBtn span { display:block; height:3px; background-color:#1ba3d5; position:absolute; top:20px; transition:0.5s; } .rightMenuBtn img { display:block; position:absolute; bottom:5px; left: 5px; transition:0.5s; width:30px; height:auto; } .rightMenuBtn .openMenu { width:30px; left:5px; } .rightMenuBtn .closeMenu { left:25px; width:0; } .rightMenuBtn span:active { width:0; } .rightMenuBtn span:before,.rightMenuBtn span:after { content:""; display:block; width:30px; height:3px; background-color:#1ba3d5; position:absolute; transition:0.4s; } .rightMenuBtn .openMenu:before { top:-10px; left:-0; } .rightMenuBtn .openMenu:after { top:10px; left:-0; } .rightMenuBtn .closeMenu:before { top:0px; left:-20px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } .rightMenuBtn .closeMenu:after { top:0px; left:-20px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); } /*@font-face { font-family: 'HelveticaNeueLTPro-LtEx'; src: url('../fonts/HelveticaNeueLTPro-LtEx.eot'); src: local('☺'), url('../fonts/HelveticaNeueLTPro-LtEx.woff') format('woff'), url('../fonts/HelveticaNeueLTPro-LtEx.ttf') format('truetype'), url('../fonts/HelveticaNeueLTPro-LtEx.svg') format('svg'); font-weight: normal; font-style: normal; } */ /* 引导页*/ .Boot{position: relative;width: 100vw;height: 100vh;background-size: cover;} .Boot .img{position: absolute;left: 0%;top: 34.5%;width: 100%;text-align: center;z-index: 3;} .Boot .img img{max-width: 1.63rem} .Boot .loading{position: absolute;left: 0;bottom: 27%;width: 100%;height: 1px;background-color: rgba(255, 255, 255, .1);z-index: 3;} .Boot .loading .strip{position: absolute;left: 0;width: 0%;height: 1px;background: linear-gradient(to right,#05a1d7,#06ccb4);transition: all 0.3s ease-in-out} .Boot .loading .speed{position: absolute;left: 0;top: .28rem;width: 100%;text-align: center;font-size: .16rem;background-image: linear-gradient(to right,#05a1d7,#06ccb4);-webkit-background-clip: text;color: transparent;} .Boot .loading .strip:after{position: absolute;right: 0;top: 50%;display: block;content: '';width: 12px;height: 12px;background-image: url('../images/Boot-x.png');transform: translateY(-50%);z-index: 1;} /* 头部 */ header{position: fixed;left: 0;top: 0;width: 100%;padding: .15rem 0;z-index: 200;} header .flex{display: flex;align-items: center;justify-content: space-between;} header .logo{float: left;max-width: 1.92rem} header .logo img{width: 100%} header .logo img:nth-of-type(1){display: none;} header .logo img:nth-of-type(2){display: block;} header .right-box{float: right;display: flex;height: .7rem;align-items: center;} header .right-box nav ul{display: flex;} header .right-box nav ul li{position: relative;margin-right: .6rem;} header .right-box nav ul li a{font-size: .2rem;color: #fff;} header .right-box nav ul li a:hover{color: #1ba3d5;} header .right-box nav ul li .drop-down{display: none;padding-top: 0.4rem;} header .right-box nav ul li .drop-down dl{padding: .15rem .15rem;background-color: rgba(255, 255, 255,.8);} header .right-box nav ul li .drop-down dl dd a{line-height: 2;font-size: .16rem;color: #333;white-space:nowrap;} header .right-box nav ul li .drop-down dl dd a:hover{color: #05a1d6;} header .right-box nav ul li:hover .drop-down{display: block;} @media screen and (min-width: 1200px){ header .right-box nav ul li .drop-down{position: absolute;left: 50%;top: 100%;width: max-content;transform: translateX(-50%);z-index: 33;} header .right-box nav ul li .drop-down dl{text-align: center;} } header .right-box .search{position: relative;padding-left: .3rem;margin-left: .3rem;border-left: 1px solid #cdcdcd;} header .right-box .search .search-btn{display: block;width: 20px;height: 20px;background-image: url('../images/search-on.png');cursor: pointer;} header .right-box .search .box{display: none;position: absolute;right: 0;top: .6rem;width: 200px;height: 40px;padding: 0 10px;border: 2px solid #05a1d6;background-color: #fff;box-sizing: border-box;align-items: center;z-index: 3} header .right-box .search.on .box{display: flex} header .right-box .search .box .text{width: calc(100% - 20px);height: 35px;padding: 0 10px;font-size: 14px;color: #333;box-sizing: border-box;vertical-align: middle;} header .right-box .search .box .btn{width: 20px;height: 20px;background-image: url('../images/search.png');cursor: pointer;vertical-align: middle;} header .right-box .search .box:after{display: block;content: '';position: absolute;top: -8px;right: 3px;width: 0;height: 0;border-bottom: 8px solid #05a1d6;border-right: 6px solid transparent;border-left: 6px solid transparent;z-index: 3} header .right-box .language a{color: #fff;} header:hover{background-color: #fff} header:hover .right-box .search .search-btn{background-image: url('../images/search.png');} header:hover .right-box .search{border-left: 1px solid #cdcdcd;} header:hover .right-box nav ul li a{color: #333} header:hover .right-box nav ul li a:hover{color: #1ba3d5} header:hover .right-box .language a{color: #333;} header:hover .logo img:nth-of-type(1){display: block;} header:hover .logo img:nth-of-type(2){display: none;} header.aon{background-color: #fff} header.aon .right-box .search .search-btn{background-image: url('../images/search.png');} header.aon .right-box .search{border-left: 1px solid #cdcdcd;} header.aon .right-box nav ul li a{color: #333} header.aon .right-box nav ul li a:hover{color: #1ba3d5} header.aon .right-box .language a{color: #333;} header.aon .logo img:nth-of-type(1){display: block;} header.aon .logo img:nth-of-type(2){display: none;} /* 底部 */ footer{padding: .45rem 0 .6rem 0;background-color: #f8f9fa} footer .top-box .left-box{float: left;} footer .top-box .left-box .foot-logo{max-width: 1.6rem} footer .top-box .left-box .foot-logo img{width: 100%} footer .top-box .left-box .address{margin-top: .5rem;} footer .top-box .left-box .address .tel{font-size: .32rem;color: #03aede;font-family: "Arial";} footer .top-box .left-box .address .text{margin-top: .15rem;font-size: .16rem;color: #999999;} footer .top-box .foot-nav{float: right;/* margin-top: .25rem; */} footer .top-box .foot-nav>ul{display: flex} footer .top-box .foot-nav>ul>li{margin-right: .75rem;} /* footer .top-box .foot-nav>ul>li:nth-of-type(1){display: none;} */ footer .top-box .foot-nav>ul>li:last-child{margin-right: 0;} footer .top-box .foot-nav>ul>li>a{font-size: .17rem;color: #333333;} footer .top-box .foot-nav>ul>li>ul{margin-top: .3rem;} footer .top-box .foot-nav>ul>li>ul li{margin-bottom: .2rem;} footer .top-box .foot-nav>ul>li>ul li:last-child{margin-bottom: 0;} footer .top-box .foot-nav>ul>li>ul li a{font-size: .16rem;color: #999999;} footer .bottom-box{margin-top: .5rem;display: flex;justify-content: space-between;align-items: flex-end;} footer .bottom-box .ewm{display: table;} footer .bottom-box .ewm .img{display: table-cell;padding-right: .25rem;} footer .bottom-box .ewm .img img{max-width: 1rem;} footer .bottom-box .ewm .casket{display: table-cell;border-top: 1px solid #ededed;vertical-align: bottom;} footer .bottom-box .ewm .casket .name{font-size: .16rem;color: #999999;} footer .bottom-box .ewm .casket .text{padding: .15rem 0 .1rem 0;font-size: .16rem;color: #999999;} footer .bottom-box .foot-column ul{display: flex;padding-bottom: .1rem;} footer .bottom-box .foot-column ul li{display: flex;align-items:center;margin-right: .1rem;} footer .bottom-box .foot-column ul li:last-child{margin-right: 0;} footer .bottom-box .foot-column ul li a{font-size: .16rem;color: #999999;} footer .bottom-box .foot-column ul li:after{display: inline-block;content: '·';margin-left: .1rem;font-size: .16rem;color: #999999;} footer .bottom-box .foot-column ul li:last-child:after{display: none;} footer .bottom-box .icp{padding-bottom: .1rem;font-size: .16rem;color: #999999;} footer .bottom-box .icp a{color: #999999;} /*二级导航*/ .menu-location{padding: 30px 0;border-bottom: 1px solid #ededed;} .column-menu{float: left} .column-menu .name{display: none;} .column-menu ul{font-size: 0;text-align: center;} .column-menu ul li{position: relative;display: inline-block;margin-right: 1rem;} .column-menu ul li:last-child{margin-right: 0;} .column-menu ul li a{font-size: .18rem;color: #333333} .column-menu ul li.on:before{position: absolute;content: '';left: 0;width: 100%;height: 1px;bottom: -30px;background-color: #1ba3d5} .column-menu ul li.on a{color: #1ba3d5;} @media screen and (max-width: 1200px){ .column-menu .name{position: relative;display: block;width: 100%;height: 45px;padding: 0 20px;line-height: 45px;font-size: 18px;color: #fff;background-color: #03aede;box-sizing: border-box;z-index: 2} .column-menu .name:after{display: block;content: ">";position: absolute;font-size: 18px;color: #fff;font-family: '宋体';top: 50%;right: 20px;transform: translateY(-50%);z-index: 3} .column-menu ul{display: none;position: absolute;max-height: 225px;border: 1px solid #fff;overflow-x: hidden;left: 0;top: 45px;width: 100%;background-color: #f3f3f3;z-index: 3;box-sizing: border-box;} .column-menu ul li{width: 100%;margin-right: 0;} .column-menu ul li a{border-radius: 0;background-color: #fff} .column-menu:hover ul{display: block;} } /*面包屑*/ .location{float: right;} .location .box{display: inline-block;font-size: .16rem;color: #666666;vertical-align: middle;} .location .box:before{ display: inline-block; content: ''; width: 20px; height: 18px; margin-right: 10px; background-image: url('../images/location.png');vertical-align: text-bottom;} .location a{color: #666666;vertical-align: middle;} .location span{color: #1ba3d5;vertical-align: middle;} /*banner*/ .banner{ position: relative; } .banner .pc{display: block;} .banner .media-img{display: none;} .banner a{position: relative;display: block;} .banner .title{max-width: 1300px;width: 100%; font-size: 48px; color: #fff; font-weight: bold; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; box-sizing: border-box; font-size: 48px; color: #fff; transform: translate(-200px,-50%); line-height: 1.6; opacity: 0; } .banner .slick-active .title{-webkit-animation: downL 2s linear 0.5s forwards; -moz-animation: downL 2s linear 0.5s forwards; animation: downL 2s linear 0.5s forwards;} @keyframes downL { 0% { opacity: 0; transform: translate(-200px,-50%); } 100% { opacity: 1; transform: translate(0px,-50%); } } @media screen and (max-width: 640px){ .banner .title{font-size: 25px;} } .banner img{width: 100%;} .banner .more{position: absolute;left: 8.3%;bottom: 27.6%;z-index: 3} .banner .more a{display: block;width: 160px;height: 50px;line-height: 50px;text-align: center;background-color: #f18700;border-radius: 0 40px 0 40px;} .banner .more a span{display: inline-block;font-size: 16px;color: #fff;vertical-align: middle;} .banner .more a:after{display: inline-block;content: '';margin-left: 10px;width: 20px;height: 11px;background-image: url('../images/more.png');vertical-align: middle;} .column-banner{ position: relative; } .column-banner img{ width: 100%} .column-banner .pc{display: block;} .column-banner .move{display: none;} .column-banner .title{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;z-index: 33;width: max-content;} .column-banner .title .en{font-size: .9rem;color: rgba(255, 255, 255, .1);text-transform:uppercase;font-family: "Arial";} .column-banner .title .cn{position: relative;margin-top: -.4rem;font-size: .4rem;color: #fff} /*首页*/ .banner .slider img{width: 100%} .banner .dots-box{position: absolute;left: 50%;bottom: .6rem;transform: translateX(-50%);z-index: 33;} .banner .dots-box ul{display: flex;} .banner .dots-box li{display: flex;margin: 0 5px;align-items: center;} .banner .dots-box li:nth-of-type(3n+1) .ioc{width: 14px;height: 14px;background-image: url('../images/banner-icon1.png');background-size: 100%;background-repeat: no-repeat; background-position: center;} .banner .dots-box li:nth-of-type(3n+2) .ioc{width: 14px;height: 14px;background-image: url('../images/banner-icon2.png');background-size: 100%;background-repeat: no-repeat; background-position: center;} .banner .dots-box li:nth-of-type(3n+3) .ioc{width: 14px;height: 14px;background-image: url('../images/banner-icon3.png');background-size: 100%;background-repeat: no-repeat; background-position: center;} .banner .dots-box li:nth-of-type(3n+1).slick-active .ioc{background-image: url('../images/banner-icon1-on.png')} .banner .dots-box li:nth-of-type(3n+2).slick-active .ioc{background-image: url('../images/banner-icon2-on.png')} .banner .dots-box li:nth-of-type(3n+3).slick-active .ioc{background-image: url('../images/banner-icon3-on.png')} .banner .dots-box li .x{position: relative;margin-left: 10px;width: .8rem;height: 1px;background-color: rgba(255, 255, 255, .1)} .banner .dots-box li:last-child .x{display: none;} .banner .dots-box li .x:before{display: block;content: '';position: absolute;left: 0;top: 0;width: 0;height: 1px;background-color: #fff;} .banner .dots-box li.slick-active .x:before{animation: banner 4s ease-in-out alternate forwards;} @keyframes banner{ 0%{ width: 0% } 100%{ width: 100% } } .banner .slither{position: absolute;left: 5%;bottom: .5rem;text-align: center;font-size: .16rem;color: #ffffff;z-index: 5;} .banner .slither:after{display: block;content: '';width: .34rem;height: .48rem;margin: .15rem auto 0 auto;background-image: url('../images/slither.png');background-size: 100%;} .banner .slither{position: absolute;left: 5%;bottom: .5rem;text-align: center;font-size: .16rem;color: #ffffff;z-index: 5;animation: slither 5s ease-in-out infinite alternate;} .banner .slither:after{display: block;content: '';width: .34rem;height: .48rem;margin: .15rem auto 0 auto;background-image: url('../images/slither.png');background-size: 100%;} @keyframes slither{ 0%{ transform: translateY(-50%); } 100%{ transform: translateY(0%); } } .index-product{padding: 1.5rem 0 .75rem 0;background-size: cover;} .index-product .box{display: flex;justify-content: space-between;} .index-product .box .left-box{max-width: 10.8rem} .index-product .box .right-box{} .index-product .box .left-box .title{font-size: .34rem;color: #333333;line-height: 1.7;} .index-product .box .left-box .title:after{margin-top: .1rem;display: block;content: '';width: 34px;height: 4px;background-color: #05a1d6;} .index-product .box .left-box .text{margin-top: .3rem;font-size: .22rem;color: #666666;line-height: 1.7;} .index-product .box .right-box ul li{margin-bottom: .6rem;} .index-product .box .right-box ul li:last-child{margin-bottom: 0;} .index-product .box .right-box ul li .num{font-size: .16rem;color: #1ba3d5;} .index-product .box .right-box ul li .num span{font-size: .5rem;padding-right: .1rem;vertical-align: sub;} .index-product .box .right-box ul li .text{margin-top: .1rem;font-size: .2rem;color: #999999;} .public-more{margin-top: .5rem;} .public-more a{position: relative;display: block;width: 1.8rem;height: .5rem;margin: auto;font-size: .16rem;color: #fff;line-height: .5rem;padding: 0 .3rem;background-color: #05a1d6;border-radius: .5rem;box-sizing: border-box;} .public-more a:hover{background-color: #06ccb4} .public-more a:after{position: absolute;right: .3rem;top: 0;bottom: 0;margin: auto 0;content: '';width: 12px;height: 8px;background-image: url('../images/public-more.png');z-index: 3;} .index-news{padding: 1rem 0 .8rem 0;background-size: cover;} .index-news .title{font-size: .42rem;color: #333333;} .index-news .text{margin-top: .2rem;font-size: .18rem;color: #999999;} .index-news .list{margin-top: .6rem;position: relative;} .index-news .list ul{margin: 0 -.15rem;} .index-news .list ul li{padding: 0 .15rem;} .index-news .list ul li .img{border-radius: .2rem .2rem 0 0;overflow: hidden;} .index-news .list ul li .img img{width: 100%} .index-news .list ul li .box{padding: .3rem;background-color: #f3f6fa;border-radius: 0 0 .2rem .2rem;overflow: hidden;} .index-news .list ul li .box .time{font-size: .16rem;color: #05a1d6;} .index-news .list ul li .box .name{margin-top: .15rem;height: .7rem;} .index-news .list ul li .box .name a{font-size: .22rem;color: #333333;line-height: 1.6;} .index-news .list .slick-prev{position: absolute;left: -.45rem;top: 0;bottom: 0;margin: auto 0;width: 12px;height: 20px;background-image: url('../images/slick-prev.png');z-index: 3;cursor: pointer;} .index-news .list .slick-next{position: absolute;right: -.45rem;top: 0;bottom: 0;margin: auto 0;width: 12px;height: 20px;background-image: url('../images/slick-next.png');z-index: 3;cursor: pointer;} /*关于我们*/ .public-title{margin-bottom: .45rem;} .public-title.tac{text-align: center;} .public-title .en{font-size: 1.8rem;color: rgba(3, 174, 222, .08);text-transform:uppercase;font-family: "Arial";} .public-title .cn{position: relative;/* margin-top: -.8rem; */font-size: .36rem;color: #333333;} .About{background: linear-gradient(to bottom,#f8f9fa,#ddeaf1);} .About .item{margin-bottom: 1rem;} .About .item:last-child{margin-bottom: 0;} .About #About .logo{float: right;margin-left: .3rem;} .About #About .logo img{max-width: 2.81rem} .About #About .text{font-size: .22rem;line-height: 1.8;color: #333333} .About #Vision .list ul{display: flex;flex-flow: wrap;} .About #Vision .list ul li{display: table;width: 49%;height: 2.5rem;margin-right: 2%;margin-top: 1%;margin-bottom: 1%;padding: .3rem .75rem;background-color: #fff;background-size: cover;box-shadow: 0 .1rem .1rem rgba(0, 0, 0, .08);box-sizing: border-box;} .About #Vision .list ul li:nth-of-type(2n){margin-right: 0;} .About #Vision .list ul li .box{display: table-cell;vertical-align: middle;} .About #Vision .list ul li:hover{background-image: url('../images/About-Vision.jpg');box-shadow: 0 .1rem .1rem rgba(5, 164, 212, .47);} .About #Vision .list ul li .name{width: 100%;font-size: .3rem;color: #333333} .About #Vision .list ul li .text{margin-top: .2rem;width: 100%;font-size: .2rem;color: #666666;line-height: 1.6;} .About #Vision .list ul li:hover .name,.About #Vision .list ul li:hover .text{color: #fff} .About #Production{padding-bottom: 1.2rem;background-image: url('../images/About-Production.png');background-position: bottom center;background-repeat: no-repeat;background-size: 100% auto;} .About #Production .text{font-size: .22rem;color: #333333;line-height: 1.7;} .About #Production .img{margin-top: .6rem;} .About #Production .img img{width: 100%;} /*产品管线*/ .Product #Technology{padding: .75rem 0 1.3rem 0;background-size: cover;} .Product #Pipeline{padding: .85rem 0 2rem 0;background-size: cover} .Product #Technology .text{font-size: .22rem;color: #333333;line-height: 1.7;text-align: center;} .Product #Technology .list{position: relative;margin-top: .5rem;} .Product #Technology .list .bg img{width: 100%} .Product #Technology .list .bg img:nth-of-type(2){display: none;} .Product #Technology .list .bg img:nth-of-type(1){display: block;} .Product #Technology .list ul li{position: absolute;width: 1.7rem;cursor: pointer;} .Product #Technology .list ul li .name{margin-top: .1rem;font-size: .15rem;color: #333333;text-align: center;white-space: nowrap;} .Product #Technology .list ul li .img{overflow: hidden;border-radius: .1rem;} .Product #Technology .list ul li .img img{width: 100%} .Product #Technology .list ul li .box{position: absolute;top: 1.55rem;display: none;padding: .4rem;width: 4rem;left: 50%;background-color: #fff;border-radius: .08rem;box-shadow: 0 .11rem .13rem rgba(63, 89, 120, .45);box-sizing: border-box;transform: translateX(-50%);z-index: 3;} .Product #Technology .list ul li .box:before{display: block;position: absolute;top: -12px;left: 0;right: 0;margin: 0 auto;content: '';width: 0;height: 0;border-bottom: 12px solid #fff;border-left: 12px solid transparent;border-right: 12px solid transparent;z-index: 3;} .Product #Technology .list ul li .casket{position: relative;} .Product #Technology .list ul li .casket .title{font-size: .24rem;color: #333333;} .Product #Technology .list ul li .casket P{margin-top: .2rem;font-size: .18rem;color: #333;line-height: 1.7;} .Product #Technology .list ul li:nth-of-type(1){left: 0;top: 39%;} .Product #Technology .list ul li:nth-of-type(2){left: 16%;top: 39%;} .Product #Technology .list ul li:nth-of-type(3){left: 32.3%;top: 39%;} .Product #Technology .list ul li:nth-of-type(4){left: 50.8%;top: 11.5%;} .Product #Technology .list ul li:nth-of-type(5){left: 50.8%;top: 31.5%;} .Product #Technology .list ul li:nth-of-type(5){left: 50.8%;top: 79.5%;} .Product #Technology .list ul li:nth-of-type(6){left: 68.5%;top: 0%;} .Product #Technology .list ul li:nth-of-type(7){left: 68.5%;top: 26.5%;} .Product #Technology .list ul li:nth-of-type(8){left: 68.5%;top: 53%;} .Product #Technology .list ul li:nth-of-type(9){left: 68.5%;top: 79.5%;} .Product #Technology .list ul li:nth-of-type(10){right: 0%;top: 0%;} .Product #Technology .list ul li:nth-of-type(11){right: 0%;top: 26.5%;} .Product #Technology .list ul li:nth-of-type(12){right: 0%;top: 53%;} .Product #Technology .list ul li:nth-of-type(13){right: 0%;top: 79.5%;} .Product #Technology .list ul li.on .box{display: block;} .Product #Pipeline .text{font-size: .22rem;color: #333333;line-height: 1.7;text-align: center;} .Product #Pipeline .list{margin-top: .5rem;} .Product #Pipeline .list ul li{} .Product #Pipeline .list ul li .top-box{display: flex;flex:1} .Product #Pipeline .list ul li:nth-of-type(1) .top-box .box{background-color: #579cd5;} .Product #Pipeline .list ul li:nth-of-type(1) .top-box .box .name{color: #fff;font-weight: bold;} .Product #Pipeline .list ul li .name{font-size: .17rem;color: #333333;white-space: nowrap;} .Product #Pipeline .list ul li .box{/* margin-right: .7rem; */height: .95rem;display: flex} .Product #Pipeline .list ul li .box.click{cursor: pointer;} .Product #Pipeline .list ul li:last-child .box{height: auto;} .Product #Pipeline .list ul li .box:nth-of-type(1){width: 10%;border-right: 1px solid #a6deef;box-sizing: border-box;} .Product #Pipeline .list ul li .box:nth-of-type(2){width: 15%;border-right: 1px solid #a6deef;box-sizing: border-box;} .Product #Pipeline .list ul li .box:nth-of-type(3){width: 20%;border-right: 1px solid #a6deef;box-sizing: border-box;} .Product #Pipeline .list ul li .box:nth-of-type(4){width: 55%;} .Product #Pipeline .list ul li .box:last-child{margin-right: 0;} .Product #Pipeline .list ul li .box{display: flex;justify-content: center;padding: 0 .1rem;box-sizing: border-box;} .Product #Pipeline .list ul li .box .item{margin-right: 10%;} .Product #Pipeline .list ul li .box .item:last-child{margin-right: 0%;} .Product #Pipeline .list ul li .box .more{position: relative;margin-left: .1rem;width: .13rem;height: .13rem;background-image: url('../images/Product-Pipeline-more.png');background-size: 100%;cursor: pointer;} .Product #Pipeline .list ul li .casket{display: none;max-width: 92%;margin-left: auto;margin-right: auto;padding: .5rem;background-color: #fff;box-sizing: border-box;box-shadow: .11rem 0 .13rem rgba(63, 89, 120, .45);z-index: 3;border-radius: .1rem} /* .Product #Pipeline .list ul li .box .more .casket:before{display: block;position: absolute;top: 0;left: -18px;bottom: 0;margin: auto 0;content: '';width: 0;height: 0;border-bottom: 12px solid transparent;border-right: 18px solid #fff;border-top: 12px solid transparent;z-index: 3;} */ .Product #Pipeline .list ul li .casket .title{font-size: .24rem;color: #333333;} .Product #Pipeline .list ul li .casket p{margin-top: .2rem;font-size: .18rem;color: #333333;line-height: 1.7;} .Product #Pipeline .list ul li .box .x{position: relative;width: 100%;height: .15rem;border-radius: .1rem;overflow: hidden;background-color: rgba(3, 174, 222, .1)} .Product #Pipeline .list ul li .box .x span{position: absolute;display: block;width: 0;height: 100%;border-radius: .1rem;} .Product #Pipeline .list ul li .box .x span:after{display: block;position: absolute;display: block;content: '';left: 0;top: 0;width: 0;height: 100%;background: linear-gradient(to right,#05a1d7,#06ccb4);z-index: 3; animation:myfirst 3s forwards;} @keyframes myfirst { from {width: 0;} to {width: 100%;} } .Product #Pipeline .list ul li.on .casket{display: block;margin-bottom: .2rem;} .Product #Pipeline .list ul li.on .box{height: .4rem;} /*新闻中心*/ .public-bg{padding-bottom: 1.2rem;background-image: url('../images/About-Production.png');background-position: bottom center;background-repeat: no-repeat;background-size: 100% auto;} .News{background: linear-gradient(to bottom,#f8f9fa,#ddeaf1);} .News .hot{position: relative;margin-bottom: .9rem;} .News .hot .slider li{display: flex;} .News .hot .slider li .img{width: 7.2rem} .News .hot .slider li .img img{width: 100%} .News .hot .slider li .box{margin-left: 1rem;width: calc(100% - 8.2rem)} .News .hot .slider li .box .title{margin-top: .2rem;} .News .hot .slider li .box .title a{font-size: .28rem;color: #333333;line-height: 1.4;} .News .hot .slider li .box .text{margin-top: .2rem;font-size: .2rem;color: #666666;line-height: 1.6;} .News .hot .slider li .box .more{margin-top: .2rem;} .News .hot .slider li .box .more a{display: block;width: 1.6rem;height: .5rem;text-align: center;line-height: .5rem;font-size: .16rem;color: #fff;background-color: #1ba3d5;border-radius: .5rem} .News .hot .slider li .box .more a span{padding-left: .2rem;font-family: "黑体";} .News .hot .btn{display: flex;align-items: center;position: absolute;left: 8.2rem;bottom: 0;z-index: 33;} .News .hot .btn .event{font-size: .18rem;color: #666666} .News .hot .btn .event span{padding: 0 .1rem;color: #bbbbbb} .News .hot .btn .dots-box{margin-left: .4rem;} .News .hot .btn .dots-box ul{display: flex;} .News .hot .btn .dots-box ul li{margin-right: .15rem;} .News .hot .btn .dots-box ul li:last-child{margin-right: 0%;} .News .hot .btn .dots-box ul li button{display: block;width: 16px;height: 4px;font-size: 0;border-radius: 4px;background-color: #ccc;cursor: pointer;} .News .hot .btn .dots-box ul li.slick-active button{width: 30px;background-color: #1ba3d5;} .News .hot .btn .dots-box ul:nth-of-type(1){display: none !important;} .News .list{} .News .list ul li{margin-bottom: .4rem;padding-bottom: .4rem;border-bottom: 1px solid #dbe5eb;display: flex;align-items: center;justify-content: space-between;} .News .list ul li .img{width: 3.2rem} .News .list ul li .img:hover{box-shadow: 0 .17rem .27rem rgba(38, 70, 107, .26)} .News .list ul li .img img{width: 100%;} .News .list ul li .box{max-width: 7.6rem} .News.Industry .list ul li .box{max-width: 90%} .News .list ul li .box .title a{font-size: .26rem;color: #333333;line-height: 1.5;} .News .list ul li .box .text{margin-top: .3rem;font-size: .2rem;color: #666666;line-height: 2;} .News .list ul li .time{text-align: center;} .News .list ul li .time .r{font-size: .6rem;color: #666666} .News .list ul li .time .ny{margin-top: .05rem;font-size: .18rem;color: #999999} .News .details .title{font-size: .4rem;text-align: center;color: #333333;line-height: 1.5;text-align: center;} .News .details .time{margin-top: .15rem;font-size: .2rem;color: #999999;text-align: center;} .News .details .text{margin-top: .4rem;padding-top: .7rem;font-size: .22rem;color: #666666;line-height: 2;border-top: 1px solid #e4e9ee;} /*员工福利*/ .Welfare{background: linear-gradient(to bottom,#f8f9fa,#ddeaf1);} .Welfare .list ul{font-size: 0;margin: 0 -.15rem;} .Welfare .list ul li{position: relative;width: 33.33%;display: inline-block;margin: .15rem 0;padding: 0 .15rem;padding-top: .5rem;box-sizing: border-box;} .Welfare .list ul li:nth-of-type(4){width: 50%} .Welfare .list ul li:nth-of-type(5){width: 50%} .Welfare .list ul li .ioc{position: absolute;width: 1rem;left: 50%;top: 0;transform: translateX(-50%);z-index: 3;} .Welfare .list ul li .ioc img{max-width: 100%;} .Welfare .list ul li .box{display: flex;align-items: center;height: 2rem;padding: .3rem;background-color: #fff;box-sizing: border-box;} .Welfare .list ul li .box .text{width: 100%;font-size: .2rem;color: #333333;line-height: 1.5;text-align: center;} .Welfare .list2{margin-top: 1rem;} .Welfare .list2 .title{position: relative;width: max-content;margin: auto;font-size: .36rem;color: #333333} .Welfare .list2 .title:after{display: block;content: '';position: absolute;right: -.05rem;top: -.05rem;width: .22rem;height: .22rem;background: linear-gradient(to right,#05a1d7,#06ccb4);border-radius: .22rem;z-index: -1;} .Welfare .list2 ul{font-size: 0;margin: 0 -.05rem;margin-top: .3rem;position: relative;text-align: right;} .Welfare .list2 ul li{display: inline-block;padding: .05rem;} .Welfare .list2 ul li .img{background-size: cover;} .Welfare .list2 ul li .img img{display: none;} .Welfare .list2 ul li:nth-of-type(1){position: absolute;left: .05rem;top: 0;z-index: 1;} .Welfare .list2 ul li:nth-of-type(2){position: absolute;left: .05rem;bottom: 0;z-index: 1;} .Welfare .list2 ul li:nth-of-type(1) .img{width: 4.74rem;height: 2.15rem;} .Welfare .list2 ul li:nth-of-type(2) .img{width: 4.74rem;height: 2.15rem;} .Welfare .list2 ul li:nth-of-type(3) .img{width: 4.71rem;height: 4.39rem;} .Welfare .list2 ul li:nth-of-type(4) .img{width: 4.71rem;height: 4.39rem;} /*人才理念*/ .Idea{padding-bottom: 1rem;background-image: url('../images/idea-bg.jpg');background-position: bottom center;background-repeat: no-repeat;background-size: 100% auto;} .Idea .list ul{font-size: 0;} .Idea .list ul li{position: relative;display: inline-block;width: 27%;min-height: 5.5rem;margin-right: 9.5%;padding: .7rem .45rem;background-color: #fff;box-sizing: border-box;box-shadow: 0 0 .1rem rgba(0, 0, 0, .05);} .Idea .list ul li:last-child{margin-right: 0%;} .Idea .list ul li .cn{text-align: center;font-size: .28rem;color: #333333;} .Idea .list ul li .en{margin-top: .15rem;text-align: center;font-size: .15rem;color: #999999;text-transform:uppercase;} .Idea .list ul li .img{margin-top: .4rem;} .Idea .list ul li .img img{display: block;width: 1rem;margin: auto;} .Idea .list ul li .text{margin-top: .3rem;padding-top: .3rem;font-size: .18rem;color: #333333;line-height: 1.8;text-align: center;border-top: 1px solid #eaeaea;} .Idea .list ul li:after{position: absolute;display: block;content: '';top: 0;right: -.9rem;bottom: 0;margin: auto 0;width: .44rem;height: .44rem;background-image: url('../images/idea-j.png');background-size: 100%;z-index: 3;} .Idea .list ul li:last-child:after{display: none;} /*职位信息*/ .Position{padding-bottom: 1rem;background-image: url('../images/idea-bg.jpg');background-position: bottom center;background-repeat: no-repeat;background-size: 100% auto;} .Position .list{border-top: 2px solid #333333;} .Position .list dl{display: flex;padding: 0 .4rem;border-bottom: 1px solid #e6eaef;background-color: #f3f6f8;} .Position .list dl dd{width: 18%;font-size: .22rem;color: #333333;font-weight: bold;line-height: .8rem;} .Position .list dl dd:nth-of-type(1){width: 22%;} .Position .list ul li{border-bottom: 1px solid #e6eaef;background-color: #f3f6f8;} .Position .list ul li .head-box{display: flex;padding: 0 .4rem;line-height: .8rem;font-size: .18rem;color: #666666;cursor: pointer;} .Position .list ul li .head-box .item{position: relative;width: 18%;} .Position .list ul li .head-box .item:nth-of-type(1){width: 22%;} .Position .list ul li .head-box .item .j{position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 3;} .Position .list ul li .head-box .item .j:before{display: block;content: "+";font-size: .18rem;color: #333;font-weight: bold;} .Position .list ul li .box{display: none;padding: .35rem .4rem;background-color: #fff;} .Position .list ul li .box .item{margin-bottom: .4rem;} .Position .list ul li .box .item .name{position: relative;padding-left: .35rem;font-size: .24rem;color: #1ba3d5;} .Position .list ul li .box .item .name:before{display: block;position: absolute;content: '';position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;width: .26rem;height: .24rem;background-size: 100%;z-index: 3;} .Position .list ul li .box .item:nth-of-type(1) .name:before{background-image: url('../images/Position-img1.png');} .Position .list ul li .box .item:nth-of-type(2) .name:before{background-image: url('../images/Position-img2.png');} .Position .list ul li .box .item .text{margin-top: .2rem;font-size: .2rem;color: #666666;line-height: 2;} .Position .list ul li .box .tips{font-size: .2rem;color: #333333;} .Position .list ul li .box .tips a{color: #0c4faf;} .Position .list ul li.on .head-box{background-color: #1ba3d5;color: #fff;} .Position .list ul li.on .box{display: block;} .Position .list ul li.on .head-box .item .j:before{content: "-";color: #fff;} /*联系我们*/ .Contact{background: linear-gradient(to bottom,#f8f9fa,#ddeaf1);} .Contact .mode{display: flex;align-items: center;height: 6rem;padding: 0 1rem;background-image: url('../images/Contact-bg.jpg');background-size: cover;box-sizing: border-box;} .Contact .mode .name{font-size: .34rem;color: #fff;} .Contact .mode .text{margin-top: .35rem;font-size: .2rem;color: #ffffff;line-height: 1.4;} .Contact .mode .ewm{margin-top: .4rem;} .Contact .mode .ewm img{max-width: 1.1rem} .Contact .message{margin-top: 1rem;padding: .9rem;background-color: #fff;} .Contact .message .title{font-size: .3rem;color: #333333;text-align: center;} .Contact .message .list{margin-top: .4rem;} .Contact .message .list ul{max-width: 8rem;margin: auto;} .Contact .message .list ul li{margin-bottom: .2rem;} .Contact .message .list ul li:last-child{margin-bottom: 0;} .Contact .message .list ul li input{display: block;width: 100%;height: .5rem;padding: 0 .2rem;font-size: .16rem;background-color: #f8f9fa;box-sizing: border-box;} .Contact .message .list ul li textarea{display: block;width: 100%;height: 1.6rem;padding: .2rem;font-size: .16rem;background-color: #f8f9fa;box-sizing: border-box;} .Contact .message .btn{margin-top: .5rem;} .Contact .message .btn input{display: block;width: 1.6rem;height: .5rem;margin: auto;text-align: center;font-size: .16rem;color: #fff;background-color: #1ba3d5;border-radius: .5rem;cursor: pointer;} .public-column{padding-bottom: 1rem;} .public-column .text{font-size: .16rem;line-height: 1.6;} @media screen and (max-width: 1700px){ .Product #Technology .list ul li .box{padding: .2rem;width: 2.5rem} } @media screen and (max-width: 1460px){ .w1440{max-width: 92%} } @media screen and (max-width: 1440px){ .index-news .list .slick-prev{left: -.2rem;} .index-news .list .slick-next{right: -.2rem;} .public-title .en{font-size: .8rem;} /* .public-title .cn{margin-top: -.36rem;} */ .column-banner .title .en{font-size: .8rem;} } @media screen and (max-width: 1200px){ header{position: fixed;left: 0;top: 0 ;padding: 10px 3%;width: 100%;box-sizing: border-box;z-index: 150;background-color: #fff;} header.on{position: fixed;} .rightMenuBtn{ display: block; } header nav{position: fixed;margin-top: 0;padding: 120px 0 30px 0;top: 0;right: 0;width: 200px;height: 100%;background-color: #fff;overflow: unset;box-sizing: border-box;overflow-x: hidden;transform: matrix(1, 0, 0, 1, 200, 0);z-index: 300;} header .right-box nav ul li a{color: #333;} header .right-box nav ul{display: block;} header .right-box nav ul li{margin-bottom: .2rem;padding: 0 .2rem .2rem .2rem;border-bottom: 1px solid #ddd;margin-right: 0;} header .logo img:nth-of-type(1){display: block;} header .logo img:nth-of-type(2){display: none;} #mian{position: relative;margin-top: .9rem;} #mian.on:before{display: block;position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 666;transition: 0.4s ease;} .location{display: none;} .column-menu{float: none;position: relative;} .column-menu ul li a{display: block;line-height: 35px;} .column-menu ul li.on:before{bottom: 0} footer .top-box .foot-nav{display: none;} footer .top-box .left-box{float: none;text-align: center;} footer .top-box .left-box .foot-logo{margin: auto;} footer .top-box .left-box .address{margin-top: .3rem;} footer .bottom-box{display: block;text-align: center;margin-top: .3rem;} footer .bottom-box .ewm{display: none;} footer .bottom-box .foot-column ul{display: block;text-align: center;} footer .bottom-box .foot-column ul li{display: inline-block} footer .foot-column{margin-top: .3rem;} header .right-box .search{padding-left: 0;margin-right: .3rem;border: 0 !important;} } @media screen and (max-width: 1024px){ .index-product .box .left-box{max-width: 7rem} .banner .dots-box{bottom: .3rem} /* .Product #Technology .list .bg{display: none;} */ .Product #Technology .list .bg img:nth-of-type(1){display: none;} .Product #Technology .list .bg img:nth-of-type(2){display: block;} .Product #Technology .list ul li{position: unset;width: 100%;font-size: 0;margin-bottom: .3rem;} .Product #Technology .list ul li .box{display: block;transform: translateX(0%);right: 0;top: 0;left: auto;width: calc(100% - 2rem);height: 100%;padding: .3rem;} .Product #Technology .list ul li .img{width: 1.7rem;} .Product #Technology .list ul li .name{width: 1.7rem;} .Product #Technology .list ul li .box:before{display: none;} .Product #Pipeline .list{overflow-y: hidden;padding: .3rem 0;} .Product #Pipeline .list ul{width: 15rem;} .Product #Pipeline .list ul li .box .more .casket{padding: .3rem;} .News .hot .slider li .img{width: 50%} .News .hot .slider li .box{width: calc(100% - 50% - .3rem);margin-left: .3rem;} .News .list ul li .box {max-width: 5.6rem;margin: 0 0.3rem;} .Welfare .list2 ul li:nth-of-type(1){position: unset;} .Welfare .list2 ul li:nth-of-type(2){position: unset;} .Welfare .list2 ul{text-align: center;} } @media screen and (max-width: 768px){ .index-product .box{display: block;} .index-product .box .right-box{margin-top: .3rem;} .About #About .logo{display: none;} .News .hot .slider li{display: block;} .News .hot .slider li .img{width: 100%} .News .hot .slider li .box{margin-top: .3rem;width: 100%;margin-left: 0;} .News .list ul li{display: block;position: relative;margin-bottom: .2rem;padding-bottom: .2rem;} .News .list ul li .img{width: 100%} .News .list ul li .box{max-width: 100%;margin: .2rem 0 0 0;} .News .list ul li .time{position: absolute;left: 0;top: 0;background-color: rgba(255, 255, 255, .50);padding: .2rem;z-index: 3;} .News .list ul li .box .text{margin-top: .2rem;} .News .list ul li .time .ny{color: #666;} .prew .return{float: none;margin-bottom: .2rem;margin-top: 0;margin-left: 0;} .prew .return a{margin: auto;} .Idea .list ul li{display: block;width: 100%;margin-right: 0;margin-bottom: .2rem;} .Idea .list ul li:after{display: none;} .Welfare .list ul li{display: block;width: 100%} .Welfare .list ul li:nth-of-type(4){width: 100%} .Welfare .list ul li:nth-of-type(5){width: 100%} .Welfare .list2 ul li:nth-of-type(1) .img{width: 100%} .Welfare .list2 ul li:nth-of-type(2) .img{width: 100%} .Welfare .list2 ul li:nth-of-type(3) .img{width: 100%} .Welfare .list2 ul li:nth-of-type(4) .img{width: 100%} .Welfare .list2 ul li{display: block;padding: 0;margin-bottom: .2rem;} .Position .list dl{justify-content: space-between;} .Position .list dl dd:nth-of-type(1){width: 60%} .Position .list dl dd:nth-of-type(2){display: none;} .Position .list dl dd:nth-of-type(3){display: none;} .Position .list dl dd:nth-of-type(4){display: none;} .Position .list dl dd:nth-of-type(5){width: 25%} .Position .list ul li .head-box{justify-content: space-between;} .Position .list ul li .head-box .item:nth-of-type(1){width: 60%} .Position .list ul li .head-box .item:nth-of-type(2){display: none;} .Position .list ul li .head-box .item:nth-of-type(3){display: none;} .Position .list ul li .head-box .item:nth-of-type(4){display: none;} .Position .list ul li .head-box .item:nth-of-type(5){width: 25%} .Position .list ul li .box .tips{display: none;} .Contact .mode{padding: .3rem;} .Contact .message{padding: .3rem;margin-top: .3rem;} } @media screen and (max-width: 640px){ .index-news .list .slick-prev{left: .2rem;} .index-news .list .slick-next{right: .2rem;} footer .bottom-box .icp{line-height: 1.5;} #mian{margin-top: 1rem;} header .right-box .search{margin-right: .5rem;} .index-product{padding: .75rem 0;} .index-news .text{line-height: 1.5;} .About #Vision .list ul li{display: block;width: 100%;height: auto;padding: .3rem;} .Product #Technology .list ul li .img{width: 100%} .Product #Technology .list ul li .name{width: 100%} .Product #Technology .list ul li .box{margin-top: .2rem;padding: .2rem;position: unset;width: 100%} .Product #Technology .list ul li .casket P{margin-top: .1rem;} .column-banner .title .en{font-size: .6rem;} .public-title .en{font-size: .6rem;} } /* 2023.7.26 */ /* 弹窗 */ .videoMask { position: fixed; z-index: 999; background: rgba(0, 0, 0, 0.6); left: 0; top: 0; width: 100%; height: 100%; display: none; } .videoMask .videoBox { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70%; max-width: 94%; } .videoMask .videoBox video { width: 100%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .videoMask .videoBox .close { position: absolute; right: -40px; top: 5px; padding: 14px; z-index: 10; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border: 1px solid #fff; } .videoMask .videoBox .close:before, .videoMask .videoBox .close:after { content: ""; position: absolute; width: 50%; left: 25%; top: 50%; border-bottom: 3px solid #fff; } .videoMask .videoBox .close:before { transform: rotate(45deg); } .videoMask .videoBox .close:after { transform: rotate(-45deg); } .video_click{ cursor: pointer; } @media (max-width: 1459px){ .videoMask .videoBox .close { right: -45px; padding: 18px; } } @media (max-width: 680px){ .videoMask .videoBox{ width: 90%; } .videoMask .videoBox .close { right: -5px; padding: 12px; top: -5px; } } .base_hover .imgbox{ overflow: hidden; } .base_hover .imgbox img{ transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } .base_hover:hover .imgbox img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } @keyframes myscale { from { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } to { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } } @keyframes downM { 0% { opacity: 0; transform: translateY(-100px) } 100% { opacity: 1; transform: translateY(0) ; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } .base_banner { position: relative; } .base_banner .pc { display: block; } .base_banner .move { display: none; } .base_banner .imgbox { overflow: hidden; } .base_banner img { animation: myscale 6s infinite; -webkit-animation: myscale 6s infinite; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; max-width: 100%; } .base_banner .text { position: absolute; left: 0; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); width: 100%; } .base_banner .cn { font-size: 50px; color: #fff; font-weight: 700; opacity: 0; -webkit-animation: downM 2s linear 0.5s forwards; -moz-animation: downM 2s linear 0.5s forwards; animation: downM 2s linear 0.5s forwards; } .swicths { display: flex; height: 80px; margin-top: -79px; position: relative; background-color: rgba(255, 255, 255, .22); } .swicths .switch { font-size: 16px; color: #ffffff; line-height: 1; text-align: center; display: flex; align-items: center; flex-direction: column; justify-content: center; flex: 1; } .swicths .icon { height: 35px; width: 100%; position: relative; } .swicths .icon img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); max-height: 100%; } .swicths .switch_tit { font-size: 16px; margin-top: 5px; font-weight: bold; } .swicths .switch .img1{ display: block; } .swicths .switch .img2{ display: none; } .swicths .switch:hover, .swicths .switch.cur { background-color: #fff; color: #1ba3d5; } .swicths .switch:hover .img1, .swicths .switch.cur .img1{ display: none; } .swicths .switch:hover .img2, .swicths .switch.cur .img2{ display: block; } .about01 { position: relative; padding: 130px 0 140px; } .about01 .content { display: flex; justify-content: space-between; align-items: flex-end; } .about01 .content .left { width: 52%; } .about01 .content .right { width: 42%; } .about01 .right .imgbox { height: 100%; position: relative; } .about01 .right .vide_btn{ background-image: url(../images/icon01.png); width: 54px; height: 54px; background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); cursor: pointer; } .about01 .right img { /* height: 100%; */ width: 100%; object-fit: cover; } .t_box1 { position: relative; } .t_box1 .tit1_cn { font-size: 48px; color: #333333; position: relative; } .t_box1 .tit1_en { font-size: 150px; color: rgba(228, 243, 247, .5); margin-top: -125px; text-transform: uppercase; white-space: nowrap; } .about01 .edit2 { margin-top: 20px; } .about01 .mySwiper{ position: relative; padding-right: .1rem; max-height: 3.5rem; overflow: hidden; } .about01 .mySwiper .swiper-scrollbar-drag{background: #1ba3d5} .edit2, .edit2 * { font-size: 22px; color: #333333; line-height: 1.81; } .about02 { position: relative; background-color: #5b5b5b; } .about02 .bag-list{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;} .about02 .bag-list ul{width: 100%;height: 100%;} .about02 .bag-list ul li{display: none;width: 100%;height: 100%;} .about02 .bag-list ul li img{width: 100%;height: 100%;object-fit: cover;} .about02 .bag-list ul li.on{display: block;} .about02 .content { position: relative; display: flex; z-index: 33; } .about02 .left { width: 26%; padding-top: 120px; } .about02 .right { flex: 1; } .about02 .tit1_cn { font-weight: 700; color: #fff; } .about02 .tit1_en { position: absolute; left: 0; top: 0; white-space: nowrap; color: rgba(255, 255, 255, .05); margin-top: -75px; } .list1 { display: flex; height: 800px; width: 100%; border-left: 1px rgba(255, 255, 255, 0.4) solid; } .list1 .item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; border-right: 1px rgba(255, 255, 255, 0.4) solid; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; position: relative; padding: 1.2rem 0.4rem; } .list1 .con { display: inline-block; width: 100%; text-align: center; position: relative; } .list1 .tit { font-size: 30px; color: #ffffff; margin-top: 25px; } .list1 .item .desc { opacity: 0; font-size: 20px; line-height: 1.5; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; margin-top: 20px; color: #fff; position: absolute; top:100%; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); width: 95%; } .list1 .item.cur .desc { opacity: 1; transition-delay: 0.5s; } .list1 .item.cur { flex: 1.81; } .list1 .item img { transition: all 0.5s; width: 70px; } .list1 .item.cur img { width: 95px; } .about03 { background-color: #fafafa; padding: 150px 0 120px; } .about03 .tit1_cn { font-weight: 700; color: #333333; position: relative; } .about03 .tit1_en { color: rgba(228, 243, 246, .5); } .base_swiper .swiper_btn { width: 50px; height: 50px; position: absolute; cursor: pointer; top: 50%; margin-top: -25px; margin-left: -25px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; z-index: 20; text-align: center; line-height: 50px; background-color: #ffffff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid #1ba3d5; } .base_swiper .swiper_btn::before { content: ''; display: inline-block; vertical-align: middle; width: 0.6em; height: 0.6em; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); } .base_swiper .swiper_btn.prev::before { border-bottom: 4px solid #1ba3d5; border-right: 4px solid #1ba3d5; margin-left: 6px; } .base_swiper .swiper_btn.next::before { border-top: 4px solid #1ba3d5; border-left: 4px solid #1ba3d5; margin-right: 6px; } .base_swiper .swiper_btn.prev { left: -50px;margin-left: 0; } .base_swiper .swiper_btn.next { right: -50px;margin-left: 0; } .base_swiper .swiper_btn:hover{ background-color: #1ba3d5; } .base_swiper .swiper_btn:hover::before{ border-color: #fff; } .about03 .section1{ margin-top: 20px; /* overflow: hidden; */ } .section1{ position: relative; } .section1::before{ content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); background-color: #1ba3d5; width: 100%; height: 3px; } .section1 .item{ display: flex; justify-content: center; align-items: center; position: relative; } .section1 .tit{ font-size: 18px; color: #333333; line-height: 1.33; text-align: center; height: 48px; display: flex; } .section1 .time{ font-size: 30px; color: #333333; line-height: 1.3; } .section1 .icon img{border: 3px solid #1ba3d5} .section1 .icon img{ height: 120px; width: calc(100% - 6px); } .section1 .swiper-slide:nth-child(2n+1){ padding-bottom:240px; } .section1 .swiper-slide:nth-of-type(even) .actbox::before{background: #1ba3d5} .section1 .swiper-slide:nth-child(2n+1) .item{ flex-direction: column; } .section1 .swiper-slide:nth-child(2n+1) .time{ padding-bottom: 20px; } .section1 .swiper-slide:nth-child(2n+1) .icon{ padding-bottom: 15px; } .section1 .swiper-slide:nth-child(2n+1) .tit{ align-items:flex-end; } .section1 .swiper-slide:nth-child(2n+1) .actbox{ bottom: -10px; } .section1 .swiper-slide:nth-child(2n){ padding-top:240px; } .section1 .swiper-slide:nth-child(2n) .item{ flex-direction: column-reverse; } .section1 .swiper-slide:nth-child(2n) .time{ padding-top: 20px; } .section1 .swiper-slide:nth-child(2n) .icon{ padding-top: 15px; } .section1 .swiper-slide:nth-child(2n) .tit{ align-items:flex-start; } .section1 .swiper-slide:nth-child(2n) .actbox{ top: -10px; } .section1 .actbox{ width: 25px; height: 25px; background-color: #1ba3d5; position: absolute; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .section1 .actbox::before{ content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); background-color: #fff; width: 50%; height: 50%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .about04{ background-color: #ffffff; padding: 150px 0 120px; } .about04 .tit1_cn { font-weight: 700; color: #333333; position: relative; z-index: 1; } .about04 .tit1_en { color: rgba(228, 243, 246, .5); } .about04 .edit2{ margin-top: 40px; } .about04 .list4{ margin-top: 60px; } .list4{ padding-bottom: 29.9%; position: relative; } .list4 .imgbox{ width: 100%; height: 100%; } .list4 .imgbox img{ width: 100%; height: 100%; object-fit: cover; } .list4 .item{ position: absolute; width: 33%; } .list4 .item:nth-child(1){ left: 0; height: 100%; } .list4 .item:nth-child(2){ left: 33.5%; height: 49.25%; } .list4 .item:nth-child(3){ top: 51%; left: 33.5%; height: 49.25%; } .list4 .item:nth-child(4){ right: 0; height: 100%; } @media (max-width: 1459px){ .base_banner .cn { font-size: 48px; } .t_box1 .tit1_en { font-size: 120px; margin-top: -100px; } .about01 { padding: 100px 0; } .about02 .tit1_en { margin-top: -65px; } .t_box1 .tit1_cn { font-size: 36px; } .list1 .tit { font-size: 24px; } .list1 .item.cur img { width: 70px; } .list1 .item img { width: 50px; } .list1 { height: 700px; } .about03 { padding: 120px 0 80px; } .section1 .swiper-slide:nth-child(2n+1) { padding-bottom: 190px; } .section1 .swiper-slide:nth-child(2n) { padding-top: 190px; } .about04 { padding: 100px 0 80px; } .section1 .icon img { height: 70px; } } @media (max-width: 1280px){ .base_banner .cn { font-size: 36px; } .t_box1 .tit1_en { font-size: 80px; margin-top: -70px; } .t_box1 .tit1_cn { font-size: 30px; } .edit2, .edit2 * { font-size: 18px; } .about01 { padding: 80px 0 60px; } .list1 { height: 600px; } .about02 .tit1_en { margin-top: -30px; } .section1 .time { font-size: 24px; } .section1 .tit { font-size: 14px; height: 38px; } #History .section1 .tit { font-size: 14px!important; height: 48px!important; } .section1 .swiper-slide:nth-child(2n+1) .icon { padding-bottom: 10px; } .section1 .swiper-slide:nth-child(2n) .icon { padding-top: 10px; } .section1 .swiper-slide:nth-child(2n) { padding-top: 180px; } .section1 .swiper-slide:nth-child(2n+1) { padding-bottom: 180px; } .about04 { padding: 80px 0 60px; } .about04 .list4 { margin-top: 40px; } .about04 .edit2 { margin-top: 20px; } .base_swiper .swiper_btn.prev{ left: 25px; } .base_swiper .swiper_btn.next{ right: 0; } .about03 { padding: 100px 0 60px; } } @media (max-width: 1024px){ .t_box1 .tit1_en { font-size: 48px; margin-top: -40px; } .t_box1 .tit1_cn { font-size: 24px; } .about01 { padding: 60px 0 40px; } .list1 .item.cur img { width: 50px; } .list1 .item img { width: 40px; } .list1 { height: 500px; } .about03 { padding: 60px 0 40px; } .about04 { padding: 60px 0 40px; } .list1 .tit { font-size: 20px; } .list1 .item .desc{ font-size: 18px; } .edit2, .edit2 * { font-size: 16px; } } @media (max-width: 768px){ .about01 .content { flex-wrap: wrap; } .about01 .content .left { width: 100%; } .about01 .content .right { width: 100%; margin-top: 10px; } .list1 .item { padding: 1.2rem 15px; } .list1 .tit { font-size: 18px; } .list1 .item .desc { font-size: 14px; } .list1 { height: 400px; } .base_banner .cn { font-size: 24px; } .edit2, .edit2 * { font-size: 14px; } .about04 .list4 { margin-top: 20px; } } @media (max-width: 640px){ .base_banner img { height: 250px; } .base_banner .cn { font-size: 20px; } .swicths .icon { height: 20px; background-size: 20px; } .swicths { height: 45px; margin-top: -45px; } .swicths .switch_tit { font-size: 12px; } .about01 { padding: 30px 0; } .t_box1 .tit1_en { font-size: 36px; margin-top: -30px; } .t_box1 .tit1_cn { font-size: 18px; } .about01 .edit2 { margin-top: 10px; } .about01 .right .vide_btn { width: 25px; height: 25px; } .section1 .icon img { height: 50px; } .section1 .time { font-size: 18px; } .section1 .actbox { width: 20px; height: 20px; } .section1 .swiper-slide:nth-child(2n+1) { padding-bottom: 141px; } .section1 .swiper-slide:nth-child(2n) { padding-top: 141px; } .base_swiper .swiper_btn { width: 40px; height: 40px; margin-top: -20px; } .about03 { padding: 30px 0; } .about04 { padding: 30px 0; } .about04 .edit2 { margin-top: 10px; } .about04 .list4 { margin-top: 10px; } .about02 .content { flex-wrap: wrap; } .about02 .left { padding-top: 40px; width: 20%; } .about02 .tit1_en { margin-top: -15px; } .list1 .item img { width: 30px; } .list1 .tit { font-size: 12px; margin-top: 15px; } .list1 .item { padding: 15px 5px; } .list1 .item.cur img { width: 40px; } .list1 .item .desc { margin-top: 10px; font-size: 12px; } .list1 { height: 250px; } .about02 .tit1_cn { white-space: nowrap; } } /* 管线产品 */ .peline01{ padding: 100px 0 40px; background-image: url(../images/peline01_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .t_box2{ text-align: center; position: relative; } .t_box2 .tit1_en{ font-size: 150px; color: rgba(228, 243, 247, .5); text-transform: uppercase; line-height: 1; } .t_box2 .tit1_cn{ font-size: 48px; color: #333333; /* position: absolute; left: 50%; bottom:20%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); */ } .peline01 .t_box2{ margin-bottom: 30px; } .peline01 .edit2{ text-align: center; } .peline01 .list3{ padding-bottom: 90px; } .list3 .item{ display: flex; margin-top: 70px; } .list3 .item .imgbox{ width: 49.3%; background-color: #ffffff; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; overflow: hidden; position: relative; padding-bottom: 30%; } .list3 .item img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); max-height: 100%; } .list3 .item .text{ flex: 1; padding-top: 50px; } .list3 .tit{ font-size: 36px; color: #333333; padding-bottom: 40px; position: relative; text-align: left; } .list3 .tit::before{ content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 90px; height: 2px; background-color: #1ba3d5; } .list3 .item:nth-child(2n+1) .text{ padding-left: 5%; } .list3 .item:nth-child(2n) .text{ padding-right: 5%; } .list3 .item:nth-child(2n){ flex-direction: row-reverse; } .list3 .edit2{ text-align: left; margin-top: 40px; } /* 产品管线 */ .Product #Pipeline .list ul li .top-box{ position: relative; } .Product #Pipeline .list ul li .box{ align-items: center; } .Product #Pipeline .list ul li { position: relative; } .Product #Pipeline .list ul li:nth-child(2n)::before{ content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; background-color: rgba(255, 255, 255, .5); /* border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; */ height: 100%; } .Product #Pipeline .list ul li .box:first-child{ justify-content: center; } .Product #Pipeline .list ul li:last-child .box{ height: 0.95rem; } /* .Product #Pipeline .list ul li .box:last-child { margin-right: 20px; } */ @media (max-width: 1459px){ .peline01 { padding: 80px 0 20px; } .t_box2 .tit1_cn { font-size: 36px; } .t_box2 .tit1_en { font-size: 120px; } .list3 .tit { font-size: 28px; } .list3 .edit2 { margin-top: 20px; } .list3 .item { margin-top: 40px; } .list3 .item .text { padding-top: 40px; } .peline01 .list3{ padding-bottom: 70px; } } @media (max-width: 1280px){ .t_box2 .tit1_en { font-size: 64px; } .list3 .tit { font-size: 24px; padding-bottom: 20px; } .peline01 { padding: 40px 0 10px; } .list3 .item { margin-top: 30px; } .peline01 .list3 { padding-bottom: 50px; } } @media (max-width: 1024px){ .t_box2 .tit1_en { font-size: 36px; } .t_box2 .tit1_cn { font-size: 24px; } .peline01 .list3 { padding-bottom: 40px; } } @media (max-width: 768px){ .t_box2 .tit1_en { font-size: 30px; } .t_box2 .tit1_cn { font-size: 22px; } .peline01 { padding: 20px 0 10px; } .list3 .item { flex-wrap: wrap; margin-top: 15px; } .list3 .item .imgbox { width: 100%; padding-bottom: 55%; } .list3 .item .text { width: 100%; padding: 5% 0 0 !important; } .list3 .tit { font-size: 18px; padding-bottom: 15px; } .list3 .edit2 { margin-top: 10px; } .peline01 .list3 { padding-bottom: 20px; } } /* 联系我们 */ .tant01{ } .tant01 .content{ display: flex; background-color: #ffffff; box-shadow: 0 0 15px rgba(0, 0, 0, .05); } .tant01 .tit{ font-size: 34px; color: #000003; margin-bottom: 30px; } .tant01 .content .left{ padding: 6.5%; flex: 1; } .tant01 .content .right{ width: 49%; } .tant01 .imgbox{ height: 100%; } .tant01 .imgbox img{ height: 100%; width: 100%; } .Contact .message{ } .public-bg{ background-image: unset; } .tant01 .edit2, .tant01 .edit2 *{ font-size: 20px; } @media (max-width: 1459px){ .tant01 .tit { font-size: 28px; margin-bottom: 25px; } } @media (max-width: 1024px){ .tant01 .content .left { padding: 4.5%; flex: 1; } .tant01 .content .right { width: 64%; } .tant01 .tit{ font-size: 24px; } } @media (max-width: 768px){ .tant01 .content{display: block;} .tant01 .content .right { width: 100%; opacity: 1; position: initial; } .tant01 .content .left{ position: relative; z-index: 2; } /* .tant01 .content .right { position: absolute; right: 0; top: 0; bottom: 0; opacity: .5; } */ .tant01 .content { position: relative; } .tant01 .edit2, .tant01 .edit2 *{ font-size: 16px; } .tant01 .tit{ font-size: 20px; } } @media (max-width: 640px){ .tant01 .content .right { width: 100%; opacity: 0; } .tant01 .edit2, .tant01 .edit2 *{ font-size: 14px; } .tant01 .tit{ font-size: 18px; } .public-bg{ padding-bottom: 20px; } } .list1 .item .ig2, .list1 .item.cur .ig1{ display: none; } .list1 .item.cur .ig2{ display: block; margin: 0 auto; } .about03 .section1 { margin-top: 50px; } .section1 .tit { font-size: 15px; } .section1 .swiper-slide .icon{ width: 100%; } .section1 .swiper-slide .icon img{ object-fit: cover; } .section1::before { width: 110%; } .base_swiper .swiper_btn.prev { left: -80px; } .base_swiper .swiper_btn.next { right: -80px; } @media (max-width: 1459px){ .section1::before { width: 100%; } .base_swiper .swiper_btn.next { right: -45px; } .base_swiper .swiper_btn.prev { left: -45px; } } @media (max-width: 1280px){ .base_swiper .swiper_btn.prev { left: 0; } .base_swiper .swiper_btn.next { right: 0px; } } @media (max-width: 640px){ .section1 .icon img { height: 68px; } .section1 .swiper-slide .icon img { object-fit: cover; } .section1 .swiper-slide:nth-child(2n) .actbox { top: 3px; } .section1 .swiper-slide:nth-child(2n+1) .actbox { bottom: 2px; } .section1 .tit { font-size: 12px; } .section1 .time { font-size: 16px; } }