.root-w-1280 .auto{max-width: 1280px;} /*Top0031981111 */ /*Top003198 */ .Top003198{position:fixed;z-index:999;left:0;top:0;width:100%;background-color:rgba(255,255,255,1);box-shadow:0 0 10px rgba(0,0,0,0.1);} .Top003198 menu li span{display:block;} .Top003198 menu li span a{display:block;position:relative;z-index:1;} .Top003198 menu li span a:after{position:absolute;content:'';left:0;bottom:0;height:2px;background-color:#e60012;transition:0.3s;} .Top003198 menu li:hover span a:after, .Top003198 menu li.aon span a:after{width:100%;} .Top003198 menu li a:hover, .Top003198 menu li.aon span a{color:#e60012;} .Top003198 li .sub .pic .Ispic{padding-bottom:calc(400 / 310 * 100%);background-color:#eee;} .Top003198 li#m12 .sub .dt_{display:none;} .Top003198 li dt a img{max-width: calc(18 / 16 * 1em);display: inline-block;margin-right: 10px;} .Top003198 .top-right dd{float:left;font-size:calc(16 / 16 * 1em);padding:calc(50 / 16 * 1em) 0 calc(30 / 16 * 1em);} .Top003198 .top-right dd:not(:first-child){margin-left:1.25vw;} .Top003198 .top-zj i, .Top003198 .top-language i{ display:block;background:url(../images/lang.svg) no-repeat center;height:calc(30 / 16 * 1em); width:calc(30 / 16 * 1em); cursor:pointer; position: relative; z-index: 1; background-size: auto calc(18 / 16 * 1em);} .Top003198 .top-zj i{background-image:url(../images/zj.svg) ;} .Top003198 .top-language i.on{background-image:url(../images/lang-on.svg) ;} .Top003198 .top-zj i.on{background-image:url(../images/zj-on.svg) ;} .Top003198 .top-zj figure, .Top003198 .top-language figure{ position:absolute; top:100%; left:0; background:rgba(243, 246, 250, 0.98); width:100%; line-height:calc(40 / 16 * 1em); display:none;padding: calc(40 / 1920 * 100vw); box-shadow: 0 5px 5px rgba(0,0,0,0.1);} .Top003198 .top-language .flex{ display:flex; flex-wrap: wrap;} .Top003198 .top-language span{ text-align:center; color:#333; line-height: calc(40 / 16 * 1em); display:flex; align-items: center; text-transform: uppercase; justify-content: center; width: 20%; margin: 10px 0; } .Top003198 .top-language span img, .Top003198 .top-zj span img{width: 32px; margin-right: 1vw;} .Top003198 .top-zj .flex{display: flex; align-items: center;} .Top003198 .top-zj .sub-left{padding:0 4% 0 12%; width: 50%;} .Top003198 .top-zj .sub-right{padding:0 12% 0 4%; width: 50%;} .Top003198 .top-zj .sub-left span{padding: 1em 0;position: relative; display: block; padding-right: 50px;} .Top003198 .top-zj .sub-left span:not(:last-child){border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .Top003198 .top-zj .sub-left span::after{position: absolute;top:2em;right: 15px;content: '';width: calc(10 / 16 * 1em);height: calc(10 / 16 * 1em);transform: rotate(45deg);border-top: 2px solid rgba(0, 0, 0, 0.1);border-right: 2px solid rgba(0, 0, 0, 0.1);margin-left: calc(18 / 16 * 1em); } .Top003198 .top-zj .sub-left span a:hover{color: #2e3092;} .Top003198 .top-zj .sub-left span:hover::after{ border-color: #2e3092;} .Top003198 .top-zj a:hover, .Top003198 .top-language a:hover{color:#2e3092; } .Top003198 .search{ position:relative; z-index:100;} .Top003198 .open-search{ background:url(../images/search.svg) no-repeat center center; width:calc(30 / 16 * 1em); height:calc(30 / 16 * 1em);display:block; background-size:auto calc(18 / 16 * 1em); position: relative;} .Top003198 .top-search{ position:absolute; top:100%; right:0; z-index:100; border:1px solid #b4b4b4; background:rgba(0,0,0,0.2); } .Top003198 .top-search .text{width:calc(254 / 16 * 1em);line-height:calc(46 / 16 * 1em);height:calc(46 / 16 * 1em); color:#fff; padding:0 calc(46 / 16 * 1em) 0 calc(12 / 16 * 1em); background: none; font-size: 1em;} .Top003198 .top-search .btn{ position:absolute; right:0; top:0; height:calc(46 / 16 * 1em); width:calc(46 / 16 * 1em); background:url(../images/search-white.svg) no-repeat center;background-size:auto 40%; } .Top003198 .top-search .btn::before{position: absolute; content: '';border: 8px solid transparent; border-bottom-color:#b4b4b4;top: -16px;right: 4px;} .search-show .Top003198 .top-search{display: block;} .Top003198 .open-search.on:before, .Top003198 .open-search.on:after{background:#2e3092;} @media (min-width:1025px){ .Top003198 .logo{display:table;height:calc(110 / 16 * 1em);padding-top:calc(10 / 16 * 1em) } .Top003198 .logo a{display:table-cell;vertical-align:middle;} .Top003198 .logo img{max-height:calc(50 / 16 * 1em);} .Top003198 menu li{float:left;margin-right:calc(60 / 1920 * 100vw);} .Top003198 menu li{position:inherit} .Top003198 menu li span{line-height:calc(90 / 16 * 1em);padding-top: calc(20 / 16 * 1em);} .Top003198 li .sub{position: absolute; top: 100%; background-color:#fff;width: 154px; padding: calc(10 / 16 * 1em); box-shadow: 0 5px 5px rgba(0,0,0,0.1); transform: translate(-50%, 0); left: 50%; margin: 0;} .Top003198 li .sub dl{background: none;} .Top003198 li .sub dt{text-align: center;line-height: 1.5;padding:5px 0} .Top003198 li .sub .sub-intro{ max-width: 1280px; margin: 0 auto; display: flex; align-items: center;} .Top003198 li .sub .sub-left{padding:0 4% 0 12%; width: 50%;} .Top003198 li .sub .sub-right{padding:0 12% 0 4%; width: 50%;} .Top003198 li .prod-sub{left: 0!important;width: 100%!important;margin-left: 0!important;transform: translate(0, 0);background: rgba(243, 246, 250, 0.98);padding: calc(40 / 1920 * 100vw) 0 } .Top003198 li .prod-sub dl{text-align: center; padding: 0; display: flex;flex-wrap: wrap;} .Top003198 li .prod-sub dt{float: left; text-align: left; width: 30%;margin-bottom:calc(30 / 1920 * 100vw); font-size: 15px; } .Top003198 li .prod-sub dt:not(:nth-child(3n)){margin-right: 4%} .Top003198 li .sub .sub-left dt{float:none; width:100%; margin-right: 0;margin-bottom:0} .Top003198 li .sub .sub-left dt+dt{padding-top: 1em; margin-top: 1em; border-top: 1px solid rgba(0, 0, 0, 0.1);} .Top003198 li .sub .sub-left dt h4 a{position: relative; display: block; padding-right: 50px;} .Top003198 li .sub .sub-left dt h4 a::after{position: absolute;top:5px;right: 15px;content: '';width: calc(10 / 16 * 1em);height: calc(10 / 16 * 1em);transform: rotate(45deg);border-top: 2px solid rgba(0, 0, 0, 0.1);border-right: 2px solid rgba(0, 0, 0, 0.1);margin-left: calc(18 / 16 * 1em); } .Top003198 li .sub .sub-left dt h4:hover a{color: #2e3092;} .Top003198 li .sub .sub-left dt h4:hover a::after{ border-color: #2e3092;} .Top003198 li .prod-sub dl.jjfa{width: 46%;float: left;} .Top003198 li .prod-sub dl.jjfa:first-child{margin-right: 8%;} .Top003198 li .prod-sub dt .name{border-bottom: 1px solid rgba(0, 0, 0, 0.08);margin-bottom:calc(10 / 1920 * 100vw);position: relative; } .Top003198 li .prod-sub dt .name::after {position: absolute;top: 50%;right: 15px;content: '';width: calc(10 / 16 * 1em);height: calc(10 / 16 * 1em);transform: rotate(45deg);border-top: 2px solid rgba(0, 0, 0, 0.1);border-right: 2px solid rgba(0, 0, 0, 0.1);margin-left: calc(18 / 16 * 1em); margin-top: calc(-12 / 16 * 1em);} .Top003198 li .prod-sub dt h4{color: #333;font-weight: normal;margin: 0;} .Top003198 li .prod-sub dt h4 a{color: #333;} .Top003198 li .prod-sub dt h4:hover a{color: #2e3092;} .Top003198 li .prod-sub dt h4:hover::after{ border-color: #2e3092;} .Top003198 li .prod-sub dt .tab-label{line-height: 2; } .Top003198 li .prod-sub dt .tab-label a{color: #949494;line-height:calc(34 / 15 * 1em);display:block;font-size:calc(13 / 15 * 1em) } .Top003198 li .prod-sub dt a:hover{color: #2e3092;} .Top003198 .sub-right .pic {display: block; padding-bottom: 67.86%;} .Top003198 li#m4 .sub .sub-left{float: none;width: 100%;} .Top003198 li#m4 .prod-sub dt{width: 16%; border-top: none; margin-top: 0; padding-top: 0; margin-bottom:calc(30 / 1920 * 100vw); } .Top003198 li#m4 .prod-sub dt:not(:nth-child(5n)){margin-right: 4%} .Top003198 li#m4 .prod-sub dt h4{padding-bottom: calc(10 / 15 * 1em)} .Top003198 li#m4 .prod-sub dt aside:nth-child(3)~aside:not(.more){display: none} } .Top003198 dl a:hover{color:#2e3092;} @media (max-width:1024px){ .Top003198{padding:15px 0;} .Top003198 .logo{float:left;width:40%;} .Top003198 .top-right{float:right;width:auto;margin-top:5px} .Top003198 .top-right dd{padding: 0} .Top003198 .top-right dd:not(:first-child){margin-left: 15px} .Top003198 .top-right dd.search{margin-right: 15px;} .Top003198 .top-hotline,.Top003198 header:after{display:none;} .Top003198 .top-search{top:200%} .Top003198 header{display:flex;justify-content:space-between;align-items:center;height:calc(70 / 16 * 1em);} .Top003198 .logo img{max-height:calc(44 / 16 * 1em);} .Top003198 menu{position:fixed;left:-100%;top:calc(70 / 16 * 1em);height:calc(100% - (70 / 16 * 1em));background-color:#fff;opacity:0;transition:0.5s;box-shadow:0 5px 5px rgba(0,0,0,0.1);width:50vw;max-width:240px;} .menu-show .Top003198 menu{left:0;opacity:1;} .Top003198 menu ul{height:100%;overflow:auto;} .Top003198 menu li{border-bottom:1px dotted #eee;} .Top003198 menu li span{line-height:50px;padding-left:20px;font-size:18px} .Top003198 menu li.has-sub span .op:before,.Top003198 menu li.has-sub span .op:after{background-color:#2e3092;} .Top003198 li .sub{background-color:#eee;} .Top003198 li .sub .pic{display:none;} .Top003198 li .sub dl{padding: 0 0 0 10px} .Top003198 li .sub dt{text-align: left} .Top003198 li .sub dt h4{margin:0; padding: 0; font-size: 16px; font-weight: normal} .Top003198 li .sub .sub-intro{padding: 10px 0} .Top003198 li .sub .tab-label{display: none; padding: 10px 0} .Top003198 li .sub .tab-label aside{padding: 0 0 0 30px; font-size: 14px;} .Top003198 .open-menu{width:calc(36 / 16 * 1em);height:calc(30 / 16 * 1em);display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;transition:0.3s;} .Top003198 .open-menu span{display:block;transition:0.3s;height:2px;background-color:#000;} .menu-show .Top003198 .open-menu{border-radius:50%;background-color:#2e3092;padding:calc(9 / 16 * 1em);height:calc(30 / 16 * 1em);} .menu-show .Top003198 .open-menu span{background-color:#fff;height:1px;} .Top003198 .top-zj .sub-left{width: 100%; padding: 0} .Top003198 .top-zj .sub-right{display: none} } /*Banner003192 */ .Banner003192{position: relative; background: #000;} @media (min-width:1025px) { .Banner003192 .wap{display: none;} .Banner003192 .pc{height:550px;} } @media (max-width:1024px) { .Banner003192 .pc{display: none;} } .Banner003192 li.slick-slide{position: relative;} .Banner003192 [class*=txt-style-]{position: absolute; top: 0;color: #fff;z-index: 10;} .Banner003192 .tit{font-size: calc(48 / 1920 * 100vw); margin-bottom:calc(20 / 48 * 1em); transition: 0.3s; font-weight: bold; letter-spacing:5px;} .Banner003192 .sub-tit{font-size: calc(22 / 1920 * 100vw); line-height: 1.2; transition: 0.3s 0.3s; letter-spacing: 4px;} .Banner003192 .txt-style-1{text-align: center; top:0;left: 0;width: 100%; height: 100%;} .Banner003192 .txt-style-1 .ytable{height:100%;} .Banner003192 .open-video{ position: relative; display:inline-block; cursor: pointer; z-index: 10; margin-bottom: calc(60 / 1920 * 100vw); cursor: pointer;transform: translateY(30px); opacity: 0;transition: 0.3s;} .Banner003192 .open-video i{ display: block; width:calc(60 / 16 * 1em); height:calc(60 / 16 * 1em); border-radius: 50%; background:#fff url(../images/icon-play.svg) no-repeat center center; background-size: calc(24 / 16 * 1em);position: relative; z-index: 4; } .Banner003192 .open-video:before, .Banner003192 .open-video:after { position: absolute; content: ''; border-radius: 50%; background: #fff; opacity: 0.1; -webkit-opacity: 0.1; animation: scale 3s infinite; -webkit-animation: scale 3s infinite;} .Banner003192 .open-video:before { left: -25px; top: -25px; bottom: -25px; right: -25px; animation-delay: 0.3s; } .Banner003192 .open-video:after { left: -50px; top: -50px; bottom: -50px; right: -50px; } .Banner003192 .txt-style-1 .tit{transform: translateY(30px); opacity: 0; transition-delay: 0.3s; text-shadow:0 0 5px rgba(0, 0, 0, 0.1);} .Banner003192 .txt-style-1 .sub-tit{letter-spacing: calc(9 / 1920 * 100vw); transform: translateY(30px); opacity: 0;transition-delay: 0.6s;} .Banner003192 .ani-show .open-video, .Banner003192 .ani-show .txt-style-1 .tit, .Banner003192 .ani-show .txt-style-1 .sub-tit{transform: translateY(0); opacity: 1;} .video-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.85);} .video-box .close{ cursor:pointer; width:40px; height:40px; position:fixed; z-index:4; right:20px; top:20px;} .video-box .close::before, .video-box .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);} .video-box .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);} .video-box .ytable{height: 100%;} .video-box .ytable-cell{ text-align:center;} .video-box video{ width:90%; max-width:900px;} .Banner003192 .slick-pages{display: none; position: absolute;left: calc(320 / 1920 * 100vw); bottom: calc(66 / 960 * 100%);color: #fff;z-index: 20;font-size: calc(20 / 1920 * 100vw);} .Banner003192 .slick-dots{position: absolute;right: calc(320 / 1920 * 100vw);bottom: calc(66 / 960 * 100%);z-index: 20;} .Banner003192 .slick-dots li{float: left;width: calc(30 / 1920 * 100vw); height: 3px; background-color: rgba(255, 255, 255, 1); opacity: 0.5; margin-left: 10px;} .Banner003192 .slick-dots li button{display: none;} .Banner003192 .slick-dots li.slick-active{opacity: 1;} .Banner003192 .mouse{position: absolute; background: url(../images/Banner003192_mouse.svg) no-repeat center; width: 22px;height: 34px;background-size: contain; z-index: 30; left: 50%; margin-left: -11px;bottom:calc(58 / 960 * 100%); animation: mouse 2s linear infinite alternate;} @keyframes mouse { 0%{opacity: 1;} 100%{opacity: 0;} } .Hometit{text-align: center; margin-bottom:2.2vw; position:relative;} .Hometit .en{font-size:5vw; line-height: 1; color: #333; position: absolute; left: 0;top: 50%; transform: translateY(-50%); opacity: 0.04; z-index: 1; font-weight: bold; text-align: center; text-transform: uppercase; width: 100%;} .Hometit .cn{font-size: calc(32 / 16 * 1em); line-height: 1; color: #333; letter-spacing:3px; text-indent: -3px;} .Hometit .subtit{color:#777; font-size: calc(18 / 16 * 1em); margin-top:calc(8 / 18 * 1em);} .Hometitle-c{text-align: center;} .Homemore{display: inline-block;color:#999;border: solid 1px #999; line-height: calc(44 / 15 * 1em); padding: 0 calc(12 / 15 * 1em); transition: .3s; font-size: calc(15 / 16 * 1em);} .Homemore::after{display: inline-block;background: url(../images/more2.svg) no-repeat center;background-size:contain;width: calc(12 / 15 * 1em);height: calc(40 / 15 * 1em); vertical-align: middle; content: ''; margin-left:calc(10 / 15 * 1em);transition: .3s; } .Homemore:hover{border-color: #2e3092; color: #2e3092; padding: 0 calc(22 / 15 * 1em);} .Homemore:hover::after{background-image: url(../images/more.svg); margin-left:calc(18 / 15 * 1em);} .Floor003096n{background: #f9f9f9; padding: calc(100 / 1920 * 100vw) 0;} .Floor003096n .number{ position: relative; z-index:10;} .Floor003096n .ul_num{ display: flex;flex-wrap: wrap} .Floor003096n .ul_num li{flex: 1; font-size:calc(26 / 16 * 1em); color:#333; padding:0 1vw; position: relative; text-align: center;} .Floor003096n .ul_num li:not(:last-child){border-right: 1px dashed rgba(0,0, 0, 0.1);} .Floor003096n .ul_num li .icon-img img{height: calc(24 / 16 * 1em);} .Floor003096n .ul_num li .icon-img{width: 100%;text-align: center;margin-bottom: 15px;} .Floor003096n .ul_num li span{font-size:calc(30 / 26 * 1em); padding-right: 10px; color: #2e3092;} .Floor003096n .ul_num li p{font-size:calc(18 / 26 * 1em); margin:5px 0 0;} @media(min-width:1025px){ .Floor003096n .ul_num li:first-child{padding-left: 0;} .Floor003096n .ul_num li:last-child{padding-right: 0;} .Floor003096n .ul_num li:last-child .icon{right: 0;} } @media(max-width:1024px){ .Floor003096n .ul_num li{flex: none; width: 33.3%;margin: 2vw 0} } /*Floor003096*/ .Floor003096{padding: calc(100 / 1920 * 100vw) 0;} .Floor003096 .txt{line-height: 1.75; color: #555; text-align: justify;} .Floor003096 .more{ margin:2.5vw 0 0;} .Floor003096 .video{ position:relative; background:#000; overflow:hidden;} .Floor003096 .pic .Ispic{ display:block; padding-bottom:58.824%; opacity: 0.5;} .Floor003096 .pic img.wap{ display:none;} .Floor003096 .open_video{ left: 50%; top: 50%; transform: translate(-50%, -50%); position:absolute; z-index: 10; color: #fff; text-align: center;} .Floor003096 .open_video span{ position: relative; display:inline-block; cursor: pointer; z-index: 10; } .Floor003096 .open_video span i{ display: block; width:calc(60 / 16 * 1em); height:calc(60 / 16 * 1em); border-radius: 50%; background:#fff url(../images/icon-play.svg) no-repeat center center; background-size: calc(22 / 16 * 1em);position: relative; z-index: 4; } .Floor003096 .open_video span:before, .Floor003096 .open_video span:after { position: absolute; content: ''; border-radius: 50%; background: #fff; opacity: 0.1; -webkit-opacity: 0.1; animation: scale 3s infinite; -webkit-animation: scale 3s infinite; } .Floor003096 .open_video span:before { left: -20px; top: -20px; bottom: -20px; right: -20px; animation-delay: 0.3s; } .Floor003096 .open_video span:after { left: -40px; top: -40px; bottom: -40px; right: -40px; } @media(min-width:1025px){ .Floor003096 .flex{display: flex; align-items: center;} .Floor003096 .video{width:50%;} .Floor003096 .con{width:50%; padding-left: 5vw;} } @media(max-width:1024px){ .Floor003096 .pic .Ispic{ display:none;} .Floor003096 .pic img.wap{ display:block;} } @keyframes scale { 0% { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } 50% { transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); } 100% { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } } @-webkit-keyframes scale { 0% { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } 50% { transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); } 100% { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } } @-ms-keyframes scale { 0% { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } 50% { transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); } 100% { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } } /* product */ .home-product { position: relative; z-index: 1; padding: 5% 0;} .home-product .auto{ position: relative;} .home-product .Hometitle{position: absolute;left: 0;top: 2em;} .home-product .slick-dots{overflow: hidden; margin-top: calc(40 / 16 * 1em);} .home-product .slick-dots li{float: left;width: calc(95% / 5);list-style: none;text-align: center;} .home-product .slick-dots li:not(:nth-child(8n)){margin-right: 1%;} .home-product .slick-dots li:before{display: block;margin: 0 auto;border: 8px solid transparent;border-top: 0; content: '';font-size: 0;width: 0;} .home-product .slick-dots li.slick-active:before{border-bottom-color: #2e3092;} .home-product .slick-dots li div:before{height: 3px;border-bottom: 1px solid rgba(0,0,0,0.1);display: block;content: '';} .home-product .slick-dots li.slick-active div:before{background-color: #2e3092;} .home-product .slick-dots li .icon{padding-top: 38px;} .home-product .slick-dots li .icon img{height: 24px;} .home-product .slick-dots li .tit{margin-top: calc(20 / 17 * 1em);font-size: calc(17 / 16 * 1em);color: #333; padding:0 22px} .home-product .slick-dots li.slick-active .icon .on, .home-product .slick-dots li:not(.slick-active) .icon .off{display: none;} .home-product .slick-dots li.slick-active .tit{color: #2e3092;} .home-product .item .pic{width: 100%;margin: 0 auto;background-size: 52.174% auto;} .home-product .item .Ispic{padding-bottom: 52%;} .home-product .item .tit aside{font-size: calc(26 / 16 * 1em);color: #333;position: relative;font-family: 'HarmonyOS_Sans_SC_Medium';} .home-product .item .tit p{margin: 1.875em 0 3.125em 0;line-height: 1.8;color: #666;font-size: calc(16 / 16 * 1em)} @media (max-width:1024px) { .home-product .Hometitle{position: inherit;top: 0;} .home-product .item .tit aside{ font-size: calc(24 / 16 * 1em);} .home-product .item .tit p{margin: calc(20 / 18 * 1em) 0 calc(30 / 18 * 1em);} .home-product .slick-dots li .tit{padding: 0px 5px} } @media (min-width:641px) { .home-product .item .ytable{table-layout: fixed;} .home-product .item .img{width:50%;} .home-product .item .txt{padding-right: 5%;} } @media (max-width:640px) { .home-product{font-size: 3.5vw; padding: 10% 0;} .home-product .item .ytable, .home-product .item .ytable-cell{display: block;} .home-product .item .pic{padding-bottom: 1vw;} .home-product .slick-dots li .tit{display: none;} .home-product .item .txt{padding: 5% 0;} .home-product .slick-dots{margin-top: 20px} .home-product .slick-dots li .icon{padding-top: 3vw;} .home-product .slick-dots li .icon img{height: 5vw;} .home-product .slick-dots li:before{border-width: 4px;} .home-product .slick-dots li div:before{height: 2px;} } /*Floor003079 */ .Floor003079{ padding: 5% 0; text-align: center; overflow: hidden;background: url(../images/cp_bg.jpg) no-repeat;background-size: cover;} .Floor003079 .nav_name{padding-bottom:3%;list-style: none;} .Floor003079 .nav_name li{color: #5f5d5d; background: #f5f5f5; display: inline-block; list-style: none; font-size: calc(18 / 16* 1em); line-height: calc(40 / 18* 1em); text-align: center;padding: 0 calc(30 / 18* 1em); border-radius: calc(40 / 18* 1em); cursor: pointer; margin: 0 calc(10 / 18* 1em);} .Floor003079 .nav_name li:hover{ background: #2e3092; color: #fff; } .Floor003079 .nav_name li a:hover{color: #fff;} .Floor003079 .tab-dots{overflow: hidden; margin-bottom: calc(40/ 16 * 1em);} .Floor003079 .tab-dots li{background: #efefef; display: inline-block; list-style: none;font-size: calc(18/ 16 * 1em);line-height: calc(40/ 18 * 1em); text-align: center; color: #5f5d5d; padding: 0 calc(30/ 18 * 1em);border-radius: calc(40/ 18 * 1em); cursor: pointer;margin: 0 calc(10/ 18 * 1em);} .Floor003079 .tab-dots li.slick-active{color: #fff;background: #2e3092;} .Floor003079 .slick-list{overflow: inherit;} .Floor003079 .box li{ width: 100%; position: relative; z-index: 1;} .Floor003079 .box li a{display:flex;position: relative; background-color:#fff; align-items: center;} .Floor003079 .box li .pic{ position: relative; padding-bottom:50%;overflow: hidden; transition: all .5s; width: 50%; background:#f3f3f3;} .Floor003079 .box li .pic::after{ position:absolute; content:''; border:14px solid transparent; border-right-color:#fff; right:0; top:50%; transform:translateY(-50%);} .Floor003079 .box li .Ispic{position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; transition: all .5s; } .Floor003079 .box li .con{padding: calc(20/ 16 * 1em); z-index: 10; width: 50%; text-align: center;} .Floor003079 .box li .tit{font-size: calc(20 / 16 * 1em); color: #333;} .Floor003079 .box li .tit::after{display: block; width: 1.5em; height:2px; background:#4682c4; margin: 1em auto; content: '';} .Floor003079 .box li .txt{line-height: 1.75; color: #666;} .Floor003079 .box li .more{width: calc(40 / 16 * 1em); height: calc(40 / 16 * 1em); border: 1px solid #999; border-radius: 50%; margin: 2em auto 0; background: url(../images/more2.svg) no-repeat center; background-size: auto calc(12 / 16 * 1em);} .Floor003079 .box li:hover{ box-shadow:0 5px 15px 0 rgb(0,0,0,0.15); z-index: 10;} .Floor003079 .box li:hover .Ispic{ transform: scale(1.1);} .Floor003079 .box li:hover .tit{ color: #2e3092;} .Floor003079 .box li:hover .tit::after{ background:#2e3092;} .Floor003079 .box li:hover .more{background-color:#2e3092; background-image: url(../images/more-on.svg); border-color:#2e3092;} @media(min-width:1025px){ .Floor003079 .ul{display: flex; flex-wrap: wrap;} .Floor003079 .box li{width:50%;} .Floor003079 .box li:nth-child(3) .pic, .Floor003079 .box li:nth-child(4) .pic{order: 2;} .Floor003079 .box li:nth-child(3) .pic::after, .Floor003079 .box li:nth-child(4) .pic::after{border-right-color:transparent; right:auto; left: 0;border-left-color:#fff;} } @media(max-width:1024px){ .Floor003079{ padding: 5em 0;} .Floor003079 .tab-dots li{ margin: calc(5/ 18 * 1em) calc(10/ 18 * 1em);} .Floor003079 .box li:nth-child(2n){ margin-right: 0; } } /*Floor003129 */ .Floor003129{padding: 5% 0;} .Floor003129 .h-more{float:right;position: relative;z-index: 10;margin-top:20px;} .Floor003129 .list label{border: solid 1px #dedede;font-size: 0.875em;line-height: 2;padding: 0 0.7em;display: inline-block;transition: 0.3s;} .Floor003129 .list a:hover label{border-color: #2e3092; background-color: #2e3092;color: #fff;} .Floor003129 .list .tit{font-size: 1.25em;color: #333333; margin:0 0 0.6em 0; } .Floor003129 .list li:hover .tit{color:#2e3092;} .Floor003129 .list ol .tit{line-height: 1.5; font-size: 1.5em;} .Floor003129 .list ol:hover .tit{color:#2e3092;} .Floor003129 .list .txt p{margin: 0;color: #999;font-size: 1em;line-height: 1.7142;} .Floor003129 .list time{color: #999999;display: inline-block;} .Floor003129 .list ol time{margin-top: 2em;} .Floor003129 .list ol .pic{overflow: hidden; margin-bottom: 2em;} .Floor003129 .list ol .Ispic{padding-bottom: 59.091%;transition: 0.3s ease-out;} .Floor003129 .list a:hover .Ispic{transform: scale(1.1);} .Floor003129 .list .tab{line-height: calc(44 / 20 * 1em); border-bottom:2px solid rgba(0, 0, 0, 0.1); display: flex; font-size: calc(20 / 16 * 1em);margin-bottom:0.5em; position: relative;} .Floor003129 .list .tab .more{position: absolute; right: 0; top: 0; color: #999; line-height: calc(44 / 16 * 1em); font-size: calc(16 / 20 * 1em);} .Floor003129 .list .tab .more:hover{color:#2e3092;} .Floor003129 .list .tab span{position: relative; color: #888; cursor: pointer; } .Floor003129 .list .tab span:not(:last-child){margin-right:3vw;} .Floor003129 .list .tab span.on{color:#e60012; } .Floor003129 .list .tab span.on::before{position: absolute; left: 0; bottom: -2px; height:2px; width: 100%; content:''; background: #e60012; } .Floor003129 .list .right .ul{display:none;} @media (min-width:1025px) { .Floor003129 .list{position: relative;z-index: 1; display: flex; justify-content: space-between;} .Floor003129 .list:before{position: absolute;content: '';left:37.286%;width: 1px;height: 100%;background-color: #e8e8e8; top: 0;} .Floor003129 .list .left{width: 31.429%;} .Floor003129 .list .right{width: 57.143%;} .Floor003129 .list li{ border-bottom: 1px solid #e8e8e8;} .Floor003129 .list li a{height:6.4em;} .Floor003129 .list li .txt{position: relative;padding-right: 10.75em;} .Floor003129 .list li time{position: absolute;right: 0; top: 50%; line-height: 2; margin-top: -1em;} } @media (max-width:1024px) { .Floor003129 .auto{padding: 2em 0;} .Floor003129 .list ol{margin-bottom: 2em;} .Floor003129 .list li{border-top: 1px solid #f2f2f2; padding: 2em 0;} .Floor003129 .list li time{margin-top: 2em;} } /*Floor003097 */ .Floor003097{position: relative;z-index: 1; overflow: hidden;} .Floor003097 .Ispic{display: block;padding-bottom:30%;background-attachment: fixed;} .Floor003097 .txt-area{position: absolute; left: 0; top: 0; width: 100%; height: 100%;z-index: 2; color: #fff;} .Floor003097 .auto{height: 100%;} .Floor003097 .ytable{width: 50%; height: 100%; max-width:640px;} .Floor003097 .t1{font-size: calc(32 / 16 * 1em); letter-spacing: 4px; } .Floor003097 .t2{font-size: calc(42 / 16 * 1em); margin: calc(12 / 44 * 1em) auto calc(60 / 44 * 1em); font-weight: bold; letter-spacing: 4px; } .Floor003097 .Homemore{color:#fff;border-color: #fff;} .Floor003097 .Homemore:hover{color:#2e3092;background: #fff;} @media (max-width:1024px) { .Floor003097 .Ispic{padding-bottom: 60%} .Floor003097 .ytable{width: 100%} .Floor003097 .t1{font-size: calc(18 / 16 * 1em);} .Floor003097 .t2{font-size: calc(22 / 16 * 1em);} } /*Bottom002833 */ .Bottom002833{background:#fff;padding:calc(60 / 1920 * 100vw); border-top: 3px solid #2e3092;background: url(../images/bottom.jpg) no-repeat center top; background-size: cover;} .Bottom002833 .logo{padding-bottom:calc(40 / 16 * 1em); width: 80%; max-width: calc(200 / 16 * 1em);} .Bottom002833 .contact ul{line-height:calc(30 / 17 * 1em); font-size:calc(17 / 16 * 1em); display: flex; flex-wrap: wrap;} .Bottom002833 .contact ul li{position: relative; z-index: 1; padding-left: calc(30 / 17 * 1em); background-size: auto calc(18 / 17 * 1em); background-repeat: no-repeat; background-position: left calc(6 / 17 * 1em); color: #bbb;} .Bottom002833 .contact ul li.add{background-image: url(../images/add.svg); background-position:calc(2 / 17 * 1em) calc(6 / 17 * 1em);} .Bottom002833 .contact ul li.tel{background-image: url(../images/tel.svg);} .Bottom002833 .contact ul li.fax{background-image: url(../images/fax.svg);} .Bottom002833 .contact ul li.mail{background-image: url(../images/mail.svg);} .Bottom002833 .mid{text-align: center;} .Bottom002833 .code{text-align: center; max-width: 180px;width:90%; margin: 0 auto; } .Bottom002833 .code img{ margin:0 auto 14px; display: block; padding: 8px; border: 1px solid rgba(0, 0, 0, 0.1);} .Bottom002833 .hotline{font-size: calc(17 / 16 * 1em);} .Bottom002833 .hotline aside{font-size: calc(35 / 17 * 1em);padding:calc(10 / 35 * 1em) 0 calc(20 / 35 * 1em); font-weight: bold;color: #fff; } .Bottom002833 .shop{display: inline-block;width: 100%;max-width:calc(365 / 16 * 1em);line-height: calc(52 / 16 * 1em);background:url(../images/more-on.svg) no-repeat right calc(20 / 16 * 1em) center #2e3092; background-size: auto 1em; text-align: left;padding-left:calc(28 / 16 * 1em);font-size:1em; transition: 0.3s; margin-bottom: calc(38 / 1920 * 100vw); color: #fff;} .Bottom002833 .shop:hover{background-color:#ee1d23;} .Bottom002833 .right nav{padding-bottom: calc(24 / 1920 * 100vw);} .Bottom002833 .right nav a{color: #bbb;} .Bottom002833 .right nav a:not(:last-child):after{display: inline-block; width: 1px; content: ''; height:10px;background: rgba(0,0,0,0.85); vertical-align: middle; margin: 0 1vw;} .Bottom002833 .copyright span, .Bottom002833 .copyright span a{color:#999;} .Bottom002833 .copyright span{margin-left:calc(10 / 1920 * 100vw);display: inline-block;} .Bottom002833 .copyright span a{text-decoration: underline;} .Bottom002833 .copyright span a:hover{color: #ee1d23;} @media(min-width:1025px){ .Bottom002833 .right, .Bottom002833 .left{width: 40%;} .Bottom002833 .right{text-align: right;} .Bottom002833 .contact ul{ display: flex; flex-wrap: wrap;} .Bottom002833 .contact li{width:48.5%; margin-right:3%;} .Bottom002833 .contact li:nth-child(2n+1){margin-right:0;} .Bottom002833 .contact li:nth-child(2n+1) ~ li{margin-top:calc(20 / 17 * 1em);} .Bottom002833 .contact li:first-child{ width: 100%;} } @media(max-width:1024px){ .Bottom002833 .ytable, .Bottom002833 .ytable-cell{display: block;} .Bottom002833{text-align: center;} .Bottom002833 .mid{padding: 30px 0;} } @media(max-width:480px){ .Bottom002833 .shop{margin-bottom: 20px;} .Bottom002833 .logo img{width: 45%;} } /*Banner003144 */ .Banner003144 .pc{background-position: center center; background-repeat: no-repeat; height:25em; background-size: cover;} @media (min-width:1025px) { .Banner003144 .wap{display: none;} } @media (max-width:1024px) { .Banner003144 .pc{display: none;} } /*Menu001093 */ .Menu001093{background:#f8f8f8;position: relative; z-index: 1;} .Menu001093 .tit{text-align: center; display: block; font-size: calc(30 / 16 * 1em); color: #333; margin: 0.5em 0;} .Menu001093 .nav{display: table; margin: 0 auto;} .Menu001093 .nav li{float: left;position: relative;display: table;height:calc(50 / 16 * 1em); margin: 0 1vw; } .Menu001093 .nav li a{transition: 0.3s; display: table-cell; vertical-align: middle; text-align: center;} .Menu001093 .nav li a:hover, .Menu001093 .nav li.aon a{color:#e60012;} .Menu001093 .nav li a:hover:after, .Menu001093 .nav li.aon a:after{position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height:2px; background: #e60012;} .Menu001093 .current{font-size:calc(15 / 16 * 1em); padding-left:calc(25 / 15 * 1em);background: url(../images/Menu003135-icon.svg) no-repeat left center; background-size:1em auto; line-height:calc(50 / 15 * 1em);} .Menu001093 .current, .Menu001093 .current a:not(:hover){color: #999;} .Menu001093 .current span{color:#2e3092;display: inline-block} .no_menu .Menu001093 .nav{display: none} @media(max-width:640px){ .Menu001093 {padding-top: 10px} .Menu001093 .nav{width: 100%} .Menu001093 .nav li{min-width: 24%; margin: 0 0.5%} .Menu001093 .nav li a{font-size: 2.6vw; padding: 0;} .Menu001093 .current{background-position: left 5px} .Menu001093 .current{line-height: 24px;} } @media(max-width:480px){ .Menu001093 .nav li a{font-size: 3.5vw;} .Menu001093 .nav li a:after{bottom: 0.5vw;} } .About{padding: calc(100 / 16 * 1em) 0;} .About .left .tit1{font-size: calc(36 / 16 * 1em);color: #333;padding-bottom: calc(50 / 46 * 1em);} .About .left .desc{line-height: 2.2;color: #333} .About .left .desc p{margin: 0;text-indent: 2em;} .About .right{padding-left: 8%} .About .right li{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ebebeb;padding-bottom: calc(20 / 16 * 1em);margin-bottom: calc(20 / 16 * 1em)} .About .right li:first-child{padding-top: 0} .About .right li:last-child{margin-bottom: 0} .About .right li .txt{width: 66%} .About .right li .txt .counter{font-size: calc(50 / 16 * 1em);color:#2e3092;line-height: 1;font-weight: bold;} .About .right li .txt sup{color: #333;font-size: calc(20 / 16 * 1em);} .About .right li .txt p{color: #333 } .About .right li .icon{width: 30%;text-align: right} .About .img img{margin-top: calc(70 / 16 * 1em)} .About .box2 .tit3{color: #333;font-size: calc(20 / 16 * 1em);} .About .box2 .list{display: flex;flex-wrap: wrap; margin-bottom:calc(70 / 16 * 1em) } .About .box2 .list .item{width:23%; margin-right: 2.5%;margin-bottom: 2%; border: 1px solid #ddd;background: #f5f5f5;} .About .box2 .list .item:nth-child(4n){margin-right: 0;} .About .box2 .list .item .pic{overflow: hidden;background: url(../images/cpbg.jpg) no-repeat;background-size: cover;position: relative;} .About .box2 .list .item .pic .hotcas-list{background: url(../images/hot.png) no-repeat center right;float: left;width:66px; padding: 6px;color: #ffffff;font-weight: bold;position: absolute;left: 0;top: -1px;font-size: 14px;} .About .box2 .list .item .txt{padding: calc(20 / 16 * 1em);} .About .box2 .list .item .txt .tit{font-size: calc(18 / 16 * 1em);color: #333;text-align: left;} .About .box2 .list .item .txt p{line-height: 1.66;font-size: calc(14 / 16 * 1em); color: #999;margin-bottom: 0;} .About .box2 .list .item .txt .desc p{line-height: 1.66;margin: 0} .About .box2 .list .item:hover{border-color: #4682c4;} .About .box2 .list .item:hover .txt .tit{color: #2e3092;} @media(min-width:1025px){ .About .flex{display: flex;justify-content: space-between;} .About .left{width: 62%;} .About .right{width: 28%;border-left: 1px solid #ebebeb} } @media(max-width:1025px){ .About{padding: 6% 0} .About .box2 .list .item{width:48.5%; margin-right: 0} .About .box2 .list .item:nth-child(even){margin-left: 3%} .About .box2 .list .item .txt{padding: 6px} .About .left .tit1{ font-size: calc(24 / 16* 1em);} } .history {padding: calc(100 / 16 * 1em) 0 ;position: relative;overflow: hidden;background: #f9f9f9;} .history::before { content: '';display: block;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%);width: 200%;border-bottom: 1px solid #bed0e3;} .history .item{ text-align: center;display: flex;flex-direction: column;} .history .kong, .history .text_box{height: 240px;position: relative;padding: 0 13%;} .history .dian{ width: calc(20 / 16 * 1em);height: calc(20 / 16 * 1em);position: absolute;border-radius: 50%;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);background-color: #ebebeb;z-index: 2;} .history .dian::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: #4682c4;width: 50%;height: 50%;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;} .history .slick-current .dian::before{background-color:#2e3092;} .history .slick-slide .desc{ line-height: 1.666;/*overflow: hidden;-webkit-line-clamp: 4;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;word-break: auto-phrase;*/color: #333;max-height: 200px; overflow: auto; padding-right:5px;} /* 设置滚动条的样式 */ .history .slick-slide .desc::-webkit-scrollbar { width: 2px;height: 2px; } /* 滚动?*/ .history .slick-slide .desc::-webkit-scrollbar-track { -webkit-box-shadow:inset006pxrgba(0,0,0,0.3); border-radius:10px; background: #eeeeee; } /* 滚动条滑?*/ .history .slick-slide .desc::-webkit-scrollbar-thumb { border-radius:10px; background:#4682c4; } .history .slick-slide .year{font-size: calc(20 / 16 * 1em);color: #333} .history .slick-slide:nth-child(2n+1) .desc{ margin-top: calc(20 / 16 * 1em);} .history .slick-slide:nth-child(2n) .desc{ margin-bottom: calc(20 / 16 * 1em);} .history .slick-slide:nth-child(2n+1) .year{ margin-bottom: calc(90 / 60 * 1em);} .history .slick-slide:nth-child(2n) .year{ margin-top: calc(90 / 60 * 1em);} .history .slick-slide:nth-child(2n) .item{ flex-direction: column-reverse;} .history .slick-slide:nth-child(2n+1) .kong{display: flex;align-items: flex-end;justify-content: center;} .history .slick-slide:nth-child(2n) .kong{display: flex;align-items: flex-start;justify-content: center;} .history .slick-slide:nth-child(2n) .text_box{ display: flex;align-items: center;justify-content: center;flex-direction: column-reverse;padding-top: 45px;} .history .slick-slide:nth-child(2n+1) .text_box{ display: flex;align-items: center;justify-content: center;flex-direction: column;padding-bottom: 35px;} .history .text_box::before{ content: '';display: block;width: 1px;height: 65px;background-color: #bed0e3;} .history .slick-current .year{font-size: calc(60 / 16 * 1em);color: #2e3092;font-weight: bold;margin: calc(60 / 60* 1em) 0!important;} .history .slick-current .item{ background-image: linear-gradient(#edf0f7, transparent);} .history .slick-current .text_box::before{ background-color: #2e3092;flex: 1;} .history .slick-current .dian{ background-color: #d7e4f2;} .history .slick-slide:nth-child(2n) .dian{ top: -9px;} .history .slick-slide:nth-child(2n+1) .dian{ bottom: -9px;} .history .slick-arrow{position: absolute;width: 1em; height: 1em; top: 50%;margin-top: -0.5em; border-radius: 50%; background: url(../images/Floor003114-next.svg) no-repeat center center #4682c4; background-size: calc(30 / 60 * 1em) auto;z-index: 10; transition: 0.3s; font-size: calc(40 / 16 * 1em); text-indent: -999em; overflow: hidden;} .history .slick-arrow:hover{background-color:#2e3092;} .history .slick-prev{left: 0;transform: rotate(180deg);} .history .slick-next{right: 0;} @media (max-width:1024px) { .history { padding: 5em 0;} .history .kong, .history .text_box{height: 150px} } @media (max-width:768px) { .history .slick-current .year{font-size: calc(40 / 16 * 1em);} } .down{padding-top: calc(50 / 16 * 1em); } .TextList000286 {overflow: hidden; } .TextList000286 .title { text-align: center; color: #292929; font-weight: bold; line-height: 1; font-size: calc(36 / 16 * 1em);margin-bottom: calc(40 / 36 * 1em);} .TextList000286 .tab { border-bottom: 1px solid #ddd; text-align: center; margin-bottom: calc(50 / 16 * 1em);} .TextList000286 .tab dd { display: inline-block; margin: 0 calc(50 / 16 * 1em);} .TextList000286 .tab dd span { display: inline-block; position: relative; font-size: calc(24 / 16 * 1em); color: #292929; opacity: 0.3; padding-bottom: 15px; } .TextList000286 .tab dd span:after { position: absolute; content: ""; width: 100%; height: 2px; left: 0; bottom: 0; background: #292929; opacity: 0; } .TextList000286 .tab dd.on span { opacity: 1; } .TextList000286 .tab dd.on span:after { opacity: 1; } .TextList000286 li .inner { position: relative; padding: 30px; padding-left: 100px; padding-right: 200px; background: url(../images/icon-file.svg) no-repeat left 30px center #f4f7fc; background-size: auto 50px; -webkit-transition: all .3s; -o-transition: .3s all; transition: all .3s; } .TextList000286 li .tit { color: #000; } .TextList000286 li .name > * { float: left; } .TextList000286 li .name b { font-size: 18px; font-weight: normal; line-height: 1; } .TextList000286 li p { margin: 10px 0 0; position: relative; } .TextList000286 li .btn a { color: #000; transition: 0.3s; background-repeat: no-repeat; background-position: left center; background-size: auto 20px; padding-left: 30px; } .TextList000286 li .btn a.download { background-image: url(../images/icon-download.svg);} .TextList000286 li .btn a.view { background-image: url(../images/icon-view.svg); margin-left: 20px; } .TextList000286 li .btn a:hover { text-decoration: underline; } .TextList000286 li:hover .inner { -webkit-box-shadow: 0 15px 15px -10px rgba(0,0,0,.15); box-shadow: 0 15px 15px -10px rgba(0,0,0,.15) } .TextList000286 li:hover .tit { color: #2e3092; } @media(min-width:641px) { .TextList000286 li .tit { position: relative; padding-right: 120px; } .TextList000286 li p span { float: left; } .TextList000286 li p a { top: 0; } .TextList000286 li p span.size { margin-right: 3%;} } @media(min-width:1025px) { .TextList000286 li { float: left; width: calc((100% - (20 / 16 * 1em))/2);margin-bottom: calc(20 / 16 * 1em);} .TextList000286 li:nth-child(2n) { float: right; } .TextList000286 li .btn { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); } } @media(max-width:1024px) { .TextList000286 li { margin-bottom: 3vw; } .TextList000286 li .inner{padding:3% 0 3% 20px; background: #f4f7fc } .TextList000286 li .btn{position: relative;display: inline-block; margin-left: 20px;} .TextList000286 li .tit{background: url(../images/icon-file.svg) no-repeat left center;background-size:24px; padding:10px 0 10px 30px} .TextList000286 li p{display: inline-block} } @media(max-width:640px) { .TextList000286 li p a { bottom: 0; } .TextList000286 li p span.time { white-space: initial; text-overflow: initial; line-height: 20px; } } .Page002623 {padding: calc(50 / 16 * 1em) 0 calc(100 / 16 * 1em); text-align: center; font-size: calc(18 / 16 * 1em);} .Page002623 .Pages a.a_first, .Page002623 .Pages a.a_end, .Page002623 .Pages > span:not(.p_page) { display: none; } .Page002623 .Pages em { float: left; margin: 0 1vw; font-style: normal; } .Page002623 .Pages .p_page { display: table; margin: 0 auto; } .Page002623 .Pages a { float: left; line-height: 48px; width: 50px; border-radius: 50%; margin: 0 5px; border: 1px solid #ededed; transition: .3s; } .Page002623 .Pages a.a_cur, .Page002623 .Pages a:hover { color: #fff; background: #2e3092; border-color: #2e3092; } .Page002623 .Pages .p_page > a { font-size: 0; height: 50px; position: relative; } .Page002623 .Pages .p_page > a:before { position: absolute; content: ''; border: 5px solid transparent; left: 50%; top: 50%; margin: -5px 0 0 -10px; } .Page002623 .Pages .p_page > a.a_prev:before { border-right-color: #000; border-right-width: 8px; } .Page002623 .Pages .p_page > a.a_next:before { border-left-color: #000; border-left-width: 8px; margin-left: -4px; } .Page002623 .Pages a.a_prev:hover:before { border-right-color: #fff; } .Page002623 .Pages a.a_next:hover:before { border-left-color: #fff; } @media(max-width:640px) { .Page002623 { padding: 0 0 8vw 0; } .Page002623 .Pages em { display: none; } .Page002623 .Pages a { background-color: #eee; width: 40px; line-height: 38px; } .Page002623 .Pages .p_page > a{height: 40px;} } /*Menu002937 */ .Menu002937{padding:calc(50 / 16 * 1em) 0 calc(60 / 16 * 1em);} .Menu002937 .ul{display: table;line-height: normal; margin: 0 auto;} .Menu002937 .ul li{float: left;margin: 1px 0;} .Menu002937 .ul li:not(:last-child){margin-right:2vw;} .Menu002937 .ul li a{display: block;line-height:2.5em;min-width: 141px;padding: 0 1em; text-align: center;font-size: calc(14 / 16 * 1em);border: 1px solid #999;color:#999;} .Menu002937 .ul li.aon a, .Menu002937 .ul li a:hover{color: #4682c4; border-color: #4682c4;} @media(max-width:768px){ .Menu002937 .ul li a{min-width: 18.36vw;font-size: 3.5vw;} } @media(max-width:480px){ .Menu002937 .ul li a{font-size: 4vw;line-height: 2em;} } .News{padding: calc(100 / 16 * 1em) 0 0;} #newstop {background-color: #f9f9f9;} #newstop .figure {width: 38.57142857%;overflow: hidden} #newstop .figure a {overflow: hidden;} #newstop .figure .img {background: no-repeat center center;background-size: cover;display: block;transition: all .3s;} #newstop .figure a:hover .img {transform: scale(1.1);} #newstop .img {padding-bottom: 64.81481481%;} #newstop .text {width: 61.42857143%;padding: 3.5% 4.85714286%;} #newstop .title {font-weight: normal;margin:0 0 3.76243094%;} #newstop .date {color: #2e3092;margin-bottom: 3.93370166%;} #newstop .excerpt {line-height: 2em; height: 4em;-webkit-line-clamp: 2;color: #888;margin-bottom: 6.90607735%;} #newstop .swiper-pagination {position: absolute;bottom: 0;right: 4.85714286%;left: auto;text-align: right;color: #ccc;font-family: 'Arial';margin-bottom: 4.571%;} #newstop .swiper-pagination span { display: inline-block;margin-left: 1.78571429%;cursor: pointer;} #newstop .swiper-pagination .current {color: #2e3092;} /*newslist*/ #newslist {margin-bottom: 3.92857143%;} /*newsitem*/ .newsitem {display: table;table-layout: fixed;width: 100%;padding: 3.57142857% 0;border-bottom: 1px solid #f1f1f1;} .newsitem .td {display: table-cell;vertical-align: middle;} .newsitem .figure {width: 22.875em;overflow: hidden;} .newsitem .figure a {overflow: hidden;} .newsitem .figure .img {background: no-repeat center center;background-size: cover;display: block;transition: all .3s;} .newsitem .figure a:hover .img {transform: scale(1.1);} .newsitem .img {padding-bottom: 64.96062992%;} .newsitem .readmore {width:calc(150 / 16 * 1em);} .readmore .go {width: 3.25em;border-radius: 50%;border: 1px solid #2e3092; display: block;overflow: hidden;} .readmore i {display: block;overflow: hidden; padding-bottom: 100%; background: url(../images/arrow_02.svg) no-repeat center center;background-size: 48% auto;} .readmore .go:hover {background-color: #2e3092;border-color:#2e3092 } .readmore .go:hover i {filter: grayscale(100) brightness(100);} .newsitem .text {padding: 0 6% 0 3%;} .newsitem .title {font-size: 1.375em;line-height: 1.35em;font-weight: normal;margin:0 0 0.90909091em;} .newsitem .date {color: #2e3092;margin-bottom: 0.8125em;} .newsitem .excerpt {line-height: 2em;height: 4em; -webkit-line-clamp: 2;color: #888;} .flexbox{display: flex;} @media(max-width:1024px){ .News{padding: 6% 0} .newsitem{display: flex;flex-wrap: wrap; justify-content: space-between; position: relative;} .newsitem .td{display: block;} .newsitem .figure{width: 30%} .newsitem .text{width: 66%;padding: 0 0 20px 0} .newsitem .readmore{position: absolute;right: 0; bottom:10px;width: auto} .newsitem .readmore .Homemore{border: none; line-height: 22px;padding-top: 0; padding-bottom: 0} .newsitem .readmore .Homemore::after{height: 22px} } @media(max-width:768px){ #newstop .flexbox{flex-wrap: wrap} #newstop .figure{width: 100%} #newstop .text{width: 100%} .newsitem .img{height: 70%; padding-bottom: 0; margin-top: 10%;} .newsitem .figure{width: 40%} .newsitem .text{width: 56%; } } .NewsDetail{padding: calc(100 / 16 * 1em) 0;} @media(max-width:1024px){ .NewsDetail{padding: 6% 0} } #details{margin: 0 auto;max-width: 1200px} #posttitle {text-align: center;color: #333;font-weight: normal;font-size: 1.75em;line-height: 1.5em;margin-bottom: 0.54166667em;} /*postmeta*/ #postmeta {text-align: center;color: #999;border-bottom: 1px solid rgba(234, 234, 234, 0.8);padding-bottom: 1.35714286%;margin-bottom: 3.57142857%;} #postmeta span {display: inline-block;vertical-align: middle;line-height: 1.57142857em; background: no-repeat left center;background-size: 14px auto;padding-left: 1.57142857em;} #postmeta .date {background-image: url(../images/icon_clock_02.png);} #details .entry { padding-bottom: 6.78571429%;border-bottom: 1px solid rgba(234, 234, 234, 0.8);line-height: 2} /*#details .entry img{margin: 1em auto; max-width: 80%; height: auto;}*/ #details .entry img{height:auto!important} #postnavi {-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;border-bottom: 1px solid rgba(234, 234, 234, 0.8);color: #999;padding: 2.35714286% 0;margin-bottom: 4.28571429%;display: flex;flex-flow: wrap} #postnavi > div { max-width: 47%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #postnavi > div {max-width: 47%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #postnavi a {color: #999;} #postnavi a:hover {color: #2e3092;} #backlist a {display: block;overflow: hidden;color: #4682c4;border: 1px solid #4682c4;width: 8em;height: 2.44444444em;margin: 0 auto;text-align: center;line-height: 2.32222222em;} #backlist a:hover {background:#2e3092 ;color: #fff; border-color:#4682c4;} @media(max-width:1024px){ #postnavi > div{max-width: inherit; width: 100%; padding: 5px 0} } .proz {padding: calc(100 / 16 * 1em) 0;} .proz .list_card_item { border: 1px solid #eee; width: 100%; min-height: 270px; overflow: hidden; height: auto; background: #ffffff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding:3vw; box-sizing: border-box; margin: 15px 0; transition: .3s all ease-in-out; } .proz .list_card_item:hover .card_item_left_title a { color:#2e3092; } .proz .list_card_item:hover { transition: .3s all ease-in-out; box-shadow: 0 14px 29px 0 rgba(12,12,12,0.08); /* transform: scale(1.01); */} .proz .list_card_item:hover .card_item_left_title{ color:#2e3092; } .proz .card_item_left { width: 32vw; /* width: 350px; */ height: 100%; } .proz .card_item_left_img_box { /* width: 53px; height: 53px; */ position: relative; margin-bottom: 2.40vh; } .proz .card_item_left_img_box img{ height: 50px; transition: 0.5s; } .proz .img_index { z-index: 999; } .proz .card_item_left_img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .proz .card_item_left_img_hov { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .proz .card_item_left_title {font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #333333;margin-bottom: 25px; font-size: calc(26 / 16* 1em);} .proz .card_item_left_content { width: 100%; font-size:1em; font-weight: normal; line-height: 2; font-stretch: normal; letter-spacing: 0px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .proz .card_item_center { /* width: 225px; */ width: 20vw; height: 100%; /* background: yellow; */ padding: 0 36px; /* padding: 43px 36px 34px; */ } .proz .card_item_center_nav_list { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; } .proz .card_item_center_nav_item { width: max-content; font-size:1em; font-weight: normal; letter-spacing: 0px; color: #666666; border-bottom: 1px solid transparent; cursor: pointer; padding:5px 0; } .proz .card_item_center_nav_item span:hover{ border-bottom: 1px solid #2e3092; color: #2e3092; } .proz .card_item_center_nav_item a:hover{ color: #2e3092; } .proz .card_item_center_nav_item a{display: inline-block;line-height: 26px;} .proz .nav_item_active { border-bottom: 1px solid #2e3092; color: #2e3092; } /* 右边图片列表 */ .proz .card_item_right { /* width: 737px; */ width: 48vw; /* flex: 1; */ /* height: 100%; */ box-sizing: border-box; overflow: hidden; } .proz .card_item_right_img_list { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .proz .list_card_item:not(:hover) .card_item_left_img_box img{filter: grayscale(100%) brightness(100%); opacity: 0.5 } .proz .img_list_img_list_item { width: 100%; /* flex: 1; */ height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-right: 23px; } .proz .img_list_img_list_item:last-of-type { margin-right: 0; margin-bottom: 2em; } .proz .img_list_img_box { width: 100%; position: relative; /*background: url(../images/bg.jpg) no-repeat center; background-size: cover;*/ } .proz .img_list_img_box .img{position: relative; padding-bottom: 63%;} .proz .img_list_img_box img{position: absolute; width: 100%; height: 100%; object-fit: contain; -o-object-fit: contain} .proz .img_list_img_box:hover .yg-pr-more{ display: block; } .proz .yg-pr-more:hover .yg-pr-m{ color: #4682c4; } .proz .yg-pr-more{ position:absolute; left:0%; top:0%; right:0%; bottom:0%; display: none; } .proz .yg-pr-flx{ position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); text-align: center; width: 100%; } .proz .yg-pr-cm{ /* filter: url(blur.svg#blur); -webkit-filter: blur(10px); -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); */ opacity: 0.9; } .proz .yg-pr-n{ color:#4682c4; } .proz .yg-pr-m{ color:#333333; font-size: 14px; padding-top: 4px; } .proz .img_list_img_box img { width: 100%; height: 100%; } .proz .img_list_img_bor { position: relative; bottom: -12px; width: 80%; height: 3px; background-color: transparent; } .proz .img_bor_active { background-color: #ff6900; } .proz .img_box { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; grid-gap: 10px; margin-top: 50px; margin-bottom: 50px; position: relative; } .proz .colx-50{ float: left; width: 50%; } .proz .img_items_box { width: 92px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; /* justify-content: space-between; */ margin-right: 15px; } .proz .tracker{ background: url(../images/bg.jpg) no-repeat center; background-size: cover; } .proz .img_item { width: 85px; height: 53px; overflow: hidden; background: url(../images/bg.jpg) no-repeat center; background-size: cover; margin-bottom: 10px; } .proz .magnifier{ background: url(../images/bg.jpg) no-repeat center; background-size: cover; } .proz .img_item_border { border: solid 1px rgb(255, 255, 255); } .proz .img_item:hover, .proz .img_item_border_hover {border: solid 1px #ee7700;} .proz a { text-decoration: none; color:#333; } .proz .swiper-container { width: 100%; height: 100%; } .proz .swiper-wrapper.pnav-list{display: inline-block;} @media(max-width:1024px){ .proz{padding: 6% 0} .proz .list_card_item{flex-wrap: wrap;align-items: center} .proz .card_item_left, .proz .card_item_center{width: 50%} .proz .card_item_right{width: 100%} } @media(max-width:768px){ .proz .card_item_left, .proz .card_item_center{width: 100%} .proz .card_item_center{padding: 10px 0} .proz .yg-pr-cm{display: none} .proz .yg-pr-more{position: initial; display: block} .proz .yg-pr-flx{position: initial;transform:none} .proz .pnav-list{display: flex; justify-content: space-between;flex-wrap: wrap} .proz .card_item_center_nav_item{padding: 0; min-width: 48%;} .proz .card_item_center_nav_item span{display: block; padding-left:20px; position: relative} .proz .card_item_center_nav_item span::after {position: absolute;top:0;bottom: 0; left:0;margin: auto; content: '';width: calc(10 / 16 * 1em);height: calc(10 / 16 * 1em);transform: rotate(45deg);border-top: 2px solid rgba(0, 0, 0, 0.1);border-right: 2px solid rgba(0, 0, 0, 0.1);} .proz .card_item_left_box{display: flex; align-items: center;padding: 10px 0} .proz .card_item_left_img_box, .proz .card_item_left_title{margin-bottom: 0} .proz .card_item_left_title{padding-left: 10px;} } /*RighInfo003134 */ .RighInfo003134 .auto{padding: calc(100 / 16 * 1em) 0;} .RighInfo003134 .img-side{margin-bottom: 4em;} .RighInfo003134 .slider-big{ border:1px solid #dcdcdc;} .RighInfo003134 .slider-big li figure{ background-size:contain;} .RighInfo003134 .slider-list{ position: relative;} .RighInfo003134 .slider-list li figure{ border:1px solid #f2f2f2;} .RighInfo003134 .slider-list li.slick-current figure{border-color: #3c89d9; } .RighInfo003134 .slider-list .slick-arrow{position:absolute; width:100%; height:40px;cursor:pointer; background-position: center;background-repeat: no-repeat; background-size: auto 50%;} .RighInfo003134 .slider-list .slick-prev{background-image:url(../images/RighInfo003134-btn_prev.png);} .RighInfo003134 .slider-list .slick-next{background-image:url(../images/RighInfo003134-btn_next.png);} .RighInfo003134 .slider-list .slick-disabled{cursor:default;} .RighInfo003134 .img-side .ytable-cell{ padding-bottom: 3em;} .RighInfo003134 .img-side .txt{position: relative; vertical-align:top;} .RighInfo003134 .img-side .tit{font-family: 'SourceHanSansCN-Medium'; font-size: 1.875em;color: #333; } .RighInfo003134 .img-side .line{width:36px; height: 2px; background-color: #4682c4;display: block;margin:1em 0;} .RighInfo003134 .img-side .subtit{ font-size:calc(21 / 16 * 1em);color: #333;} .RighInfo003134 .img-side .con{color: #888; font-size: 1em;margin-top:2.5em;} .RighInfo003134 .img-side .con p{margin:0;} .RighInfo003134 .img-side .con p+p{margin-top:1em;} .RighInfo003134 .img-side .btn{ margin-top: 4.375em;} .RighInfo003134 .img-side .btn a{display: inline-block;font-size: 1.125em;color: #fff;box-shadow: 0px 10px 30px rgba(20, 22, 98, 0.08); margin: 0 5px; min-width:12.5em;text-align: center; line-height: 3.3333;padding: 0 1.8125em; cursor: pointer;} .RighInfo003134 .img-side .btn a.download{background-color: #2e3092;} .RighInfo003134 .img-side .btn a.download2{background-color: #6e6e6e;} .RighInfo003134 .img-side .btn a:before{display: inline-block; vertical-align: top;content: '';background-size: contain;background-position: center; background-repeat: no-repeat; width: 1.3888em;height: 3.3333em;margin-right: 0.5555em;} .RighInfo003134 .img-side .btn a.download:before{background-image: url(../images/RighInfo003134-icon-file.svg);} .RighInfo003134 .img-side .btn a.download2:before{background-image: url(../images/RighInfo003134-icon-download.svg);} .RighInfo003134 .prod-intro .name{border-bottom: 1px solid #efefef;font-family: 'SourceHanSansCN-Medium';font-size: 1.5em; padding-bottom: 0.666em;color: #333; line-height: 2;} .RighInfo003134 .prod-intro .name i{width: 2em; height: 2em;border-radius: 50%;background-color: #2e3092;display: inline-block;vertical-align: top; margin-right: 0.625em; background-repeat: no-repeat; background-position: center; background-size: auto 50%;} .RighInfo003134 .prod-intro .name-1 i{background-image: url(../images/RighInfo003134-icon-file.svg);} .RighInfo003134 .prod-intro .name-2 i{background-image: url(../images/RighInfo003134-title-icon.svg);} .RighInfo003134 .prod-intro .singlePage{line-height: 1.875; margin: 2em 0 3em 0;} @media (min-width:1025px) { .RighInfo003134 .img-group{width: 50%;border-right: solid 1px #f2f2f2;} .RighInfo003134 .img-side .ytable-cell{padding-top: 4em;} .RighInfo003134 .img-side .txt{padding-left:4%;} .RighInfo003134 .list_img{width:55.6%; position:relative;} .RighInfo003134 .slider-big{position:absolute; left:20%; top:0; height:100%; width:80%; } .RighInfo003134 .slider-big *{height: 100%;} .RighInfo003134 .slider-list{padding:42px 0;margin-right: 82.9%;} .RighInfo003134 .slider-list .slick-arrow{ left: 0;} .RighInfo003134 .slider-list .slick-prev{top: 0;} .RighInfo003134 .slider-list .slick-next{bottom: 0;} .RighInfo003134 .slider-list li{ height:130px; position:relative;} .RighInfo003134 .slider-list li figure{ position:absolute; left:0; width:97%; top:9px; bottom:15px; background-size:contain;} .RighInfo003134 .slider-list li.slick-current figure{ border-width:2px;} } @media (max-width:1024px) { .RighInfo003134 .img-side{ padding: 2em 0;margin-bottom: 0} .RighInfo003134 .img-side .btn a{min-width: calc(50% - 10px);padding: 0;} .RighInfo003134 .slider-big li .Ispic{padding-bottom: calc(476 / 536 * 100%);} .RighInfo003134 .auto{padding: 6% 0} .RighInfo003134 .img-side .tit{font-size:calc(24 / 16 * 1em)} } .RighInfo003134 .tab .h1_tab{ margin:0; background: #f2f2f3;overflow:hidden; font-size:16px; font-weight:normal; color:#000; text-align: center;} .RighInfo003134 .tab .h1_tab span{display: inline-block; padding:0 5%; line-height:50px;cursor:pointer;} .RighInfo003134 .tab .h1_tab span:not(:last-child){border-right: 1px solid rgba(0, 0, 0, 0.1)} .RighInfo003134 .tab .h1_tab span.on{ background-color:#4682c4; color:#fff;} .RighInfo003134 .tab .info{ padding:3% 10% 0;} .RighInfo003134 .tab .info img{display: block; margin: 0 auto;} .RighInfo003134 .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; padding:10px 0;} .RighInfo003134 .ul_download li a{ padding:0 38px; background:url(../images/RighInfo001277-icon.png) no-repeat left center;} @media(max-width:768px){ .RighInfo003134 .list_img, .RighInfo003134 .right_info{ float:none; width:auto;} .RighInfo003134 .tab .info{padding: 3% 0} } @media(max-width:640px){ .RighInfo003134 .list li{ height:100px;} .RighInfo003134 .right_info h1{font-size:20px; } .RighInfo003134 .right_info h3{ font-size:16px;} } @media(max-width:480px){ .RighInfo003134 .list{ padding-top:30px; padding-bottom:30px;} .RighInfo003134 .list a{ height:28px;} .RighInfo003134 .list li{ height:80px;} .RighInfo003134 .tab .h1_tab{ font-size:14px;} .RighInfo003134 .tab .h1_tab span{ padding:0 3%;} } /*RighInfo002554 */ .RighInfo002554 .table_1 th, .RighInfo002554 .table_1 td{ text-align:center; border:1px solid #eee; border-collapse:collapse; padding:8px;font-size:calc(14 / 16 * 1em);} .RighInfo002554 .table_1 th{ font-weight:normal;} .RighInfo002554 .table_1 .th_1, .RighInfo002554 .table_1 .th_2, .RighInfo002554 .table_1 .th_3{background:#2e3092;} .RighInfo002554 .table_1 .th_2, .RighInfo002554 .table_1 .th_3, .RighInfo002554 .table_1 .th_4{ color:#fff;} .RighInfo002554 .table_1 .th_1{ color:#fff;} @media(max-width:480px){ .RighInfo002554 .table_1{ overflow:auto;} .RighInfo002554 .table_1 table{ width:180%;} } /*Bottom002900 */ .Bottom002900{background:url(../images/bottom.jpg) no-repeat center top;padding:calc(60 / 1920 * 100vw) 0 calc(40 / 1920 * 100vw);} .Bottom002900, .Bottom002900 dd a{color:#8c8c8c;} .Bottom002900 dt a{color:#fff;} .Bottom002900 a:hover{color:#fff; } .Bottom002900 .contact .logo{filter: brightness(0) invert(1);} .Bottom002900 .contact .logo img{max-width: 190px} .Bottom002900 .b_nav nav dd a{opacity: 1;} .Bottom002900 .b_nav nav{border-bottom: 1px solid rgba(255,255,255,0.15);padding-bottom:calc(40 / 16 * 1em); margin-bottom:calc(40 / 16 * 1em);} .Bottom002900 .b_nav nav dl{float: left; max-width: 170px;} .Bottom002900 .b_nav nav dt{font-size: calc(18 / 16 * 1em);} .Bottom002900 .b_nav nav dt:after{display: block;content: ''; width: 15px; height: 2px; background-color:#fff;margin:14px 0;} .Bottom002900 .b_nav nav dd{line-height:calc(22 / 15 * 1em);padding:5px 0; font-size: calc(14 / 16 * 1em);} .Bottom002900 .b_nav nav dd:nth-child(7)~dd:not(.more){display: none} .Bottom002900 .copyright{color:rgba(255, 255, 255, 0.75);line-height:calc(30 / 16 * 1em);} .Bottom002900 .copyright a{color:rgba(255, 255, 255, 0.75);display: inline-block} .Bottom002900 .copyright a:hover{color: #fff} .Bottom002900 .contact .num{font-size:calc(30 / 16 * 1em); line-height: 1em; color:#fff; margin-bottom: 18px;} .Bottom002900 .contact .code{width: 100%;display: block;} .Bottom002900 .contact .code ul{display: flex;justify-content: flex-end} .Bottom002900 .contact .code ul li{list-style: none;margin: 0 0 0 20px;} .Bottom002900 .contact .code ul li img{max-width:calc(110 / 16 * 1em); } .Bottom002900 .contact .code ul li aside{font-size: calc(15 / 16 * 1em);line-height: 1;margin-top: 15px;margin-bottom: 20px;} .Bottom002900 .share li{float: left;position: relative;} .Bottom002900 .share li figure{position: absolute; left: 0; bottom: 100%; width: 120px; padding: 5px; background: #fff; margin-bottom: 10px;border-radius: 5px;display: none;} .Bottom002900 .share li figure img{display: block;width: 100%;} .Bottom002900 .share li figure:before{position: absolute; content: '';border:5px solid transparent; left: 25px; top: 100%;border-top-color: #fff;} .Bottom002900 .share li:not(:last-child){margin-right:1.5vw;} .Bottom002900 .share li a{display: block;border: 1px solid rgba(255,255,255,0.3); border-radius: 50%; cursor: pointer;} .Bottom002900 .share li a i{width:50px;height:50px; background-position: center center;background-repeat: no-repeat; background-size: auto 18px; display: block;} .Bottom002900 .share li a:hover{background-color:#2e3092; border-color:#2e3092;} @media(min-width:1441px){ .Bottom002900 .inner{margin: 0 auto;} } @media(min-width:1025px){ .Bottom002900 .contact{width: 30%; line-height: 1.75;text-align: right;} .Bottom002900 .contact .logo{text-align: right} .Bottom002900 .b_nav{width:57%;max-width:820px;} .Bottom002900 .contact .tit{padding-bottom:14px; font-size: calc(15 / 16 *1em);} .Bottom002900 .hotline{margin:3.1vw 0;} } @media(min-width:1025px) and (max-width:1280px){ .Bottom002900 .share li:not(:last-child){margin-right:1vw;} } @media(max-width:1024px){ .Bottom002900 .b_nav nav{display: none;} .Bottom002900 .contact{text-align: center} .Bottom002900 .contact .hotline{padding: 20px 0} .Bottom002900 .contact .code ul{justify-content: center} .Bottom002900 .copyright{text-align: center} } @media(max-width:768px){ .Bottom002900 .contact .code{max-width: 320px;margin: auto;width: 90%} .Bottom002900 .contact .code ul{display: flex;text-align: center;justify-content: center} .Bottom002900 .contact .code ul li{margin: 2% 0;float: none;flex: 1} .Bottom002900 .contact .code ul li img{margin: auto} .Bottom002900 .contact .logo{width:70%; margin: auto} .Bottom002900 .contact .hotline{text-align: center} .Bottom002900 .copyright{text-align: center} } /*Other002539 */ .Other002539{ position:fixed; z-index:200; right:1vw; top:70%; transform:translateY(-50%);} .Other002539 ul li{ position:relative; border-radius: 10px; background-color:#4682c4; float: right; clear: both;} .Other002539 ul li:hover{background-color:#2e3092;;} .Other002539 ul li .box{ display: flex; align-items: center;} .Other002539 ul li+li{margin-top:1em;} .Other002539 ul li figure{color:#fff;white-space:nowrap; width: 0; overflow: hidden; text-align:center;transition: 0.5s; } .Other002539 ul li figure img{width: 110px;} .Other002539 ul li.znt figure{position: absolute; right:0;border-radius: 10px; z-index: -1;background: #2e3092} .Other002539 ul li .box:hover figure{padding:1em; width: auto; font-size: 1em;} .Other002539 ul li.dz .box:hover figure{padding-left: 0} .Other002539 ul li.znt .box:hover figure{right: 110%;padding:10px;} .Other002539 .icon{ display:block; width:calc(60 / 16 * 1em); height:calc(60 / 16 * 1em); background-repeat:no-repeat; background-size:auto calc(24 / 16 *1em); background-position: center;position: relative; z-index: 10} .Other002539 .dz .icon{background-image: url(../images/dz.svg);} .Other002539 .znt .icon{background-image: url(../images/znt.svg);} /*Form002319*/ .Form002319{padding:calc(100 / 1920 * 100vw) 0 ;} .Form002319 .box{padding:calc(40 / 1920 * 100vw); box-shadow: 0 0 10px rgba(0,0, 0, 0.05); background: #fff; } .Form002319 .box+.box{margin-top:calc(30 / 1920 * 100vw);} .Form002319 .subtit{ font-size: calc(20 / 16 *1em); color:#2e3092; line-height: 1; padding-left:15px; border-left: 5px solid #2e3092; margin-bottom:24px;} .Form002319 p{ margin:1.5em 0 4em; text-align: center; color: #999;} .Form002319 .row dl{ width: 100%;padding-right: 20px; position: relative; margin-bottom:24px; padding:0 20px; background: #f5f5f5; font-size: 16px; line-height: 55px; border-radius: 5px; } .Form002319 .row ul{margin-top: 1em; color: #333; font-size: calc(17 / 16 * 1em);} .Form002319 .row ul+dl{margin-top: 1em; } .Form002319 select, .Form002319 .text{ border: none; background: none; display: block; height:54px; line-height:54px; width: 100%; color: #333; font-size: 16px;} .Form002319 textarea{height:150px !important;} .Form002319 input::placeholder{ color: #333;} .Form002319 .btn{text-align: center;} .Form002319 .btn input{ background:#4682c4; cursor:pointer; padding:0; border:none; width:180px; height:50px; line-height: 50px; font-size: 16px; color:#fff; border-radius:10px;} .Form002319 .btn input:hover{ background:#2e3092;} @media(min-width:1025px){ .Form002319 .row2 dl{ float: left; width:48.5%;} .Form002319 .row3 dl{ float: left; width:31.3%;} .Form002319 .row4 dl{ float: left; width:22.75%;} .Form002319 .row2 dl:last-child{ float: right;} .Form002319 .row3 dl:not(:last-child){ margin-right:3%;} .Form002319 .row4 dl:not(:last-child){ margin-right:3%;} .Form002319 .row2 li{ float: left; width:48.5%;} .Form002319 .row3 li{ float: left; width:31.3%;} .Form002319 .row4 li{ float: left; width:22.75%;} .Form002319 .row2 li:last-child{ float: right;} .Form002319 .row3 li:not(:last-child){ margin-right:3%;} .Form002319 .row4 li:not(:last-child){ margin-right:3%;} } /*PicList002949 */ .PicList002949{ padding:calc(110 / 1920 * 100vw) 0;} .PicList002949 .item{overflow: hidden;} .PicList002949 .item+.item{margin-top:2vw;} .PicList002949 .item a:hover{color:#2e3092;} .PicList002949 .txt{padding:3vw; background:#f7f7f7; background-size: auto 65%;} .PicList002949 .txt p.dot2{line-height:calc(28 / 16 * 1em); max-height:calc(56 / 16 * 1em);color: #888; margin:calc(20 /16 * 1em) 0 calc(36 /16 * 1em);} .PicList002949 .tit{font-size: calc(24 / 16 * 1em); line-height: 1em; color: #333;} .PicList002949 .tit:after{display: block; margin-top:calc(20 /24 * 1em); content: '';background:#4682c4; width: 48px; height: 2px;} .PicList002949 .pic{overflow: hidden;} .PicList002949 .pic .Ispic{display: block;width: 100%; padding-bottom:55%; transition: .3s;} .PicList002949 .item:hover .pic .Ispic{transform: scale(1.1);} .PicList002949 .pic img{display:none;} .PicList002949 .item:hover .tit{color: #2e3092;} .PicList002949 .item:hover .tit:after{background:#2e3092;} .PicList002949 .item:hover .Homemore{border-color: #2e3092; color: #2e3092; padding: 0 calc(22 / 15 * 1em);} .PicList002949 .item:hover .Homemore::after{background-image: url(../images/more.svg); margin-left:calc(18 / 15 * 1em);} @media(min-width:1025px){ .PicList002949 .pic{ width:50%;} } @media(max-width:1024px){ .PicList002949 .ytable, .PicList002949 .ytable-cell{display: block;} .PicList002949 .txt{padding: 5vw;} } .caseinfo .box{padding: calc(100 / 1920 * 100vw) 0;} .caseinfo .box:nth-child(2n){background: #f5f5f5;} .caseinfo .title{ font-size: calc(28 / 16 *1em); color: #333;text-align: center;} .caseinfo .title:after{display: block; content: '';width: calc(40 / 28 * 1em);height: 3px;background-color: #4682c4;margin:calc(22 / 28 * 1em) auto calc(35 / 28 * 1em);} .caseinfo .titleft{ text-align:left;} .caseinfo .titleft:after{margin:calc(22 / 28 * 1em) 0 calc(35 / 28 * 1em);} .caseinfo p{line-height: 1.75; color: #555; margin: 0;} .caseinfo p b{color:#e60012;} .caseinfo p+p{margin-top:1em;} .caseinfo .img{border: 1px solid rgba(0, 0, 0, 0.1); padding: 1em;} .caseinfo .dl dd{ line-height: 1.75;} .caseinfo .dl dd+dd{ margin-top: 2em;} .caseinfo .dl dd .t1{ font-size: calc(20 / 16 * 1em); color: #333; font-weight: bold;} .caseinfo .dl dd .t2{ font-size: calc(18 / 16 * 1em); color: #555; margin: 0.5em 0;} .caseinfo .dl dd .t2, .caseinfo .dl dd .t3{ padding-left:2vw;} .caseinfo .dl dd .t3 a{color: #4682c4; font-size: 1em;} .caseinfo .dl dd .t3 a:hover{color: #2e3092;} .caseinfo .box .pro{ position:relative;} .caseinfo .pro li a{ display:block; position:relative; margin:0 calc(20 / 16 *1em); text-align: center;} .caseinfo .pro li .pic{overflow: hidden; width:100%;} .caseinfo .pro li .Ispic{padding-bottom: 60%; transition: .3s;} .caseinfo .pro li:hover .Ispic{transform: scale(1.1);} .caseinfo .pro li .tit{font-size: calc(20 / 16 * 1em); margin-top: 1em; color: #333;} .caseinfo .pro li:hover .tit{ color:#2e3092;} .caseinfo .btn .slick-arrow{position: absolute; z-index: 30; top: 50%; width:50px; height:50px; border: 1px solid #2e3092;padding: 0; margin-top: -30px; border-radius: 50%; transition: 0.3s;} .caseinfo .btn .slick-arrow:hover{background: #2e3092;} .caseinfo .btn .slick-arrow:before{position: absolute; content: ''; width: 10px; height:10px; border-bottom: 2px solid #2e3092;border-left: 2px solid #2e3092; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .caseinfo .btn .slick-arrow:hover:before{ border-bottom-color:#fff;border-left-color:#fff; } .caseinfo .btn .slick-next:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);} .caseinfo .pro .slider{ margin: 0 calc(60 / 16 *1em);} .caseinfo .btn .slick-prev{left: 0;} .caseinfo .btn .slick-next{right: 0;} @media(min-width:1025px){ .caseinfo .flex{display: flex; align-items: center;} .caseinfo .flex2 .pic{order: 2;} .caseinfo .pic{width: 50%;} .caseinfo .con{padding-left: 4vw; width: 50%;} .caseinfo .flex2 .con{padding-left: 0; padding-right: 4vw;} } /* .Form002802 */ .Form002802{ padding:calc(100 / 1920 * 100vw) 0 ; background:#f8f8f8; } .Form002802-1{ background:#fff; } .Form002802 .title{ font-size: calc(28 / 16 *1em); color: #333;} .Form002802 .title:after{display: block; content: '';width: calc(40 / 28 * 1em);height: 3px;background-color: #4682c4;margin:calc(22 / 28 * 1em) 0 calc(35 / 28 * 1em);} .Form002802 .from li{position:relative; } .Form002802 .from li:not(.btn){background:#fff; padding:7px 20px;} .Form002802-1 .from li:not(.btn){background:#f5f5f5;} .Form002802 .from label{ position:absolute; left:20px; top:0; font-size:1em; line-height:44px; color:#999;} .Form002802 .from .text{ width:100%; height:30px; line-height:30px; border:none; background:none; font-size:1em;} .Form002802 .from textarea.text{ height:70px;} .Form002802 .from .btn input{ background:#4682c4; cursor:pointer; padding:0; border:none; width:200px; height:50px; font-size: 16px; color:#fff;line-height:50px;} .Form002802 .from .btn input:hover{ background:#2e3092;} .Form002802 .address dd p{ padding-left:calc(40 / 18 *1em); line-height: 1.75; margin: 0; background-size:auto 1em; background-repeat: no-repeat; background-position: left calc(1vw + (4/ 18 * 1em)); font-size: calc(18 / 16 * 1em); } .Form002802 .address dd p+p{ margin-top:0.9em;padding-top:0.9em; border-top:1px dashed #ddd; } .Form002802 .address dd p span{display: block; color: #999; margin-bottom:4px; font-size: calc(16 / 18 * 1em); } .Form002802 .address dd p b{font-size: calc(28 / 18 * 1em); color:#2e3092; line-height: 1;} .Form002802 .address dd p:first-child{background-position: left calc(4/ 18 * 1em);} .Form002802 .address dd p.tel{background-image:url(../images/Form002802-tel.svg); } .Form002802 .address dd p.tel2{background-image:url(../images/Form002802-tel2.svg); background-position:calc(2 / 18 * 1em) calc(1vw + (4/ 18 * 1em)); } .Form002802 .address dd p.fal{background-image:url(../images/Form002802-fal.svg); } .Form002802 .address dd p.add{background-image:url(../images/Form002802-add.svg); } .Form002802 .img{margin-top:4vw;} @media(min-width:1025px){ .Form002802 .from{ width:60%; padding-left: 4vw;} .Form002802 .address { width:40%; padding-right:4vw; border-right: 1px solid #ddd; vertical-align: top;} .Form002802 .from li{float: left; width: 48%; } .Form002802 .from li:nth-child(2n){float:right; } .Form002802 .from li:nth-child(2n) ~ li{margin-top: 2.4%;} .Form002802 .from .li{width: 100%;} } @media(max-width:1024px){ .Form002802 .from li{margin-top: 2.4%;} } @media(max-width:768px){ .Form002802 .ytable-cell{display: block} .Form002802 .from{padding-top: 5%;} } .swiper-scrollbar-drag{background:#4682c4 !important;} /*PicList002433*/ .PicList002433{padding:0 0 calc(80 / 1920 * 100vw) ;} .PicList002433 .main{padding: 0 60px;} .PicList002433 .slick-arrow{position: absolute; z-index: 30; top: 50%; width:50px; height:50px; border: 1px solid #2e3092;padding: 0; margin-top: -30px; border-radius: 50%; transition: 0.3s;} .PicList002433 .slick-arrow:hover{background: #2e3092;} .PicList002433 .slick-arrow:before{position: absolute; content: ''; width: 10px; height:10px; border-bottom: 2px solid #2e3092;border-left: 2px solid #2e3092; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .PicList002433 .slick-arrow:hover:before{ border-bottom-color:#fff;border-left-color:#fff; } .PicList002433 .slick-next:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);} .PicList002433 .main .slick-prev{left: 0; } .PicList002433 .main .slick-next{right: 0;} @media(max-width:768px){ .PicList002433 .main .slick-arrow{ width: 7vw;height: 7vw;margin-top: -3.5vw;} .PicList002433 .main .slick-arrow:before{width:40%; height: 40%;margin: 0;left: 40%; top: 30%;} .PicList002433 .main .slick-next:before{left: 20%;} } .PicList002433 .list ul{ padding:0 50px;} .PicList002433 .list li{ float:left; position:relative; text-align:center; margin-bottom:2%;} .PicList002433 .list li:first-child:before, .PicList002433 .list li:last-child:after{ position:absolute; content:''; bottom:0px; height:90px; width:50px;} .PicList002433 .list li:first-child:before{ left:-50px; background:url(../images/PicList002433_ul_l.png) no-repeat 0 0;} .PicList002433 .list li:last-child:after{right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list li aside{ padding-top:35px;height:90px; background:url(../images/PicList002433_libg.png) repeat-x left top;} .PicList002433 .list li .ytable{ height:245px;} .PicList002433 .list li .ytable-cell{ vertical-align:bottom;} .PicList002433 .list li figure{ position:relative; display:inline-block;max-width:90%;} .PicList002433 .list li figure:after{ position:absolute; right:-24px; background:url(../images/PicList002433_ying.png) no-repeat left bottom; width:24px; height:100%; background-size:contain; content:'';} .PicList002433 .list li figure img{max-height:245px; border:7px solid #680008;} .PicList002433 .list li p{ margin:0 auto; max-width:240px;width:90%; line-height:1.5; height:calc(1.5em * 2); color:#333; font-size: calc(18 / 16 * 1em);} .PicList002433 .list .ul-3 li{width:33.33333333%;} .PicList002433 .list .ul-3 li:nth-child(3):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li{width:50%;} .PicList002433 .list .ul-2 li:nth-child(2):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .PicList002433 .list .ul-1 li{width:100%;} @media(max-width:768px){ .PicList002433 .auto, .PicList002433 .list ul{ padding:0;} .PicList002433 .list li .ytable{ height:150px;} .PicList002433 .list li figure img{ max-height:150px; padding:3px} .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:5%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:5%;} .PicList002433 .list .ul-3 li:nth-child(3):after, .PicList002433 .list li:first-child:before{ display:none;} .PicList002433 .main{padding: 0px 30px} .PicList002433 .list li .ytable{ height:100px;} .PicList002433 .list li figure img{ max-height:100px;} } /*PicList002954 */ .PicList002954{padding-top:calc(100 / 1920 * 100vw);} .PicList002954 .ul{display: flex; flex-wrap: wrap;} .PicList002954 li{width:calc((100% - calc(80 / 16 * 1em)) / 3); } .PicList002954 li .pic{overflow: hidden;} .PicList002954 li .Ispic{padding-bottom:56.003%; transition: 0.3s;} .PicList002954 li a:hover .Ispic{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} .PicList002954 li .con{padding:1.5vw 0; border-bottom: 1px solid #eaeaea; position: relative;} .PicList002954 li .tit{font-size:calc(20 / 16 * 1em); color: #333;} .PicList002954 li .txt{font-size:1em; color: #888; line-height: 1.75; margin-top: 1em; height: calc(1.75em * 2);} .PicList002954 li a:hover .tit{ color:#2e3092;} @media(min-width:768px){ .PicList002954 li{margin-right:calc(40 / 16 * 1em);} .PicList002954 li:nth-child(3n){margin-right:0;} .PicList002954 li:nth-child(3n) ~ li{margin-top:calc(40 / 16 * 1em);} } @media(max-width:768px){ .PicList002954 .ul{justify-content: space-between} .PicList002954 li{width: 48%; margin:2% 0;} } .TextList002514{padding-top:calc(100 / 1920 * 100vw);} .TextList002514 .list{padding:0 3%;background:#fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } .TextList002514 .list+.list{margin-top:2vw;} .TextList002514 .job-title{ line-height:calc(30 / 16 * 1em); padding:calc(24 / 16 * 1em) 0;cursor:pointer; position:relative;color: #333;} .TextList002514 .job-title p{ margin: 0;position: relative;line-height:calc(34 / 20 * 1em);font-size:calc(20 / 16 * 1em); font-weight: bold;} .TextList002514 .job-title i{position:absolute; width:28px; height:28px; background:#4682c4; border-radius:50%; right:0; top:50%; margin-top:-14px;} .TextList002514 .job-title i::before, .TextList002514 .job-title i::after{ position:absolute; content:''; background:#fff;} .TextList002514 .job-title i::before{ left:25%; width:50%; height:2px; top:50%; margin-top:-1px;} .TextList002514 .job-title i::after{ left:50%; margin-left:-1px; width:2px; top:25%; height:50%;} .TextList002514 .job-title.select i::after{ display:none;} .TextList002514 .job-title.select{ color:#2e3092;} .TextList002514 .job-main{ display:none; padding:40px 0 0; border-top:1px dotted #e3e3e3;} .TextList002514 .job-main .job-info { line-height:1.75;} .TextList002514 .job-main .job-info strong{display: block; color: #555; margin-bottom: 5px;} .TextList002514 .job-main .job-info p{margin: 0;} .TextList002514 .send{ padding: 2vw 0; margin-top: 2vw; border-top: 1px dashed #eaeaea; } .TextList002514 .send em{ font-style: normal; border-bottom:1px solid #4682c4; font-weight: bold; margin-left: 10px; } .TextList002514 .send a{display: inline-block;line-height:calc(30 / 16 * 1em);color:#4682c4;background:url(../images/TextList002514_icon.svg) no-repeat right center;padding-right:calc(50 / 16 * 1em); background-size: auto calc(30 / 16 * 1em);} @media(max-width:1024px){ .TextList002514{padding: 6% 0} .TextList002514 .list+.list{margin-top:20px;} .TextList002514 .job-title{ padding:10px 0;} .TextList002514 .job-main{padding:10px;} } /*Map002516 */ .Map002516{padding:calc(100 / 1920 * 100vw) 0;} .Map002516 .pic{margin-top:1vw;} .Map002516 .edit-css li{margin-bottom:3vw; } .Map002516 .edit-css li .icon{margin-bottom: 5px;} .Map002516 .edit-css li .icon span{display: block; width:calc(26 / 16 * 1em); height:calc(26 / 16 * 1em);background-repeat:no-repeat; background-size: contain;background-position:center;margin-bottom:calc(10 / 16 * 1em);} .Map002516 .edit-css li i{font-size: calc(14 / 16 * 1em); font-style: normal; color: #777;} .Map002516 .edit-css li .icon span.name{background-image: url(../images/Map002516-01.svg);} .Map002516 .edit-css li .icon span.add{background-image: url(../images/Map002516-05.svg);} .Map002516 .edit-css li .icon span.tel{background-image: url(../images/Map002516-02.svg);} .Map002516 .edit-css li .icon span.tel2{background-image: url(../images/Map002516-03.svg);} .Map002516 .edit-css li .icon span.mail{background-image: url(../images/Map002516-04.svg);} .Map002516 .edit-css li .icon span.qq{background-image: url(../images/Map002516-06.svg);} .Map002516 .edit-css li aside{font-size:calc(18 / 16 * 1em);margin-top: 10px;color: #444;} @media(min-width:1025px){ .Map002516 .edit-css ul{display: flex; flex-wrap: wrap;} .Map002516 .edit-css li{width:31.3%; padding-left:calc(22 / 16 * 1em); border-left:5px solid #f8f8f8;} .Map002516 .edit-css li:not(:nth-child(3n)){margin-right:3%;} } @media(max-width:1024px){ .Map002516{padding:6% 0;} .Map002516 .edit-css li{padding:calc(22 / 16 * 1em); } .Map002516 .edit-css li+li{ border-top:2px solid #f8f8f8;} } @media(max-width:768px){ .Map002516 .edit-css li{display: flex;flex-wrap: wrap;} .Map002516 .edit-css li .icon{margin-bottom: 0;} .Map002516 .edit-css li .icon span{margin-bottom: 0} .Map002516 .edit-css li i{padding: 0px 5px} .Map002516 .edit-css li aside{flex: 1;margin: 0} } .solution_card_list { margin-left: -15px; margin-right: -15px; } .solution_ca_list { margin-left: -15px; margin-right: -15px; } .solu-disflex { width: 100%; align-items: center; } .solupad { width: 100%; padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; background: #ffffff; } .solution_card_item { width: 33.3%; float: left; padding: 0 15px; margin: 5px 0; box-sizing: border-box; } .solution_card_item .solution_card_item_img { width: 41px; height: 47px; margin-right: 10px; } .solution_card_item_img:first-of-type { width: 36px; height: 34px; } .solution_card_item_img:last-of-type { width: 36px; height: 34px; } .solution_card_item_img img { width: 100%; height: 100%; } .solution_card_item_title { font-family: PingFangSC-Regular; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; } /* 解决方案列表卡片 */ .solution_list{padding: 0 0 calc(100 / 16 * 1em) 0;width: 100%;} div.solution_list:first-child{margin-top: calc(84 / 16 * 1em);} .solution_list .solution_tltle{margin-bottom: calc(20 /16 * 1em);} .solution_list .solution_tltle aside{font-size:calc(26 / 16 * 1em);line-height:1;color:#333;text-align:left; } /*.solution_list .solution_tltle aside:after{display: block; margin-top:calc(20 /24 * 1em); content: ''; background:#4682c4; width: 2px; height: 26px;} */ .solution_list_card {margin: 0 -16px;} .solution_padr {width: 33.3%;padding: 16px;box-sizing: border-box; border: 1px solid rgba(254, 118, 22, 0);float: left;} .solution_img {width: 100%; padding-bottom: calc(220/400 * 100%); background-size: 80%; background-repeat: no-repeat; background-position: center;} .slie-qure {padding: 30px 30px 30px 30px;width: 100%;box-sizing: border-box;background: #f7f7f7;} .slie_title {font-size: calc(20 / 16* 1em);font-weight: normal;font-stretch: normal;letter-spacing: 0px; color: #333333;margin-bottom: 15px;} .slie_bor {display: block;margin-top: calc(20 / 18* 1em);content: '';background: #4682c4;width: 48px;height: 2px;} .slie-qure p{font-size: 16px;line-height: 1.66;color: #666666;} @media(max-width:1024px){ .solution_padr{width: 50%} .slie-qure{padding: 20px;} } @media(max-width:768px){ .solution_list_card {margin: 0 -5px;} .solution_padr{padding: 5px} .slie-qure{padding: 10px} } .jstu{width: 100%;padding: calc(100 / 16 * 1em) 0 0 0;} .jstu ul li{list-style: none;margin-bottom: calc(30 / 16 * 1em)} .jstu .item{background:linear-gradient(-45deg, #f0f1fa, #ffffff 50%); box-shadow: 0px 0px 2px 0px rgb(99 97 170 / 20%); border-radius: 10px; padding: 2%; overflow: hidden;} .jstu .item .pic{width: 30%;float: left;display: inline-block;} .jstu .item .text{width: 70%; padding-left: 6%;float: left;} .jstu .text h3{padding: 10px 0;font-size:calc(24 / 16 * 1em); line-height: 2;margin-bottom: 10px; margin-top: 0;color: #333;font-weight: 500;} .jstu .text dl dd{background-color: #f0f1fa; display: inline-block; border-radius: 2em;padding: 5px 15px; font-size:1em;line-height: 2;color: #2e3092;font-weight: lighter;} .jstu .text dl dd:not(:last-child){margin-right: 10px;margin-bottom: 10px;} .jstu .text dl dd:hover{background: #4682c4; color: #ffffff} .jstu .text p{display: inline-block;width: 100%;margin-top: 3em;font-size: 1em;line-height: 1.8;color: #666;} .jstu .text p span{color: #2e3092;font-weight: 600;} .jstu .item:hover:after{opacity: 1} @media(max-width:1024px){ .jstu{padding: 6% 0} } @media(max-width:768px){ .jstu .item .pic{width: 65%;display: block; max-width: 320px; margin: auto;float: none} .jstu .text h3{text-align: center;} .jstu .item .text{width: 100%;float: none;padding: 2%} .jstu .text p{display: block;margin-top:20px} } .edit-article{padding: 4% 0;} .font_list li{padding: 1.5% 0;border-bottom: solid 1px #ddd} .font_list li span{float: right} .Servicecapability{width: 100%;padding: calc(100 / 16 * 1em) 0 calc(70 / 16 * 1em) 0;} .Servicecapability ul li{list-style: none;margin-bottom: calc(30 / 16 * 1em)} .Servicecapability .item{background:linear-gradient(-45deg, #f0f1fa, #ffffff 50%);box-shadow: 0px 0px 2px 0px rgb(99 97 170 / 20%);border-radius: 10px;padding: 4%;overflow: hidden;} .Servicecapability .item .pic{width: 25%;float: left;display: inline-block;} .Servicecapability .item .text{width: 75%;padding-left: 6%;float: left;} .Servicecapability li:nth-child(2n) .item{background:linear-gradient(45deg, #f0f1fa, #ffffff 50%);;} .Servicecapability li:nth-child(2n) .item .pic{float:right;} .Servicecapability li:nth-child(2n) .item .text{padding-left:0;padding-right:6%;float: right;} .Servicecapability .text h3{padding: 10px 0;font-size:calc(24 / 16 * 1em); line-height: 2;margin-bottom: 10px;margin-top: 0;color: #333;font-weight: 500;} .Servicecapability .text h3:after{content:'';width: 48px;height: 2px;background:#e60012;display: block;margin-top: 1em;} .Servicecapability .text dl dd{background-color: #f0f1fa; display: inline-block; border-radius: 2em;padding: 5px 15px;font-size:1em;line-height: 2;color: #2e3092;font-weight: lighter;} .Servicecapability .text dl dd:not(:last-child){margin-right: 10px;margin-bottom: 10px;} .Servicecapability .text dl dd:hover{background: #4682c4; color: #ffffff} .Servicecapability .text p{display: inline-block;width: 100%;margin-top: 1em;font-size: 1em;line-height: 1.8;color: #666;} .Servicecapability .text p span{color: #2e3092;font-weight: 600;} .Servicecapability .item:hover:after{opacity: 1} @media(max-width:1024px){ .Servicecapability{padding: 6% 0} } @media(max-width:768px){ .Servicecapability .item .pic{width: 100%;display: block;margin: auto;float: none;} .Servicecapability .text h3{} .Servicecapability .item .text{width: 100%;float: none;padding: 2%} .Servicecapability .text p{display: block;margin-top:20px} }