.blog-slider__content .blog-slider__code .tt/* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ fieldset, lengend, button, input, textarea, /* form elements 表单元素 */select,option, th, td { /* table elements 表格元素 */ margin: 0; padding: 0; font-family:"微软雅黑",Arial; text-align: left; font-weight: normal; } *{font-family:"微软雅黑",Arial;} .aber-ban .swiper-pagination-bullet.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;} .aber-ban .swiper-pagination-bullet {width: 5px;height: 5px;display: inline-block;border-radius: 10px;background: #fff;opacity:1;transition: all .3s;} .aber-ban .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;background: #e60012;width: 25px; border-radius:2px; display: inline-block;} /* 设置默认字体 */ body, button, input, select, textarea { /* for ie */ /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/ /* font: 12px/1 "微软雅黑"; *//*Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;*/ /* 用 ascii 字符表示，使得在任何编码下都无问题 */ } h1 { font-size: 18px; /* 18px / 12px = 1.5 */ } h2 { font-size: 16px; } h3 { font-size: 14px; } h4, h5, h6 { font-size: 100%; font-weight: normal;} address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */ code, kbd, pre, samp, tt { } /* 统一等宽字体 */ small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */ /* 重置列表元素 */ ul, ol { list-style: none; } /* 重置文本格式元素 */ a { text-decoration: none;display: block; } a:hover { text-decoration: none; } abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; } q:before, q:after { content: /style/css/''; } /* 重置表单元素 */ legend { color: #000; } /* for ie6 */ fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */ /* 注：optgroup 无法扶正 */ button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ } /* 重置表格元素 */ table { border-collapse: collapse; border-spacing: 0; } /* 重置 hr */ hr { border: none; height: 1px; } @font-face { font-family: 'iconfont'; /* project id 3163871 */ src: url(/style/css/''); src: url('/style/css/osi.css') format('embedded-opentype'), url('https:https://at.alicdn.com/t/font_3163871_gcp3ziej1p.woff2') format('woff2'), url('https://at.alicdn.com/t/font_3163871_gcp3ziej1p.woff') format('woff'), url('https://at.alicdn.com/t/font_3163871_gcp3ziej1p.ttf') format('truetype'), url('/style/css/') format('svg'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: "fcmeAlibaba"; src: url("/style/font/fcmeAlibaba-PuHuiTi-Bold.ttf") format("truetype"), url("/style/font/fcmeAlibaba-PuHuiTi-Heavy.ttf") format("truetype"), url("/style/font/fcmeAlibaba-PuHuiTi-Light.ttf") format("truetype"), url("/style/font/fcmeAlibaba-PuHuiTi-Medium.ttf") format("truetype"), url("/style/font/fcmeAlibaba-PuHuiTi-Regular.ttf") format("truetype"); } @font-face { font-family: "fcmeGotham"; src: url("/style/font/fcmeGotham-Bold.ttf") format("truetype"), url("/style/font/fcmeGotham-Book.ttf") format("truetype"); } /* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */ html { overflow-y: scroll; } audio, canvas, progress, video {display: inline-block;vertical-align: baseline;} video::-internal-media-controls-download-button {display:none;} video::-webkit-media-controls-enclosure {overflow:hidden;} video::-webkit-media-controls-panel {width: calc(100% + 30px); } html,body{ height:100% !important; margin: 0px;} .web-ie2018{ font-family:Arial,微软雅黑; position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;} .web-ie2018 dl{ position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;} .web-ie2018 dl #img{ display: block;margin: 50px auto;} .web-ie2018 dl h3{ display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;} .web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;} .web-ie2018 dl dd{ margin: 0 auto 50px; display: block;text-align: center; margin-bottom:50px;} .web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;} .web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;} .web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;} .drawer-nav { display: none; } .drawer-hamburger {display: none;} .ab06_h5 {display: none;} .h5_wen { font-family: arial; display:block; text-transform: uppercase; color: #999; font-size: 15px; display: block; line-height: 30px;} .h5_a{display: none;} .h5_footer {display: none;} .h5_top{display: none;} .ab03_2 {display: none;} .join002 .content01 ul li a .jia {display:block;} .join002 .content01 ul li a .jian {display:none;} .new01 .content .mid ul li .right .h5_fa {display: none;} .new01 .content .mid ul li .right .h5_d {display: none;} .ab06 .content .left li::marker{display: none;} input, button, select, textarea {outline: none;} .clearfix:after{display:block;content:/style/css/'';clear:both;visibility:hidden} .div1 {transition: 0.3s; position: fixed; top: 0px; width: 100%; z-index: 999;border-bottom: 1px solid rgba(255,255,255,0.5);} .div2{box-sizing: border-box; transition: all .3s; z-index: 999; top: 0; left: 0; height: 70px; background: none; box-shadow: 0 0 0px 0 rgba(0,0,0,.1); display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center; width: 1020px; /* transform: translateX(-50%); */ left: 50%; margin: auto;} .div1:hover {background: white;border-bottom: 0px;} .div2_1 {border-bottom: 0px!important; z-index: 1000; } .div1:hover dl .pcnav dd h3 a { color: #333;} .div1:hover dl .toa span { color: #999; } .div1:hover .hamburger.is-closed .hamb-top, .div2:hover .hamburger.is-closed .hamb-middle,.div2:hover .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-bottom { background-color: #666; } .pch .sidebar-nav-open .div2 .logo{ display: block;overflow: hidden; margin: 0 0 0 50px; } .div2 .logo img{ transition: all .3s; display: block;width: 320px} .div2 dl{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center; position: relative;margin-right: 0px;top: 0;} .div2 dl {right: 0px;} .div2 dl .pcnav{margin: 0 26px 0 0;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .div2 dl .pcnav dd{ position: relative; padding: 0 13px;} .blog-slider__content .dr_bot { display: flex; width: fit-content; margin: auto;} .blog-slider__content .dr_bot .more2 {background-color: transparent;border: 1px solid #fff;} .blog-slider__content .dr_bot .more2::after{height: 0%;top: 0px;bottom: auto;} .blog-slider__content .dr_bot .more2:hover::after{height: 100%;} .blog-slider__content .dr_bot .more2:hover{border-color: #e60012;} .blog-slider__content .dr_bot a:nth-of-type(1){margin-right: 20px;} .div2 dl .pcnav dd h3 {position: relative;} .div2 dl .pcnav dd:last-child{margin-right:0;} .div2 dl .pcnav dd h3:hover a {color: #e60012;} .div2 dl .pcnav dd:hover::after{opacity: 1;} .div2 dl .pcnav dd h3::after { transition: 0.3s; content: ""; position: absolute; bottom: 0px; left: 0%; background-color: #e60012; width: 0%; height: 3px;} .div2 dl .pcnav dd.on h3 a {color: #e60012; } .div2 dl .pcnav dd h3 a { padding: 25.5px 0;} .div2 dl .pcnav dd.on h3::after {width: 100%;} .div2 dl .pcnav dd h3:hover::after {width: 100%;} .b_cc {position: relative;width: 1000px;margin: auto;} /* subnav */ .div1 dl .pcnav dd:hover .sub_nav{display: block;} .div1 dl .pcnav dd .sub_nav { display: none; width: 145px; background: rgba(255,255,255,.9); position: absolute; z-index: 100; left: 0px; padding-top: 20px;z-index: 100; top: 72%;} .div1 dl .pcnav dd .sub_nav a {font-size: 14px; color: #333; background-color: transparent; position: relative; padding: 10px 0 10px 13px;box-sizing: border-box;} .div1 dl .pcnav dd .sub_nav a::before{content: ""; width: 3px; height: 12px; background: rgba(255,255,255,.9); background-color: rgba(255, 255, 255, 0.9); left: 0px; top: 14px; position: absolute;} .div1 dl .pcnav dd .sub_nav a:hover{color: #e60012;background-color: #fff;} .div1 dl .pcnav dd .sub_nav a:hover::before{background-color: #e60012;} /* opacity: 1;visibility: visible; */ /* .div2 dl .pcnav dd:hover .subnav {} */ .div2 dl .pcnav dd .subnav { opacity: 0; visibility: hidden; position: absolute; top: 99%; width: 100%; padding: 1vw 62.5vw; background-color: #e60012; background-position: center right; background-repeat: no-repeat; background-image: url(/style/images/menu_line.png); background-size: auto 100%;} .div2 dl .pcnav dd .subnav a span { font-size: 40px; line-height: 86px; color: #fff; font-family: 'Gotham-Book'; transition: color .3s ease; } .div2 dl .pcnav dd .subnav a span, .div2 dl .pcnav dd .subnav a i { display: inline-block; vertical-align: middle; } .div2 dl .pcnav dd .subnav a i { margin-left: 3.125vw; position: relative; opacity: 0; transition: all .3s ease; } .div2 dl .pcnav dd .subnav a span { font-size: 40px; line-height: 86px; color: #fff; font-family: 'Gotham-Book'; transition: color .3s ease; } .div2 dl .pcnav dd h3 a{font-size: 16px;color: #fff; } .div2 dl .toa{cursor: pointer; padding-right: 0px;display: block;height: 100px; position: relative;margin: 0 0 0 0;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .div2 dl .toa span{ display: block; width: 50px; height: 20px; border: 1px solid #ddd; text-align: center; line-height: 20px; color: #fff; font-size: 12px;} .div2 dl .toa span .fa{} .div2 dl .toa h5{display: none; position: absolute; top: 61px; width: 50px; background: #fff; border: 1px solid #ddd;} .div2 dl .toa h5 a{ display: block; text-align: center; font-size: 12px; color: #000; line-height: 20px;} .div2 dl .toa h5 a:hover{ color:#e60012; } .div2 dl .toa:hover h5{display: block;} .div2 dl .toa:after{content:/style/css/'';content: /style/css/'';position: absolute;width: 1px;height: 100%;top: 0;right: 0;background: #ddd;opacity: 0;} .div2_1 .logo img{ } .div2_1{background: #fff;box-shadow: 0 0 30px 0 rgba(0,0,0,.1);border-bottom: 1px solid #eee;} .div2_1 dl .pcnav dd h3 a{ color:#333; } .pch {display: none;} .pch .hamburger{width: 40px;height: 30px;margin: 0; right:32px;top: 35px;cursor: pointer; position: absolute; z-index: 99999999; background: none; border: 0; } .hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom,.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-bottom{ background-color: #eee;} .pch .sidebar-nav{padding: 225px 0 0 0; width: 500px; top: 0; background: rgba(207, 0, 14, 0.9); transition: all .6s; overflow: overlay; position: fixed; z-index: 9999;} .pch .sidebar-nav .mnli>a{color: #fff;font-size: 18px; margin: 0; border-bottom:0 solid #6da5dc; line-height: 50px; font-weight: bold; padding: 0;} .pch .sidebar-nav .mnli{ margin: 0 0 20px 0; width: 100%; overflow: hidden;} .pch .sidebar-nav .mnli .activ,.pch .sidebar-nav .mnli>a:hover{ border-bottom: 0px solid #fff; } .pch .sidebar-nav .mnli .mlist .sidebar-brand-two{ } .pch .sidebar-nav .mnli .mlist .sidebar-brand-two a{ color: #fff;padding: 0;font-size: 16px;margin:10px 0 10px 0;opacity: 0.8;position: relative; font-weight: normal; padding-left: 10px;} .pch .sidebar-nav .mnli .mlist .sidebar-brand-two a:hover{ color:#fff; opacity: 1; } .pch .sidebar-nav .mnli .mlist .sidebar-brand-two a:before{content: " ";position: absolute;width: 5px;height: 5px;background: #fff;border-radius: 50%;left: 0;top: 9px;} .pch .sidebar-nav .left,.pch .sidebar-nav .right{ display: block;float: left; width: 50%;height: 100%;position: relative;overflow: hidden;} .pch .sidebar-nav .right{ } .pch .sidebar-nav dl{display: block;width: 70%;overflow: hidden;margin: 0 auto; position: relative; } .pch .sidebar-nav dl dd{ display: block; width: 100%; overflow:hidden; position: relative;} .pch .sidebar-nav dl dd .ccu{} .pch .sidebar-nav dl dd .ccu p{position: relative; height: 40px; display: block;color: #fff;letter-spacing: 0;font-size: 16px;line-height: 40px; padding: 0 0 0 40px; } .pch .sidebar-nav dl dd .ccu .fa{position: absolute;width: 26px; font-size: 12px;height: 26px;border-radius: 50%;border: 1px solid #eee;text-align: center;line-height: 26px;top: 6px;left: 0;} .pch .sidebar-nav dl dd .ccu .ewm{display: block;overflow: hidden;margin: 50px 0 0 0;} .pch .sidebar-nav dl dd .ccu .ewm strong{ display: block;overflow: hidden;margin: 0 30px 0 0;float: left;} .pch .sidebar-nav dl dd .ccu .ewm strong img{ display: block;width: auto;height: 100px;} .pch .sidebar-nav dl dd .ccu .ewm strong span{display: block;text-align: center;color: #fff;font-weight: normal;font-size: 14px;margin: 6px 0 0 0;} .pch .sidebar-nav .mnli .mlist{display: none; padding-bottom:20px; overflow: hidden;} .pch .sidebar-nav-open{right: 0;} .div2_1 .hamburger.is-closed .hamb-top,.div2_1 .hamburger.is-closed .hamb-middle,.div2_1 .hamburger.is-closed .hamb-bottom,.div2_1 .hamburger.is-open .hamb-top,.hamburger.is-open .hamb-bottom{ background-color: #666;} .div2_1 dl .toa span{color:#999} .div2_1 .hamburger.is-open span,.div2_1 .hamburger.is-open .hamb-top,.div2_1 .hamburger.is-open .hamb-bottom{ background: #fff;} .div2 .hamburger.is-open .hamb-bottom{background: #fff;} .hometitle{display: block;overflow: hidden;} .hometitle span{ font-family: arial; text-transform: uppercase; color: #999; font-size: 15px; display: block; line-height: 30px;} .hometitle font{display: block; color: #333; font-size: 36px; line-height: 35px; margin: 40px 0 0 0;} div:focus,a:focus,span:focus{ outline:none; } .more{ border: 1px solid #e60012; z-index: 0; overflow: hidden; position: relative; width: 160px; height: 40px; text-align: center; line-height: 40px; display: block; border-radius: 2em; color: #e60012; background: none; overflow: hidden; -webkit-transition: color 0.3s; transition: color 0.3s; font-size: 16px; margin: 0 auto 0;} .more::after{content: /style/css/'';position: absolute;height: 0%;width: 100%;left: 0;top: 0px; z-index: -1;transition: .2s; background: #e60012;} .more:hover{ color:#fff; } .more:hover::after {height: 100%;} .icenter{ max-width: 1020px ; margin: 0 auto ; padding: 0px 10px;} .footer .left .tt dd p .sp_2{opacity: 0;} .banner{position: relative;width: 100%;overflow: hidden;margin-top: 0; background: #f5f5f5;} .blog-slider {width: 100%;position: relative;margin: auto;height: 100%;transition: all .3s;} .blog-slider__item {display: flex;align-items: center;display: block;} .blog-slider__item.swiper-slide-active .blog-slider__img img {opacity: 1;transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);} /*.blog-slider__item.swiper-slide-active .blog-slider__img img{-webkit-animation-name:centerBig;animation-name:centerBig;}*/ /*@-webkit-keyframes centerBig{100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}}*/ /*@keyframes centerBig{100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}}*/ .blog-slider__item.swiper-slide-active .blog-slider__content > * {opacity: 1;transform: none;} .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(1) {transition-delay: 0.3s;} .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(2) {transition-delay: 0.4s;} .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(3) {transition-delay: 0.5s;} .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(4) {transition-delay: 0.6s; display: block; text-align: center;} .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(5) {transition-delay: 0.7s;} .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(6) {transition-delay: 0.8s;} .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(7) {transition-delay: 0.9s;} .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(8) {transition-delay: 1s;} .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(9) {transition-delay: 1.1s;} .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(10) {transition-delay: 1.2s;} .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(11) {transition-delay: 1.3s;} .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(12) {transition-delay: 1.4s;} .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(13) {transition-delay: 1.5s;} .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(14) {transition-delay: 1.6s;} .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(15) {transition-delay: 1.7s;} .blog-slider__img img {width: 100%;height: 100%;object-fit: cover;display: block;} .blog-slider__content {position: absolute;top: 52%; width:90%;left: 5%; transform: translate(0%, -50%);z-index: 2; text-align: left; } .blog-slider__content > * {opacity: 1;} /* .blog-slider__content > * {opacity: 0;transform: translateY(25px);transition: all .4s;} */ .blog-slider__code {color: #7b7992;margin-bottom: 0;display: block;font-weight: 500;text-align: center; } .blog-slider .swiper-container-horizontal > .swiper-pagination-bullets, .blog-slider .swiper-pagination-custom, .blog-slider .swiper-pagination-fraction {bottom: 10px;left: 0;width: 100%;} .banner .blog-slider__pagination {position: absolute;z-index: 21;text-align: center;bottom:30px; width: auto;left: calc(0% + 60px);} .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;} .blog-slider__pagination .swiper-pagination-bullet {width: 5px;height: 5px;display: inline-block;border-radius: 10px;background: #fff;opacity:1;transition: all .3s;} .blog-slider__pagination .swiper-pagination-bullet-active {opacity: 1;background: #e60012;width: 25px; display: inline-block;} /* .blog-slider__content .blog-slider__code{overflow: hidden;} */ .blog-slider__content .blog-slider__code .yw{ line-height: 40px; display: block; color: #fff; font-size: 24px; font-weight: normal; margin: 0 0 0 5px; text-transform: uppercase;} .blog-slider__content .blog-slider__code .tt{display: inline-block; font-size: 40px;color: #fff;font-weight: bold;font-family: "arial";} /* .blog-slider__content .blog-slider__code .tt{display: inline-block; font-size: 50px;color: #fff;font-weight: bold; background: linear-gradient(to right, #e60012 15%, #e60012 30%, #fff 55%, #fff 80%, #e60012 95%);background-size: 300% auto;color: #000;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: shine 15s linear infinite; font-family: "arial";} */ .blog-slider__content .blog-slider__code .cc{ line-height: 80px;display: inline-block;color: #fff;font-size:80px; font-weight: normal;margin: 0 0 0 5px; text-transform: uppercase;} @keyframes shine {to {background-position: 300% center;}} .blog-slider__content .blog-slider__title{display: block;font-size:18px;color: #fff;letter-spacing: 0;text-align: center;padding-left: 0;text-transform: uppercase;} .blog-slider__text{ text-align: center; display: block; font-size: 24px; color: #fff; margin: 0px 0 0 0; padding-left: 0;line-height: 50px; } .blog-slider__content .more{ z-index: 0; overflow: hidden; overflow: hidden; color: #fff; position: relative; color: #fff; border: 2px solid #e60012; margin: 20px auto 0; width: 160px; font-size: 16px; height: 40px; line-height: 40px; border-radius: 2em;} .blog-slider__content .more:hover::after {height: 0px;} .blog-slider__content .more:hover {color: #fff;border-color: #fff;} .blog-slider__content .more::after{ z-index: -1; position: absolute; width: 100%; height: 100%; bottom: 0px; left: 0px; background-color: #e60012; top: auto;} .btoa{ cursor: pointer; position: absolute; width: 20px; height: 20px; bottom: 27px; left: 1%; z-index: 9;} .btoa img {width: 8px;} .blog-button-next{ left:calc(0% + 40px); } .p-top-mv__scroll{position: absolute;right:49.5%;bottom: 0;z-index: 1;text-align: center; margin-right: -25px;} .p-top-mv__scroll p{ font-size:13px;color: #eee;} .bannerscroll{display: block;width:1px;height:30px;background:#ddd;position: relative;margin: 0 auto 0;} .bannerscroll::before{content: /style/css/'';display: block;width:7px;height:7px;background:#e60012;position:absolute;top:0;left:-3px;-webkit-animation:scroll 2.3s cubic-bezier(0,0,0.38,0.97) infinite;animation:scroll 2.3s cubic-bezier(0,0,0.38,0.97) infinite} @-webkit-keyframes scroll{0%{transform:translateY(0);opacity:1} 45%{transform:translateY(53px);opacity:1} 70%{transform:translateY(53px);opacity:0} 100%{transform:translateY(53px);opacity:0} }@keyframes scroll{0%{transform:translateY(0);opacity:1} 45%{transform:translateY(53px);opacity:1} 70%{transform:translateY(53px);opacity:0} 100%{transform:translateY(53px);opacity:0} } #scrollnow{ display: block;position: absolute;width: 100%;height: 70px;bottom: 0;left: 0;z-index: -1;} .swiper-container-fade .swiper-slide:after{ content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #01031e;opacity: 0.3; } .aber-ban .swiper-container-fade .swiper-slide:after{ content: ""; background: transparent; opacity: 0; } .bao {overflow: hidden;position: relative;} .inabout{ display: block; position: relative; margin: 30px auto; box-sizing: border-box;} .inabout .top{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .inabout .top dd{display: block; width: 50%; } .inabout .top dd .fa{ position: absolute; color: #ecf0f4; font-size: 140px; font-family: Arial; top: 3%;} .inabout .top dd .video{ box-shadow: 0 0 30px 0 rgba(0,0,0,.2);display: block;width:60%;overflow: hidden;position: relative; margin: 0 0 0 40%; border-radius: 2em 2em 0 2em; } .inabout .top dt{display: block;overflow: hidden;width: 45%; margin: 0 0 0 5%;} .inabout .top dt .hometitle{} .inabout .top dt h4{ margin-top: 4px; display: block; color: #666; line-height: 20px; font-size: 14px;} .inabout .bottom{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .inabout .bottom .txt{display: block;width:50%;overflow: hidden;} .inabout .bottom .txt h3{display: block; color: #333; font-size: 24px; line-height: 28px;} .inabout .bottom .txt .inabouttoa{ transition: all .6s; display: block; overflow: hidden; margin-top: 10px; padding-left: 13px; width: 146px;} .inabout .bottom .txt .inabouttoa font{position: relative; float: left; display: block; width: 22px; height: 22px;border: 1px solid #e60012;border-radius: 50%;} .inabout .bottom .txt .inabouttoa font img{ transition: all .3s; display: block; margin: 8.775px 0 0 -14px; width: 28px;} .inabout .bottom .txt .inabouttoa span{ float: left; line-height: 25px; text-transform: uppercase; color: #e60012; margin: 0px 0 0 5px; font-size: 12px;} .inabout .bottom p{display: block;width:50%;overflow: hidden; border-radius: 0 2em 2em 2em; box-shadow: 0 0 30px 0 rgba(0,0,0,.2); } .inabout .bottom p img{display: block;width:100%; transition: all .6s;} .inabout .bottom p img:hover{-webkit-transform: scale(1.1);} .inabout .bottom .txt .inabouttoa:hover{ padding-left: 0;} .inabout .bottom .txt .inabouttoa:hover font img{ margin: 8.775px 0 0 -8px;} .inabout .bottom .txt .inabouttoa font:after{ content: ""; position: absolute; width: 10px; height: 5px; background: #fff; top: -9%; left: 0; margin-top: -2.5px; opacity: 0;display: none; } .inabout .bottom .txt .inabouttoa:hover font:after{ opacity: 1;} .inabout .top dd .video .container .videolist .videoed{ border-radius: 50%; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block !important;cursor: pointer;} .inabout .top dd .video .container .videos{ display: none; position: fixed; width: 100%;height: 100%;top: 0;left:0;z-index: 9999; background: rgba(55, 58, 71, 0.6); } .inabout .top dd .video .container .videos video{position: fixed;z-index: 2;display: block;width: 60%;top: 20%;left: 20%;} .inabout .top dd .video .container .videos .vclose{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;} .inabout .top dd .video .container .videos .vclose img{position: absolute;width: 40px;height: 40px;top: calc(20% - 50px);right: calc(20% - 50px);left: auto;cursor: pointer; } .inabout .top dd .video .container .videos .vclose:after{ content:""; } .inabout .top dd .video .container .videolist .videoed:hover{ background: #e60012;} .inabout .top dd .video .container{ border-radius: 2em 2em 0 2em;overflow: hidden;} .inabout .top dd .video .container .videolist{} .inabout .top dd .video .container .bao { overflow: hidden; position: absolute; width: 100%; height: 100%; z-index: 2; top: 0px;} .inabout .top dd .video .container .bao .imgs{ border-radius: 2em 2em 0 2em; transition: all .6s; display: block; height: 100%; width: 100%;} .inabout .top dd .video .container .videoed {position: absolute; left: 0; top: 0; width: 40px; height: 40px; display: block; z-index: 3; left: 50%; top: 50%; transform: translate(-50%, -50%);} .inabout .top dd .video .container .imgs:hover { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);} .inabout .hometitle font{margin: 0;} .inabout h6{ color: #f4f6f8;font-size: 60px;text-transform: uppercase;font-weight: bold;position: absolute;top: 32%;left: 0;z-index: -1;transform: translate(0%, -50%); /* animation: about-anim 15s linear infinite normal; */ white-space: nowrap; } .en {display: none;} @-webkit-keyframes about-anim { 0% { -webkit-transform: translateX(-72%); } 100% { -webkit-transform: translateX(-90.66%); } } @keyframes about-anim { 0% { transform: translateX(-72%); } 100% { transform: translateX(-90.66%); } } .video001 { width: 303px; display: block; border-radius: 2em 2em 0 2em; height: 150px;} .video002 { width: 675px; display: block; border-radius: 2em 2em 0 2em; height: 280px;} .intech .ic .video .container .bao { overflow: hidden; position: absolute; width: 100%; height: 100%; z-index: 2; top: 0px; border-radius: 2em 2em 0 2em;} .intech .ic .video .container .bao .imgs{ transition: all .6s; display: block; height: 100%; width: 100%; border-radius: 2em 2em 0 2em;} .intech .ic .video .container .videoed {position: absolute; left: 0; top: 0; width: 40px; height: 40px; display: block; z-index: 3; left: 50%; top: 50%; transform: translate(-50%, -50%);} .inpro{ display: block; overflow: hidden; background: url(/style/images/inprobg.jpg) fixed; background-size: cover; padding: 60px 0 50px;} .inpro .ttup{ margin-bottom: 10px; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .inpro .ttup .hometitle{display: block; overflow: hidden;width:200px;} .inpro .ttup .inproa{ width: 560px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .inpro .ttup .inproa a{cursor: pointer;display: block; } .inpro .ttup .inproa a p{ position: relative; transition: all .5s; display: block; width: 60px; height: 60px; background: #fff; overflow: hidden; border-radius: 50%; box-shadow: 0 0 30px 0 rgba(0,0,0,.1); margin: auto; margin-bottom: 2px; display: flex; justify-content: center; align-items: center;} .inpro .ttup .inproa a p::after { width: 100%; transition: opacity 0.8s, transform 0.5s; opacity: 0; content: ""; position: absolute;left: 0px;top: 0px;z-index: 2; height: 100%;height: 100%;border-radius: 50%; background: linear-gradient(60deg, rgb(230 0 18) 0%, rgb(249 115 125) 100%);} .inpro .ttup .inproa a:hover p::after{opacity: 1;} .inpro .ttup .inproa a:hover img {filter: brightness(1.8);} .inpro .ttup .inproa a p img{ display: block; width: 26px; height: 26px; z-index: 3; position: relative;} .inpro .ttup .inproa a font{display: block;text-align: center;color: #333;font-size: 16px; margin-top: 8px;} .inpro .ttup .inproa .active p{background: linear-gradient(60deg, rgb(230 0 18) 0%, rgb(249 115 125) 100%);} .inpro .ttup .inproa .active img{filter: none;filter: grayscale(1) brightness(30);} .inpro .ttup .inproa a:hover font,.inpro .ttup .inproa .active font{ color: #e60012;} .inpro .inproalist{ display: block; overflow: hidden; } .inpro .inproalist .bla .swiper-container04,.inpro .inproalist .bla .swiper-container03,.inpro .inproalist .bla .swiper-container02,.inpro .inproalist .bla .swiper-container022,.inpro .inproalist .bla .swiper-container023,.inpro .inproalist .bla .swiper-container024,.inpro .inproalist .bla .swiper-container025{ display: block; padding: 20px 10px 20px; overflow: hidden; max-width: 1040px;} .inpro .inproalist .bla .swiper-slide{background: none;} .inpro .inproalist .bla .swiper-slide a{} .inpro .inproalist .bla .swiper-slide a dd{display: block;background: #fff;border-radius: 2em;box-shadow: 0 0 15px 0 rgba(0,0,0,.1);overflow: hidden;} .inpro .inproalist .bla .swiper-slide a dd p{} .inpro .inproalist .bla .swiper-slide a dd p img{ transition: all .5s; display: block; width: 70%; margin: 24px auto 14px;} .inpro .inproalist .bla .swiper-slide a:hover dd p img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);} .inpro .inproalist .bla .swiper-slide a dd span{ display: block; text-align: center; color: #333; font-size: 16px; margin: auto; margin-bottom: 28px;width: 80%; height: 62px;} .inpro .inproalist .bla .swiper-slide a:hover dd span{color:#e60012;} .inpro .inproalist .bla .swiper-slide a .more{ position: relative; top: -17px; opacity: 0; width: 100px; height: 30px; line-height: 30px; font-size: 14px;} .inpro .inproalist .bla .swiper-slide a:hover .more{ opacity: 1;color: #fff;} .inpro .inproalist .bla .swiper-slide a:hover .more::after { height: 100%; } .inpro .inproalist .bla .tod{ cursor: pointer; color: #999999; position: absolute; top: 32%; left: 2%; z-index: 3; width: 32px; height: 32px; border: 1px solid #999999; text-align: center; line-height: 32px; font-size: 16px; border-radius: 50%;} .inpro .inproalist .bla .tod:hover {background-color: #e60012;color: #fff;border-color: #e60012;} .inpro .inproalist .bla .fa-angle-right{ left: auto; right: 2%;} .inpro .inproalist .bla{ display: block; position: absolute; width: 1180px; overflow: hidden; opacity: 0; z-index: 1; top: 0; left: 0; transition: all 0.8s; left: 50%; transform: translateX(-50%);} .inpro .inproalist .bla:first-of-type{position: relative;} .inpro .inproalist .now{ opacity: 1;z-index:2;} .inpro .inproalist .bla .bottommore{position: relative; top: -12px; } .inpro .hometitle font {margin-top: 5px;} .fa-angle-right:before { position: relative; right: -0.5px; } .intech{ display: block; overflow: hidden; margin: 90px auto; position: relative; padding: 90px 0;} .intech:after{ content: " ";background: url(/style/images/sy_ysbj.jpg);background-size: cover;position: absolute;top: 0;right: 0;width: 65%;height: 100%;z-index: 1; border-radius: 2em 0 0 2em; } .intech:before{ content: " "; position: absolute; width: 277px; height: 80%; border: 1px solid #ddd; top: 10%; left: calc(50% - 258px); z-index: 2;} .intech .ic{ position: relative; z-index: 9; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .intech .ic .icinfo{ display: block; position: relative; width: 30%;} .intech .ic .icinfo .ak{transition: all .8s;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center; position: relative; z-index: 2;opacity: 0;} .intech .ic .icinfo .ak .txt{ display: block;overflow: hidden;width:100%; } .intech .ic .icinfo .ak .txt h3{ display: block; color: #333; font-size: 38px; line-height: 48px;} .intech .ic .icinfo .ak .txt h4{ display: block; color: #666; font-size: 16px; line-height: 30px; text-align: justify; margin: 18px 0;} .intech .ic .icinfo .ak .txt .more{margin: 0;} .ic .icinfo .ak:nth-child(2),.ic .icinfo .ak:nth-child(3){position: absolute;width: 100%;top: 0;left: 0;z-index: 1;opacity: 0;} .intech .ic .icinfo .now{z-index: 3;opacity: 1;} .intech .ic .ictt{transform: translate(-50%, -50%);width: 30px; position: absolute;top: 50%;left: 52%; z-index: 5; background: #fff;border-radius: 2em; box-shadow: 0 0 30px 0 rgba(0,0,0,.2);} .intech .ic .ictt a{cursor: pointer; position: relative; display: block;} .intech .ic .ictt a span{ text-transform: uppercase; color: #999; font-size: 14px; position: absolute; top: 0; width: 117px; left: 50px; line-height: 27px;} .intech .ic .ictt p{ box-shadow: 0 0 30px 0 rgba(0,0,0,.2); transition: all .5s;margin: 0 0 65px 0; display: block;width: 30px;height: 30px;background: #ddd;border-radius: 50%;position: relative;} .intech .ic .ictt .active p{ background: #e60012; background: #e60012; width: 30px; height: 30px; margin: 0 0 65px 0;} .intech .ic .ictt .active span{ color: #e60012; } .intech .ic .ictt a:nth-child(3) p{ margin-bottom:0; } .intech h6{ color: #f4f6f8;font-size: 100px;text-transform: uppercase;font-weight: bold;position: absolute;top: 0%;left: 0;z-index: 3;transform: translate(0%, -50%); display: inline-flex; writing-mode: tb;} .intech .ic .video{display: block;width: 45%; position: relative; border-radius: 2em 2em 0 2em; overflow: hidden;} .intech .ic .video .container{ width: 100%;display: block;border-radius: 2em 2em 0 2em;overflow: hidden;} .intech .ic .video .container .videolist{ position: relative;border-radius: 2em 0 2em 2em;box-shadow: 0 0 30px 0 rgba(0,0,0,.5);display: block;overflow: hidden;} .intech .ic .video .container .videolist .imgs{transition: all .3s; display: block; width: 100%;} .intech .ic .video .container .videolist:hover .imgs{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); } .intech .ic .video .container .videolist .videoed{transform: translate(-50%, -50%);cursor: pointer; position: absolute;top: 50%;left: 50%;z-index: 3; display: block !important;} .intech .ic .video .container .videolist .videoed:hover{background: #e60012;border-radius: 50%;} .innews{ display: block; position: relative; box-sizing: border-box; z-index: 90; margin: 20px auto 40px;} .innews .hometitle{ margin-bottom: 22px;} .innews .hometitle strong{ background: #f7ced1; display: none; width: 27px; height: 27px; border-radius: 4px; margin: 7px 0 0 30px;} .innews dl{ display: block; margin-bottom: 64px;} .innews dl a{ z-index: 2; background: #f1f5fb; display: block; overflow: hidden; box-shadow: 0 0 20px 0 rgba(0,0,0,.2); width: 45%; position: relative; display: flex; align-items: center; padding: 14px 50px;} .innews dl a p { width: 74px; margin-right: 15px;} .innews dl a h3 {width: 68%;} .innews dl a strong{ display: inline-block;color: #e60012;border-bottom: 2px solid #e60012;font-size: 13px;font-weight: bold;} .innews dl a span{ width: 100%; display: block; color: #333; font-weight: bold; font-size: 19px; margin: 0px 0 8px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .innews dl a p span {display: block; font-size: 32px; color: #333; font-weight: bold; line-height: 1;} .innews dl a:after{ content: " ";position: absolute;width: 10px;height: 100%;background: #e60012;top: 0;right: 0;} .innews dl img{ width: 102%; height: 100%; object-fit: cover; transition: 0.5s; display: block;} .innews dl .imgbox {position: absolute; top: 40px; right: 10px; width: 510px; z-index: 1; border-radius: 2em; box-shadow: 0 0 30px 0 rgba(0,0,0,.2); overflow: hidden; height: 216px;} .innews dl .imgbox:hover img {transform: scale(1.1);} .innews dd{display: block; position: relative; z-index: 2; overflow: hidden;} .innews dd a{ transition: all .3s; padding: 20px 50px;float: left; width: calc(50% - 104px); overflow: hidden; margin-bottom: 20px; display: flex;} .innews dd a:last-child{float: right;} .innews dd a p{ display: block;overflow: hidden; width: 74px; margin-right: 15px;} .innews dd a p span{display: block;font-size: 32px;color: #333; font-weight: bold; line-height: 1;} .innews dd a p strong{ display: inline-block; color: #333; border-bottom: 2px solid #e60012; font-size: 12px; font-weight: normal; color: #e60012; font-weight: bold; } .innews dd a h3{ display: block; overflow: hidden; width: calc(100% - 97px);} .innews dd a h3 span{ width: 100%; display: block; color: #333; font-weight: bold; font-size: 19px; margin: 0px 0 8px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .innews dd a h3 font{ color: #666;font-size: 14px;display: block; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;} .innews dd a:hover{background: #f1f5fb; box-shadow: 0 0 30px 0 rgba(0,0,0,.2);} .innews dd a:hover h3 span,.innews dl a:hover span{color: #e60012;} .innews .hometitle strong img{margin-left: -40px;display: block;position: relative;top: 5px;} .innews dl a h3 font { color: #666; font-size: 14px; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} .injob{ display: block;overflow: hidden;padding: 30px 0;position: relative;width: 100%; background: url(/style/images/sy_jrbj0.jpg);background-size: cover;} .injob dl{display: block; position: relative; z-index: 3; display: flex; justify-content: space-between;box-sizing: border-box;} .injob dl .left{ display: block; overflow: hidden; width: 30%; position: relative; padding: 0 0 26px 0;} .injob dl .left .img1{display: block;width: 75%;border-radius: 1.3em 1.3em 0 1.3em;position: relative;z-index: 3;box-shadow: 0 0 10px 0 rgba(0,0,0,.2);overflow: hidden;} .injob dl .left .img2{position: absolute;bottom:0;right: 20px;width: 35%;border-radius: 0 1.3em 1.3em 1.3em;z-index: 2;overflow: hidden;} .injob dl .left .img3{ position: absolute; width: 66%;height: 81%;top: 41px;left: 40px;z-index: 1;overflow: hidden;} .injob dl .left .img1 .t1:hover{-webkit-transform: scale(1.1);} .injob dl .left .img2 .t2:hover{-webkit-transform: scale(1.1);} .injob dl .left img{width: 102%; height: 100%;transition: all .6s;display: block;} .injob dl .right{display: block;width:65%;margin: 50px 0 0 0;position: relative;overflow: hidden;} .injob dl .right .hometitle{} .injob dl .right h4{ ddisplay: block; color: #666; font-size: 14px; line-height: 20px; text-align: justify; margin: 10px 0;} .injob dl .right dd{display: block;overflow: hidden;margin: 30px 0 0 0;} .injob dl .right dd .more{position: relative; display: block;float: left;margin: 0 20px 0 0; color: #fff;z-index: 0;background-color: transparent;} .injob dl .right dd .more:nth-of-type(2){background-color: #fff;color: #e60012;} .injob dl .right dd .more:hover {color: #e60012;} .injob dl .right dd .more:nth-of-type(2){background-color: transparent;} .injob dl .right dd .more:nth-of-type(2):hover{color: #fff;} .injob dl .right dd .more:nth-of-type(2)::after{background-color: transparent;} .injob dl .right dd .more:nth-of-type(2)::before{ transition: 0.3s; content: "";position: absolute;left: 0px;background-color:#e60012;height: 0%;width: 100%;z-index: -1;} .injob dl .right dd .more:nth-of-type(2):hover::before {height: 100%;} .injob dl .right dd .more::after{bottom: 0px; top: auto; transition: .3s; content: "";position: absolute;left: 0px;background-color:#e60012;height: 100%;width: 100%;z-index: -1;} .injob dl .right dd .more:nth-of-type(2){background-color: transparent;} .injob dl .right dd .more:hover::after {height: 0%;} .injob h6{ overflow: hidden; width: 350px; text-transform: uppercase; font-size: 36px; font-weight: bold; color: #f7f8f9; bottom: 24%; right: 10%; position: absolute; white-space: nowrap;} .injob .hometitle font { margin: 4px 0 0 0; } .injob h6 .sp_1 {position: relative;left: 0px;} @-webkit-keyframes about-anim1 { 0% { -webkit-transform: translateX(-44%); } 100% { -webkit-transform: translateX(-75%); } } @keyframes about-anim1 { 0% { transform: translateX(-44%); } 100% { transform: translateX(-75%); } } .footer{display: block; position: relative;background: #fff;} .footer .left{ display: block;overflow: hidden; width:100%; background: #333; } .footer .left .tt{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: top;-webkit-align-items: top; padding:50px 0 15px;} .footer .left .tt dt{} .footer .left .tt dt h3{display: block;overflow: hidden;margin: 0 0 5px 0;} .footer .left .tt dt h3 a{ color: #fff;font-weight: bold;font-size: 15px;} .footer .left .tt dt h4{} .footer .left .tt dt h4 span{display: block;overflow: hidden;margin: 0 0 3px 0; color: #999; font-size: 14px;} .footer .left .tt dt h4 a{ color: #999; font-size: 14px;} .footer .left .tt dt h4 a:hover{ color:#fff; } .footer .left .tt dt .dz{ margin: 20px 0 5px 0;} .footer .left .tt dd{} .footer .left .tt dd .biao img {width: 80px; margin: auto; display: block;} .footer .left .tt dd p{} .footer .left .tt dd .biao span{ font-weight: normal; text-align: center; display: block; font-size: 15px; color: #fff; font-weight: bold;} .footer .left .tt dd .biao img {margin: 0 auto 5px;} .footer .left .tt dd p img{ display: block; height: 80px; margin: 0 auto 5px;} .footer .left .tt dd p span{ font-weight: normal;text-align: center;display: block; font-size: 15px;color: #fff;font-weight: bold;} .footer .left .bottom{border-top: 1px solid #666;display: block;padding: 10px 0} .footer .left .bottom h3{ color: #999;font-size: 12px;margin: 0 0 1px 0;width: 100%;} .footer .left .bottom h4{ display: flex;overflow: hidden; width: 48%;} .footer .left .bottom h4:nth-of-type(2) {width: 17%;} .footer .left .bottom h4 a{ color: #666; font-size: 12px; margin: 0 5px 0 0;} .footer .left .bottom .icenter{ position: relative; display: flex; flex-flow: wrap;} .footer .left .bottom .icenter dd{ position: absolute; width: 90px; height: 20px; border: 1px solid #666; top: 0; right: 0;} .footer .left .bottom .icenter dd span{ cursor: pointer; /* text-transform: uppercase; */ display: block; text-align: center; height: 20px; line-height: 20px; color: #999; font-size: 12px;} .footer .left .bottom .icenter dd span .fa{margin-left: 10px;} .footer .left .bottom .icenter dd h5{ position: absolute;top: -42px;width: 100%;height: auto;background: #999;border: 1px solid #666;text-align: center;left: -1px;opacity: 0;visibility: hidden;} .footer .left .bottom .icenter dd h5 a{ display: block; text-align: center; color: #000; font-size: 12px; height: 19px; line-height: 19px; border-bottom: 1px solid #666;} .footer .left .bottom .icenter dd h5 a:hover{color:#ccc; } .footer .left .bottom .icenter dd:hover h5{opacity: 1;visibility: visible;} .footer .right{ display: block;overflow: hidden;right: 0;top: 0;position: absolute;width: 60px;height: 100%;background: #fff; } .footer .right dd{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;position: absolute;width: 100%;height: 50%;top: 0;right: 0; } .footer .right dd a{ color: #d90e1e;font-weight: bold;margin:0 auto 0;text-align: center;display: block;} .footer .right dd a img{display: block;margin: 0 auto; width: 16px;} .footer .right dd a span{color: #d90e1e;font-weight: bold;margin:10px auto 0;display: block; font-size: 12px;} .footer .right dt{position: absolute;width: 100%;height: 50%;bottom: 0;right: 0; background: #eee;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .footer .right dt h4{margin: 0 auto;} .footer .right dt a{ display: block;width: 22px;text-align: center;height: 22px;line-height: 22px;color: #666;border: 1px solid #666;border-radius: 50%;margin:10px auto;font-size: 12px;} .footer .left .tt dd{display: flex;} /* common */ .ab01 .content .right .icon { cursor: pointer; width: 33px; height: 33px; border: 1px solid #e60021; border-radius: 50%; position: relative;} .ab01 .content .right .icon i { font-size: 20px; color: #e60021; animation: scroll 2s ease-out .5s infinite; -webkit-animation: scroll 2s ease-out .5s infinite; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } @keyframes scroll{ 0%{top: 0%;opacity: 1;} 100%{top:60%;opacity: 0;} } @-webkit-keyframes scroll{ 0%{top: 0%;opacity: 1;} 100%{top: 60%;opacity: 0;} } .bao {overflow: hidden;position: relative;} img {object-fit: cover;} /* aber */ .aber {overflow: hidden;position: relative;} .aber img{ object-fit: cover; width: 101%; height: 100%; display: block;} .aber .content {z-index:5;position: absolute;left: 50%;top: 45%;transform: translateX(-50%);display: flex;justify-content: center;align-items: center;} .cc_nav {z-index:5;left: 50%;transform: translateX(-50%); box-sizing: border-box;padding-left: 13px; height: 54px;line-height: 54px; background-color: rgba(42, 52, 59,0.5); position: absolute;bottom: 0px;width: 1020px;display: flex;justify-content: space-between;} .cc_nav .left {display: flex;} .cc_nav .left .icon { font-size: 18px; margin-right: 13px; color: #fff; line-height: 54px;} .cc_nav .left .wen {display: flex;font-size: 13px;color: #fff;} .cc_nav .left .wen a{font-size: 15px;color: #fff;padding: 0 2px;transition: 0.3s;} .cc_nav .left .wen a:hover {color: #e60012;} .cc_nav ul {display: flex;} .cc_nav ul li {padding: 0 20px;} .cc_nav ul li a { position: relative; color: #fff;font-size: 15px;} .cc_nav ul li:hover a::after {background-color: #e60012;} .cc_nav ul li.active a::after {background-color: #e60012;} .cc_nav ul li a::after{position: absolute;content: "";width: 100%;height: 2px;background-color: transparent;bottom: 0.5px;left: 0px;} .aber .content .text h3 {font-size: 36px;color: white;margin-bottom: 6px;text-align: center;} .aber .content .text h4 {font-size: 15px;color: white; letter-spacing: 0.8px;} .l_d0_onlm:hover:before{left: -5px;} .l_a1_lmbox .l_d0_onlm_act:hover::before {left: -31px;} .l_a1_lmbox .l_d0_onlm_act a{ color: #e60012; } .l_a1_lmbox .l_d0_onlm_act::before{ background: #e60012 } .l_a1_lmbox .l_d1_onlm_act a{ color: #0b2f6a; display: block; } .l_a1_color{ /*border-bottom: 1px solid rgba(11,47,106,0.6);*/ padding-top: 5px; padding-bottom: 5px; } .l_a1_color:nth-child(1){ /*border-top: 1px solid rgba(11,47,106,0.6);*/ display: block; } .l_a1_color a{ color: rgba(11,47,106,0.6)!important; } .l_a1_color::before { background: rgba(154,169,197,0.8)!important; } .l_a1_lmbox .l_d1_onlm_acta a{ color: #00a2d1!important; display: block; } .l_a1_lmbox .l_d1_onlm_actb a{ color: #00a2d1!important; display: block; } .l_a1_lmbox .l_d1_onlm_actc a{ color: #00a2d1!important; display: block; display: block; } .l_a1_lmbox .l_d1_onlm_actd a{ color: #0b2f6a!important; display: block; } .l_a1_lmbox .l_d1_onlm_act::before { background: rgba(11,47,106,0.6); } .l_a1_lmbox .l_d1_onlm_actd::before { background: rgba(11,47,106,0.6)!important; } .l_d0_onlm{ position: relative; /* padding-top: 15px; padding-bottom: 15px;*/ padding-top: 5px; padding-bottom: 5px; transition: all 1s; } .l_d0_onlm a{ font-family: "微软雅黑"; font-size: 12px; color:#000000; line-height: 30px; display: inline-block; width: 100%; padding-left: 66px; /*padding-top: 10px; padding-bottom: 10px;*/ /* display: none;*/ transition: all 1s; } .l_d0_onlm::before{ content: /style/css/''; position: absolute; top: 50%; left: 26px; width: 30px; height: 1px; background: #000000; transition: all 1s; } .l_d0_lmbox{ position: fixed; top: 30%; left: 0; /*border-top: 1px solid #d1d1d1;*/ width: 140px; z-index: 9; transition: all 1s; } .l_d0_onlm_act a{ color: #0b2f6a; display: block; } .l_d0_onlm_act::before{ width: 56px; left: 0; color: #9ca5b2; } .aber .content .bgwen {display: none;} /* ab00 */ .ab00 {padding: 22px 0; background-color: #ffffff;display: none;} .ab00 .content {display: flex;justify-content: space-between;} .ab00 .left a img { margin-right: 15px; width: 24px; } .ab00 .left { display: flex; color: #666666; font-size: 18px; align-items: center; justify-content: space-between; } .ab00 .left a:nth-of-type(1) { margin-right: 5px; } .ab00 .left a:hover { color: #e60012; } .ab00 .left a { display: flex; color: #666666; font-size: 16px; align-items: center; } .ab00 .left a:nth-of-type(2) { margin-left: 5px; } .ab00 .left a img { margin-right: 15px; width: 20px; } .ab00 .right {display: flex;width: 49%;} .ab00 .right ul {display: flex; width: 100%; justify-content: flex-end;} .ab00 .right ul li {cursor: pointer; position: relative; width: 24%;border-right: 1px solid rgb(199, 199, 199);} .ab00 .right ul li h3 { line-height: 22px; font-size: 16px; color: #333333; position: relative; width: fit-content; margin: auto;} .ab00 .right ul li:last-child{border-right: 0px;} .ab00 .right ul li h3::after{ opacity: 0; content: ""; transition: .5s; position: absolute; width: 0%; height: 3px; background-color: #e60012; bottom: -144%; left: 0px;} .ab00 .right ul li:hover h3::after{width: 100%;} .ab00 .right ul li:hover h3{color: #e60012;} .ab00 .right ul li.active {border-right: 1px solid #c7c7c7;} .ab00 .right ul li.active h3 {color:#e60012;} .ab00 .right ul li.active h3::after {width: 100%;} .ab00.on { position: fixed; top: 100px; width: 100%; z-index: 100; box-shadow: 0 0 30px 0 rgb(167 167 167); background-color: #eeeeee;} /* ab01 */ .ab01 { background: url(/style/images/ab01-2.jpg); background-size: cover; position: relative; overflow: hidden; padding: 60px 20px 60px;} .ab01 .content {display: flex;justify-content: space-between; position: relative;} .ab01 .bgwen { position: absolute; bottom: -14%; right: 0%; font-size: 150px; font-weight: bold; color: white; font-family: Arial;} .ab01 .bgwen span { display: none; font-size: 197px; font-weight: bold; color: #f1f1f1; position: absolute; left: -150px; top: -45px; font-family: arial;} .ab01 .content .left { width: 37%;} .ab01 .content .left .bao { position: absolute; left: 0px; bottom: 0px; border-radius: 20px; width: 130px; height: 130px; } .ab01 .content .right { width: 60%;} .ab01 .content .right h3 { font-size: 30px; color: #333333; margin-bottom: 2px; line-height: 42px;} .ab01 .content .right h4 {font-size: 15px;font-family: Arial;color: #e60012; margin-bottom: 17px;} .ab01 .content .right p {font-size: 15px; color: #666666; line-height: 24px; margin-bottom: 37px;} .ab01 .content .left {position: relative;} .ab01 .content .left .vi {position: relative; z-index: 1; margin-bottom: 60px; display: flex; justify-content: flex-end;} .ab01 .content .left .vi video {width: 539px;border-radius: 20px;overflow: hidden;} .ab01 .content .left .vi .pic{ border-radius: 20px; top: 0px; left: 0px; overflow: hidden;} .ab01 .content .left .vi .pic img {width: 100%;height: 230px;object-fit: cover;} .ab01 .content .left .vi .bo{ cursor: pointer; transition: .3s; width: 60px; height: 60px; box-sizing: border-box; border-radius: 50%; background-color: #e60012; top: 64%; left: 52%;transform: translate(-50%, -50%); text-align: center; line-height: 60px; justify-content: center; align-items: center;} .ab01 .content .left .vi .bo i {color: white;font-size: 20px; position: relative; left: 3px;} .ab01 .content .left .bao { z-index: 1; position: absolute; left: 0px; bottom: 0px; border-radius: 20px;} .ab01 .bgwen .sp_1,.ab01 .bgwen .sp_2{font-size: 40px; font-weight: bold; color:#fff; font-family: Arial;} .ab01 .bgwen { z-index: 3; white-space: nowrap;} .ab01 .bgwen h6 {display: inline-block;left: 0px;position: relative;} .ab01 .bgwen .slip { overflow: hidden; width: 452px;position: relative;z-index:2;} .ab01 .bgwen .slip .sp_1{margin-left: 10px; width: fit-content; left: 304px} /* ab02 */ .ab02 {position: relative;display: flex;} .ab02 .left {width: 50%;position: relative;} .ab02 .left .text { position: absolute; transform: translateY(-50%); top: 50%; left: 14%;} .ab02 .left .text h3 {font-size: 18px;color: white;margin-bottom: 32px;} .ab02 .left .text h4 {font-size: 36px;color: white;margin-bottom: 10px;} .ab02 .left .text h5 {font-size: 28px;color: white;margin-bottom: 45px;} .ab02 .left .text a { border: 2px solid #e60012; position: relative; z-index: 0; overflow: hidden; width: 172px; height: 47px; background-color: #e60012; color: white; font-size: 18px; text-align: center; line-height: 47px; border-radius: 30px;} .ab02 .left .text a::after{content: "";height: 0%;width: 100%;position: absolute;background-color: white;z-index: -1;transition: .3s;left: 0px;} .ab02 .left .text a:hover::after {height: 100%;} .ab02 .left .text a span {transition: .5s;left: 0px;position: relative;} .ab02 .left .text a:hover {color: #e60012;} .ab02 .left .text a:hover span {left: 15px;} .ab02 .left .text a span {margin-left: 12px;} .ab02 .right { height: 441px; width: 50%; height: 100%; position: relative; } .ab02 .right .tu { position: absolute; right: 0px; top: -65px; height: 100%; width: 100%;} .ab02 .right .tu img { height: 563px; object-fit: fill;} .ab02 .left .bao img { transition: 4s; width: 100%; height: 100%;} .ab02 .left:hover .bao img {transform: scale(1.1);} .ab02 .left .bao {height: 498px;} /* ab007 */ .ab007{background: url("/style/images/ab03-1.jpg");background-size: cover; padding: 60px 0;} /* ab03 */ .ab03 .content {display: flex;justify-content: center;flex-direction: column;} .ab03 {display: flex;justify-content: space-between;align-items: center;} .ab03 .content {width: 60%} .ab03 .right {width: 35%;} .ab03 .right img {width: 100%; height:280px;transition: 0.5s;} /*.ab03 .right .bao:hover img {transform: scale(1.1);}*/ .ab03 .content h3 { font-size: 30px; color: #333333; margin-bottom: 2px; line-height: 42px;} .ab03 .content .wen { width: 480px; overflow: hidden; white-space: nowrap; display: block; } .ab03 .content .wen span{ width: fit-content; letter-spacing: 1px; font-weight: bold; position: relative; left: 0px; font-family: arial; font-size: 40px;color: #fff; margin-bottom: 0px;} .ab03 .content h4 { font-size: 15px; color: #e60012; margin-bottom: 17px; font-family: Arial;} .ab03 .content p { margin-bottom: 10px; font-size: 15px; color: #666666; line-height: 24px; width: 100%; overflow-y: scroll; padding-right: 10px; max-height: 164px; } .ab03 .content p::-webkit-scrollbar-track-piece { background-color: rgba(255, 255, 255, 0.5); border-left: .013333rem solid rgba(0, 0, 0, 0); } .ab03 .content p::-webkit-scrollbar { width: 3px; height: .173333rem; -webkit-border-radius: .066667rem; -moz-border-radius: .066667rem; border-radius: .066667rem; } .ab03 .content p::-webkit-scrollbar-thumb { background-color: #e60012; background-clip: padding-box; -webkit-border-radius: .066667rem; -moz-border-radius: .066667rem; border-radius: .066667rem; min-height: .373333rem; } .ab03 .content p::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.5); -webkit-border-radius: .066667rem; -moz-border-radius: .066667rem; border-radius: .066667rem; } .ab03 .content .p_1 {margin-bottom: 10px;} .ab03 .content .p_p1{font-size: 12px;} .ab03 .content p span {color: #e60012;font-weight: bold;} .ab03 .content img { width: auto;} /* ab04 */ .ab04 { z-index: 1; margin-bottom: 90px; padding-top: 50px;} .ab04 .content {display: flex; justify-content: space-between; position: relative; padding: 0px 40px;} .ab04 .content::before {content: ""; position: absolute; height: 98%; width: 100%; left: 0%; top: 1.5%; background: url(/style/images/bgtu.jpg); box-shadow: 0 0 15px #d5d2d2; border-radius: 15px; background-size: cover;} .ab04 .content .left { width: 57%; padding: 50px 0; position: relative;} .ab04 .content .left h3 { font-size: 30px; color: white; margin-bottom: 2px; line-height: 42px;} .ab04 .content .left h4{ font-size: 15px; font-family: Arial; margin-bottom: 17px; color: white;} .ab04 .content .left p{ font-size: 15px; color: #d7d7d7; line-height: 24px;} .ab04 .content .right { width: 28%; position: relative; padding-right: 60px;} .ab04 .content .right .bao { border-radius: 20px; height: 318px;} .ab04 .content .right .line { position: absolute; top: 28px; left: -43px; width: 58px; height: 3px; background-color: #e60012; content: ""; z-index: 1; } .ab04 .content .right .bgwen { position: absolute; right: -1px; top: -24px; font-family: arial; display: flex; flex-direction: column;} .ab04 .content .right .box {position: relative; top: 74px;} .ab04 .content .right .bgwen .sp_1 { font-size: 80px; color: #e60012; font-weight: bold; width: max-content;} .ab04 .content .right .bgwen .sp_2 { transform: rotate(90deg); color: rgb(133, 137, 153); opacity: 1; font-size: 26px; font-weight: bold; display: block; position: absolute; top: 170px;left: -76px;width: 188px;} .ab04 .content .right .bao img{height: 100%;display: block;transition: .5s;} .ab04 .content .right .bao:hover img{transform: scale(1.1);} /* ab05 */ .ab05 { background: url(/style/images/ab05.jpg); background-size: cover; position: relative; overflow: hidden; padding: 40px 20px 20px;} .ab05 .content .top h3 { font-size: 30px; color: #333333; margin-bottom: 2px; line-height: 42px;} .ab05 .content .top h4 { font-size: 15px; font-family: arial; color: #e60012;} .ab05 .content .top { margin-bottom: 10px;} .ab05 .content .bot {position: relative;} .ab05 .content .bot .box {position: relative; top: 0px; transition: 0.5s; position: relative; transition: .3s; cursor: pointer;font-size: 18px;color: #666666;} /* .ab05 .content .bot .box a:hover .imgbox img { transform: scale(1.1); -webkit-transform: scale(1.1); } */ .ab05 .content .bot .box:hover {top: -15px; } .ab05 .content .bot .box:hover .imgbox {box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);} /* .ab05 .content .bot .box a { display: block; background-color: #ffffff; border: 1px solid #DDDDDD; box-sizing: border-box; } */ .ab05 .content .bot .box a {display: block;box-sizing: border-box;} .ab05 .content .bot .box a .imgbox { width: 100%; box-sizing: border-box; overflow: hidden; } /* padding: 40px; */ .ab05 .content .bot .box a .imgbox img { display: block; width: 100%; transition: all .6s; } /* .ab05 .content .bot .box a .text { width: 100%; box-sizing: border-box; padding: 30px 20px; border-top: 1px solid #DDDDDD; } */ .ab05 .content .bot .box a .text {width: 100%; box-sizing: border-box; padding: 10px;} .ab05 .content .bot .box a .text h3 { font-size: 14px; color: #333333; margin-bottom: 10px; text-align: center; height: 36px; letter-spacing: 0.8px;} .ab05 .content .bot .box a .more1:before { content: /style/css/''; display: block; width: 0%; height: 100%; position: absolute; left: 0; top: 0; transition: all .3s; z-index: -1; background-color: #e60012; } .ab05 .content .bot .box a .text font { position: relative;z-index: 0; text-align: center; display: block; width: 230px; height: 40px; line-height: 40px; font-size: 14px; color: #666666; background-color: #efefef; border: none; margin: auto; border-radius: 4px; max-width: 100%; } .ab05 .content .bot .box a .text font i { font-size: inherit; color: inherit; margin-left: 10px; } .ab05 .content .bot .box a .text font:hover { color: #ffffff; } .ab05 .content .bot .box a .text font:hover::before{width: 100%;} .imgshowmask { width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; z-index: 1000; display: none; } .imgshow { width: 60%; height: 80%; display: flex; display: -webkit-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; position: absolute; top: 10%; left: 20%; background-color: #ffffff; } .ab05 .content .bot {margin-bottom: 40px;} .ab05 .content .ot {display: flex;justify-content: center;align-items: center;flex-direction: column;} .ab05 .content .ot h3 { font-size: 30px; color: #333333; margin-bottom: 2px; line-height: 42px;} .ab05 .content .ot h4 {font-size: 14px;color: #e60012;font-family: arial;} .ab05Swiper .ab05Swiper-pagination{bottom: -20%; left: 0; top: auto; width: 88%;} .ab05Swiper {overflow: hidden; padding-top: 14px;} .ab05Swiper .swiper-scrollbar-drag { background: #e60012; } .ab05Swiper .swiper-scrollbar { left: 0%; bottom: -4%; z-index: 50; height: 3px; width: 91%; } .ab05Swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #e60012} .ab05Swiper .swiper-pagination-progressbar { background: rgba(0,0,0,.1); } .ab05Swiper .ab05Swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px;} .ab05Swiper .ab05Swiper-pagination .swiper-pagination-bullet-active { background: #e60012; } .ab05Swiper .swiper-button-prev, .swiper-button-next {background-image: no ne;} .ab05Swiper .swiper-button-prev{display: flex;justify-content: center;align-items: center; outline: none; z-index: 1; transition: .3s; background-image: none; bottom: -10%; top: auto; left: 93%; width: 30px; height: 30px;border-radius: 50%; border: 1px solid #666666;} .ab05Swiper .swiper-button-next{display: flex;justify-content: center;align-items: center; outline: none; z-index: 1; transition: .3s; background-image: none; bottom: -10%; top: auto; left: 96.9%;;width: 30px; height: 30px;border-radius: 50%; border: 1px solid #666666;} .ab05Swiper .swiper-button-prev .jian { border-radius: 0; width: 6px; height: 6px; border-top: 2px solid #666666; border-right: 2px solid #666666; transform: rotate( -135deg ); position: relative; left: 2px;} .ab05Swiper .swiper-button-next .jian { border-radius: 0;width: 6px; height: 6px; border-top: 2px solid #666666; border-right: 2px solid #666666; transform: rotate( 45deg );position: relative;right: 1px;} .ab05Swiper .swiper-button-prev:hover ,.ab05Swiper .swiper-button-next:hover{background-color: red;border-color: red;} .ab05Swiper .swiper-button-prev:hover .jian,.ab05Swiper .swiper-button-next:hover .jian {border-color: white;} /* ab06 */ .ab06 { background: url(/style/images/ab06.jpg); background-size: cover; position: relative; padding: 40px 0 308px;} .ab06 .ot { margin-bottom: 16px;} .ab06 .ot h3 {font-size: 30px; color: #fff; margin-bottom: 2px; line-height: 42px; text-align: center;} .ab06 .ot h4 { font-size: 15px; color: #e60012; margin-bottom: 10px; font-family: Arial;text-align: center; } .ab06 .content {position: relative;display: flex;justify-content: center;align-items: center;} .ab06 .content .box .cc { transition: .3s; cursor: pointer; transition: .3s; background: linear-gradient(to right,#fefefe,#8f8f8f); width: 280px; height: 42px; display: flex; justify-content: center; align-items: center; border-radius: 40px;} .ab06 .content .box .cc img {width: 15px;} .ab06 .content .box .circle { position: absolute; width: 250px; height: 250px; border-radius: 50%; border: 2px dashed #a8adb1; top: 21px; left: 13px; z-index: 0;} .ab06 .content .box { position: relative; padding-top: 212px;} .ab06 .content .box .cc.left { z-index: 2; position: absolute; transform: rotate(121deg); top: 110px; left: -59px;} .ab06 .content .box .cc span {transition: .3s;} .ab06 .content .box .cc:hover {background: linear-gradient(to right,#e60012,#e86e78);} .ab06 .content .box .cc:hover li h3 {color: #e60012;} .ab06 .content .box .cc:hover li {background-color: #e60012;} .ab06 .content li .dul .line::after{position: absolute;width: 0%;height: 100%;background-color: #e60012;content: "";z-index: -1;transition: .3s;} .ab06 .content .box .cc:hover .line::after {width: 100%;} .ab06 .content .box .cc:hover span {color: #e60012;} .ab06 .content .box .cc.right { z-index: 2; position: absolute; transform: rotate(-121deg); top: 109px; left: 64px;} .ab06 .content .box .cc.left img { transform: rotate(-120deg);} .ab06 .content .box .cc.right img { transform: rotate(-236deg);} .ab06 .content .box .cc.bot { z-index: 1; transform: rotate(0deg);position: relative;} .ab06 .content .left li{ left: 115px; top: 83px; transform: rotate(-121deg);} .ab06 .content .left li span { left: -23px; top: -5px;} .ab06 .content .left li .dul { left: -402px; top: -44px;} .ab06 .content .right li { transform: rotate(121deg); right: 113px; top: 79px;} .ab06 .content .right li span { top: -4px; right: -20px;} .ab06 .content .right li .dul { left: 166px; top: -44px;} .ab06 .content .bot li{ bottom: -24px; left: 137px;} .ab06 .content .bot li span { left: -5px; top: 11px;} .ab06 .content .bot li .dul { top: 44px; left: -196px; width: 394px;} .ab06 .content .bot li .dul .line { margin: 0 auto; margin-bottom: 8px;} .ab06 .content .bot li .dul h3 { text-align: center;} .ab06 .content .bot li .dul h4 { width: 100%; } .ab06 .content li { list-style: none; position: absolute;width: 8px;height: 8px;background-color: white;border-radius: 50%; transition: .5s;} .ab06 .content li span {color: white;font-size: 14px;font-family: arial;position: absolute;} .ab06 .content li .dul {position: absolute;} .ab06 .content li .dul .line { position: relative;overflow: hidden;z-index: 0; width: 178px; height: 2px; background-color: white; margin-bottom: 15px;} .ab06 .content li .dul h3 { font-size: 22px; color: white; font-weight: bold; margin-bottom: 8px;} .ab06 .content li .dul h4 { font-size: 15px; width: 242px; line-height: 20px; color: white;} /* ab07 */ .ab07{background: url("/style/images/ny_gy_lnbj0.jpg");background-size: cover;position: relative;overflow: hidden;padding: 60px 0;background-attachment: fixed;} .ab07 .content {display: flex;justify-content: center;align-items: center;flex-direction: column;} .ab07 .content h3 {font-size: 30px; color: #333333; margin-bottom: 2px;} .ab07 .content h4 {font-size: 16px;font-family: arial;color: #e60012;margin-bottom: 30px;} .ab07 .content h5 {font-size: 30px;color: #333333;margin-bottom: 19px;} .ab07 .content h6 {font-size: 20px;color: #333333;margin-bottom: 10px;} .ab07 .content p{ font-size: 18px; text-align: center; margin-top: 4px; color: #666666;} .ab07 .icon { width: 80px; height: 80px; position: relative; margin: 0 auto; margin-bottom: 22px; } .ab07 .icon .ring { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .ab07 .icon .ring span { background-color: rgba(230, 0, 18, 0.2); } .ab07 .icon .ring span { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; -webkit-animation: ringscale 2s linear infinite; -moz-animation: ringscale 2s linear infinite; -ms-animation: ringscale 2s linear infinite; animation: ringscale 2s linear infinite; opacity: 0; } .ab07 .icon .ring span:nth-of-type(2) { animation-delay: .7s; } .ab07 .icon .ring span:nth-of-type(3) { animation-delay: 1.4s; } .ab07 .icon:after { content: /style/css/''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background-position: center; background-repeat: no-repeat; background-size: contain; border-radius: 50%; } .ab07 .icon:after { background-image: url(/style/images/ny_gy_lntb.png); background-color: #e60012; } @keyframes ringscale { 0% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); transform: scale(1.6); } } /* new01 */ .new01 .top { padding: 40px 0; background-color: #f0f0f0;} .new01 {overflow: hidden; background-color: #f5f5f5; } .new01 .top .icenter {display: flex; justify-content: space-between; } .new01 .top .left {display: flex;color: #666666;font-size: 18px; align-items: center; justify-content: space-between;} .new01 .top .left a{display: flex; color: #666666;font-size: 18px; align-items: center;} .new01 .top .left a:hover {color: #e60012;} .new01 .top .left a img {margin-right: 15px; width: 24px;} .new01 .top .left a:nth-of-type(1){margin-right: 5px;} .new01 .top .left a:nth-of-type(2){margin-left: 5px;} .new01 .top .right a { overflow: hidden; position: relative; z-index: 0; text-align: center; line-height: 46px; display: block; width: 180px;height: 46px; font-size: 16px;color: #e60012;border: 2px solid #e60012;border-radius: 30px;} .new01 .top .right a::after{position: absolute;width: 0%;height: 100%;background-color: #e60012;z-index: -1; transition: .3s;content: "";left: 0px;} .new01 .page {margin-bottom: 40px;} .new01 .top .right a:hover::after {width: 100%;} .new01 .top .right a:hover {color: white;} .new01 .top .right a:first-child{margin-right: 10px;} .new01 .top .right {display: flex;} .new01 .content .mid ul li { position: relative; padding-bottom: 40px; padding-top: 40px; border-bottom: 1px solid #d6d6d6;} .new01 .content .mid ul li:last-child { margin-bottom: 40px; } .new01 .content .mid ul li:first-child{padding-top: 60px;} .new01 .content .mid ul li::before{ transition: .3s; opacity: 0; content: "";width: 250%;height: 100%; background-color: #ffffff;position: absolute;z-index: -1;left: -50%;top: 0px;} .new01 .content .mid ul li:hover::before{opacity: 1;} .new01 .content .mid ul li:hover .left .bao img{transform: scale(1.1);} .new01 .content .mid ul li a:nth-of-type(1) { align-items: center; display: flex;justify-content: space-between;} .new01 .content .mid ul li .left {display: flex;justify-content: space-between;width: 85%; align-items: center;} .new01 .content .mid ul li .left .bao { width: 26%; border-radius: 15px;} .new01 .content .mid ul li .left .bao img { transition: .3s; height: 100%; width: 100%; display: block;} .new01 .content .mid ul li .left .title {width: 67%;} .new01 .content .mid ul li .left .title h3 { transition: all 0.3s; font-size: 20px; color: #333333; margin-bottom: 4px; line-height: 28px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .new01 .content .mid ul li .left .title h5{ line-height: 25px; font-size: 15px; color:#999999; margin-bottom: 12px;} .new01 .content .mid ul li .left .title font{color: #e60012; font-family: arial;font-size: 16px;} .new01 .content .mid ul li:hover .left .title h3{color: #e60012;} .new01 .content .mid ul li .left .title .aa { text-align: center; overflow: hidden; position: relative; z-index: 0; transition: .3s; line-height: 24px; border-radius: 30px; border: 1px solid #b9b9b9; transition: all 0.3s; font-size: 13px; font-family: arial; color: #666666; width: 100px; height: 24px;} .new01 .content .mid ul li:hover .left .title .aa{ border: 1px solid #e60012; color: #e60012;} .new01 .content .mid ul li .left .title .aa::after { transition: .3s; content: "";position: absolute;left: 0px;background-color: #e60012;width: 100%;height: 0%;z-index: -1;} .new01 .content .mid ul li .left .title .aa:hover::after {height: 100%;} .new01 .content .mid ul li .left .title .aa:hover {color: white;} .new01 .content .mid ul li .left .title .aa span{position: relative; left: 0px; transition: .3s; margin-left: 5px;font-size: 14px;display: none;} .new01 .content .mid ul li .left .title .aa:hover span{left: 15px;} .new01 .content .mid ul li .right h3{ transition: .3s; text-align: center; line-height: 60px; margin-bottom: 1px; width: 70px; height: 60px; background-color: #dbdbdb; font-size: 32px; color: #666666; font-family: 'Times New Roman';} .new01 .content .mid ul li .right h4{ transition: .3s; font-size: 15px;color: #999999;width: 70px;height: 26px;background-color: #dbdbdb;text-align: center;line-height: 26px;font-family: 'Times New Roman';} .new01 .content .mid ul li:hover .right h3,.new01 .content .mid ul li:hover .right h4 {background-color: #e60012;color: white;} .page {display: flex;justify-content: center;} .page a{ color: #666666; font-size: 14px; margin-right: 12px; width: 36px; height: 36px; border: 1px solid #cbcbcb; text-align: center; line-height: 36px;} .page a:hover {background-color: #e60012!important;color: white!important;} .page a.active{background-color:#e60012!important;color: white!important;} .page a:last-child{margin-right: 0px;} /* news */ .news .mid p img {display: block;width: 100%;max-width: 100%;height: auto; margin: auto;} .news{padding: 80px 0px 100px; box-sizing: border-box; margin-top: 70px;} .news .top {padding-bottom: 27px;} .news .top h3 { font-size: 30px; color: #333333; margin-bottom: 16px; letter-spacing: 1px;} .news .top h4 {font-size: 16px;color: #b4b4b4;display: flex;} .news .top h4 span { width: fit-content; padding-right: 20px; margin-right: 20px; border-right: 1px solid #cecdcd; line-height: 16px; font-size: 14px;} .news .top h4 span:nth-of-type(3){border: 0px;} .news .mid p { line-height: 24px; font-size: 15px; margin-bottom: 32px;color: #666;} .news .mid { padding: 30px 0 0;border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;} .news .mid img{display: block;} .news .mid .aligncenter{margin: 0 auto;display: block;} .news .bot .t { padding: 24px 0 40px;display: flex;justify-content: space-between;align-items: center;} .news .bot .t .left a img {margin-right: 12px; width: 25px;} .news .bot .t .left a {display: flex;font-size: 16px;color: #666666;} .news .bot .t .left a:hover {color: #e60012;} .news .bot .t .right {display: flex;justify-content: space-between;align-items: center;} .news .bot .t .right span { font-size: 16px; color: #666666; margin-right: 12px;} .news .bot .t .right .share a:hover {background-color: #e60012;} .news .bot .t .right .share {display: flex;} .news .bot .t .right .share a img {width: 14px;} .news .bot .t .right .share a {line-height: 26px; text-align: center; margin-right: 12px; width: 26px; height: 26px; border-radius: 50%; background-color: #79787b; color: white; display: flex; justify-content: center; align-items: center; background-image: none;padding: 0;} .news .bot .t .right .share a:last-child{margin-right: 0px;} .news .bot .b {display: flex;justify-content: space-between;} .news .bot .b a { position: relative; box-sizing: border-box; width: 485px; padding: 25px 64px 36px 50px;border: 1px solid #d5d5d5;border-top: 3px solid #d5d5d5;} .news .bot .b a h3 { font-size: 14px; color: #a8a2a2; margin-bottom: 12px;} .news .bot .b a h4 {font-size: 18px; color: #333333; line-height: 26px;} .news .bot .b a:hover h4 {color: #e60012;} .news .bot .b a::after { transition: .3s; content: "";position: absolute;width: 0%;height: 5px;background-color: #e60012;left: 0px;top: -5px;position: re;} .news .bot .b a:hover::after{width: 100%;} .fy{} .screen-reader-text{ display: none;} .fy span,.fy a{ display: inline-block; vertical-align: top; width: auto; height: auto; line-height: 1em; padding: 10px 13px; font-size: 14px; color: #333; border: 1px solid #ddd; margin: 0 5px;} .fy span,.fy a:hover{ display: inline-block; color: #fff; background: #e60012; border: 1px solid #e60012;} /* pro */ .pro {background: url("/style/images/ny_gy_lnbj.jpg");background-size: cover;padding: 60px 0 30px; background-attachment: fixed;} .t_title {display: flex;margin-bottom: 50px;align-items: center;} .t_title img { margin-right: 14px; width: 33px;} .t_title span {font-size: 30px; font-weight: bold; color:#e60012;} .pro .left {width: 16%; margin-top: 18px;display: none;} .pro .left ul {position: relative;top: auto;} .pro .left li { background-color: white;border-radius: 36px; width: 270px;height: 60px;text-align: center;line-height: 60px;margin-bottom: 10px;} .pro .left li a {font-size: 20px;color: #333333; } .pro .left li:hover {background: linear-gradient(to right,#f28189,#e70114);} .pro .left li:hover a {color: white;} .pro .left li.active {background: linear-gradient(to right,#f28189,#e70114);} .pro .left li.active a {color: white;} .pro .right {width: 100%;} .pro .cc {margin-bottom: 20px;} .pro .right .box h3 { font-size: 24px; font-weight: bold; color: #333333; display: flex; margin-bottom: 30px; display: flex; align-items: center;} .pro .right .box h3 img { margin-right: 14px; width: 32px;} .pro .right ul {display: flex; flex-flow: wrap;} .yao { margin-right: 1.31%; top: 0px; transition: .5s; box-shadow: 0px 0px 6px #c5bebe; box-sizing: border-box; background-color: white; width: 24%; padding: 24px 15px 62px; position: relative; margin-bottom: 50px; border-radius: 12px;} .yao:hover { box-shadow: 0 0 24px rgba(29,56,75,.4); top: -10px;} .yao .content img { width: 170px; margin: auto; display: block; object-fit: cover; } .yao:nth-of-type(4n){margin-right: 0px;} .yao h5 { font-weight: bold; margin-top: 16px; font-size: 15px; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;} .yao .sp_cc {margin-top: 6px; font-size: 13px; color: #666666; display: block;line-height: 21px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; text-overflow: ellipsis; overflow: hidden; height: 63px;} .yao h4 { display: none; position: absolute;top: 31px;left: 26px; color: #7a7878;} .yao .m { transition: .5s; border-radius: 36px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 70px; width: 40px; background-color: #ddd2d3; position: absolute; bottom: -24px; left: 50%; transform: translateX(-50%); font-size: 14px; color: #333333;} .yao:hover .m {width: 100px; height: 40px; flex-direction: row; background-color: #e60012; color: white; bottom: -19px;} .yao:hover span:nth-of-type(1) {left: -10px;margin-bottom: 0px;} .yao:hover span:nth-of-type(2) {left: 10px;} .yao .m span { display: block;margin-bottom: 7px;text-align: center;position: relative;left: 0px; font-size: 12px;} .yao .m span:nth-of-type(2) {font-size: 20px;margin-bottom: 0px; line-height: 20px;} .pro .right .page a {background-color: #efefef;color: #454545;} /* pros */ .pros {margin-top: 70px;} .pros .pros01 .content{ border-radius: 10px; z-index: 2; background-size: cover; align-items: center; padding: 45px 55px; box-sizing: border-box; position: relative; display: flex; justify-content: space-between; background-color: #fff; box-shadow: 0px 0px 40px #c5bebe;} .pros .pros01 .title img { margin-right: 12px; width: 24px; } .pros .pros01 .title { font-size: 24px; font-weight: bold; color: #333333; display: flex; margin-bottom: 26px; display: flex; align-items: center;} .pros .pros01 .content .left {position: relative;width: 33%;} .pros .pros01 .content .left .bao img {width: 100%;} .pros .pros01 .content .left .wen { position: absolute; left: -377px; top: 92px; font-size: 90px; color: #eef3f7; font-family: arial; transform: rotate( 90deg ); font-weight: bold;} .pros .pros01 .content .right {width: 60%;} .pros .pros01 .content .right h3 { font-size: 24px; font-weight: bold; color: #333333; margin-bottom: 16px;} .pros .pros01 .content .right h3 br{display: none;} .pros .pros01 .content .right h5 { margin-bottom: 21px; font-size: 16px; color: #666666; line-height: 24px; letter-spacing: 0px;} .pros .pros01 .content .right h5 span{ font-size: 16px; display: block; margin-bottom: 7px; color: #222222; padding-left: 10px; border-left: 1px solid #e60012; line-height: 10px;} .pros .pros01 .content .right h6 {display: flex;margin-top: 26px;} .pros .pros01 .content .right h6 a { background-color: transparent; overflow: hidden; position: relative; z-index: 0; font-size: 13px; color: #fff; text-align: center; line-height: 30px; margin-right: 16px; width: 115px; height: 26px; height: 30px; border-radius: 20px; border: 1px solid #e60012;} .pros .pros01 .content .right h6 a:nth-of-type(2) {background-color: transparent;color: #e60012;} .pros .pros01 .content .right h6 a::after { content: ""; height: 0%; width: 100%; position: absolute; background-color: #fff; z-index: -1; transition: .3s; left: 0px;} .pros .pros01 .content .right h6 a:nth-of-type(2) {color: #e60012;} .pros .pros01 .content .right h6 a:nth-of-type(2):hover::after{background-color: #e60012;} .pros .pros01 .content .right h6 a:hover::after{height: 100%;} .pros .pros01 .content .right h6 a:hover {color: #e60012;} .pros .pros01 .content .right h6 a:nth-of-type(1):after{display: none;} .pros .pros01 .content .right h6 a:nth-of-type(1)::before{ bottom: 0px; top: auto; content: ""; height: 100%; width: 100%; position: absolute; background-color: #e60012; z-index: -1; transition: .3s; left: 0px;} .pros .pros01 .content .right h6 a:nth-of-type(1):hover::before{height: 0%;} .pros .pros01 .content .right h6 a:nth-of-type(2):hover{color: #fff;} .pros .pros02 { background: url("/style/images/ny_gy_lnbj.jpg"); background-size: cover; padding: 60px 0 0px; background-attachment: fixed;} .pros .pros01 {position: relative; padding: 60px 0 65px;background: url("/style/images/ny_xqbj01.jpg");background-attachment: fixed;background-size: cover;} .pros .pros01 .bg { z-index: 1; position: absolute; left: 0px; top: 0px; width: 100%; display: flex; justify-content: space-between; height: 100%;} .pros .pros01 .bg .le {width: 35%;} .pros .pros01 .bg .ri {width: 65%;} .pros .pros01 .bg img {width: 100%;height: 100%;object-fit: cover;} .pros .pros02 h6 { font-size: 24px; font-weight: bold; color: #333333; margin-bottom: 26px;} .pros .pros02-1 .text{ margin-bottom: 60px; border-radius: 10px; background-color: white; font-size: 16px; color: #666666; padding: 30px; box-shadow: 0px 0px 18px #c5bebe;} .pros .pros02-2 {margin-bottom: 60px;position: relative;} .pros .pros02-2 .content1,.pros .pros02-4 .content2 { width: 1040px; margin: auto; overflow: hidden; padding-bottom: 20px;} .pros .pros02-2 .box {cursor: pointer; border-radius: 10px; box-sizing: border-box; padding: 19px 18px 16px; box-shadow: 0px 0px 5px #c5bebe; background-color: white; border-radius: 10px; transition: 0.5s;} .pros .pros02-2 .box:hover { box-shadow: 0px 0px 20px rgba(102,102,102,0.4); } .pros .pros02-4 .yao {margin-right: 0px;} .pros02-2Swiper .pros02-2Swiper-pagination { bottom: -9%; left: 0; width: 100%;} .pros02-2Swiper .pros02-2Swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px; } .pros02-2Swiper .pros02-2Swiper-pagination .swiper-pagination-bullet-active { background: #e60012; } .pros .pros02-2 .box h3 { font-size: 15px; color: #333333; margin-bottom: 10px; text-align: center;} .pros .pros02-2 .box img {width: 170px;margin: auto;display: block;transition: .5s;} .pros .pros02-2 .box:hover img{transform: scale(1.05);} .pros .pros02-2 .box h4 { text-align: center; margin-top: 10px; font-size: 13px; color: #333333;} .pros .pros02-3 {margin-bottom: 60px;} .pros .pros02-3 h3{font-size: 22px;color: #333333;margin-bottom: 30px;} .pros .pros02-3 .text { overflow: hidden; align-items: center; display: flex;justify-content: space-between; background-color: white;border-radius: 10px;box-shadow: 0px 0px 18px #c5bebe;} .pros .pros02-3 .text h4 { width: 215px; height: 65px; text-align: center; line-height: 65px; font-size: 20px; color: white; background: linear-gradient(to right,#e76c76,#e71423); border-top-right-radius: 52px; border-bottom-right-radius: 52px; } .pros .pros02-3 .text a {transition: .5s; color: #e60012; font-size: 20px; display: flex; padding-right: 43px; align-items: center;} .pros .pros02-3 .text a:hover {transform: scale(1.1);} .pros .pros02-3 .text a img{ margin-right: 14px; width: 24px;} .pros .pros02-4 h6 {margin-bottom: 26px;} .pros .pros02-4 {position: relative; padding-bottom: 42px;} .pros .fake {position: relative;width: 1096px;margin: auto;} .pros .pros02-2Swiper-button-prev { text-align: center; line-height: 32px; width: 32px; height: 32px; border-radius: 50%; background-image: none; color: #e60012; border: 1px solid #e60012; font-size: 16px; left: -2%; top: 63%;} .pros .pros02-2Swiper-button-next {text-align: center;line-height: 32px; width: 32px;height: 32px;border-radius: 50%;background-image: none;color: #e60012;border: 1px solid #e60012;top: 63%;right: -2%;font-size: 16px;} .pros .pros02-2Swiper-button-prev:hover,.pros .pros02-2Swiper-button-next:hover {background-color: #e60012;color: white;} .pros .pros02-4 .text {position: relative;} .pros .pros02-4 .text .yao {width: auto;} .pros .pros02-4 .pros02-4Swiper-button-prev { text-align: center; line-height: 32px; width: 32px; height:32px; border-radius: 50%; background-image: none; color: #e60012; border: 1px solid #e60012; font-size: 16px; left: -2%; top: 54%;} .pros .pros02-4 .pros02-4Swiper-button-next {text-align: center;line-height: 32px; width: 32px;height: 32px;border-radius: 50%;background-image: none;color: #e60012;border: 1px solid #e60012;font-size: 16px; right: -2%; top: 54%;;} .pros .pros02-4 .pros02-4Swiper-button-prev:hover,.pros .pros02-4 .pros02-4Swiper-button-next:hover {background-color: #e60012;color: white;} /* con01 */ .con01 {background: url("/style/images/con01-1.jpg");background-size: cover;} .con02 .box i {background: url("/style/images/con02-1.png");} .con02{ position: relative; } .con02::after{ content: /style/css/''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; background: rgba(160,182, 222 , 45%); top: 0; z-index: 998; } .con03 {background: url("/style/images/con03-2.jpg");background-size: cover;} /* con01 */ .con01 {background: url(/style/images/con01-1.jpg); background-size: cover; position: relative; z-index: 1;} .con02 .box i {background: url("/style/images/con02-1.png");} .con03 {background: url("/style/images/con03-2.jpg");background-size: cover;} /* exp */ .exp { padding-bottom: 60px; background: url(/style/images/ny_gy_lnbj0.jpg); background-attachment: fixed; padding-top: 60px;} .exp .top { padding: 40px 0; margin-bottom: 80px; background-color: #f0f0f0; } .exp .top .icenter { display: flex; justify-content: space-between; } .exp .top .left { display: flex; color: #666666; font-size: 18px; align-items: center; justify-content: space-between; } .exp .top .right { display: flex; } .exp .top .left a:nth-of-type(1) { margin-right: 5px; display: flex; align-items: center;} .exp .top .left a {color: #666666;} .exp .top .left a img { margin-right: 15px; width: 24px; } .exp .top .left a:nth-of-type(2) { margin-left: 5px; } .exp .top .right { display: flex; } .exp .top .right a:first-child { margin-right: 10px; } .exp .top .right a { overflow: hidden; position: relative; z-index: 0; text-align: center; line-height: 46px; display: block; width: 172px; height: 46px; font-size: 16px; color: #e60012; border: 2px solid #e60012; border-radius: 30px; } .exp .top .right a::after { position: absolute; width: 0%; height: 100%; background-color: #e60012; z-index: -1; transition: .3s; content: ""; left: 0px; } .exp .top .right a:hover { color: white; } .exp .top .right a:hover::after { width: 100%; } .exp .top .left a:hover { color: #e60012; } .exp .bot ul {display: flex;flex-flow: wrap;} .exp .bot ul li {width: 24%; margin-bottom: 20px; border-radius: 15px; overflow: hidden; margin-right: 1.2%;} .exp .bot ul li:nth-of-type(4n){margin-right: 0px;} .exp .bot ul li:hover {box-shadow: 0 0 30px rgba(29,56,75,.4); background-color: #ffffff;} .exp .bot ul li a {border-radius: 15px;border-bottom: 3px solid transparent;} .exp .bot ul li a:hover {background-color: white;box-shadow: 0px 0px 28px #c5bebe;border-color: #e60012;} .exp .bot ul li a:hover .b p {color: #e60012;} .exp .bot ul li .bao {overflow: hidden;} .exp .bot ul li .bao img { width: 100%; height: 100%; display: block;} .exp .bot {margin-bottom: 20px; } .exp .bot ul li .b p {font-size: 15px; color: #333333; margin-bottom: 6px; line-height: 21px; font-weight: bold; border-bottom: 1px solid rgb(195 193 193); padding-bottom: 6px; height: 64px;} .exp .bot ul li .b {padding: 20px;} .exp .bot ul li .b .bottom {display: flex; align-items: center;} .exp .bot ul li .b .bottom img {width: 21px;margin-right: 10px;} .exp .bot ul li .b .bottom span {font-size: 18px;color: #666666;} .exp .bot ul li .b h5{ font-size: 13px; color: #5e5e5e; margin-bottom: 6px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} .exp .bot ul li .b .bottom h6 { font-family: arial; color: #585757; font-size: 13px;} .exp .bot ul li .b .bottom h6 span { font-size: 26px; color: #666666; font-family: arial;} .exp .bot ul li a:hover .b .bottom h6 {color: #e60012;} .exp .bot ul li a:hover .b .bottom h6 span {color: #e60012;} /* join */ .join {overflow: hidden;} .join .content .join01 {position: relative;padding: 85px 0 186px;} .join .content .join01 .wen {overflow: hidden; width: 1375px; position: absolute;font-family: arial;font-size: 150px;color: #f5f5f5;bottom: 0px; left: -13%; font-weight: bold; white-space: nowrap;} .join .content .join01 .wen span {position: relative; left: 0px;} .join .content .join01 .bao {width: 80%;border-radius: 15px;overflow: hidden;} .join .content .join01 .bao {width: 100%;} .join .content .join01 .text { cursor: pointer; transition: .5s; border-bottom-left-radius: 30px; border-top-right-radius: 30px; padding: 80px 87px 100px 107px; position: absolute; right: 2%; top: 33.5%;font-weight: bold;background-color: white; box-shadow: 0px 0px 28px #c5bebe;} .join .content .join01 .text:hover {top: 36%;} .join .content .join01 .text .cc { position: absolute; font-size: 300px; color: #e60012; font-family: arial; right: 8%; top: -17%;} .join .content .join01 .text h3 {font-size: 44px;color: #333333;line-height: 32px;margin-bottom: 10px;} .join .content .join01 .text h4 {font-size: 18px;font-family: arial;line-height: 32px;margin-bottom: 38px;color: #e60012;} .join .content .join01 .text p {width: 543px; font-size: 18px;line-height: 32px;color: #666666;margin-bottom: 50px;} .join .content .join01 .text .bot {display: flex;} .join .content .join01 .text .bot .bo1 {display: flex;margin-right: 70px;} .join .content .join01 .text .bot .bo2 {display: flex;} .join .content .join01 .text .bot .bo0 img{width: 40px;margin-right: 10px;} .join .content .join01 .text .bot .bo0 {font-size: 18px; color: #4b4b4b; line-height: 32px; align-items: center; font-weight: 100;} .join .content .join02{margin-top: 50px;margin-bottom: 56px;} .join .content .join02 p{ font-size: 44px; color: #333333; margin-bottom: 3px;} .join .content .join02 h6{font-size: 18px;font-family: arial;color: #e60012;margin-bottom: 40px;} .join .content .join02 ul li h3{ background-color: #e60012; margin-bottom: 14px; font-size: 14px;color: white;width: 80px;height: 24px;line-height: 24px;text-align: center;} .join .content .join02 ul li h4{font-size: 34px;color: #333333;margin-bottom: 16px;} .join .content .join02 ul li h5 {display: flex;} .join .content .join02 ul li h5 span {display: flex;font-size: 14px;color: #e60012;margin-right: 16px;} .join .content .join02 ul li h5 span img { width: 20px; margin-right: 8px;} .join .content .join02 ul li {padding: 60px 0;} .join .content .join02 ul li .main { position: relative; display: flex; justify-content: space-between; align-items: center;} .join .content .join02 ul li:hover .main .left h4 {color: #e60012;} .join .content .join02 ul li:nth-of-type(2n-1)::before{ z-index: -1; background-color: rgb(245, 245, 245); position: absolute;content: "";height: 100%;width: 200%;left: -50%;top: 0px;} /* .join .content .join02 ul li:nth-of-type(2n-1) .box::before { z-index: -1; background-color: rgb(245, 245, 245); position: absolute;content: "";height: 100%;width: 250%;left: -50%;top: 0px;} */ .join .content .join02 ul li a {overflow: hidden;position: relative;z-index: 0; width: 156px;height: 40px;color: #e60012;border: 2px solid #e60012;text-align: center;line-height: 40px;border-radius: 26px;} .join .content .join02 ul li a::after{position: absolute;content: "";z-index: -1;left: 0px;background-color: #e60012;width: 0%;height: 100%;transition: .3s;} .join .content .join02 ul li:hover a {color: white;} .join .content .join02 ul li:hover a::after {width: 100%;} .join .content .join02 ul li .box { transition: .5s; position: relative; padding-bottom: 53px; } .join .content .join02 ul li .box .pp {transition: .5s; padding: 28px 0; border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6; padding-top: 0px;} .join .content .join02 ul li .box {position: relative;display: block; margin-top: 0px;top: 0px;} .join .content .join02 ul li .second{overflow: hidden;transition: .5s;height: 0px;} .join .content .join02 ul li {margin-bottom: 0px; transition: .5s; position: relative;} .join .content .join02 ul li .box p {font-size: 16px;color: #666666;line-height: 36px;} .join .content .join02 ul li .box p span {display: block; font-size: 20px;color: #333333;margin-bottom: 9px;font-weight: bold;} .join .content .join02 ul li .box .want { margin-top: 53px; font-size: 20px;color: #666666;} .join .content .join02 ul li .box .want span {color: #e60012;font-family: arial;} /* con */ .con01 .content{ position: relative; padding: 60px 0 24px;} .con01 .content .codeText{position: absolute; right: 0px; top: 60px; background: url(/style/images/ny_lx_ewmbj.jpg); width: 267px;background-size: cover;} .con01 .content .codeText .top { border-bottom: 1px solid rgba(213,213,213,0.5); width: 100%; padding: 50px 0px 20px; display: flex; flex-direction: column; align-items: center;} .con01 .content .codeText .top img{width: 137px;display: block;} .con01 .content .codeText .top h3{ font-size: 16px; color: #333; line-height: unset; margin: 8px 0 1.5px;} .con01 .content .codeText .top h4{font-size: 16px;color:#333;} .con01 .content .codeText .bot {width: 100%; padding: 20px 0 30px; display: flex; flex-direction: column; align-items: center;} .con01 .content .codeText .bot h5 {font-size: 16px; color: #666; margin-bottom: 6px;} .con01 .content .codeText .bot h6 { font-size: 15px; font-family: arial; color:#666;} .con01 .content h3 { font-size: 30px; color: #333333; margin-bottom: 22px; line-height: 30px; } .con01 .content ul {display: flex;flex-flow: wrap;justify-content: space-between;width: 65%;} .con01 .content ul li { width: 30%; margin-bottom: 26px;} .con01 .content ul li h4 {font-size: 18px;} .con01 .content ul li .line {width: 15px;height: 1px;background-color: #e60012;margin: 10px 0;} .con01 .content ul li h5 {font-size: 15px;color: #666666;} .con02 {position: relative;} .con02 >img { height: 320px; width: 100%; display: block;} .con02 .box {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:999;} .con02 .box i { margin: auto; background: url(/style/images/maptt.png); width: 28px; height: 35px; display: block; background-size: cover; -webkit-animation: myanimate 0.5s infinite alternate;} .con02 .box a { border-radius: 30px; z-index: 0px; overflow: hidden; position: relative; font-size: 13px; color: #e60012; width: 155px; height: 30px; border: 2px solid #e60012; text-align: center; line-height: 30px; margin-top: 20px;} .con02 .box a::after {position: absolute;z-index: -1;content: "";width: 100%;height: 0%;left: 0px;transition: .3s;background-color: #e60012;} .con02 .box a:hover::after{height: 100%;} .con02 .box a:hover {color: white;border-color: #e60012;} .con02 .box a:hover span {left: 15px;} .con02 .box a span { transition: .5s; margin-left: 8px; position: relative; left: 0px;} @keyframes myanimate { 0% { transform:translateY(0) scale(1,1);} 100%{transform:translateY(15px) scale(0.9,0.9);} } @-webkit-keyframes myanimate { 0% { transform:translateY(0) scale(1,1);} 100%{transform:translateY(15px) scale(0.9,0.9);} } .con03 {position: relative;} .con03 .wen {display: none; position: absolute; font-size: 120px; font-weight: bold; font-family: arial; color: #f0f0f0; transform: rotate(90deg); right: -10.5%; top: 34%;} .con03 .content {padding: 60px 0;display: flex;justify-content: space-between;} .con03 .content .left {width: 40%;} .con03 .content .left .bao img {width: 100%;} .con03 .content .right { width: 51%;} .con03 .content .right h3 {font-size: 30px; color: #333333; margin-bottom: 17px; line-height: 42px;} .con03 .content .right input { color: #666666; font-size: 15px; padding-left: 20px; margin-bottom: 16px; width: 100%; height: 44px; line-height: 44px; background-color: #fafafa; border-radius: 5px; border: 1px solid #c7bdbd;} .con03 .content .right textarea { padding-top: 12px; color: #666666; font-size: 15px; padding-left: 20px; height: 92px; width: 100%; margin-bottom: 6px; border-radius: 5px; border: 1px solid #c7bdbd; } .con03 .content .right a { border: 1px solid #e60012; overflow: hidden; position: relative; z-index: 0; border-radius: 40px; font-size: 16px; color: white; background-color: #e60012; width: 118px; height: 32px; text-align: center; line-height: 32px;} .con03 .content .right a::after{ z-index: -1; content: "";position: absolute;left: 0px;width: 100%;height: 0%;transition: .3s;background-color: white;} .con03 .content .right a:hover::after{height: 100%;} .con03 .content .right a:hover {color: #e60012;} .con03 .content .right input::-webkit-input-placeholder{font-size: 15px;} .con03 .content .right textarea::-webkit-input-placeholder{font-size: 15px;} .con03 .content .right h5 {font-size: 13px;color: #666;margin-bottom: 10px;} .l_d0_lmbox{display: none;} .pro00 .right { display: flex; width: 62%; } .c_pro .content .items { margin-top: 2vw; font-size: 0; display: flex; justify-content: space-between; flex-wrap: wrap; } .zzb {position: relative;top: 0px; overflow: hidden; border-radius: 10px; width: calc((100% - 100px) / 3); margin-top: 48px; background-color: #fff; transition:.3s; box-shadow: 0px 0px 24px #c5bebe;} .zzb .img-box .wu {position: absolute;top: 20px;left: 20px;} .zzb .img-box .wu img {width: auto;} .zzb a {height: 100%;display: block;} .zzb .img-box { position: relative; overflow: hidden; padding: 70px 80px; box-sizing: border-box; } .zzb .img-box .bao img{height: 183px;display: block;} .zzb .txt-box { padding: 2vw; border-top: 2px solid #f5f5f5; position: relative; } .zzb img {display: block; width: 280px; margin: auto; } .zzb h3 { font-size: 26px; color: #171f29; margin-right: 50px; transition: color .3s ease; } .zzb p { font-size: 16px; color: #e60012; margin-right: 50px; margin-top: 5px; transition: color .3s ease; } /* .c_pro .content .item .txt-box:after { content: /style/css/''; width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(http://www.datsing.com/statics/home/images/market/icon-3.png); position: absolute; right: 1.5vw; top: 50%; margin-top: -12px; opacity: 0; transition: all .3s ease; } */ .zzb:nth-of-type(1), .zzb:nth-of-type(2),.zzb:nth-of-type(3) { margin-top: 0; } .zzb:hover { top: -10px; box-shadow: 0 0 25px rgba(29,56,75,.4);} .zzb:hover .txt-box {background-color: #e60012; } .zzb .txt-box i {border-radius: 50%; display: block; width: 24px; height: 24px; background-color: rgba(255,255,255,0.6); font-size: 18px; color: #e60012; position: absolute; right: 1.5vw; top: 50%; margin-top: -12px; opacity: 0; transition: all .3s ease; display: flex; justify-content: center; align-items: center;} .zzb:hover h3, .c_pro .content .item:hover h4 { color: #ffffff; } .zzb:hover p { color: rgba(255,255,255,0.6);} .zzb:hover .txt-box i{ opacity: 1; } .c_pro {background: url("/style/images/ny_gy_lnbj.jpg");background-size: cover; padding-top: 60px;padding-bottom: 100px; background-attachment: fixed;} .pros02-4 .zzb{width: 100%;} .pros02-4 .zzb .img-box .bao img {width: 100%;height: auto;} .join001 {margin: 40px 0;} .join001 .content { justify-content: space-between; position: relative; display: flex;} .join001 .content::after { opacity: 0; border-top-right-radius: 30px; border-bottom-right-radius: 30px; position: absolute; width: 125%; height: 100%; background: url("/style/images/j_t2.jpg"); background-size: cover; left: -25%; top: 0px; content: ""; z-index: -1;} .join001 .content .left {width: 60%;padding: 40px 0; padding-top:0; } .join001 .content .right { width: 35%; position: relative; } .join001 .content .right .wen { opacity: 0; position: absolute; font-family: arial; font-size: 102px; color: #f5f5f5; transform: rotate(90deg); left: 76%; top: 68%; font-weight: bold;} .join001 .content .right .wen::after{content: ""; position: absolute; height: 1px; width: 103px; background-color: #ededed; top: 50%; right: 104%;} .join001 .content .right .bao img {width: 100%;height: 300px;object-fit: cover;transition: 0.5s;} .join001 .content .right .bao:hover img{transform: scale(1.1);} .join001 .content .right .bao {width: 357px; } .join001 .content h3 {font-size: 30px; color: #333333; line-height: 42px; margin-bottom: 2px;} .join001 .content h4 {font-size: 15px; font-family: arial; margin-bottom: 17px; color: #e60012;} .join001 .content p {width: 100%; font-size: 15px; line-height: 24px; color: #666666; margin-bottom: 20px;} .join001 .content .bot {display: flex;} .join001 .content .bot .bo1 {display: flex;margin-right: 70px;} .join001 .content .bot .bo2 {display: flex;} .join001 .content .bot .bo0 img{ width: 28px; margin-right: 8px;} .join001 .content .bot .bo0 {font-size: 15px; color: #4b4b4b; align-items: center; font-weight: 100;} .join002 { position: relative; margin: 0 0 40px;} .join002::after{position: absolute;content: "";left: 0px;top: 0px;height: 50%;width: 100%; background: url(/style/images/j_bj.jpg); background-size: cover; background-attachment: fixed;transition: .5s;} .join002 .content00{ padding: 0px 0; position: relative; margin-bottom: 40px;} .join002 .content00:after { display: none; position: absolute; content: ""; width: 125%; height: 100%; left: -25%; top: 0%;background: url("/style/images/j_bj.jpg"); z-index: -1;background-size: cover; background-attachment: fixed;} .join002 .content01 {position:relative;top: 0px; width: 100%;z-index: 1;} .join002 .content01 .icenter { padding: 41px 0px 80px 0px; box-sizing: border-box;} .join002 .content01 .icenter::after{ position: absolute; content: ""; width: 112%; right: -6%; top: 0%; background-color: #efefef; height: 96%; z-index: 0;} .join00 {overflow: hidden;} .join002 .content01 p{ font-size: 30px; color: #333333; margin-bottom: 2px; position: relative; z-index: 1; line-height: 42px;} .join002 .content01 h6{font-size: 15px; font-family: arial; color: #e60012; margin-bottom: 17px; position: relative; z-index: 1;} .join002 .content01 ul li .main .left h4{ font-size: 20px; color: #333333; width: 224px;} .join002 .content01 ul li {padding: 10px 0;border-top: 1px solid #c1c1c1;} .join002 .content01 ul li .mid {width: 700px;} .join002 .content01 ul li .main { position: relative; display: flex; justify-content: space-between; align-items: center;} .join002 .content01 ul li .main .mid dl {display: flex;} .join002 .content01 ul li .main .mid dl dd { margin-right: 76px; font-size: 15px; color: #666666; display: flex; align-items: center;} .join002 .content01 ul li .main .mid dl dd:last-child{margin-right: 0px;} .join002 .content01 ul li .main .mid dl dd img{ width: 17px; margin-right: 8px; height: 17px; object-fit: cover;} .join002 .content01 ul li:hover .main .left h4 {color: #e60012;} .join002 .content01 .icenter ul {position: relative;z-index: 1;} .join002 .content01 ul li .main .mid dl dd:nth-of-type(1){width: 132px;} .join002 .content01 ul li .main .mid dl dd:nth-of-type(2){width: 150px;} .join002 .content01 ul li .main .mid dl dd:nth-of-type(3){width: 60px;} .join002 .content01 ul li .main .mid dl dd:nth-of-type(4){width: 104px;} .join002 .content01 ul li a {font-size: 20px; overflow: hidden; position: relative; z-index: 0; width: 30px; height: 30px; color: #e60012; background-color: transparent; text-align: center; line-height: 30px; border-radius: 50%; border: 1px solid #e60012; box-sizing: content-box;} .join002 .content01 ul li:hover a {color: white;background-color: #e60012;} .join002 .content01 ul li a span {position: relative;top: -1px;} .join002 .content01 ul li .box { transition: .5s; position: relative; padding-bottom: 20px; } .join002 .content01 ul li .box .pp {transition: .5s; padding: 24px 0; border-top: 1px solid #c1c1c1; padding-top: 0px;} .join002 .content01 ul li .box {position: relative;display: block; margin-top: 0px;top: 0px;} .join002 .content01 ul li .second{overflow: hidden;transition: .5s;height: 0px;} .join002 .content01 ul li {margin-bottom: 0px; transition: .5s; position: relative;} .join002 .content01 ul li:last-child{border-bottom: 1px solid #c1c1c1;} .join002 .content01 ul li .box p {font-size: 15px; color: #666666; line-height: 24px;} .join002 .content01 ul li .box p span { display: block; font-size: 18px; color: #333333; margin-bottom: 6px; font-weight: bold;} .join002 .content01 ul li .box .want { margin-top: 0px; font-size: 15px; color: #666666;} .join002 .content01 ul li .box .want span {color: #e60012;font-family: arial;} .n_ab .ab_left {width: 18%;display: none;} .n_ab .ab_right {width: 100%;overflow: hidden;} .n_ab .ab_left .title {background-color: #e60012;margin-bottom: 1px; background-color: #e60012; margin-bottom: 1px; padding: 16px 22px; width: 100%; box-sizing: border-box;width: 100%;box-sizing: border-box;} .n_ab .ab_left .title h3 {font-size: 24px; color: #fff; font-weight: bold; margin-bottom: 4px;} .n_ab .ab_left .title h4 {font-size: 12px;color: #fff;} .n_ab .ab_left ul li{width: 100%;background-color: rgb(243, 243, 243);margin-bottom: 1px;box-sizing: border-box;} .n_ab .ab_left ul li a {color: #e60012;font-size: 14px; padding: 18px;} .n_ab .ab_left ul li:hover a {color: #fff;} .n_ab .ab_left ul li:hover {background-color: #e60012;} .n_ab .ab_right .t_title{background-color: rgb(243, 243, 243);padding: 10px 18px;width: 100%;margin-bottom: 10px;box-sizing: border-box;display: none;} .n_ab .ab_right .t_title h3 {font-size: 16px;color: #e60012;} .blogsliderwebnews{} .blogsliderwebnews .swiper-slide{overflow: hidden; border-radius: 10px;} .blogsliderwebnews .swiper-slide:after{display:none;} .blogsliderwebnews .swiper-slide .blog-slider__img img{height:280px;} .blogsliderwebnews .blog-slider__pagination{display: flex; justify-content: center; align-items: center; margin: 10px 0;} .blogsliderwebnews .blog-slider__pagination span{background: #ccc;} .blogsliderwebnews .blog-slider__pagination .swiper-pagination-bullet-active{background:#e60012;} @media only screen and (max-width: 760px){ .blogsliderwebnews .swiper-slide .blog-slider__img img{height:240px;} } .index_video{ padding: 30px 0 50px; } .about-as{ margin-bottom: 20px; text-align: left; position: relative; z-index: 55; } .about-as a{ margin: 0 ; }.ab01 .content .right p{ margin-bottom: 20px; } .about_in.ab01 .content .right p{ } .about_in.ab01 .content .right p { overflow-y: scroll; max-height: 124px; margin-bottom: 10px; font-size: 15px; color: #666666; line-height: 24px; width: 100%; -webkit-overflow-scrolling: touch; box-sizing: border-box;padding-right: 10px;} .about_in.ab01 .content .right p::-webkit-scrollbar-track-piece { background-color: rgba(255, 255, 255, 0.5); border-left: .013333rem solid rgba(0, 0, 0, 0); } .about_in.ab01 .content .right p::-webkit-scrollbar { width: 3px; height: .173333rem; -webkit-border-radius: .066667rem; -moz-border-radius: .066667rem; border-radius: .066667rem; } .about_in.ab01 .content .right p::-webkit-scrollbar-thumb { background-color: #e60012; background-clip: padding-box; -webkit-border-radius: .066667rem; -moz-border-radius: .066667rem; border-radius: .066667rem; min-height: .373333rem; } .about_in.ab01 .content .right p::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.5); -webkit-border-radius: .066667rem; -moz-border-radius: .066667rem; border-radius: .066667rem; } @media only screen and (max-width: 760px) { .about-as a{ width: 150px; } } @media only screen and (max-width:1600px){ } /* @media only screen and (max-width:1600px ) { .hometitle font{ margin: 10px 0 0 0; font-size:40px;line-height:40px; margin-bottom: 10px;;} .inabout .bottom .txt h3{font-size: 40px; line-height: 50px; } .inabout .bottom .txt .inabouttoa{ margin-top: 30px; padding-left: 30px;} .inabout .bottom .txt .inabouttoa font{ display: block;width: 50px;height: 50px;} .inabout .bottom .txt .inabouttoa font img{ margin: 20px 0 0 -50px;} .inabout .bottom .txt .inabouttoa:hover font img{ margin: 20px 0 0 -40px;} .icenter{ width: 1160px; margin: 0 auto;} @-webkit-keyframes about-anim1 { 0% { -webkit-transform: translateX(60%); } 100% { -webkit-transform: translateX(50%); } } @keyframes about-anim1 { 0% { transform: translateX(60%); } 100% { transform: translateX(50%); } } .footer .right{ width:70px; } .footer .left .tt dd{ margin-right: 70px;} .footer .left .bottom .icenter dd{ right: 70px;} .footer .left .bottom{padding: 30px 0 40px;} .footer .left .tt dt h4 span{ margin: 0 0 15px 0;} .footer .left .tt dt h3 a,.intech .ic .icinfo .ak .txt h4{ font-size:18px;} .footer .left .tt dt h4 a,.intech .ic .ictt a span,.inpro .ttup .inproa a font,.inabout .bottom .txt .inabouttoa span{ font-size: 14px;} .inpro .inproalist .bla .swiper-slide a dd span,.div2 dl .pcnav dd h3 a{font-size:16px;} .intech .ic .icinfo .ak .txt h3{font-size:40px;} .footer .left .tt{padding: 80px 0 50px;} .footer .left .tt dd p img{ height:100px;} .injob dl .right h4{ font-size: 16px;line-height: 26px;} .injob dl .right dd{margin: 50px 0 0 0;} .injob dl .left,.injob dl .right{ width: 47%;} .innews dl a{padding:40px 60px; } .innews dl a span{font-size:24px;} .intech .ic .ictt p,.intech .ic .ictt .active p, .intech .ic .ictt a:hover p{margin: 0 0 60px 0;} .intech .ic .ictt a:nth-child(3):hover p{margin-bottom: 0;} .intech h6{ font-size: 90px;} .injob h6{font-size: 150px;} .inpro .ttup .inproa{width: 800px;} .inpro .ttup .inproa a p{ width: 70px;height: 70px;} .inpro .ttup .inproa a p img{ margin:17.5px auto; width: 35px; } .inpro .ttup{margin-bottom: 20px;} .inpro .inproalist .bla .swiper-slide a dd p img{ width:55%; margin: 30px auto;} .inpro .inproalist .bla .tod{ left: -55px; width: 40px; height: 40px; line-height: 40px; } .inpro .inproalist .bla .fa-angle-right{ right: -55px; left: auto;} .inpro{padding: 100px 0;} .inpro .inproalist .bla {width: 1160px; margin: auto; overflow: unset;} .inabout{ margin: 100px auto;} .inabout .top dd .video{ width:70%; margin: 0 0 0 30%; } .div2 .logo{ margin: 0 0 0 20px;} .div2 .logo img{ height: 40px;} .div2 dl .pcnav dd{ margin: 0 5px;} .div2 dl .pcnav dd { padding: 0 10px; } .div2 dl .pcnav dd h3 a { padding: 27.5px 0; } .blog-slider__content .blog-slider__title{font-size: 20px;} .blog-slider__text{ font-size:60px;} .blog-slider__content .blog-slider__code .cc,.blog-slider__content .blog-slider__code .tt{ font-size:50px;} .div2 dl .pcnav{margin: 0 80px 0 0;} .inabout .top dt h4{font-size: 16px;line-height: 26px;margin-top: 20px;} .div2 dl .toa span{ width: 50px;height: 36px;line-height: 36px;font-size: 14px;} .div2{ height:80px; } .btoa{ bottom: 20px;} .banner .blog-slider__pagination{bottom: 40px;} .p-top-mv__scroll p{font-size: 12px;} .bannerscroll{height: 40px;} .div2 dl .toa{ padding-right: 50px; height: 80px; } .div2 dl .toa:after{ height:80px; right:-20px;} .div2 dl .pcnav dd:first-of-type{ margin: 0 5px 0 0;} .div2 dl .pcnav dd:last-child{ margin: 0 0 0 5px;} .pch .hamburger{ width: 36px;top: 26px;right: 24px; } .intech .ic .ictt{width: 20px; left: 52.5%;} .intech .ic .ictt p,.intech .ic .ictt .active p, .intech .ic .ictt a:hover p{width: 20px;height: 20px;} .intech .ic .ictt a span{ width: 100px;line-height: 20px;left: 35px;} .intech .ic .icinfo .ak .txt h4{ font-size: 16px;line-height: 26px;margin: 25px 0;} .innews dd a{ padding: 30px 60px; width: calc(50% - 120px); margin-bottom: 72px;} .inabout h6{font-size:120px;} .injob{padding: 100px 0;} .intech{padding: 100px 0;} .div2 dl{ right:0px;margin-right: 90px;} .div2 dl .toa{ padding-right: 40px;} .div2 dl .toa:after{right: 0;} .div2 dl .pcnav{margin: 0 40px 0 0;} .aber .content .bgwen { font-size: 118px; top: -53px; } .aber .content .text h3 { font-size: 56px; margin-bottom: 9px; } .aber .content .text h4 { font-size: 18px;} .ab01 .content .left .vi .pic { width: 419px; height: 300px; border-radius: 10px;} .ab01 .content .left .vi video { width: 419px;border-radius: 10px;} .ab01 .content .left .vi .bo { width: 44px; height: 44px; top: 63%; left: 53%; display: flex; justify-content: center; align-items: center; line-height: auto; } .ab01 .content .left .vi .bo i { font-size: 16px; } .ab01 .content .left .bao { width: 46%; } .ab01 .content .left .bao img {width: 228px;} .ab01 .content .left { width: 35%;padding: 0 0 115px 98px;} .ab01 .content .left .vi { margin-bottom: 59px; } .ab01 .content .right h3 { font-size: 40px;} .ab01 .content .right h4 { font-size: 14px; margin-bottom: 10px; } .ab01 .content .right p { font-size: 16px; line-height: 28px; margin-bottom: 42px; } .jian { width: 45px; height: 45px;} .jian .circle { width: 45px; height: 45px;} .ab01 .bgwen span { font-size: 162px; left: -86px; top: 1px;} .ab01 .bgwen { bottom: 15px; right: -439px; font-size: 150px; } .ab01 .bgwen .sp_1, .ab01 .bgwen .sp_2 { font-size: 101px; font-weight: bold; color: white; font-family: Arial; } .ab01 { padding: 80px 0; } .ab02 .left .text h3 { font-size: 16px; margin-bottom: 14px; } .ab02 .left .text h4 { font-size: 28px; margin-bottom: 9px; } .ab02 .left .text h5 { font-size: 22px; margin-bottom: 29px; } .ab02 .left .text a { width: 134px; height: 37px; font-size: 15px; line-height: 37px; border-radius: 30px; } .ab02 .left .bao { height: 398px; } .ab02 .right .tu { top: -52px;} .ab02 .right .tu img { width: 100%; height: 450px; object-fit: fill; } .ab03 { padding: 70px 0; } .ab03 .content p { font-size: 16px; line-height: 30px; width: 850px; } .ab03 .content .wen { width: 756px;} .ab03 .content img { width: 1033px; } .ab04 .content .left h3 { font-size: 40px; margin-bottom: 6px; } .ab04 .content .left h4 { font-size: 14px; margin-bottom: 10px; } .ab03 .content h3 { font-size: 40px; margin-bottom: 6px; } .ab03 .content h4 { font-size: 14px; margin-bottom: 13px; } .ab04 .content .right .bgwen .sp_1 { font-size: 162px;} .ab04 .content .left p { font-size: 16px; line-height: 30px; } .ab04 .content .right { width: 36%; padding-right: 135px;} .ab04 .content .left { width: 43%; padding: 78px 0; } .ab01 .bgwen .slip { width: 1000px; } .ab04 .content::before { height: 100%;top: 0px; } .ab04 .content .right .bgwen { right: 41px; top: -53px; } .ab04 .content .right .bao img {height: 453px; width: 100%;} .ab04 .content .right .box { position: relative; top: 89px; } .ab04 .content .right .line { top: 41px; left: -62px; width: 110px; height: 2px; } .ab04 .content .right .bgwen .sp_2 { font-size: 46px; top: 271px; left: -102px; } .ab05 { padding: 0px 0 35px;} .ab05 .content .top h3 { font-size: 40px; margin-bottom: 6px; } .ab05 .content .top h4 { font-size: 14px; } .ab05 .content .top { margin-bottom: 22px; } .ab05 .content .bot .box li { font-size: 16px; margin-bottom: 13px;border: 3px solid #e5e5e5; } .ab05 .content .bot .box li:hover { border: 3px solid #e60012; } .ab05 .content .ot h3 { font-size: 40px; margin-bottom: 5px; } .ab05 .content .ot h4 { font-size: 14px;} .ab05Swiper .ab05Swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px;} .ab05 .content .bot { margin-bottom: 96px; } .ab06 .content li .dul h3 { font-size: 22px; margin-bottom: 14px; } .ab06 .content li .dul .line { width: 246px; height: 2px; margin-bottom: 12px; } .ab06 .content li .dul h4 { font-size: 14px; line-height: 24px; width: 366px; } .ab06 .content li span { font-size: 18px;} .ab06 .content li { width: 10px; height: 10px;} .ab06 .content .box .cc img { width: 28px; } .ab06 .content .box .cc { width: 329px; height: 51px; border-radius: 30px; } .ab06 { padding: 97px 0 341px; } .ab06 .content .box { padding-top: 243px; } .ab06 .content .box .cc.right { top: 121px; left: 71px; } .ab06 .content .box .cc.left { top: 124px; left: -68px; } .ab06 .content .box .circle { width: 320px; height: 320px; top: 25px; left: 2px;} .ab06 .content .bot li { bottom: -58px; left: 159px; } .ab06 .content .bot li span { left: -5px; top: 16px; } .ab06 .content .bot li .dul { bottom: -181px; left: -211px; width: 439px; } .ab06 .content .bot li .dul h4 { width: 439px; } .ab06 .content .right li { right: 161px; top: 99px; } .ab06 .content .right li span { top: -7px; right: -30px; } .ab06 .content .right li .dul { left: 109px; top: -42px; } .ab06 .content .left li { left: 163px; top: 105px; } .ab06 .content .left li span { left: -27px; top: -9px; } .ab06 .content .left li .dul { left: -458px; top: -41px; } .ab07 .content h3 { font-size: 40px; margin-bottom: 6px; } .ab07 .content h4 { font-size: 14px; margin-bottom: 21px; } .ab07 .content h5 { font-size: 24px; margin-bottom: 15px; } .ab07 .content h6 { font-size: 16px; margin-bottom: 8px; } .ab07 .content p { font-size: 24px; } .ab07 { padding: 100px 0 100px; } .new01 .top .left a img { margin-right: 10px; width: 20px; } .new01 .top .left a { font-size: 16px;} .new01 .top .right a { line-height: 36px; width: 153px; height: 36px; font-size: 14px; border-radius: 20px; } .new01 .top { padding: 32px 0; margin-bottom: 45px; } .new01 .content .mid ul li .left .title h3 { font-size: 22px; margin-bottom: 6px; line-height: 32px; } .new01 .content .mid ul li .left .title h5 { font-size: 14px; color: rgb(107, 107, 107); margin-bottom: 40px; line-height: 30px;} .new01 .content .mid ul li .left .title .aa { font-size: 12px; width: 126px; height: 30px; line-height: 30px;} .new01 .content .mid ul li .right h3 { line-height: 85px; margin-bottom: 2px; width: 112px; height: 85px; font-size: 59px; } .new01 .content .mid ul li .right h4 { font-size: 16px; width: 112px; height: 34px; line-height: 34px; } .new01 .content .mid ul li { padding-bottom: 45px; padding-top: 45px; } .new01 .content .mid ul li:last-child{margin-bottom: 45px;} .page a { font-size: 14px; margin-right: 16px; width: 36px; height: 36px; line-height: 36px; } .new01 .content { padding: 0px 0 80px; } .news .top {padding-bottom: 20px;} .news .top h3 { font-size: 28px; margin-bottom: 12px; letter-spacing: 2px; } .news .top h4 { font-size: 14px; } .news .top h4 span { padding-right: 16px; margin-right: 16px; } .news .top { padding-bottom: 20px; } .news .mid { padding: 30px 0 0;} .news { padding: 80px 190px 140px; box-sizing: border-box; margin-top: 80px!important; } .news .mid p { line-height: 30px; font-size: 16px; margin-bottom: 30px; } .news .bot .t .left a { font-size: 16px; } .news .bot .t .left a img { margin-right: 10px; width: 24px; } .news .bot .t .right span { font-size: 16px; margin-right: 10px; } .news .bot .t .right .share a { line-height: 26px; margin-right: 10px; width: 26px; height: 26px; font-size: 14px;} .news .bot .t { padding: 36px 0 64px;} .news .bot .b a h3 { font-size: 14px; margin-bottom: 6px; } .news .bot .b a { width: 372px; padding: 15px 43px 21px 54px; } .news .bot .b a h3 { font-size: 14px; margin-bottom: 6px; } .news .bot .b a h4 { font-size: 15px; line-height: 25px; } .pro .left li a { font-size: 16px; } .pro .left li { border-radius: 28px; width: 212px; height: 49px; line-height: 49px; margin-bottom: 10px; } .pro .right .box h3 img { margin-right: 12px; width: 25px; } .pro .right .box h3 { font-size: 28px; margin-bottom: 26px; } .yao .content img { width: 250px; height: auto} .yao h4 { font-size: 12px; } .yao h5 {top: 16px; left: 16px; font-size: 18px; margin-top: 49px;} .yao .m span { margin-bottom: 15px; } .yao .m span:nth-of-type(2) { font-size: 22px;} .yao { width: 31%; padding: 64px 23px 96px; margin-bottom: 80px; border-radius: 12px; } .yao .m { border-radius: 36px; height: 98px; width: 46px; bottom: -21px; font-size: 12px; } .pros .pros01 .content .left { width: 43%; } .yao .m span { margin-bottom: 15px;} .yao .m span:nth-of-type(2) { font-size: 22px; margin-bottom: 0px; line-height: 20px; } .pro { padding: 100px 80px;} .pros { margin-top: 80px; } .pros .pros01 .content .left .bao img { width: 400px;} .pros .pros01 .content .right h3 { font-size: 32px; margin-bottom: 32px; } .pros .pros01 .content .right h5 span { font-size: 18px; margin-bottom: 10px; padding-left: 7px; border-left: 2px solid #e60012; line-height: 13px; } .pros .pros01 .content .right h5 { margin-bottom: 30px; font-size: 16px; } .pros .pros01 .content .right h6 a { font-size: 14px; width: 110px; height: 28px; line-height: 28px;} .pros .pros01 .content .right h6 { margin-top: 20px; } .pros .pros01 .title img { margin-right: 11px; width: 26px; } .pros .pros01 .title { font-size: 40px; margin-bottom: 18px;} .pros .pros01 .content { padding: 80px;} .pros .pros01 .content .left .wen { left: -289px; top: 70px; font-size: 70px; } .pros .pros02 h6 { font-size: 30px; margin-bottom: 15px; } .pros .pros02-1 .text { margin-bottom: 74px; border-radius: 10px; font-size: 16px; padding: 53px 66px; } .pros .pros02-2 .box h3 { font-size: 20px; margin-bottom: 22px; } .pros .pros02-2 .box img { width: 182px;} .pros .pros02-2 .box h4 { margin-top: 14px; font-size: 16px; } .pros .pros02-3 h3 { font-size: 22px; margin-bottom: 20px; } .pros .pros02-3 .text h5 img { margin-right: 10px; width: 20px; } .pros .pros02-3 .text h5 { font-size: 16px;} .pros .pros02-3 .text h4 { width: 165px; height: 80px; line-height: 80px; font-size: 16px;} .pros .pros02-3 { margin-bottom: 83px; } .pros .pros02-2 .content1, .pros .pros02-4 .content2 { width: 1196px;} .pros .pros02-4 h6 { margin-bottom: 20px; } .pros .pros02-4 .pros02-4Swiper-button-prev { text-align: center; line-height: 40px; width: 40px; height: 40px; border-radius: 50%; background-image: none; color: #e60012; border: 1px solid #e60012; font-size: 28px; left: -3%; top: 48%; } .pros .pros02-4 .pros02-4Swiper-button-next{ text-align: center; line-height: 40px; width: 40px; height: 40px; border-radius: 50%; background-image: none; color: #e60012; border: 1px solid #e60012; font-size: 28px; right: -3%; top: 48%;} .pros .pros02 { padding: 100px 0 13px;} .pros .pros02-2 .box { padding: 58px 63px 45px;} .pros .pros02-4 .fake { width: 1196px;} .yao:hover .m { width: 145px; height: 43px;} /* exp */ /* .exp .bot ul li .b p { font-size: 19px; color: #333333; margin-bottom: 12px; line-height: 29px; } .exp .bot ul li .b .bottom img { width: 18px px ; margin-right: 6px; } .exp .bot ul li .b .bottom span { font-size: 18px; } .exp .bot ul li .b { padding: 30px; } .exp .bot { margin-bottom: 24px; } .exp { margin-bottom: 113px; } .exp .top { padding: 30px 0; margin-bottom: 70px;} .exp .top .left { font-size: 16px;} .exp .top .left a img { margin-right: 10px; width: 19px; } .exp .top .right a { line-height: 36px; width: 149px; height: 36px; font-size: 14px; border-radius: 30px; } .con03 .content {position: relative;} .con01 .content h3 { font-size: 40px; margin-bottom: 30px; } .con01 .content ul li h4 { font-size: 20px; } .con01 .content ul li .line { width: 13px; height: 1px; background-color: #e60012; margin: 10px 0; } .con01 .content ul li h5 { font-size: 14px; } .con01 .content ul li { margin-bottom: 28px; } .con01 .content .codeText .top img { width: 110px; margin-bottom: 16px; } .con01 .content .codeText .top h3 { font-size: 16px;} .con01 .content .codeText .top h4 { font-size: 18px; } .con01 .content .codeText .bot h5 { font-size: 18px; margin-bottom: 10px; } .con01 .content .codeText .bot h6 { font-size: 16px;} .con01 .content .codeText { right: 0px; top: 27%; width: 270px; } .con01 .content .codeText .top { padding: 50px 0px; } .con01 .content .codeText .bot { padding: 68px 0;} .con02 .box i { width: 33px; height: 43px; background-size: 100%; } .con02 .box a { font-size: 14px; width: 173px; height: 30px; line-height: 30px; margin-top: 25px; } .con02 img{height: 46vh; width: 100%;} .con03 .content .right h3 { font-size: 40px; margin-bottom: 30px; } .con03 .content .right a { font-size: 16px; width: 130px; height: 34px; line-height: 34px; } .con03 .content .right input::-webkit-input-placeholder{font-size: 16px;} .con03 .content .right textarea::-webkit-input-placeholder{font-size: 16px;} .con03 .content .right input { font-size: 16px; padding-left: 20px; margin-bottom: 15px; width: 100%; height: 46px; line-height: 46px;} .con03 .content .right textarea { padding-top: 10px; font-size: 16px; padding-left: 20px; height: 116px; width: 100%; margin-bottom: 38px; } .con03 .content .left .bao img { width: 420px; } .con03 .content .left { width: 48%; } .con03 .content .right { width: 44%; } .con03 .wen {font-size: 91px; transform: rotate(90deg); right: -19.5%; top: 36%; } .join .content .join01 .text h3 { font-size: 32px; margin-bottom: 0px; } .join .content .join01 .text h4 { font-size: 14px; line-height: 32px; margin-bottom: 10px; } .join .content .join01 .text p { width: 447px; font-size: 16px; line-height: 30px; margin-bottom: 37px; } .join .content .join01 .text .bot .bo0 img { width: 32px; margin-right: 10px; } .join .content .join01 .text .bot .bo0 { font-size: 16px;} .join .content .join01 .text { padding: 68px 72px 74px 94px; right: 2%; top: 33.5%; } .join .content .join01 .text .cc { font-size: 204px; right: 7%; top: -13%; } .join .content .join01 .bao img {width: 782px;} .join .content .join01 .wen { font-size: 118px; bottom: 5%; left: -6%;width: 1100px; } .join .content .join01 { padding: 49px 0 186px; } .join .content .join02 { margin-top: 29px; margin-bottom: 56px; } .join .content .join02 p { font-size: 32px; margin-bottom: 3px; } .join .content .join02 h6 { font-size: 14px; margin-bottom: 30px; } .join .content .join02 ul li h3 { margin-bottom: 10px; font-size: 12px; width: 65px; height: 20px; line-height: 20px; } .join .content .join02 ul li h4 { font-size: 28px; margin-bottom: 12px; } .join .content .join02 ul li { padding: 40px 0;} .join .content .join02 ul li a { z-index: 0; width: 132px; height: 33px; line-height: 33px; border-radius: 26px; font-size: 14px; } .join .content .join02 ul li .box .pp { padding: 20px 0;} .join .content .join02 ul li .box p { font-size: 14px; line-height: 30px; } .join .content .join02 ul li .box p span { font-size: 16px; margin-bottom: 6px; } .join .content .join02 ul li .box .want { margin-top: 34px; font-size: 16px; } .join .content .join02 ul li .box { padding-bottom: 40px; } .ab00 .left a img { margin-right: 10px; width: 18px; } .ab00 .left a { font-size: 14px;} .ab00 { padding: 20px 0; } .ab00 .right ul li h3 { line-height: 22px; font-size: 14px;} .ab00 .left{font-size: 14px;} .ab00.on { top: 80px; } .ab00 .right ul li h3::after { bottom: -117%; } .ab05 .content .bot .box a .text h3 { font-size: 20px; margin-bottom: 34px; height: 32px; } .ab05 .content .bot .box a .text font { width: 160px; height: 30px; line-height: 30px; font-size: 13px;} .ab05Swiper .ab05Swiper-pagination { bottom: -16%; } .ab05Swiper .swiper-button-prev { bottom: -4%; left: 91%; width: 36px; height: 36px; } .ab05Swiper .swiper-button-next {bottom: -4%; left: 95%; width: 36px; height: 36px;} .ab05Swiper .swiper-button-prev .jian { width: 10px; height: 10px; left: 3px; } .ab05Swiper .swiper-button-next .jian { width: 10px; height: 10px; right: 2px; } .zzb .img-box .bao img { display: block; width: 100%; } .zzb .img-box .wu img { width: 30px; } .zzb h3 { font-size: 20px; margin-right: 50px; } .zzb p { font-size: 14px; margin-right: 50px; margin-top: 3px;} .zzb .img-box .bao img { display: block; width: 100%; height: 120px; } .zzb { width: calc((100% - 73px) / 3);} .zzb { margin-top: 37px; box-shadow: 0px 0px 20px #c5bebe;} .c_pro { padding-top: 50px; padding-bottom: 90px; } .pros .content .pros02-4 .pros02-4Swiper { padding: 38px 20px; } .zzb:hover { top: -10px; box-shadow: 0 0 20px rgba(29,56,75,.4); } .join001 .content h3 { font-size: 40px; color: #333333; line-height: 32px; margin-bottom: 10px; } .join001 .content .left { width: 49%; padding: 58px 0; } .join001 .content h4 { font-size: 14px; line-height: 25px; margin-bottom: 15px; } .join001 .content p { width: 100%; font-size: 16px; line-height: 29px; color: #666666; margin-bottom: 26px; } .join001 .content .bot .bo0 img { width: 29px; margin-right: 6px; } .join001 .content .bot .bo0 { font-size: 16px;} .join001 { margin: 80px 0; } .join002 .content00 { padding: 410px 0; } .join002 .content01 p { font-size: 40px; margin-bottom: 10px; } .join002 .content01 h6 { font-size: 14px; margin-bottom: 30px; } .join002 .content01 ul li { padding: 23px 0;} .join002 .content01 ul li .main .left h4 { font-size: 27px; width: 232px; } .join002 .content01 ul li .main .mid dl dd img { width: 16px; margin-right: 8px; } .join002 .content01 ul li .main .mid dl dd { margin-right: 63px; font-size: 14px; } .join002 .content01 ul li a { font-size: 24px; width: 32px; height: 32px; line-height: 32px; } .join002 .content01 .icenter { padding: 75px 0 160px 129px; } .join002 .content01 { top: 133px; } .join002 {margin-bottom: 135px;} .join002 .content01 .icenter::after { height: 100%;} .join002 .content01 ul li .box p span { font-size: 18px; margin-bottom: 4px; } .join002 .content01 ul li .box p { font-size: 14px; color: #666666; line-height: 30px; } .join002 .content01 ul li .box .want { margin-top: 0px; font-size: 16px; } .join002 .content01 ul li .box { transition: .5s; padding-bottom: 38px; } .join002 .content01 ul li .box .pp { transition: .5s; padding: 18px 0;} .pros .pros02-4 { position: relative; margin-bottom: 0px; } .ab04 .content .right .bao { border-radius: 20px; height: 453px; } .ab03 .content .wen span { font-size: 105px;} .pros .pros01 { padding: 80px 0 100px; } .exp .bot ul li .b h5{ margin-bottom: 15px;} .exp .bot ul li .b .bottom h6 span { font-size: 46px; } .div2 dl .pcnav dd h3::after { bottom: -1px;} .ab05Swiper .swiper-scrollbar { bottom: 0%;} } */ .index-abouts.ab01 .content .left .vi{ margin-bottom: 20px; } .index-abouts.ab01 .content .left .vi .pic img{ height: auto; } .index-abouts.ab01 .content .left .vi .pic{ /*border-radius: 0px;*/ } .index-abouts.ab01 .content .left{ /*width: 30%;*/ } .index-abouts.ab01 .content .right{ width: 63%; } .index-abouts.ab01 .content .right p{ margin-top:0px;margin-bottom: 0px; font-size: 15px; }.index-abouts.ab01 .content .right p{ line-height:2.3; font-size: 16px; } .phone-video{ display: none; position: relative; }.phone-video img{ width: 100%; } .videos-i{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; text-align: center; color: #FFF; border: 1px solid #FFF; border-radius: 100%; } @media only screen and (max-width: 760px){ .index-abouts.ab01 .content .right p{ font-size: 14px; line-height:1.8; } .pc-ship{ display: none; } .phone-video{ display: block; } .index-abouts.ab01 .content .left{ width: 100%; } .index-abouts.ab01 .content .right{ width: 100%; }.index-abouts.ab01 .content{ margin-bottom: 10px; } } .jzuo-a{ margin-top: 10px; } .tdt-container .tdt-control-copyright img{ background-repeat: no-repeat; }