/* 清除内外边距 */ 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: justify; font-weight: normal; } /* 设置默认字体 */ 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; } 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: ''; } /* 重置表单元素 */ 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; } .clearfix {zoom:1} .clearfix:after {content: '\20'; display: block; clear: both;} .fl { float: left; } .fr { float: right; } @font-face { font-family: '方正兰亭黑'; src : url('./../font/ftlth.TTF'); src: url('./../font/ftlth.TTF') } @font-face{ font-family:"fcme1"; src: url("../font/fcme1.woff") format("woff"), url("../font/fcme1.ttf") format("truetype"), /* url("../font/TitilliumWeb-Regular-10.eot") format("embedded-opentype"), */ url("../font/fcme1.otf") format("opentype"), url('../font/fcme1.svg') format('svg'); } @font-face { font-family: "fcmeAlibaba"; src: url("./../font/fcmeAlibaba-PuHuiTi-Bold.ttf") format("truetype"), url("./../font/fcmeAlibaba-PuHuiTi-Heavy.ttf") format("truetype"), url("./../font/fcmeAlibaba-PuHuiTi-Light.ttf") format("truetype"), url("./../font/fcmeAlibaba-PuHuiTi-Medium.ttf") format("truetype"), url("./../font/fcmeAlibaba-PuHuiTi-Regular.ttf") format("truetype"); } @font-face { font-family: "fcmeGotham"; src: url("./../font/fcmeGotham-Bold.ttf") format("truetype"), url("./../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%; } .test {opacity: 0;visibility: hidden;position: absolute;} .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;} input, button, select, textarea {outline: none;} .clearfix:after{display:block;content:'';clear:both;visibility:hidden} .div2{ transition: all .3s;position: fixed;width: 100%;z-index: 999999999;top: 0;left: 0;height: 100px;background: #fff;box-shadow: 0 0 30px 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;} .div2 .logo{ display: block;margin: 0 0 0 50px; } .div2 .logo img{ transition: all .3s; display: block;width: auto;height: 70px;} .div2 dl{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .div2 dl .pcnav{margin: 0 100px 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{margin: 0 25px; position: relative;} .div2 dl .pcnav dd h3{} .div2 dl .pcnav dd h3 a{ font-size: 18px; color: #333; height: 100px; display: block; line-height: 100px;position: relative;} .div2 .tor{transition: all .3s;display: block;overflow: hidden; background: #00a0e9;height: 100px;padding: 0 50px;} .div2 .tor a{ transition: all .3s; border-radius: 4px; font-size: 16px; display: block;color: #fff;float: left;width: 40px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #85c1dc;margin: 24px 8px;} .div2_1,.div2_1 .tor{ height: 70px;} .div2_1 .logo img{height: 56px;} .div2_1 .tor a{margin: 13px 5px;} .div2 dl .pcnav dd h3>a:before{ content: '';display: block;width: 0%;height: 3px;background-color: rgb(0, 160, 233);position: absolute;left: 50%;bottom: 0px;transition: all .3s;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .div2_1 dl .pcnav dd h3>a:before{bottom: 15px;} .div2 dl .pcnav dd h3:hover>a{color: rgb(0, 160, 233);} .div2 dl .pcnav dd h3:hover>a:before{width: 100%;} /* n-nav02 */ .n-nav02{width: 200px;position: absolute;left: 47.2%;transform: translateX(-50%);-webkit-transform: translateX(-50%);padding-top: 10px;opacity: 0;visibility: hidden;transition: all .3s;} .n-nav02:before{content: '';display: block;width: 0;height: 0;border: 10px solid transparent;border-bottom-color: rgb(0, 143, 208);position: absolute;top: -10px;left: 50%;margin-left: -10px;} .n-nav02 .min{width: 100%;overflow: hidden;border-radius: 10px;} .n-nav02 a{display: block;width: 100%;line-height: 50px;text-align: center;border-bottom: 1px solid rgba(255,255,255,0.3);font-size: 14px;color: #ffffff;background-color: rgb(0, 143, 208);} .div2 dl .pcnav dd:hover>.n-nav02{opacity: 1;visibility: visible;} .n-nav02 a:hover{color: rgba(255,255,255,0.8);} .banner{position: relative;width: 100%;overflow: hidden;height: calc(100% - 100px);margin-top: 100px; 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;} .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;opacity: 0.8;transition: all .2s;animation-duration:3s;animation-timing-function:linear;animation-fill-mode: forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode: forwards;} .blog-slider__content {position: absolute;top: 50%; width: 70%;left: 5%; transform: translate(0%, -50%);} .blog-slider__content > * {opacity: 0;display: inline-flex;transform: translateY(25px);transition: all .4s;} .blog-slider__code {color: #7b7992;margin-bottom: 15px;display: block;font-weight: 500;} .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:70px; width: auto;left: calc(5% + 100px);} .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;} .blog-slider__pagination .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 10px;background: #fff;opacity:1;transition: all .3s;} .blog-slider__pagination .swiper-pagination-bullet-active {opacity: 1;background: #00a0e9;width: 50px; display: inline-block;} .blog-slider__content .blog-slider__code{overflow: hidden;} .blog-slider__content .blog-slider__code .tt{ line-height: 100px;display: block;float: left;font-size: 100px;color: #00a0e9;font-weight: bold; /*background: linear-gradient(to right, #00a0e9 15%, #00a0e9 30%, #fff 55%, #fff 80%, #00a0e9 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;*/} .blog-slider__content .blog-slider__code .cc{ line-height: 100px;display: block;color: #fff;font-size: 80px;float: left;font-weight: bold;margin: 0 0 0 5px;} @keyframes shine {to {background-position: 300% center;}} .blog-slider__content .blog-slider__title{display: block;font-size: 60px;color: #eee;letter-spacing: 0;text-align: left;padding-left: 50px;} .blog-slider__text { text-align: left;display: block;font-size: 36px;color: #fff;margin: 20px 0 0 0;letter-spacing: 8px;padding-left: 50px;font-weight: bold;} .blog-slider__content .more{margin: 30px 0 0 50px;} .btoa{ cursor: pointer;position: absolute;width: 40px;height: 40px;bottom: 50px;left: 5%;z-index: 9;} .blog-button-next{ left:calc(5% + 50px); } .p-top-mv__scroll{position: absolute;right: 5%;bottom: 100px;z-index: 1;text-align: center;} .p-top-mv__scroll p{writing-mode: tb;font-size: 16px;color: #eee;} .bannerscroll{display: block;width:1px;height:60px;background:#ddd;position: relative;margin: 0 auto 20px;} .bannerscroll::before{content: '';display: block;width:7px;height:7px;background:#eee;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;} /* h5 */ .drawer-nav { display: none; } .drawer-hamburger{display: none;} .h5-logo {display: none;} .inabout{ position: relative; display: block;overflow: hidden;background: url(../images/sy_gy_bj.jpg);background-size: cover;} .inabout .bottom{display: block; position: relative; padding:100px 0;} .inabout .bottom h3{ display: block;overflow: hidden;text-align: center;color: #3a4855;font-size: 30px;margin: 0 0 30px 0;} .inabout .bottom dl{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;margin: 0 auto;overflow: hidden;} .inabout .bottom dl dd{ display: block;text-align: center;width: 239px;height: 239px;border-radius: 50%;border: 1px solid #00a0e9;} .inabout .bottom dl dd p{display: block;text-align: center;margin: 80px 0 16px 0;} .inabout .bottom dl dd p span{ display: inline-block;font-size: 60px;color: #00a0e9;font-weight: bold;line-height: 60px;font-family: Arial; font-family: 'fcmeGotham';} .inabout .bottom dl dd p font{ color: #00a0e9;display: inline-block;vertical-align: top;margin: 20px 0 0 5px;font-size: 20px;} .inabout .bottom dl dd strong{ display: block;text-align: center;color: #333;font-weight: normal;font-size: 18px;} .inabout .top{ position: relative; display: block;width: calc(100% - 150px);padding: 0;overflow: hidden;margin: 0 0 0 150px; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .inabout .top:before{ content: " ";position: absolute;width: 50%;height: 100%;/*background: url(../images/sy_gy_b2.jpg);background-size: cover;*/top: 0;left: 0; } .inabout .top .left{display: block;width: 28%;margin: 0 0 0 5%; position: relative;z-index: 2;} .inabout .top .left h3{text-transform: uppercase;color: #00a0e9;font-size: 18px;} .inabout .top .left h4{display: block;font-size: 40px;font-weight: bold;color: #3a4855;margin: 10px 0;} .inabout .top .left h5{ display: block;font-size: 26px;margin:20px 0;} .inabout .top .left h6{ display: block;font-size: 16px;text-align: justify;line-height: 30px;color: #666;} .inabout .top .left .more{ margin: 30px 0 0 0; } .inabout .top .right{display: block;width: 62%;} .inabout .top .right #box{display: block; width:100%;overflow: hidden;position: relative;} .inabout .top .right #box video{display: block;width: 100%;} .inabout .top .right #box dt{ position: absolute;width: 100%;height: 100%;top: 0;left: 0; padding: 0; transition: 0.8s;} .inabout .top .right #box .cover{cursor:pointer; position: absolute;width: 100%;height: 100%;top: 0;left: 0; background-color: rgba(0, 0, 0, 0.22); z-index: 2;} .inabout .top .right #box .cover #imgbg{opacity: 1; position: absolute;width: 100%;height: 100%;left: 0;top: 0; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;} .inabout .top .right #box .fa{ z-index: 2;position: absolute;top: 50%;left: 50%;color: #fff;font-size: 36px;font-weight: normal; text-align: center; margin: -40px 0 0 -40px;} .inabout .top .right #box .fa img{ display: block;width: 120px;} .inabout .top .right #box .fa span{display: block;text-align: center;font-size: 18px;margin: 12px 0 0 0;} .inabout .top .right #box dt:hover #imgbg{-webkit-transform:scale(1.04); -moz-transform:scale(1.04); transform:scale(1.04);} .inabout .top i{ position: absolute;bottom: 0;left: 0;font-size: 150px;font-style: inherit;color: #e1e8f3;line-height: 120px;z-index: 1; font-weight: bold;} .inpro{ display: block;overflow: hidden;position: relative;} .inpro .inproa{ position: relative;z-index: 3;display: block;overflow: hidden;background: url(../images/sy_cp_flbj1.jpg);background-size: cover; padding: 130px 0 130px 100px;width: calc(25%);} .inpro .inproa a{ height: 102px;cursor: pointer; display: block;width: 100%;overflow: hidden;margin: 40px auto; display: flex;align-items: center;justify-content: flex-start;} .inpro .inproa a p{transition: all .2s; margin: 10px;display: block;float: left;width: 80px;height: 80px;border-radius: 50%; border:1px solid rgb(255 255 255 / 0.5);} .inpro .inproa a p img{transition: all .2s;height: 40px;display: block;width: auto;margin: 20px;filter: none;filter: grayscale(1) brightness(30);} .inpro .inproa a h3{ margin: 0 0 0 15px; display: block;float: left;width:150px; } .inpro .inproa a h3 span{ transition: all .3s;display: block;color: #fff;opacity: 0.8;font-size: 12px;font-weight: normal;margin: 0 0 5px 0;} .inpro .inproa a h3 font{transition: all .3s;display: block;color: #fff;font-size: 18px;} .inpro .inproa .active p{display: block;float: left;width: 100px;height: 100px;border-radius: 50%;background: #fff;border: 1px solid #fff;margin:0;} .inpro .inproa .active p img{display: block;width: auto;margin: 25px; filter: inherit; height: 50px;margin: 25px;} .inpro .inproa .active h3 span{font-size: 18px;} .inpro .inproa .active h3 font{font-size: 26px;} .inpro .inproalist{ background: url(../images/sy_cp_flbj2.jpg);background-size: cover;position: absolute;width:75%;top: 0;left:25%;height: 100%;} .inpro .inproalist .bla{ transition: all .5s;opacity: 0;width: 100%;height: 100%;position: absolute;opacity: 0;visibility: hidden;box-sizing: border-box;top:0px;} .inpro .inproalist .now{ visibility: visible;opacity: 1; top:0; } .inpro .inproalist .bla .swiper-container-horizontal{ width: 100%;height: 100%;position: relative;overflow: hidden;} .inpro .inproalist .bla .swiper-container-horizontal .swiper-slide{background: none;} .inpro .inproalist .bla .swiper-container-horizontal .swiper-slide .txt{position: relative;display: block;overflow: hidden; padding:50px 0 0 0;width: 100%;} .inpro .inproalist .bla .swiper-container-horizontal .swiper-slide .txt h3{text-transform: uppercase;position: absolute;font-size: 150px;top: 0;color: #00a0e9;opacity: 0.1;line-height: 150px;text-align: center;width: 100%;left: 0;} .inpro .inproalist .bla .swiper-container-horizontal .swiper-slide .txt h4{display: block;font-size: 50px;text-align: center;font-weight: bold;color: #3a4855;} .inpro .inproalist .bla .swiper-container-horizontal .swiper-slide .txt h5{display: block;text-align: center;width: 700px;margin: 20px auto 0;font-size: 16px;color: #666;line-height: 24px;} .inpro .inproalist .bla .swiper-container-horizontal .swiper-slide p{display: block;overflow: hidden;margin: 50px auto 0;width:56%;} .inpro .inproalist .bla .swiper-container-horizontal .swiper-slide p img{display: block;width: 100%;} .inpro .inproalist .bla .tod{cursor: pointer;font-size: 20px; position: absolute;transform: translate(0%, -50%);top: 50%;z-index: 2;width: 60px;height: 60px;text-align: center;border: 1px solid #ddd;left:5%; line-height:60px;border-radius: 50%;color: #333;} .inpro .inproalist .bla .swiper-button-prev04{} .inpro .inproalist .bla .swiper-button-next04{ left: auto;right: 5%;} .inpro .inproalist .bla .swiper-pagination-bullets{ z-index: 3;position: absolute;bottom: 50px;text-align: center;left: 10%;width: 80%;} .inpro .inproalist .bla .swiper-pagination-bullets span{ opacity: 1;background: #ddd; width:6px; height:6px; margin: 0 10px 0 0;} .inpro .inproalist .bla .swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #00a0e9;width: 50px;border-radius: 2em;} .insolutions{display: block; position: relative; background:#fff; padding:100px 0;overflow: hidden;} .insolutions .hometitle .more{ float:right; } .insolutionslist{ padding-bottom: 0;margin: 0 auto; width:1500px; position: relative;} .insolutionslist .swiper-container-horizontal{width: calc(750px + 50vw); overflow: hidden; position: relative;} .insolutionslist .tod{cursor: pointer; display: block;width: 38px;height: 38px;position: absolute;bottom:-20px;right: 0;z-index: 2;border: 1px solid #ddd;border-radius: 50%;text-align: center;line-height: 38px;color: #666;font-size: 20px;} .insolutionslist .swiper-button-prev03{ right: 60px;} .insolutionslist .swiper-button-next03{} .insolutionslist .swiper-pagination3{display: block;margin:40px 0 0 0;padding: 0;position: relative;} .insolutionslist .swiper-pagination3 span{ opacity: 1;background: #ddd; width:6px; height:6px; margin: 0 10px 0 0;} .insolutionslist .swiper-pagination3 .swiper-pagination-bullet-active{ background: #00a0e9;width: 50px;border-radius: 2em;} .insolutionslist .swiper-container-horizontal .swiper-slide{ overflow: hidden; transition: all .4s; height:570px; border-radius: 30px 0px 30px 0px; background-size: cover;} .insolutionslist .swiper-container-horizontal .swiper-slide:hover{width:540px !important;} .insolutionslist .swiper-container-horizontal .swiper-slide:before{ transition: all .3s;background: #000;content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0.5;} .insolutionslist .swiper-container-horizontal .swiper-slide a{ width:540px; display: block;overflow: hidden;padding: 100px 0;position: absolute;left: 0;} .insolutionslist .swiper-container-horizontal .swiper-slide a .left{ transition: all .3s; opacity: 0;display: block;float: left;width: 40%;overflow: hidden;} .insolutionslist .swiper-container-horizontal .swiper-slide a .left p{ display: block;overflow: hidden;position: relative;} .insolutionslist .swiper-container-horizontal .swiper-slide a .left p img{display: block;height: 90px;margin: 0 auto;} .insolutionslist .swiper-container-horizontal .swiper-slide a .left p .img{ position: absolute;transform: translate(-50%, -50%);left: 50%;top: 50%;height: 50px;} .insolutionslist .swiper-container-horizontal .swiper-slide a .left h3{ display: block;text-align: center;color: #fff;font-size: 20px;margin: 20px 0 0 0;font-weight: bold;} .insolutionslist .swiper-container-horizontal .swiper-slide a .right{ transition: all .3s; opacity: 0;display: block;float: left;width: calc(60% - 100px);overflow: hidden;border-left:1px solid rgb(255 255 255 / 0.3); padding: 0 49px;} .insolutionslist .swiper-container-horizontal .swiper-slide a .right h3{display: block;font-size: 16px;color: #fff;line-height: 26px;margin: 0 0 120px 0; text-align: justify;} .insolutionslist .swiper-container-horizontal .swiper-slide a .right h4{color: #fff;font-weight: normal;font-size: 16px;} .insolutionslist .swiper-container-horizontal .swiper-slide a .left2{opacity: 1;position: absolute;top: 100px;left: 0;} .insolutionslist .swiper-container-horizontal .swiper-slide:hover a .left,.insolutionslist .swiper-container-horizontal .swiper-slide:hover a .right{ opacity: 1;} .insolutionslist .swiper-container-horizontal .swiper-slide:hover a .left2{opacity: 0;} .insolutionslist .swiper-container-horizontal .swiper-slide:hover:before{ background: #065579;opacity: 0.9;} .indexcase{display: block; position: relative; background: url(../images/sy_albj.jpg); background-size: cover;padding:100px 0;} .indexcase .hometitle .more{ float:right; } .indexcase dl{ display: block;overflow: hidden;} .indexcase dl a{display: block; overflow: hidden; position: relative; width:32%;float: left;margin: 0 2% 2% 0; border-radius: 4px; } .indexcase dl a:nth-child(3n){margin-right:0;} .indexcase dl a p{display: block; overflow: hidden;} .indexcase dl a p img{display: block; width: 100%; transition: all .2s linear;} .indexcase dl a .txt{ transition: all .2s linear;position: absolute;bottom:-80px;left: 0;background: linear-gradient(90deg,rgb(0 160 233) 0,rgb(0 222 233 / 30%)),url(../images/sy_an_xt.png);background-repeat: no-repeat;background-position: 100% 0;border-radius: 0 36px 0 0;padding: 0 0 30px 0;} .indexcase dl a .txt h3{ font-weight: 400;font-size: 60px;line-height: 60px;text-shadow: 20px 40px 20px rgba(0,0,0,.15);color: #fff;position: absolute;top: -30px;right: 10px;letter-spacing: 0;font-family:"fcme1"; opacity: 0.8;} .indexcase dl a .txt h4{display: block;font-size: 26px;color: #fff;font-weight: bold; width: calc(100% - 80px); height: 80px;line-height: 80px; margin:0 auto;} .indexcase dl a .txt h5{display: block;font-size: 18px;line-height:26px; color: #fff; width: calc(100% - 80px);margin:0 auto;} .indexcase dl a:hover .txt{ bottom:0; } .indexcase dl a:hover p img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);} div:focus,a:focus,span:focus{ outline:none; } .homenews{display: block; position: relative;background: #fff;padding:100px 0 150px;} .homenewslist{display: block;overflow: hidden;} .homenewslist .p-yjy{position: relative;display: block;overflow: hidden;margin-bottom: 50px;} .homenewslist .p-yjy a{ cursor: pointer; background: #fff;border: 2px solid #00a0e9;z-index: 0;overflow: hidden;color: #00a0e9;width: 180px;height: 38px;text-align: center;line-height: 38px;display: block;float: left;border-radius: 2em;margin-right: 16px;} .homenewslist .p-yjy .active{ background: #00a0e9; color: #fff; } .homenewslist .p-yjy-center{display: block;width: 1500px;margin: 0 auto;} .homenewslist .p-yjy-center .p-kn{display: none; position: relative; } .homenewslist .p-yjy-center .now{display: block;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal{ width: calc(750px + 50vw);overflow: hidden; position: relative;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide{position: relative;overflow: hidden;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide a{ border-radius: 4px; position: relative; display: block;overflow: hidden;border: 1px solid #eee;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide img{ opacity: 0;transition: all .3s;position: absolute;width: 100%;height: 100%;top: 0;left: 0;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide .txt{width: calc(100% - 80px);display: block;overflow: hidden;padding: 70px 40px;position: relative;z-index: 1;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide .txt h3{font-weight: bold; margin: 0 0 26px 0;display: block;color: #333;font-size: 30px;line-height: 36px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide .txt h4{ display: block;color: #999;font-size: 16px;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide .txt h5{display: block;margin: 200px 0 0 0;border-top: 1px solid #ddd;padding: 30px 0;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide .txt h5 strong{line-height: 1em; display: block;float: left;overflow: hidden;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide .txt h5 strong span{line-height: 1em; margin: 0 10px 0 0; color: #666;font-size: 40px;font-weight: normal;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide .txt h5 strong {color: #999;font-size: 20px;font-weight: normal;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide .txt h5 img{ margin: 15px 0 0 0; position: relative;width: auto;float: right;opacity: 1;height: 24px;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide a:before{ transition: all .3s; opacity: 0; content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background-image: linear-gradient(to top,rgb(0 0 0 / 0%) 0%, rgb(1 5 9 / 0.8) 50%, rgb(3 19 33) 100%);} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide a:hover img,.homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide a:hover:before{ opacity:1;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide a:hover .txt h3{color:#fff; } .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide a:hover .txt h4{color:#ddd;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide a:hover .txt h5 strong span,.homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide a:hover .txt h5 strong font{color:#fff;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide a:hover .txt h5 img{filter: none;filter: grayscale(1) brightness(30);} .homenewslist .p-kn .tod{ cursor: pointer;position: absolute;width: 38px;height: 38px;border: 1px solid #ddd;text-align: center;line-height: 38px;font-size: 20px;color: #666;border-radius: 50%;top:-80px;right: 0;} .homenewslist .p-kn .swiper-button-prev01,.homenewslist .p-kn .swiper-button-prev02{right: 50px;} .homenewslist .p-kn .swiper-button-next01,.homenewslist .p-kn .swiper-button-next02{} body .tod:hover{ border: 1px solid #00a0e9 !important; color: #00a0e9 !important; } .more{ background: #00a0e9;border: 2px solid #00a0e9;z-index: 0; overflow: hidden; position: relative; width: 180px;height: 40px;text-align: center;line-height: 40px; display: block;border-radius: 2em;color: #fff;font-size:16px;margin: 0 auto 0; } .more:before{transition: all .3s; content: "";position: absolute;width: 100%;height: 100%;top: 0;z-index:-1;background: #fff;left: -100%; } .more:hover:before{left:0;} .more:hover{ color:#00a0e9; } .footer{display: block; position: relative;background: #3a4855; width: 100%;} .footer .top{ background: #00a0e9;padding:30px 50px;display: block;width: 1500px;position: relative; border-radius: 4px; overflow: hidden;top: -50px;z-index: 999;} .footer .top dl{display: block;float: left;} .footer .top dl h6{ display: block;float: left;color: #fff;font-size: 20px;margin: 8px 20px 0 0;} .footer .top dl .bshare-custom{display: block;overflow: hidden;float: left;} .footer .top dl .bshare-custom a{ background: none;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #ddd;padding: 0; text-decoration: blink; margin: 0 10px 0 0;float: left;text-align: center;color: #fff;line-height: 40px;font-size: 16px;display: block;} .footer .top dl .bshare-custom a:hover{color: #e0e0e0;} .footer .top .more{display: block;float: right;background: none;border: 2px solid #fff;} .footer .center{ margin-bottom: 100px;margin-top: 50px; display: block;overflow: hidden; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: top;-webkit-align-items: top;} .footer .center dd{display: block;overflow: hidden;} .footer .center dd .ftlogo{ margin: 0 0 40px 0; display: inline-block; overflow: hidden;} .footer .center dd .ftlogo img{ display: block;width: auto;height: 60px;} .footer .center dd p{display: block;width: 250px;overflow: hidden;} .footer .center dd p strong{ margin: 0 15px 0 0; display: block;float: left;overflow: hidden;} .footer .center dd p strong img{ display: block;height: 95px;border: 1px solid #929292;padding: 5px;} .footer .center dd p strong span{display: block;text-align: center;color: #999;font-weight: normal;font-size: 14px;margin: 10px 0 0 0;} .footer .center dt{} .footer .center dt h3{display: block;overflow: hidden; margin: 0 0 20px 0;} .footer .center dt h3 a{color: #fff;font-size:24px;} .footer .center dt h4{display: block;overflow: hidden;} .footer .center dt h4 span{display: block;overflow: hidden;position: relative;margin: 0 0 20px 0;} .footer .center dt h4 span a{color: #aaa;font-size: 16px;} .footer .center dt h4 span a:hover{color: #fff;} .footer .bottom{background: #2f3b46;padding: 20px 0;display: block;overflow: hidden;} .footer .bottom dd{display: block; overflow: hidden;} .footer .bottom h3{font-size: 14px;display: block;float: left;color: #999;} .footer .bottom h3 a{color: #999;margin: 0 0 0 10px;} .footer .bottom h4{font-size: 14px;display: block;float: right;color: #999;} .footer .bottom h4 a{color: #666;margin: 0 0 0 10px;} .icenter{ width: 1500px; margin: 0 auto;} .hometitle{ display: block;overflow: hidden;border-bottom: 1px solid #ccc;padding-bottom: 30px;margin-bottom: 30px;} .hometitle span{color: #3a4855;font-weight: bold;font-size: 40px;} .pageaboutbottom{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: top;-webkit-align-items: top; overflow: hidden; margin: 100px auto 150px;} .pageaboutbottom dd{ position: relative; display: block;overflow: hidden;width: 31%;} .pageaboutbottom dd p{display: block;overflow: hidden;} .pageaboutbottom dd p img{display: block;width: 100%;transition: .5s;} .pageaboutbottom dd p img:hover { transform: scale(1.08); } .pageaboutbottom dd h3{ display: block;overflow: hidden;} .pageaboutbottom dd h3 strong{ display: block;font-size: 30px;margin: 20px 0 10px;} .pageaboutbottom dd h3 span{ display: block;font-size: 18px;line-height: 30px;color: #666;} .pageaboutbottom dd:nth-child(2) p{margin-top: 130px;} .pageaboutbottom dd:nth-child(2) h3{ position: absolute;top: 0;width: 100%;} .pageaboutbottom dd:nth-child(2) h3 strong{ margin: 0 0 10px; } .pageaboutmapnum{ background: url(/style/images/ny_gsjs_bj1.jpg);background-size: cover;padding: 300px 0 100px;position: relative;top: -200px;z-index: 1;} .pageaboutmapnum .icenter dd{ display: block;overflow: hidden;float: left;width: 30%;} .pageaboutmapnum .icenter dd span{ font-size: 18px;color: #00a0e9;display: block;} .pageaboutmapnum .icenter dd strong{ display: block;color: #fff;font-size: 44px;margin: 20px 0;} .pageaboutmapnum .icenter dl{ width:60%; display: block;overflow: hidden;float: right;} .pageaboutmapnum .icenter dl dt{display: block;float: left;width: 40%;overflow: hidden;margin-bottom: 75px;} .pageaboutmapnum .icenter dl dt:nth-child(2n){float: right;} .pageaboutmapnum .icenter dl dt span{ color: #fff;font-size: 20px;position: relative;font-weight: bold;} .pageaboutmapnum .icenter dl dt p{ display: block;overflow: hidden;margin: 20px 0;} .pageaboutmapnum .icenter dl dt p strong{ font-size: 90px;color: #fff;line-height: 1em;font-family: Impact;font-weight: normal;} .pageaboutmapnum .icenter dl dt p font{color: #fff;font-size: 18px;margin: 0 0 0 10px;} .pageaboutmapnum .icenter dl dt h3{color: #00a0e9;font-weight: bold;font-size: 24px;margin: 10px 0;} .pageaboutmapnum .icenter dl dt h4{ min-height: 44px; display: block;font-size: 16px;color: #fff;} .page-about-txt{ display: block;overflow: hidden;position: relative;z-index: 2;} .page-about-txt .icenter,.pageaboutmapnum .icenter{overflow: hidden;} .page-about-txt dd{ display: block;overflow: hidden;float: left;width: 70%;} .page-about-txt dd span{ font-size: 18px;color: #00a0e9;display: block;} .page-about-txt dd strong{display: block;color: #333;font-size: 44px;margin: 20px 0;} .page-about-txt dd font{ display: block;font-size: 16px;text-align: justify;line-height: 30px;color: #666;} .page-about-txt dt{display: block;overflow: hidden;float: right;position: relative; margin-top: 50px;} .page-about-txt dt span{ color: #333; display: block;overflow: hidden;font-size: 100px;font-weight: bold;font-family: Impact;line-height: 1em; position: relative; z-index: 2;} .page-about-txt dt font{ margin-top: 30px; display: block;color: #333;font-size: 20px; position: relative; z-index: 2;} .page-about-txt dt:after{ content:""; transform: skew(30deg);-webkit-transform: skew(30deg);-moz-transform: skew(30deg);-o-transform: skew(30deg);-ms-transform: skew(30deg);display: block;width: 50px;height: 100%;position: absolute;top: 0;background: #00a0e9;left: 50%;z-index: 1; margin-left: -25px;} .page-about-txt .img{ display: block;overflow: hidden;margin: 100px auto 0;} .page-about-txt .img img{display: block;width: 100%;} .nybanner{ display: block;overflow: hidden;position: relative;margin-top:100px;z-index: 1;} .nybanner img{display: block;width: 100%;} .nybanner .txt{ transform: translate(0%, -50%);position: absolute;top: 50%;left: 50%;margin: 0 0 0 -750px;} .nybanner .txt span{ display: block;color: #fff;text-transform: uppercase;font-size: 30px;} .nybanner .txt strong{ display: block;color: #fff;font-size: 44px;margin: 20px 0;line-height: 1em;} /* .nybanner .txt font{ display: block;overflow: hidden;position: relative;color: #fff;font-size: 18px;line-height: 30px;padding-left: 100px; display: none;} */ .nybanner .txt font{ display: block;color: #fff;font-size: 44px;margin: 20px 0;line-height: 1em; font-weight: bold;} /* .nybanner .txt font:after{content: "";position: absolute;width: 80px;height: 1px;background: #fff;top: 15px;left: 0;} */ .nytt{ position: relative;display: block;overflow: hidden; top: -100px; z-index: 2;} .nytt .icenter{} .nytt .icenter .left{ display: block;overflow: hidden;float: left; margin-top: 150px;} .nytt .icenter .left a,.nytt .icenter .left span{ display: inline-block;color: #666;font-size: 14px;} .nytt .icenter .left a .fa{font-size: 18px;margin: 0 5px 0 0;} .nytt .icenter .right{ display: block;overflow: hidden;float: right;padding: 50px 110px;background: #00a0e9;} .nytt .icenter .right span{font-size: 24px;color: #fff;} .nytt .icenter .right strong{ color: #fff;font-size: 50px;display: block;} .pageaboutlogo .hzhb {width: 100%;position: relative; display: block;overflow: hidden;} .pageaboutlogo .hzhb .big_img img.img2{display: none;} .pageaboutlogo .hzhb .title_text {position: absolute;top: 100px;font-size: 44px; left: 50%;transform: translateX(-50%);color: #fff;font-weight: bold;} .pageaboutlogo .hzhb .ul1 {width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .pageaboutlogo .hzhb .ul1 li * {-webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);-moz-transition: all .3s cubic-bezier(.4, 0, .2, 1);transition: all .3s cubic-bezier(.4, 0, .2, 1);} .pageaboutlogo .hzhb .ul1 li {width: 14.58333%;} .pageaboutlogo .hzhb .ul1 li .img1 {width: 100%;height: 100%;position: relative;background: #262626;border-radius: 50%; overflow: hidden;} .pageaboutlogo .hzhb .ul1 li .img1 img {position: relative;top: 0;left: 0;width: 100%;height: 100%; display: block;} .pageaboutlogo .hzhb .ul1 li .img1 img:nth-child(2) {position: absolute;top: 0;left: 0;} .pageaboutlogo .hzhb .ul1 li .img1 .s2{ filter: grayscale(1) brightness(30);opacity: 0.5;} .pageaboutlogo .hzhb .ul1 li:nth-child(1) .img1,.pageaboutlogo .hzhb .ul1 li:nth-child(2) .img1,.pageaboutlogo .hzhb .ul1 li:nth-child(3) .img1 {background-color: #fff;} .pageaboutlogo .hzhb .ul1 li:hover .img1 {background-color: #fff;} .pageaboutlogo .hzhb .ul1 li .img1 img.s1 {opacity: 0;} .pageaboutlogo .hzhb .ul1 li:hover .img1 img.s1 {opacity: 1;} .pageaboutlogo .hzhb .ul1 li:hover .img1 img.s2 {opacity: 1; filter:none; } @keyframes xb1 {0% {}25% {transform: translate(7%,-7%);}50% {transform: translate(14%,0%);}75% {transform: translate(7%,7%);}100% {transform: translate(0%,0%);}} @-webkit-keyframes xb1 {0% {transform: translate(0%,0%);}25% {transform: translate(7%,-7%);}50% {transform: translate(14%,0%);}75% {transform: translate(7%,7%);}100% {transform: translate(0%,0%);}} .pageaboutlogo .hzhb .ul1 li:nth-child(1) {position: absolute;top: 39%;left: 44.8%;animation: xb1 6s linear infinite;-webkit-animation: xb1 6s linear infinite;} .pageaboutlogo .hzhb .ul1 li:nth-child(2) {width: 9.3746%;position: absolute;top: 25%;left: 25.9%;animation: xb1 6.2s linear infinite;-webkit-animation: xb1 6.2s linear infinite;} .pageaboutlogo .hzhb .ul1 li:nth-child(3) {width: 9.3746%;position: absolute;top: 10%;left: 70.6%;animation: xb1 7.2s linear infinite;-webkit-animation: xb1 7.2s linear infinite;} .pageaboutlogo .hzhb .ul1 li:nth-child(4) {width: 6.2524%;position: absolute;top: 45%;left: 3%;animation: xb1 5.8s linear infinite;-webkit-animation: xb1 5.8s linear infinite;} .pageaboutlogo .hzhb .ul1 li:nth-child(5) {width: 4.1665%;position: absolute;top: 82%;left: 6.2%;animation: xb1 6.6s linear infinite;-webkit-animation: xb1 6.6s linear infinite;} .pageaboutlogo .hzhb .ul1 li:nth-child(6) {width: 8.333%;position: absolute;top: 15%;left: 9.3333%;animation: xb1 6s linear infinite;-webkit-animation: xb1 6s linear infinite;} .pageaboutlogo .hzhb .ul1 li:nth-child(7) {width: 9.37%;position: absolute;top: 55.2%;left: 17.1%;animation: xb1 5.3s linear infinite;-webkit-animation: xb1 5.3s linear infinite;} .pageaboutlogo .hzhb .ul1 li:nth-child(8) {width: 7.2915%;position: absolute;top: 71%;left: 32.875%;animation: xb1 6.2s linear infinite;-webkit-animation: xb1 6.2s linear infinite;} .pageaboutlogo .hzhb .ul1 li:nth-child(9) {width: 8.333%;position: absolute;top: 74.5%;left: 60.625%;animation: xb1 5.9s linear infinite;-webkit-animation: xb1 5.9s linear infinite;} .pageaboutlogo .hzhb .ul1 li:nth-child(10) {width: 7.2915%;position: absolute;top: 39%;left: 64.489%;animation: xb1 5s linear infinite;-webkit-animation: xb1 5s linear infinite;} .pageaboutlogo .hzhb .ul1 li:nth-child(11) {width: 6.2524%;position: absolute;top: 68%;left: 73.812%;animation: xb1 6.5s linear infinite;-webkit-animation: xb1 6.5s linear infinite;} .pageaboutlogo .hzhb .ul1 li:nth-child(12) {width: 7.2915%;position: absolute;top: 55%;left: 86%;animation: xb1 5.4s linear infinite;-webkit-animation: xb1 5.4s linear infinite;} .pageaboutlogo .hzhb .ul1 li:nth-child(13) {width: 6.2524%;position: absolute;top: 33%;left: 82.5%;animation: xb1 5.5s linear infinite;-webkit-animation: xb1 5.5s linear infinite;} .pageaboutlogo{display: block;overflow: hidden;} .pageaboutlogo .big_img img{ width:100%; display: block; } .pagemap{display: block;overflow: hidden;margin: 50px auto 0; position: relative;top: -100px;} .pagemap .maps{ display: block;overflow: hidden;position: relative;} .pagemap .maps .tt{position: absolute;bottom: 80px;left: 0;z-index: 1;} .pagemap .maps .tt span{ font-size: 18px;color: #00a0e9;display: block;} .pagemap .maps .tt strong{display: block;font-size: 44px;margin: 20px 0;color: #333;} .pagemap .maps .tt font{ display: block;color: #333;font-size: 20px;line-height: 30px;} .pagemap .maps .about04min{ display: block;overflow: hidden;width: 90%;margin: 0 0 0 10%;position: relative;} .pagemap .maps .about04min .map{display: block; width:100%; } .pagemap .maps .about04min .mapicon{ position: absolute;top: 0;left: 0; opacity: 1;transition: all .3s;} .pagemap .maps .about04min .mapicon img{ display: block;width: auto;height: auto;} .pagemap .maps .about04min .mapicon01{top: 24%;left: 83%;} .pagemap .maps .about04min .mapicon02{top: 25%;left: 75%;} .pagemap .maps .about04min .mapicon03{top: 24%;left: 70%;} .pagemap .maps .about04min .mapicon04{top: 18%;left: 66%;} .pagemap .maps .about04min .mapicon05{top: 38%;left: 79%;} .pagemap .maps .about04min .mapicon06{top: 39%;left: 77%;} .pagemap .maps .about04min .mapicon07{top: 41%;left: 78%;} .pagemap .maps .about04min .mapicon08{top: 42%;left: 79.5%;} .pagemap .maps .about04min .mapicon09{top: 45%;left: 78%;} .pagemap .maps .about04min .mapicon10{top: 46%;left: 75%;} .pagemap .maps .about04min .mapicon11{top: 47.5%;left: 76.5%;} .pagemap .maps .about04min .mapicon12{top: 42%;left: 67%;} .pagemap .maps .about04min .mapicon13{top: 46%;left: 63%;} .pagemap .maps .about04min .mapicon14{top: 78%;left: 86%;} .pagemap .maps .about04min .mapicon15{top: 77%;left: 81%;} .pagemap .maps .about04min .mapicon16{top: 34%;left: 55%;} .pagemap .maps .about04min .mapicon17{top: 29%;left: 50%;} .pagemap .maps .about04min .mapicon18{top: 46%;left: 52%;} .pagemap .maps .about04min .mapicon19{top: 50%;left: 54%;} .pagemap .maps .about04min .mapicon20{top: 56%;left: 52%;} .pagemap .maps .about04min .mapicon21{top: 72%;left: 54%;} .pagemap .maps .about04min .mapicon22{top: 52%;left: 47%;} .pagemap .maps .about04min .mapicon23{top: 22%;left: 33%;} .pagemap .maps .about04min .mapicon24{top: 16%;left: 32%;} .pagemap .maps .about04min .mapicon25{top: 15%;left: 26%;} .pagemap .maps .about04min .mapicon26{top: 31%;left: 26%;} .pagemap .maps .about04min .mapicon27{top: 32%;left: 23%;} .pagemap .maps .about04min .mapicon28{top: 44%;left: 23%;} .pagemap .maps .about04min .mapicon29{top: 21%;left: 19%;} .pagemap .maps .about04min .mapicon30{top: 37%;left: 19%;} .pagemap .maps .about04min .mapicon31{top: 60%;left: 28%;} .pagemap .maps .about04min .mapicon32{top: 70%;left: 31%;} .pagemap .maps .about04min .mapicon.hide{opacity: 0;} .pagemap .bot{display: block;overflow: hidden;margin-top: 80px;} .pagemap .bot p{ display: block;float: left;overflow: hidden;background: #f5f5f5;text-indent: 20px;width: calc(50% - 10px);padding: 20px 0;margin: 0 0 20px 0; font-size: 18px;color: #666;} .pagemap .bot p:nth-child(2n){float: right;} .pagemap .bot p:hover{ color:#fff; background: #00a0e9;} .fy.icenter{ margin: 0 auto 100px;} .fy, .nav-links{ box-sizing: border-box;padding: 30px 0;flex-flow: row;display: flex;} .navigation, .pagination {width: 100%;} .fy a, .nav-links span, .nav-links a {display: block;width: auto;min-width: 48px;height: 50px;line-height: 50px;font-size: 14px;color: #00a0e9;border: 1px solid #00a0e9;border-radius: 5px;background-color: #FFFFFF;transition: all .3s;margin: 0 7px;text-align: center;box-sizing: border-box;padding: 0 10px;} .fy a:nth-of-type(1) {margin-left: 0;} .fy a:hover {background-color:#00a0e9;;border-color: #00a0e9;color: #FFFFFF;} .fy .active, .nav-links span {background-color: #00a0e9;;border-color:#00a0e9;;color: #FFFFFF;} .honormin{display: block;overflow: hidden;margin: 0 0 0 0;} .honormin .icenter{ box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .honormin .icenter a{ display: block;width: calc((100% - 240px)/4);margin-right: 80px;background-color: #ffffff; position: relative; margin-bottom: 40px;box-sizing: border-box;} .honormin .icenter a .imgbox{overflow: hidden;width: 80%; display: block; margin:38px auto 0; box-shadow:0 0 20px 0 rgba(0,0,0,.3);position: relative;z-index: 2;} .honormin .icenter a .imgbox img{width: 100%;transition: all .3s; } .honormin .icenter a h3{display: block;text-align: center;color: #333;font-size: 18px;margin:20px 0 30px 0; position: relative; z-index: 2; } .honormin .icenter a:after{ content: "";position: absolute;width: 100%;height: 60%;background: #f5f5f5;bottom: 0;left: 0;z-index: 1;border-radius: 2em; } .honormin .icenter a:nth-of-type(4n) {margin-right: 0;} .honormin .icenter a:hover:after{ background: #00a0e9; } .honormin .icenter a:hover h3{color:#fff; } /* imgshowmask */ .imgshowmask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 10;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;} /* slick S */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list {} .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; } .slick-prev:focus, .slick-next:focus { outline: none; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } .slick-prev:before { content: "\2190"; } .slick-next { right: -25px; } .slick-next:before { content: "\2192"; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; } .slick-dots li button:focus { outline: none; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: 0.75; } /* slick E */ .about-devlpment{position:relative;overflow:hidden;padding:120px 0 180px;background-color:#40444f} .about-devlpment__bg{position:absolute;top:50%;left:50%;width:87%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)} .about-devlpment__bg::before{content:"";display:block;padding-top:100%} .about-devlpment__bg span{position:absolute;top:0;right:0;bottom:0;left:0;background:no-repeat url(/style/images/circle.png) center center;background-size:contain;-webkit-transition:transform 1s;transition:transform 1s} .path-item{padding:0 100px;color:#fff;opacity:.5} .path-item__wrap{width:374px} .path-item__img{margin-top:10px;clip-path:polygon(0 0, 100% 0, 100% 0, 0 0);-webkit-transition:all .5s ease .3s;transition:all .5s ease .3s} .path-item__img::before{padding-top:73.23944%} .slick-center .path-item,.slick-active .path-item{opacity:1} .slick-center .path-item__img,.slick-active .path-item__img{clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)} .path-item__wrap{width:100%;max-width:374px;margin-right:auto;margin-left:auto}} .history-line{position:absolute;top:0;left:0;height:1px;width:0;background-color:#fff} .history-main{ position: relative;padding: 0;display: block;width: 100%;} .history-list{position:relative;-webkit-transition:transform .5s;transition:transform .5s; display: block;width: 100%;margin: 0 auto;} .history-list::before{content:"";position:absolute;top:4px;right:0;left:0;height:1px;background-color:rgba(255,255,255,0.2)} .history-progress{position:absolute;top:4px;left:0;height:1px;background-color:#fff} .btn-history-arrow{position: absolute;top: 0;width:38px;height: 80px;font-size: 26px;line-height: 80px;text-align: center;color: #fff;cursor: pointer;border: 1px solid #eee;border-radius: 4px;left: 0; opacity: 0.5;} .history-item{position:relative;display:inline-block;vertical-align:top;width:180px;cursor:pointer;text-align:center} .history-item::before{content:"";position:absolute;top:2px;left:50%;margin-left:-3px;width:6px;height:6px;border-radius:6px;background-color:#fff} .history-item.current .history-item__circle{-webkit-transform:scale(1);transform:scale(1)} .history-item.current .history-item__year{opacity:1} .history-item.last::after{background-color:transparent;background-size:100%;background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255,255,255,0.2)),color-stop(100%, rgba(255,255,255,0)));background-image:-moz-linear-gradient(left, rgba(255,255,255,0.2),rgba(255,255,255,0));background-image:-webkit-linear-gradient(left, rgba(255,255,255,0.2),rgba(255,255,255,0));background-image:linear-gradient(to right, rgba(255,255,255,0.2),rgba(255,255,255,0))} .history-item__year{margin-top:30px;display:block;font:700 30px/1 "Montserrat";color:#fff;opacity:.3} .history-item__circle{position:absolute;top:0;left:50%;margin-left:-5px;width:10px;height:10px;border-radius:50%;background-color:#fff;-webkit-transform:scale(0);transform:scale(0)} .history-item__circle::before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:rgba(255,255,255,0.34)} .pagehistorylist{ background: #40444f;display: block;overflow: hidden;padding:200px 0 0px;background-size: cover;position: relative;top: -200px;z-index: -1;} .pagehistorylist .fa-angle-left{} .pagehistorylist .fa-angle-right{left: auto;right: 0;} .pagehistorylist .history-list-main{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .pagehistorylist .path-item__year{font-size: 46px;font-weight: bold;color: #eee;display: block;line-height: 1em;} .pagehistorylist .path-item__desc{display: block;overflow: hidden;margin: 10px 0 30px; font-size: 20px;color: #eee;line-height: 30px;} .pagehistorylist .path-item__img{display: block;overflow: hidden;} .pagehistorylist .path-item__img img{ display: block; width: 100%;} .pagehistorylist .slick-slider{ margin-bottom: 100px;} .pagehistorylist .history-body{display: block;overflow: hidden;padding: 25px 0 0 0;} .pagehistorylist .history-item__year{font-size: 18px;color: #fff;opacity: 0.6;margin: 20px 0 0 0;display: block;font-weight: normal;} .pagehistorylist .slick-current .path-item__year{ color:#00a0e9; } .pagehistorybottom{ display: block;overflow: hidden;margin:-100px auto 150px; position: relative;} .pagehistorybottom .icenter{display: block;overflow: hidden;} .pagehistorybottom .icenter .left{ display: block; float: left;width: 50%;position: relative;} .pagehistorybottom .icenter .left .txt{ display: block;overflow: hidden;background: url(/style/images/ny_fzlc_bj2.jpg);background-size: cover;padding: 80px;} .pagehistorybottom .icenter .left .txt h3{ display: block;color: #333;font-size: 44px;} .pagehistorybottom .icenter .left .txt h4{display: block;font-size: 18px;line-height: 30px;color: #666;margin: 30px 0;} .pagehistorybottom .icenter .left .txt h5{ position: relative;overflow: hidden;font-size: 14px;color: #999;padding-left: 80px;margin: 50px 0 100px; } .pagehistorybottom .icenter .left .txt h5:after{ content: "";position: absolute;top: 50%;height: 1px;width: 70px;background: #999;left: 0;} .pagehistorybottom .icenter .left .more{ margin: 0 0 0 0;} .pagehistorybottom .icenter .left .tta{ display: block;position: relative;background: linear-gradient(100deg, rgb(16 150 219 / 0%) 0%, rgb(0 160 233) 100%);height: 90px;border-radius: 0 3em 3em 0;top: -90px;z-index: 3;width: calc(100% + 60px);} .pagehistorybottom .icenter .left .tta span{display: block;float: left;color: #fff;line-height: 90px;font-size: 20px;width: calc(100% - 100px);text-align: right;} .pagehistorybottom .icenter .left .tta .fa{ display: block;width: 70px;height: 70px;background: #fff;line-height: 70px;color: #00a0e9;float: right;border-radius: 50%;margin: 10px;text-align: center;font-size: 30px;box-shadow: 0 0 30px 0 rgba(0,0,0,.1);} .pagehistorybottom .icenter .right{ margin-top: 100px; display: block;overflow: hidden;float: left;width: 50%;position: relative;} .pagehistorybottom .icenter .right img{display: block; width:100%; } .pagehistorytxt{display: block;overflow: hidden;margin: 0 0 0 0;} .pagehistorytxt .icenter{display: block;overflow: hidden;} .pagehistorytxt .icenter dd{display: block;overflow: hidden;float: left;width:50%;} .pagehistorytxt .icenter dd span{font-size: 18px;color: #00a0e9;display: block;} .pagehistorytxt .icenter dd strong{ display: block;color: #333;font-size: 44px;margin: 20px 0;} .pagehistorytxt .icenter dd font{ display: block;font-size: 16px;text-align: justify;line-height: 30px;color: #666;} .pagehistorytxt .icenter dt{ display: block;overflow: hidden;float: right;position: relative;margin-top: 50px;width:35%;} .pagehistorytxt .icenter dt img,.pagehistorytxt .pimg img{display: block;width: 100%;} .pagehistorytxt .pimg{display: block;overflow: hidden;margin: 100px auto 0;} .nyrongyu .icenter a{width: calc((100% - 180px)/3);margin-right: 60px;} .nyrongyu .icenter a:nth-of-type(3n){margin-right: 0;} .nyrongyu .icenter a:nth-of-type(4n) {margin-right:60px;} .nyrongyu .icenter a h3{font-weight: bold;font-size: 20px;} .honormin .icenter a:after{height:100%;} .honormin .icenter a p{position: relative;z-index: 2;margin: 40px auto 30px;text-align: center} .honormin .icenter a p span{ display: block;color: #666;font-size: 30px;font-weight: bold;} .honormin .icenter a p font{display: block;color: #666;font-size: 18px;border-top: 1px solid #ddd;width: 100px;margin: 0 auto;} .honormin .icenter a:hover span,.honormin .icenter a:hover font{ color:#fff; } .contactform{display: block;overflow: hidden;margin: 0 auto 150px;} .contactform .topinput{display: block;overflow: hidden;} .contactform .topinput dl{display: block;float: left;width: 49%;overflow: hidden;margin-bottom: 20px;} .contactform .topinput dl:nth-child(2n){float: right;} .contactform .topinput dl dt{font-size: 18px;color: #666;line-height: 18px;margin-bottom: 10px;} .contactform .topinput dl dt font{color: #f00;font-size: 14px;line-height: 18px;margin-left: 5px;} .contactform .topinput dl p input{ display: block;width: calc(100% - 2px);border: 1px solid #aaa;height: 46px;line-height: 46px;text-indent: 1em;font-size: 16px;} .contactform dd{display: block;overflow: hidden;} .contactform dd h3{font-size: 18px;color: #666;line-height: 18px;margin-bottom: 10px;} .contactform dd textarea{ display: block;width: calc(100% - 2px);border: 1px solid #aaa;height: 100px;line-height: 46px;text-indent: 1em;font-size: 16px;} .contactform h6{display: block;color: #666;font-size: 16px;margin: 30px 0;} .contactform .more{ margin: 0;cursor: pointer;line-height: 30px;} .screen-reader-response{display: none;} .contactform .topinput dl p span,.contactform dd p span{display: block;overflow: hidden;position: relative;} .contactform .topinput dl p span span,.contactform dd p span span{ position: absolute;top: 0;right: 10px;line-height: 46px;color: #f00;font-size: 14px;} .wpcf7-response-output,.wpcf7-validation-errors{display: block;margin: 50px 0 0 0;font-size: 20px;color: #00a0e9;} .pagecontactpic{ background: url(/style/images/ny_lxwm_bj1.jpg) fixed;background-size: cover;display: block;overflow: hidden;padding: 160px 0;margin: 0 auto 50px;} .pagecontactpic .icenter{display: block; position: relative;} .pagecontactpic .icenter strong{ display: block;color: #fff;font-size: 44px;text-align: center;line-height: 1em;} .pagecontactpic .icenter span{ display: block;text-align: center;color: #fff;font-size: 26px;margin: 26px 0 0 0;} .pagecontactpic .icenter font{ display: block;position: absolute;top: -15px;font-size: 80px;color: #fff;opacity: 0.2;text-align: center;width: 100%;line-height: 1em;text-transform: uppercase;} .pagecontactmap{ display: block;overflow: hidden;margin: 0 auto 100px;} .pagecontactmap .sales{ display: block;overflow: hidden;float: left;width:28%;} .pagecontactmap .sales dd{display: block;overflow: hidden;border-right: 1px solid #ddd;padding-bottom: 60px;} .pagecontactmap .sales dd h3{background: #00a0e9;padding: 20px;overflow: hidden;display: block;} .pagecontactmap .sales dd h3 span{display: block;font-size: 36px;float: left;color: #fff; line-height: 1em;} .pagecontactmap .sales dd h3 font{display: block;float: left;color: #fff;font-size: 16px;opacity: 0.7;line-height: 1em;margin: 20px 0 0 10px;} .pagecontactmap .sales dd h4{ display: block;color: #666;font-size: 16px;padding:40px 20px;line-height: 1em;} .pagecontactmap .sales dd h4 a{} .pagecontactmap .rmaps{display: block;overflow: hidden;float: right;width: 60%;position: relative;} .pagecontactmap .rmaps .more{ position: absolute; z-index: 2; top: 0;left: 0;} .pagecontactmap .rmaps dl{display: block;overflow: hidden;position: relative;} .pagecontactmap .rmaps dl .ny_lxwm_map{ display: block;width: 100%;} .pagecontactmap .rmaps dl dd{ position: absolute;top: 38%;left: 30%;background: #00a0e9; z-index: 3;padding: 20px;border-radius: 2em;box-shadow: 0 0 30px 0 rgba(0,0,0,.1);width: 35%;} .pagecontactmap .rmaps dl dd h3{ color: #fff;display: block;font-weight: bold;font-size: 20px;margin: 0 0 10px 0;} .pagecontactmap .rmaps dl dd img{ display: block; width: 100%;} .pagecontactmap .rmaps h6{position: absolute;right: 25%;top: 59%;width: 10px;height: 10px;background: #00a0e9;border-radius: 50%;} .pagecontactmap .rmaps h6 strong{position: absolute;top: 0;left: 0;width: 30px;height: 30px; margin: -11px;border-radius: 50%;border: 1px dashed #00a0e9;z-index: 0;} .pagecontactmap .rmaps h6 span{position: absolute;top: 0;left: 0;width: 40px;height: 40px; margin: -15px;border-radius: 50%;border: 1px dashed #00a0e9;z-index: 0;} .pagecontactmap .rmaps h6 strong{-webkit-animation: ballScale 4s 0s linear infinite;-moz-animation: ballScale 4s 0s linear infinite;-ms-animation: ballScale 4s 0s linear infinite;animation: ballScale 4s 0s linear infinite;} .pagecontactmap .rmaps h6 span{-webkit-animation: ballScale02 4s 0s linear infinite;-moz-animation: ballScale02 4s 0s linear infinite;-ms-animation: ballScale02 4s 0s linear infinite;animation: ballScale02 4s 0s linear infinite;} @keyframes ballScale { 0% {-webkit-transform: scale(1);transform: scale(1);opacity: 0;} 50% {-webkit-transform: scale(1.1);transform: scale(1.1);opacity: 0.8;} 100% {-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 0; } } @keyframes ballScale02 { 0% {-webkit-transform: scale(1);transform: scale(1);opacity: 0;} 50% {-webkit-transform: scale(1.2);transform: scale(1.4);opacity:0.7; } 100% {-webkit-transform: scale(1.4);transform: scale(1.4);opacity: 0; } } .pagenweslist{ display: block;overflow: hidden;} .pagenweslist dl{ padding: 60px 0; background: #f1f5fb; display: block;overflow: hidden;} .pagenweslist dl:nth-child(2n){ background: #fff; } .pagenweslist dl a{display: block;overflow: hidden;} .pagenweslist dl a dd{position: relative; display: block;overflow: hidden;float: left;width: 64%; } .pagenweslist dl a dd p{display: block;float: left;width: 100px;} .pagenweslist dl a dd p strong{ display: block;color: #333;font-size: 30px;} .pagenweslist dl a dd p span{ display: block;color: #666;font-size: 18px;} .pagenweslist dl a dd .icon{ height: 100%; position: absolute;top: 0;left: 120px;} .pagenweslist dl a dd .icon img{display: block;} .pagenweslist dl a dd .icon span{display: block;width: 1px;height: 100%;background: #00a0e9;margin: 0 auto;} .pagenweslist dl a dd .txt{display: block;float: right;width: calc(100% - 200px);overflow: hidden;} .pagenweslist dl a dd .txt strong{display: block;color: #333;font-size: 30px;} .pagenweslist dl a dd .txt font{ display: block;color: #666;font-size: 16px;line-height: 26px;margin: 20px 0;} .pagenweslist dl a dd .txt .more{ margin: 0;width: 120px;height: 30px;line-height: 30px;font-size: 14px;border: 1px solid #00a0e9;} .pagenweslist dl a dt{ display: block;overflow: hidden;float: right;width: 25%; border-radius: 1em;} .pagenweslist dl a dt img{width: 100%;display: block; transition: all .3s; } .pagenweslist dl a:hover dt img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); } .pagenweslist dl a:hover dd .txt strong,.pagenweslist dl a:hover dd p strong,.pagenweslist dl a:hover dd p span{ color:#00a0e9; } .pagenewstt{ display: block;overflow: hidden;margin: 0 auto 50px;} .pagenewstt a{border: 2px solid #00a0e9;z-index: 0;overflow: hidden;position: relative;width: 180px;height: 40px;text-align: center;line-height: 40px;display: block;border-radius: 2em;color: #00a0e9;font-size: 16px;float: left;margin: 0 20px 0 0;} .pagenewstt a:hover,.pagenewstt .active{ color: #fff; background: #00a0e9; } .newsshowbanner{display: block;overflow: hidden;} .newsshowbanner img{display: block;width: 100%;} .newsshowcenter{display: block; } .newsshowcenter dl{display: block;overflow: hidden;position: relative;width: 1200px;background: #fff;top: -250px;margin: 0 auto;border-radius: 2em 2em 0 0;padding: 50px 0;} .newsshowcenter dl .tt{ display: block;width: 1000px;margin: 30px auto;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;padding: 20px 0;} .newsshowcenter dl .tt h3{font-weight: bold;font-size: 34px;color: #00a0e9;margin-bottom: 20px;} .newsshowcenter dl .tt h4{ display: block;overflow: hidden;} .newsshowcenter dl .tt h4 span{display: block;float: left;color: #666;margin: 0 20px 0 0; font-size: 16px; } .newsshowcenter dl .tt h4 font{ display: block;float: left;color: #999;margin: 0 15px;} .newsshowcenter dl .show{ display: block;overflow: hidden;width: 1000px;margin: 0 auto;} .newsshowcenter dl .show p{display: block;font-size: 16px;color: #666;line-height: 26px;margin: 10px 0;} .newsshowcenter dl .show img{ display: block;width: auto;max-width: 100%;margin: 20px auto;} .newsbottomshow{display: block;overflow: hidden;margin:50px auto 0px;width: 1000px; top: -100px;position: relative;} .newsbottomshow h3{ display: block;color: #00a0e9;font-weight: bold;font-size: 44px;border-bottom: 1px solid #ddd;padding: 0 0 10px 0;margin: 0 0 30px 0;} .newsbottomshow dl{ display: block;overflow: hidden;} .newsbottomshow dl a{display: block;overflow: hidden;float: left;width: 46%;margin: 0 0 40px 0;} .newsbottomshow dl a:nth-child(2n){ float: right; } .newsbottomshow dl a img{display: block;float: left;margin-top: 5px;} .newsbottomshow dl a dd{display: block;overflow: hidden;float: right;width: calc(100% - 30px);} .newsbottomshow dl a dd strong{display: block;color: #333;font-size: 20px;font-weight: normal;line-height: 26px;margin: 0 0 20px 0;} .newsbottomshow dl a dd font{ display: block;color: #666;font-size: 16px;} .newshowlr{ background: #f5f5f5;padding: 50px 0;display: block;overflow: hidden; position: relative; top: -100px;} .newshowlr dl{ display: block;width: 1000px;margin: 0 auto;overflow: hidden;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .newshowlr dl a{display: block;font-size: 18px;color: #333;} .newshowlr dl .fa-angle-left:before{ display: block;float: left;margin-right: 10px;} .newshowlr dl .fa-list-ul:before{ margin: 0 10px 0 0;} .newshowlr dl .fa-angle-right:before{ display: block;float: right;margin-left: 10px;} .newshowlr dl a:hover,.newsbottomshow dl a:hover dd strong{ color: #00a0e9; } .prolist{display: block;overflow: hidden;} .prolist a{ display: block;overflow: hidden;float: left;width: 32%;position: relative; margin: 0 2% 50px 0;} .prolist a:nth-child(3n){margin-right:0;} .prolist a p{ display: block;overflow: hidden;background: #f1f5fb;position: relative;} .prolist a p span{ display: block;color: #666;font-size: 24px;margin: 20px;opacity: 0.2;} /* .prolist a p img{ transition: all .3s;display: block;width: 80%;margin: 0 auto 30px;} */ .prolist a p img{ transition: all .3s;display: block;width: 100%; height: 250px;object-fit: cover;} .prolist a:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);} .prolist a h3{ display: block;color: #333;font-size: 30px;border-bottom: 1px solid #ddd;font-weight: bold;line-height: 1em;padding: 24px 0;position: relative;margin: 0 0 20px 0;} .prolist a h3:after{transition: all .3s;content: "";position: absolute;width: 70%;height: 1px;background: #00a0e9;bottom: 0;left: 0;} .prolist a h4{display: block;color: #666;font-size: 16px;line-height: 30px;margin-bottom: 20px;} .prolist a strong{ display: block;overflow: hidden;position: relative;font-size: 16px;color: #999;font-weight: normal;} .prolist a strong .fa{font-size: 18px;margin-left: 10px;} .prolist a:hover h3,.prolist a:hover strong{color: #00a0e9;} .prolist a:hover h3:after{width:100%;} .proshowbottom{display: block; margin: 0 auto 100px; width: 100%; overflow: hidden; padding: 0 50px; } .proshowbottom .prolist{ margin: 50px 0 0 0;} .proshowmore{display: block; margin: 0 auto 100px; width: 100%; overflow: hidden; padding: 0 50px; } .proshowmore a{ display: block;overflow: hidden;float: left;width: 48%;border: 2px solid #00a0e9;padding: 20px 0;text-align: center;} .proshowmore a:hover {color: white;background-color: #00a0e9;} .proshowmore a:hover .fa {color: white;} .proshowmore a:hover span {color: white;} .proshowmore a .fa{color: #00a0e9;font-size: 18px;margin: 0 10px 0 0;} .proshowmore a span{color: #00a0e9;font-size: 18px;font-weight: bold;} .proshowmore a:nth-child(2n){float: right;} .proshownum{ display: block; margin: 100px auto; width: 100%; overflow: hidden; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 100px 50px;} .proshownum .proshowtt{float: left;width: 200px;} .proshownum dt{float: right;width: calc(100% - 300px); } .proshownum dt p{ background: #f5f5f5;padding: 15px 0 15px 20px;font-size: 16px;color: #333;overflow: hidden;} .proshownum dt p:nth-child(2n){ background: #fff; } .proshowtxt{display: block; margin: 100px auto; width: 100%; overflow: hidden; padding: 0 50px;} .proshowtxt .proshowtt{float: left;width: 200px;} .proshowtxt dd{float: right;width: calc(100% - 300px);color: #333;font-size: 18px;line-height: 36px;} /* pros */ .proshowside {display: flex;justify-content: space-between;flex-flow: wrap;margin-top: 100px;} .pros_left {width: 20%;padding: 80px 35px 117px; box-sizing: border-box; background-color: rgb(244,244,244); } .pros_left .title {font-size: 44px;font-weight: bold;margin-bottom: 30px;color: rgb(0, 160, 233); } .pros_left .content { padding: 22px 0; border-bottom: 1px solid #ddd;} .pros_left .content h3 {font-size: 23px; color: #333; margin-bottom: 12px; cursor: pointer;} .pros_left .content .ccf {display: block; overflow: hidden;} .pros_left .content .ccf .cc {float: left;width: 100%;} .pros_left .content .ccf a{color: #999; line-height: 34px; font-size: 17px; display: block; width: fit-content;} .pros_left .content .ccf a:hover {color: rgb(0, 160, 233);} .pros_left .content:nth-of-type(2){border-top: 1px solid #ddd;} .pros_right{width: 80%; overflow: hidden; position: relative; padding: 80px 5% 0;} .proshowside .sidelist{ display: block;position: relative;margin: 50px 0; padding: 0 80px;} /* .proshowside .sidelist .swiper-slide{background: #f5f5f5;padding: 80px 0;} */ .proshowside .sidelist .swiper-slide{} /* .proshowside .sidelist .swiper-slide img{ display: block;width: auto;max-width: 80%;margin: 0 auto;height: auto;} */ /* .proshowside .sidelist .swiper-slide img{ display: block;width: 100%;max-width: 80%;margin: 0 auto;height: auto;} */ .proshowside .sidelist .swiper-slide img{ display: block;width: 100%;max-width: 100%;margin: 0 auto;height: auto;} .proshowside .sidelist .tod{ cursor: pointer; display: block; width: 50px; border: 1px solid #ddd; text-align: center; height: 50px; line-height: 50px; border-radius: 50%; top: 44%; left: -20px; position: absolute; z-index: 3;} .proshowside .sidelist .swiper-button-next05{left: auto;right: -20px;} .proshowside .sidelist .swiper-container05{overflow: hidden;} .proshowside .sidelist .swiper-pagination5{ display: block;text-align: center;overflow: hidden;} .proshowside .sidelist .swiper-pagination5 span{ display: inline-block;width: 40px; border-radius: 2em;margin: 0 5px;height: 4px;opacity: 0.5;background: #00a0e9;} .proshowside .sidelist .swiper-pagination5 .swiper-pagination-bullet-active{ opacity:1; } .proshowtt{border-left: 4px solid #00a0e9;display: block;overflow: hidden;padding: 0 0 0 30px;} .proshowtt strong{display: block;font-size: 42px;color: #333;line-height: 1em;} .proshowtt span{ font-size: 20px;line-height: 1em;color: #666;margin: 20px 0 0 0;display: block;} .slideMenu{ position:fixed; z-index:6; width:25px; top:50%; transform:translateY(-50%); right:0; display:none;} .slideMenu li{ height:40px; position:relative;} .slideMenu_a{ height: 40px; display: block; white-space: nowrap; position: absolute; padding-left: 55px; top: 0; right: 0; color: #bfbfbf; font-family: 'fcmeGotham'; padding-right: 50px; font: 14px/40px gm_l; } .slideMenu_a:hover,.slideMenu_a.on{ font-size: 18px; font-weight: bold; color: #00a0e9; padding-right: 70px; } .slideMenu_a:before{ content: ""; background: #E6E6E6; height: 1px; width: 24px; position: absolute; top: 50%; right: 0px; transition:all 0.5s ease-in-out;} .slideMenu_a:hover:before,.slideMenu_a.on:before{ background: #00a0e9; width: 48px; } .m2lcWpr{ margin:5.2vw 0; position:relative;} .m2lcLine{ width: 2px; position: absolute; left: 50%; margin-left: -1px; top: 0; bottom: 0; background:#ddd; overflow:hidden; } .m2lcLine i{ background:#00a0e9; position:absolute; left:0; top:0; width:2px; height:0%;} .m2lcYears{ text-align:center; position:fixed; left:0; width:100%; top:50%; transform:translateY(-50%); line-height:480px; height:480px; font-size:480px; font-weight:bold; color:rgba(0,0,0,0.05); display:none;} .m2lcYr{ position:absolute; left:0; top:0; right:0; top:0; transition:all 0.5s ease-in-out; opacity:0; font-family: 'fcmeGotham'; font-size: 400px; } .m2lcYr.on{ opacity:1;} .m2lcItems{ position:relative; z-index:1;} .m2lcItems li{ padding-bottom:25px; padding-left:50%;} .m2lc_item{ margin-left:63px;} .m2lc_yt{ line-height: 40px; height: 40px; color:#666; font-family: 'fcmeGotham'; font-size: 36px; position: relative; } .m2lc_yt i{ height: 40px; width: 40px; position: absolute; left: -83px; top: 0px; } .m2lc_yt i:after{content:""; width:12px; height:12px; border-radius:50%; background:#00a0e9; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.5s ease-in-out;} .m2lc_yt i:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #00a0e9; border-radius:50%; background:#fff; transition:all 0.5s ease-in-out; opacity:0} .m2lcItems li.on .m2lc_yt i:after{ width:18px; height:18px;} .m2lcItems li.on .m2lc_yt i:before{opacity:1;} .m2lc_simg{ position:relative; padding-right:20px; padding-bottom:20px; display:inline-block;} .m2lc_simg:before{content:""; position:absolute; left:20px; top:20px; right:0px; bottom:0px; border:2px solid #00a0e9; border-radius:6em 0 6em 0; transition:all 0.5s ease-in-out;} .m2lc_simg .bgImg{ width:400px; height:225px; border-radius:5em 0 5em 0; overflow:hidden;} .m2lcItems li:nth-child(2n){padding-left:0; padding-right:50%;} .m2lcItems li:nth-child(2n) .m2lc_item{ margin-left:0; margin-right:63px; text-align:right;} .m2lcItems li:nth-child(2n) .m2lc_yt i{left:auto; right:-83px;} .m2lc_simg:hover:before{ background:#00a0e9;} .maoLink{display:block; height:0; overflow:hidden; position:relative; top:-50vh;} @media (max-width:1379px){ .m2zrSlick .slick-prev{left:1072px;} .m2zrSlick .slick-next{right:1072px;} .m2lcYears{font-size:300px;} } @media (max-width:1199px){ .m2lc_yt i{transform:scale(0.8); transform-origin:center top;} } @media (max-width:993px){ .m2lcYears{font-size:200px;} .m2lc_simg .bgImg{ width:260px; height:165px;} } @media (max-width:767px){ .m2lcYears{display:none!important;} .m2lcLine{left:40px;} .m2lcItems li{padding-left:0!important; padding-right:0!important; text-align:left!important;} .m2lc_yt i{left:-40px!important; right:auto!important} .m2lc_item{margin-left:45px;} .m2lcItems li:nth-child(2n) .m2lc_item{margin-right:0;margin-left:45px; text-align:left} .m2lc_des{font-size:14px; line-height:26px;padding-top:15px;} .m2lc_des p{margin-bottom:12px;} } .pagecaselist{ position: relative; top: -100px;} .pagecaselist .container{display: block;overflow: hidden;width: 900px;margin: 0 auto;} .pagecaselist .m2lc_item p{display: block;border-radius: 0 2em 0 2em;border: 2px solid #00a0e9;transition: .5s;} .pagecaselist .m2lc_item p:hover {background-color: #00a0e9;} .pagecaselist .m2lc_item p img{display: block;width: 100%;border-radius: 0 2em 0 2em;position: relative;top: -20px;left: -20px;} .pagecaselist .m2lc_des{ font-size: 16px; line-height: 32px; padding-top: 22px; display: block;overflow: hidden;margin-bottom: 40px;} .pagecaselist .m2lc_des span{ display:block; padding-left:0; position:relative; color: #333;} .pagecaselist .m2lc_des span:before{ content: "";width: 4px;height: 4px;background: #00a0e9;position: relative;border-radius: 50%;display: inline-block;vertical-align: top;margin: 15px 10px 0 0;} .fixed-video{ position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;display: block;} .fixed-video video {position: absolute;left: 0;top: 50%;width: 100%;height: auto;transform: translateY(-50%);opacity: 0.5;} .pages3mapnum{background: url(/style/images/ny_fwln_bj1.jpg);background-size: cover;position: relative;top: -200px;padding: 300px 0 120px;} .pages3mapnum .icenter{ display: block;overflow: hidden;} .pages3mapnum .icenter h6{ color: #fff;font-size: 28px;font-weight: bold;line-height: 40px;margin: 0 0 50px 0;} .pages3mapnum .icenter dl{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .pages3mapnum .icenter dl dd{ display: block;overflow: hidden;} .pages3mapnum .icenter dl dd p{ display: block;width: 160px;height: 160px;border: 2px solid #00a0e9;border-radius: 50%;cursor: pointer;} .pages3mapnum .icenter dl dd p img{display: block;width: auto;height: 70px;margin:40px auto;transition: .5s;} .pages3mapnum .icenter dl dd span{display: block;text-align: center;color: #fff;font-size: 20px;margin: 10px 0;} .pages3mapnum .icenter dl dd font{display: block;text-align: center;color: #fff;font-size: 24px;} .pages3mapnum .icenter dl dd p:hover img{transform: rotateY(180deg);} .pages3{ overflow: hidden;display: block;position: relative;z-index: 2;} .pages3 dl{ display: block;overflow: hidden;margin: 0 0 50px 0;position: relative;z-index: 1;} .pages3 dl .left{ display: block;overflow: hidden;width: 65%;float: left;} .pages3 dl .left span{ font-size: 18px;color: #00a0e9;display: block;} .pages3 dl .left strong{ display: block;color: #333;font-size: 44px;margin: 20px 0;} .pages3 dl .left dt{display: block;overflow: hidden;border-top: 1px solid #ddd;margin: 40px 0 0 0;} .pages3 dl .left dt p{ display: block;font-size: 16px;text-align: justify;line-height: 30px;color: #666; border-bottom: 1px solid #ddd;padding: 15px 0;} .pages3 dl .right{ display: block;overflow: hidden;float: right;width: 28%;} .pages3 dl .right img{width:100%;} .pages3 dd{overflow: hidden;display: block;} .pages3 dd img{ width:100%;display: block;} .pages3contact{ position: relative;top: -100px;} .pages3contact dl .left{ width: 50%;} .pages3contact dl .right{ width: 40%;position: relative;} .pages3contact dl .right .oos{position: absolute;top: 50%;left: 0;transform: translate(0%, -50%);} .pages3contact dl .right .oos dd{margin-bottom: 50px;} .pages3contact dl .right .oos dd h3{margin-bottom: 20px; padding: 10px 0; display: block;overflow: hidden;border-left: 4px solid #00a0e9;} .pages3contact dl .right .oos dd h3 strong{color: #fff;font-size: 36px;margin: 0 10px 0 30px;} .pages3contact dl .right .oos dd h3 span{color: #eee;font-size: 18px;} .pages3contact dl .right .oos dd h4{ display: block;font-size: 16px;color: #fff;margin: 0 0 0 30px;line-height: 36px;} .pages3contact dl .left .s3form{} .pages3contact dl .left .s3form dl{margin: 0 0 10px 0;} .pages3contact dl .left .s3form dl p{} .pages3contact dl .left .s3form dl input{display: block;width: calc(100% - 2px);height: 46px;border: 1px solid #ddd;} .pages3contact dl .left .s3form textarea{display: block;width: calc(100% - 2px);border: 1px solid #ddd;height: 100px;} .pages3contact dl .left .s3form dl dt,.pages3contact dl .left .s3form dd h3{ margin: 0 0 10px 0;border: 0; font-size: 16px;color: #666;} .pages3contact dl .left .s3form dl dt font{ color: #f00;} .pages3contact dl .left .s3form form h6{display: block;color: #666;margin: 20px 0;} .pages3contact dl .left .s3form form .more{ margin: 0;} .pageproafterinfo{position: relative;overflow: hidden;top: -100px;margin: 0 auto 100px;} .pageproafterinfo h4{ display: block;overflow: hidden;margin-bottom: 30px;} .pageproafterinfo h4 strong{ font-size: 30px;display: block;color: #333;line-height: 36px;margin-bottom: 20px;} .pageproafterinfo h4 span{ display: block;overflow: hidden;color: #666;font-size: 18px;line-height: 30px;} .pageproafterinfo h4 .tables{} .pageproafterinfo h4 .tables font{ display: block;overflow: hidden;} .pageproafterinfo h4 .tables font span{padding: 10px 0;display: block;float: left;width: calc(50% - 2px);text-align: center;border: 1px solid #ddd;overflow: hidden;} .pageproafter{ display: block;overflow: hidden;position: relative;z-index: 2;} .pageproafter dl{display: block;overflow: hidden;margin-bottom:100px;} .pageproafter dl .left{ display: block;overflow: hidden;float: left;width:50%;} .pageproafter dl .left span{ font-size: 18px;color: #00a0e9;display: block;} .pageproafter dl .left strong{ display: block;color: #333;font-size: 44px;margin: 20px 0;} .pageproafter dl .right{display: block;overflow: hidden;float: right;width: 45%;} .pageproafter dl .right img{display: block; width:100%;} .pageproafter h6{display: block;overflow: hidden;} .pageproafter h6 img{display: block;} .pageproafterpic{display: block;background: url(/style/images/ny_shfw_bj1.jpg);overflow: hidden;background-size: cover;position: relative;top: -200px;padding: 300px 0 120px;} .pageproafterpic h3{ font-size: 28px;text-align: center;font-weight: bold;line-height: 46px;color: #333;} .pageproafterpic .icenter{display: block;overflow: hidden; margin: 50px auto 0;} .pageproafterpic .icenter dl{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-evenly;align-items: center;-webkit-align-items: center;} .pageproafterpic .icenter dl dd{display: block;overflow: hidden;position: relative; border-radius: 50%;} .pageproafterpic .icenter dl dd .bgimg{ display: block;width: auto;height: 350px;border-radius: 50%;transition: 0.5s;} .pageproafterpic .icenter dl dd:hover .bgimg {transform: scale(1.1);} .pageproafterpic .icenter dl dd .txt{ z-index: 2;position: absolute;transform: translate(0%, -50%);top: 50%;left: 10%;width: 80%;} .pageproafterpic .icenter dl dd .txt .icon{ display: block;width: auto;height: 50px;margin: 0 auto;} .pageproafterpic .icenter dl dd .txt strong{ display: block;font-size: 30px;color: #fff;margin:20px 0;text-align: center;} .pageproafterpic .icenter dl dd .txt span{ display: block;text-align: center;color: #fff;font-size: 18px;min-height: 48px;} .pageproafterpic .icenter dl dd:after{ opacity: 0.5; content: "";position: absolute;width: 100%;height: 100%;background: #000;top: 0;left: 0;border-radius: 50%;z-index: 1;} .pages1tech{display: block;overflow: hidden;margin: 0 auto 150px;} .pages1tech .left{ display: block;overflow: hidden;float: left;width: 35%;} .pages1tech .left img{ display: block;width: 100%;} .pages1tech .right{display: block;overflow: hidden;float: right;width:58%;} .pages1tech .right h3{display: block;overflow: hidden;margin: 0 0 50px 0;} .pages1tech .right h3 strong{display: block;font-size: 30px;color: #333;margin: 0 0 30px 0;} .pages1tech .right h3 span{display: block;font-size: 18px;color: #333;line-height: 36px;} .pages1tech .right h4{display: block;overflow: hidden;} .pages1tech .right h4 strong{display: block;font-size: 20px;color: #333;margin: 0 0 20px 0;} .pages1tech .right h4 span{display: block;font-size: 18px;color: #333;line-height: 36px;} .pages1tech .right h5{display: block;overflow: hidden;text-align: right;font-size: 20px;color: #00a0e9;border-top: 1px solid #ddd;padding: 30px 0 0 0;margin: 30px 0 0 0;} .app01 { background: url(/style/images/ny_hybj.jpg); background-size: cover; margin-top: 100px; padding-bottom: 146px;} .app01 .content{ padding: 90px 100px 0px;} .app01 .content2 {padding: 0 80px;} .app01 .content ul {display: flex;justify-content: space-between;margin-bottom: 55px;padding: 0 10px;} .app01 .content ul li.active span{color: #00a0e9;} .app01 .content ul li {cursor: pointer;} .app01 .content ul li:hover span {color: #00a0e9;} .app01 .content ul li .bao {position: relative;} .app01 .content ul li .bao .imgbox {position: absolute;transform: translate(-50%,-50%);left: 50%;top: 50%;} .app01 .content ul li span {font-size: 16px; color: #666666; margin-top: 15px; display: block; width: 144px; text-align: center;} .app01 .content ul li .bao .imgbox img {width: 53px;} .app01 .content ul li .bao img {margin: auto;display: block;} .appSwiper{overflow: hidden;padding: 20px;} .appSwiper .box {width: 100%;border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 20px #c5bebe;} .appSwiper .swiper-slide {border-radius: 20px;} .appSwiper .box img {width: 100%; height: 100%; display: block;} .app01 .content2 .bot {position: relative;} .app01 .content2 .bot .appSwiper-button-prev {background-image: none; left: -5.8%; right: auto;width: 36px;height: 36px;border-right: 1px solid #666666;border-top: 1px solid #666666;transform: rotate(-135deg);} .app01 .content2 .bot .appSwiper-button-next {background-image: none; left: 103%; right: auto; width: 36px; height: 36px; border-right: 1px solid #666666; border-top: 1px solid #666666; transform: rotate(45deg);} .app01 .content2 .bot .appSwiper-button-prev:hover,.app01 .content2 .bot .appSwiper-button-next:hover{border-color: #00a0e9;} .app02{padding: 100px 100px 200px;} .app02 h3 {font-size: 44px;color: #333333;font-weight: bold;margin-bottom: 38px; text-align: center;} .app02 dl {display: flex;justify-content: space-between; padding: 0 100px;} .app02 dl dd .bao { cursor: pointer; display: flex;justify-content: center;align-items: center;margin-bottom: 22px; width: 165px; height: 165px; border: 2px solid #00a0e9; border-radius: 50%;} .app02 dl dd .bao img {width: 75px;transition: .3s;} .app02 dl dd:hover .bao img {transform: rotateY(180deg);} .app02 dl dd h4 {font-size: 20px;color: #807d7d;font-family: arial;margin-bottom: 5px;text-align: center;} .app02 dl dd h5 {font-size: 24px;color: #333333;text-align: center;} .app01 { padding-bottom: 99px; } /* pro */ .pro_c {display: flex;justify-content: space-between;flex-flow: wrap;} .pro_left { width: 40%;padding: 80px 50px 117px; box-sizing: border-box; background-color: rgb(244,244,244); } .pro_left .title {font-size: 44px;font-weight: bold;margin-bottom: 30px;color: rgb(0, 160, 233); } .pro_left .content { padding: 22px 0; border-bottom: 1px solid #ddd;} .pro_left .content h3 { font-size: 23px; color: #333; margin-bottom: 12px; cursor: pointer;} .pro_left .content .ccf { display: block; overflow: hidden;} .pro_left .content .ccf .cc {float: left;width: 50%;} .pro_left .content .ccf a{color: #999; line-height: 34px; font-size: 17px; display: block; width: fit-content;} .pro_left .content .ccf a:hover {color: rgb(0, 160, 233);} .pro_left .content:nth-of-type(2){border-top: 1px solid #ddd;} .pro_right { width: 60%; padding: 80px 5% 170px; box-sizing: border-box; display: flex; justify-content: center;} .pro_right .box { overflow: hidden; width: fit-content; height: fit-content; position: relative;} .pro_right .box img { transition: 0.3s; width: 100%; height: 100%; display: block;} .pro_right .box .imgbox {overflow: hidden;position:relative;} .pro_right .box h5 { font-size: 26px; font-weight: bold; margin-top: 24px; color: #333; opacity: 0; transition: 0.2s;} .pro_right .box .swiper-slide-active h5 {opacity: 1;} .pro_right .box .content {width: 100%;} .pro_right .box:hover .imgbox img{transform: scale(1.05);} .pro_right .box:hover h5 {color: rgb(0, 160, 233);} .pro_right .fa { top: auto; bottom: 0px; background-image: none; width: 36px; height: 36px; border-radius: 50%; background-color: #e8e8e8; color: #8c8c8c; font-size: 30px; display: flex; align-items: center; justify-content: center;margin-top: 0px; background-size: unset;} .pro_right .fa:hover {background-color: rgb(0, 160, 233);color: #fff;} .pro_right .fa-angle-left { right: 50px; left: auto;} .pro_right .fa-angle-right {right: 0px;} @media only screen and (max-width:1600px ) { .icenter,.homenewslist .p-yjy-center,.insolutionslist{width: 1180px;} .footer .top{ width: 1180px;padding: 25px 50px;} .div2 dl {height: 100%;} .div2 .logo img{ height: 44px;} .div2 dl .pcnav{ margin: 0 70px 0 0;} .div2 .tor a { line-height: 40px; margin: 30px 8px; } .div2_1 .tor a { margin: 18px 5px; font-size: 14px; width: 34px; height: 34px; line-height: 34px; } .n-nav02 a { line-height: 42px; font-size: 12px;} .n-nav02 { width: 173px;} .div2 dl .pcnav dd{ margin: 0 16px;} .blog-slider__content .blog-slider__code .tt{font-size: 70px;line-height: 80px;} .blog-slider__content .blog-slider__code .cc{font-size: 60px;line-height: 80px;} .blog-slider__content .blog-slider__title{font-size: 50px;} .blog-slider__text{font-size: 30px;letter-spacing: 4px; margin: 0 0 0 0;} .blog-slider__code{ margin-bottom: 0; } .more{width: 150px;font-size: 14px; border: 1px solid #00a0e9; height: 36px;line-height: 36px;} .footer .center dt h4 span a{ font-size: 12px;} .footer .center dt h4 span{ margin: 0 0 8px 0;} .footer .center dd p strong span { font-size: 12px; margin: 8px 0 0 0; } .footer .center dt h3 a{font-size: 18px;} .footer .center dt h3 { margin: 0 0 14px 0; } .footer .center dd .ftlogo{margin: 0 0 20px 0;} .footer .center dd p strong img{height: 90px;} .footer .bottom h4 a,.footer .bottom h3 a,.footer .bottom h3{ font-size: 12px;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal,.insolutionslist .swiper-container-horizontal{width: calc(540px + 50vw);} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide .txt h3{ font-size: 16px; margin: 8px 17px 0 0;} .footer .top dl .bshare-custom a { width: 34px; height: 34px; margin: 0 8px 0 0; line-height: 34px; font-size: 14px; } .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide .txt{padding: 50px 40px;} .footer .top dl h6{font-size: 18px;} .footer .center{margin-bottom: 60px;margin-top: 20px;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide .txt h5 strong span{ font-size: 30px;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide .txt h5 strong{ font-size: 16px;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide .txt h5 img{margin: 10px 0 0 0;} .indexcase dl a .txt h3{ font-size: 40px;} .indexcase dl a .txt h4{ font-size: 24px; height: 60px;line-height: 60px;} .indexcase dl a .txt{bottom:-80px;} .indexcase dl a .txt h5{font-size:14px;} .insolutionslist .swiper-container-horizontal .swiper-slide{ height: 460px; } .inpro .inproalist .bla .swiper-container-horizontal .swiper-slide .txt h3{ font-size: 100px;} .homenewslist .p-yjy-center .p-kn .swiper-container-horizontal .swiper-slide .txt h5{margin: 150px 0 0 0;} .inpro .inproalist .bla .swiper-container-horizontal .swiper-slide .txt h4{font-size: 44px;} .inpro .inproa{padding: 80px 50px;width: calc(25%);} .inabout .bottom dl dd p span{font-size: 50px;} .inabout .bottom dl dd p{ margin: 50px 0 16px 0;} .inabout .bottom dl dd{width: 209px;height: 209px;} .inabout .bottom dl dd p{ margin: 60px 0 0px 0;} .inabout .bottom dl dd p font{ margin: 20px 0 0 0px;} .inpro .inproa .active h3 font{ font-size: 20px;} .inpro .inproa a{margin: 25px auto;} .div2 dl .pcnav dd h3 { height: 100%; } .div2 dl .pcnav dd{height: 100%;} .div2 dl .pcnav dd h3 a{font-size: 15px; height: 100%; line-height: 70px;} .inabout .top .left h5{font-size: 20px;} .inabout .top .left h4{font-size: 36px;} .hometitle span{font-size: 36px;} .inabout .top .left h5{font-size: 22px; margin: 10px 0;} .inabout .top .left h6{font-size: 14px; line-height: 26px;} .nybanner .txt font{font-size: 40px;} .pagecontactpic{ padding: 100px 0; } .pagecontactpic .icenter span{ font-size: 20px;} .contactform .topinput dl p input{ height: 40px;line-height: 40px;} .contactform .topinput dl dt,.contactform dd h3{margin-bottom: 6px;} .pagecontactmap .rmaps dl dd h3{ font-weight: normal;font-size: 16px;} .pagecontactmap .sales dd h3 span{ font-size: 30px;} .pagecontactmap .sales dd h3 font{ font-size: 14px; margin: 16px 0 0 10px;} .pagecontactmap .sales dd h4{padding: 20px 20px;} .nytt .icenter .right strong{font-size: 40px;} .nytt .icenter .right{ padding: 30px 80px;} .nytt .icenter .left{margin-top: 110px} .nytt{ top: -80px;} .nybanner .txt{ margin: 0 0 0 -590px;} .nybanner .txt strong,.pagehistorytxt .icenter dd strong,.pagehistorylist .path-item__year,.pageaboutmapnum .icenter dd strong,.page-about-txt dd strong{ font-size: 40px;} .nybanner .txt span{ font-size: 24px;} .prolist a h3 { font-size: 20px; padding: 20px 0; margin: 0 0 14px 0;} .prolist a h4 { font-size: 12px; line-height: 26px; margin-bottom: 14px; } .prolist a strong { font-size: 12px; } .prolist a strong .fa { font-size: 16px; margin-left: 9px; position: relative; top: 1px; } .proshowtt strong { font-size: 26px;} .proshowtt span { font-size: 14px; margin: 14px 0 0 0;} /* .proshowside .sidelist .swiper-slide img { max-width: 60%;} */ .prolist a p img { height: 200px; } .proshowtt { border-left: 2px solid #00a0e9; padding: 0 0 0 28px; } .proshowside .sidelist .tod { width: 40px; height: 40px; line-height: 40px; top: 50%;} .proshowside .sidelist .swiper-button-next05 { right: -32px; } .proshowside .sidelist .swiper-button-prev05{left: -32px;} .proshowside .sidelist .swiper-pagination5 span { width: 30px;} .proshowtxt dd { font-size: 13px; line-height: 26px; width: calc(100% - 224px);} .proshowtxt .proshowtt { float: left; width: 135px; } .proshowmore a { padding: 10px 0;} .proshowmore a span { font-size: 14px;} .proshowmore a .fa { font-size: 14px; margin: 0 7px 0 0;} .proshownum { padding: 60px 40px; margin: 50px auto; width: 100%; margin-left: 0%;} .proshowtxt { margin: 50px auto; width: 100%; margin-left: 0%;padding: 0 40px; } .proshowmore{ width: 100%; margin-left: 0%; padding: 0 40px;} .proshowbottom { width: 100%; margin-left: 0%; padding: 0 40px;} .proshownum dt { float: right; width: calc(100% - 224px); } .pros_right { padding: 80px 3% 0; } /*.pagecaselist */ .pagecaselist .m2lc_des { font-size: 14px;} .m2lc_yt { line-height: 30px; height: 30px; font-size: 30px; } /* .pages1tech */ .pages1tech .right h3 strong { font-size: 26px; margin: 0 0 20px 0; } .pages1tech .right h3 span { font-size: 16px; line-height: 32px; } .pages1tech .right h5 { font-size: 16px;} .pages1tech .right h4 strong { font-size: 18px;} .pages1tech .right h4 span { font-size: 16px; line-height: 30px; } /* .pageproafter */ .pageproafter dl .left strong { font-size: 36px; margin: 4px 0; } .pageproafter dl .left span { font-size: 16px;} .pageproafterpic h3 { font-size: 24px; line-height: 36px; } .pageproafterpic .icenter dl dd .txt strong { font-size: 24px; margin: 10px 0; } .pageproafterpic .icenter dl dd .txt span { font-size: 16px; } .pageproafterpic .icenter dl dd .txt .icon { height: 40px; } .pageproafterpic { padding: 300px 0 80px; } .pageproafterinfo h4 strong { font-size: 24px; line-height: 30px; margin-bottom: 10px;} .pageproafterinfo h4 span { font-size: 16px; line-height: 28px; } .pageproafterinfo { top: -120px; margin: 0 auto 50px; } .pageproafterpic .icenter dl { justify-content: space-between;} .pages3 dl .left span { font-size: 16px; } .pages3 dl .left strong { font-size: 32px; margin: 16px 0; line-height: 40px; } .pages3contact dl .left .s3form dl dt, .pages3contact dl .left .s3form dd h3 { font-size: 14px; } .pages3contact dl .left .s3form form h6 { font-size: 14px; } .pages3contact dl .right .oos dd h3 strong { font-size: 28px; } .pages3contact dl .right .oos dd h3 span { font-size: 16px; } .pages3contact dl .right .oos dd h3 { margin-bottom: 10px;} .pages3contact dl .right .oos dd h4 { font-size: 14px; margin: 0 0 0 30px; line-height: 30px; } .pages3 dl { margin: 0 0 40px 0; } .pages3mapnum { padding: 289px 0 90px; } .pages3 dl .left dt { margin: 20px 0 0 0; } .pages3 dl .left dt p { font-size: 14px;} .pages3mapnum .icenter h6 { font-size: 24px; line-height: 36px; margin: 0 0 50px 0; } .pages3mapnum .icenter dl dd p img { height: 60px; } .pages3mapnum .icenter dl dd p { width: 130px; height: 130px; } .pages3mapnum .icenter dl dd span { font-size: 16px; } .pages3mapnum .icenter dl dd font { font-size: 20px; } .wpcf7-response-output, .wpcf7-validation-errors { margin: 0px 0 0 0; } /* .pagenewstt */ .pagenewstt { margin: 0 auto 30px; } .pagenewstt a { width: 160px; height: 34px; text-align: center; line-height: 34px; font-size: 14px; } .pagenweslist dl a dd .txt strong { font-size: 24px; } .pagenweslist dl a dd p strong { font-size: 24px; } .pagenweslist dl a dd .txt font { font-size: 14px; line-height: 26px; } .pagenweslist dl { padding: 50px 0; } /* .page-about */ .page-about-txt dd span { font-size: 16px;} .page-about-txt dd strong { margin: 10px 0; } .pageaboutmapnum .icenter dd span { font-size: 16px; } .pageaboutmapnum .icenter dd strong { font-size: 44px; margin: 10px 0; } .pageaboutmapnum .icenter dl dt span { font-size: 18px; } .pageaboutmapnum .icenter dl dt p font { font-size: 16px; } .pageaboutmapnum .icenter dl dt h3 { font-size: 22px; } .pageaboutmapnum .icenter dl dt h4 { font-size: 14px; } .pagemap .maps .tt span { font-size: 16px; } .pagemap .maps .tt strong { margin: 10px 0; } .pagemap .maps .tt font { font-size: 18px; line-height: 28px; } .pagemap { margin: 0px auto 0; } .pageaboutmapnum { padding: 300px 0 50px; } .pageaboutbottom dd h3 strong { font-size: 26px; } /* .honormin */ .honormin .icenter a{ width: calc((100% - 200px)/4);margin-right: 0px;} .honormin .icenter a h3{font-size:16px;} .nyrongyu .icenter a:nth-of-type(3n) { margin-right: 0px; } .nyrongyu .icenter a:nth-of-type(4n) { margin-right: 0px; } .honormin .icenter { justify-content: space-between; } /* .pagehistorybottom*/ .pagehistorybottom .icenter .left .txt h4{ margin: 20px 0; font-size: 16px; line-height: 26px; } .pagehistorylist .slick-slider{margin-bottom: 30px;} .path-item{padding: 0 50px;} .pagehistorylist .path-item__desc{ font-size: 18px;} .pageaboutbottom dd h3 span{ font-size: 16px; } .pageaboutlogo .hzhb .title_text{ top: 50px; font-size: 40px;} .pagemap .bot p{padding: 15px 0;margin: 0 0 16px 0;font-size: 16px; } .pagemap .maps .tt strong{font-size: 40px;line-height: 1em;} .pageaboutmapnum .icenter dl dt p strong{ font-size: 70px; } .page-about-txt dt span{ font-size: 80px;} .pagehistorytxt .icenter dd span { font-size: 18px; } .pagehistorytxt .icenter dd strong { margin: 10px 0; } .pagehistorybottom .icenter .left .txt h3 { font-size: 38px; } .pagehistorybottom .icenter .left .tta span { font-size: 18px;} .pagehistorybottom .icenter .left .tta .fa { width: 60px; height: 60px; line-height: 60px;} .pagehistorybottom .icenter .left .tta { height: 80px; border-radius: 0 3em 3em 0; top: -80px; } .pagehistorybottom .icenter .left .tta span { line-height: 80px; font-size: 18px; } .pagehistorybottom .icenter .left .tta span { line-height: 80px; font-size: 18px; } .pagehistorybottom { margin: -100px auto 128px; } /*.newsbottomshow */ .newsbottomshow h3{ font-size: 40px;font-weight: normal;} .newsbottomshow dl a dd strong{ font-size: 18px; margin: 0 0 10px 0; } .newshowlr{ padding: 30px 0;} .newsshowcenter dl .tt h3{ font-size: 30px; } .newsshowcenter dl .tt h4 span{font-size: 14px;} .newsshowcenter dl{top: -160px;} .newsshowcenter dl .tt { margin: 20px auto;} .newshowlr dl a { font-size: 16px; } .fy a, .nav-links span, .nav-links a{ height: 40px; line-height:40px; } .app01 .content ul li .bao .imgbox img {width: 44px;} .app01 .content ul li .bao img { width: 75px;} .app01 .content ul li span { font-size: 14px; margin-top: 12px; width: 133px;} .app01 .content2 .bot .appSwiper-button-prev { left: -4.8%; width: 30px; height: 30px;} .app01 .content2 .bot .appSwiper-button-next { left: 102%; width: 30px; height: 30px;} .app01 .content { padding: 72px 100px 0px; } .app01 .content ul { margin-bottom: 50px;} .app02 h3 { font-size: 36px; margin-bottom: 30px; } .app02 dl dd .bao { margin-bottom: 15px; width: 130px; height: 130px;} .app02 dl dd .bao img { width: 62px; } .app02 dl dd h4 { font-size: 16px; margin-bottom: 1px;} .app02 dl dd h5 { font-size: 20px;} .app02 { padding: 80px 40px 168px; } .pro_left .title { font-size: 30px; margin-bottom: 18px;} .pro_left .content { padding: 16px 0; } .pro_left .content h3 { font-size: 17px; margin-bottom: 6px;} .pro_left { width: 40%; padding: 66px 35px 108px; background-color: rgb(244,244,244); } .pro_right { width: 60%; padding: 66px 3% 163px;} .pro_right .box h5 { font-size: 20px; margin-top: 19px;} .pro_right .fa { width: 32px; height: 32px; border-radius: 50%; font-size: 27px;} .pro_right .fa-angle-left { right: 40px; left: auto;} .pro_left .content .ccf a { color: #999; line-height: 26px; font-size: 12px;} .pros_left .title { font-size: 28px; margin-bottom: 19px;} .pros_left .content { padding: 16px 0; } .pros_left .content h3 { font-size: 17px; margin-bottom: 6px; } .pros_left { padding: 80px 24px 108px; background-color: rgb(244,244,244); } .pros_left .content .ccf a { font-size: 12px; line-height: 26px;} .proshowside .sidelist .swiper-button-prev05 { left: 0px; } .proshowside .sidelist .tod { top: 43%; } .proshowside .sidelist .swiper-button-next05 { right: 0px; } .proshownum dt p { font-size: 12px; padding: 12px 0 12px 20px;} .prolist a h3:after { bottom: -1px; left: 0; } }