/* Write your styles */ ul,li,dl,dt,dd,h1,h2,h3,p,em{ font-style:normal; list-style:none; margin:0; padding:0;} a{text-decoration: none;transition: all .1s linear; color:#444;} a:hover{color:var(--themeColor);} img,video{ max-width:100%;} .am-container{max-width: 1430px;} .am-alert-danger{ width:100%; position:fixed; left:0; top:0; margin:0;} .arccontent .selectTdClass{background-color:#edf5fa !important} .arccontent table.noBorderTable td,.arccontent table.noBorderTable th,.arccontent table.noBorderTable caption{border:1px dashed #ddd !important} .arccontent table{margin-bottom:10px;border-collapse:collapse;display:table; width:100% !important;} .arccontent td,.arccontent th{padding: 5px 10px !important;border: 1px solid #DDD;line-height:1.4;} .arccontent caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;} .arccontent th{border-top:1px solid #BBB;background-color:#F7F7F7;} .arccontent table tr.firstRow th{border-top-width:2px;} .arccontent .ue-table-interlace-color-single{ background-color: #fcfcfc; } .arccontent .ue-table-interlace-color-double{ background-color: #f7faff; } html{font-size: 62.5%;} body { font-family: "Noto Sans SC","Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif; } .animated { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* 鍏ㄥ眬 css 鍙橀噺 */ :root{ --themeColor: #1d5cb8; --themeColor2: #f0cb00; } /* #0f6ff9 #2d73f0*/ /* 鍏ㄥ眬鏍峰紡 */ /* [class*=am-u-] { padding-left: 0; padding-right: 0; } */ .all-pd{padding: 10rem 0;} .all-pb{padding-bottom: 10rem;} .all-pt{padding-top: 10rem;} .all-mr{margin: 20px 0;} .themeColor{color: var(--themeColor)!important;} .colorWhite{color: #fff!important;} .all-title-box{position: relative;} .all-title-box .row{display: flex;align-items: baseline;} .all-title-box .title{font-size: 4rem;font-weight: bold;color: #333;white-space: nowrap;line-height: 1;} .all-title-box .subtitle{font-size: 1.6rem;color: #999;white-space: nowrap;} .all-title-box .entitle{font-size: 2.2rem;color: #999;white-space: nowrap;line-height: 1;margin-top: 1.6rem;text-transform: uppercase;} .img100{width: 100%;} .fixbg{ width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; -webkit-background-attachment: fixed; /* background-attachment: scroll\9; */ position: relative; } .flex{display: flex;} .order1{order: 1;} .ohide{overflow: hidden;} .ju-start{justify-content: flex-start!important;height: 90px;} .c5{transition: all .5s;} .c1{transition: all 1s;} .position-re{position: relative!important;} .line-clamp-1,.line-clamp-2,.line-clamp-3,.line-clamp-4,.line-clamp-5,.line-clamp-6{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;} .line-clamp-1{-webkit-line-clamp: 1;} .line-clamp-2{-webkit-line-clamp: 2;} .line-clamp-3{-webkit-line-clamp: 3;} .line-clamp-4{-webkit-line-clamp: 4;} .line-clamp-5{-webkit-line-clamp: 5;} .line-clamp-6{-webkit-line-clamp: 6;} .text-wrap {white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;} /* ::-webkit-scrollbar { width: 6px; height: 6px; background-color: #F5F5F5; } */ /*瀹氫箟婊氬姩鏉¤建閬 鍐呴槾褰?鍦嗚*/ /* ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } */ /*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/ /* ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color:#8fc31f; } */ .ty-btn{width: 18rem;height: 6.5rem;line-height: 6.5rem;border-radius: .6rem;background: var(--themeColor);display: block;color: #fff;font-size: 2rem;position: relative;text-align: center;border: none; } .ty-btn::before, .ty-btn::after { content: ''; position: absolute; right: 0; top: 0; background: var(--themeColor); } .ty-btn::before { height: 0%; width: 2px; } .ty-btn::after { width: 0%; height: 2px; } .ty-btn:hover { background: transparent; } .ty-btn:hover::before { height: 100%; transition: all 0.5s ease;} .ty-btn:hover::after { width: 100%; transition: all 0.5s ease;} .ty-btn > span { display: block; } .ty-btn:hover > span { color: var(--themeColor); transition: all 0.5s ease;} .ty-btn:hover > span::before { height: 100%; transition: all 0.5s ease;} .ty-btn:hover > span::after { width: 100%; transition: all 0.5s ease;} .ty-btn > span::before, .ty-btn > span::after { content: ''; position: absolute; left: 0; bottom: 0; background: var(--themeColor); } .ty-btn > span:before { width: 2px; height: 0%; } .ty-btn > span:after { width: 0%; height: 2px; } .ty-subtitle{ font-size: 4rem; color: #333; font-weight: 500;line-height: 6rem;letter-spacing: -0.05rem; } .ty-hover-box{overflow: hidden;} .ty-hover-box img{transition: all .5s ease-out;} .ty-hover-box:hover img{transform: scale(1.1);} /* ty-more */ .ty-more{display: flex;align-items: center;padding: 1.5rem 2.7rem;border-radius: 2.5rem;border: 1px solid #fff;line-height: 1;} .ty-more .icon{display: flex;justify-content: center;align-items: center;transition: all .5s;} .ty-more .icon svg,.ty-more .icon img{transition: all .5s;} .ty-more .icon img{width: 1.1rem;} .ty-more .tt{font-size: 1.4rem;color: #fff;padding-right: 2rem;} .ty-more:hover .icon svg{transform: rotate(45deg);} .ty-more:hover .icon img{transform: rotate(45deg);} .ty-bgimg{ background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; position: relative; overflow: hidden; } /* */ .ny-title-box{position: relative;} .ny-title-box .entitle{font-size: 4.2rem; line-height: 5.2rem; font-family: 'Century'; word-break: normal;} .ny-title-box .cntitle{font-size: 3.2rem; line-height: 4.8rem; font-weight: 500; margin-top: 1.2rem;} .ny-title-box .line{width: 10rem;height: .1rem;margin: 2rem auto;background: var(--themeColor2);} /* heaser */ header{position: relative;} header.isheight{min-height: 10rem;} .header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;border-bottom: 1px solid rgba(255, 255, 255, .2);transition: all .3s ease-out;} .header *{transition: all .3s ease-out;} .header.down{ box-shadow: 0 3px 12px rgba(98,107,181,.25);background: #fff;} .header .main{display: flex;justify-content: space-between;align-items: center;} .header .main .top-logo{flex-shrink: 0;} .header .main .top-logo img{height: 4.3rem;} .header .main .top-logo .def{display: block;} .header .main .top-logo .act{display: none;} .header .main .top-menu{flex: 1;} .header .main .top-menu ul{display: flex;justify-content: flex-end;} .header .main .top-menu ul li{position: relative;margin: 0 3rem;} .header .main .top-menu ul li .a{font-size: 1.8rem;color: #fff;white-space: nowrap;line-height: 10rem;display: block;text-align: center;} /* .header .main .top-menu ul li.on .a{font-weight: bold;} */ .header .main .top-menu ul li::after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #fff; transition: all .3s ease-out; transform: translate(-50%,1px);} .header .main .top-menu ul li.on::after{width: 100%;} .header .main .top-menu ul li:hover::after{width: 100%;} .header .main .top-tool{flex-shrink: 0;display: flex;align-items: center;margin-left: 5.5rem;} .header .main .top-tool .top-search{display: flex;justify-content: center;align-items: center;} .header .main .top-tool .top-search img{width: auto;} .header .main .top-tool .top-language{display: flex;justify-content: center;align-items: center;color:#fff;font-size: 1.8rem;margin: 0 2rem;} .header .main .top-tool .top-language a{color: #fff;line-height: 1;} .header .main .top-tool .top-language a:hover{text-decoration: underline;} .header .main .top-tool .top-language span{margin: 0 1rem; width: 1px;height: 1.7rem;background: #fff;} /* down style */ .header.down .main .top-menu ul li .a{color: #333;} .header.down .main .top-menu ul li::after{background: var(--themeColor);} .header.down .main .top-tool .top-search img { filter: invert(.8); } .header.down .main .top-logo .def{display: none;} .header.down .main .top-logo .act{display: block;} .header.down .main .top-tool .top-language a{color: #333;} .header.down .main .top-tool .top-language span{background: #333;} /* */ .header.isblack{ box-shadow: 0 3px 12px rgba(98,107,181,.25); background: #fff;position: relative; } .header.isblack .main .top-menu ul li .a{color: #333;} .header.isblack .main .top-menu ul li::after{background: var(--themeColor);} .header.isblack .main .top-tool .top-search img { filter: invert(.8); } .header.isblack .main .top-logo .def{display: none;} .header.isblack .main .top-logo .act{display: block;} /* subnav */ .subnav{position: absolute;min-width: 160%;background-color: #FFF;margin: 0;box-shadow: 0 2px 38px rgb(0 0 0 / 15%);height: auto;z-index: 199;top: 130%;left: 50%;opacity: 0;visibility: hidden;transition: all .36s ease;border-left: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;border-radius: 5px;transform: translateX(-50%);white-space: nowrap;} .top-menu ul li:hover .subnav {opacity: 1;visibility: visible;top: calc(95%);} .subnav::before{content: "";display: block;position: absolute;left: 50%;top: -8px;margin-left: -5px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 8px solid #fff;} .subnav .item{border-bottom: 1px solid #f5f5f5;} .subnav .item:first-child{border-radius: 5px 5px 0 0;} .subnav .item a{font-weight: 400;color: #666;padding: 8px 10px;line-height: 22px;text-align: center;display: block;transition: all .2s ease-in-out;font-size: 1.4rem;} .subnav .item a:hover{color: var(--themeColor);} /* sm menu */ .sm-menubg{width: 100%;height: 100%;background-color: #333333;opacity: .5;position: fixed;top: 0;left: 0;z-index: 1000;display: none;} .sm-menu{width: 70%;height: 100%;background-color: #FFFFFF;position: fixed;top: 0;left: -70%;z-index: 1001;transition: all .5s;overflow-y: auto;overflow-x: hidden;box-shadow: 1px 1px 1px #9f9f9f80;} .sm-menu nav{} .sm-menu nav ul{overflow: hidden;padding-bottom: 70px;} .sm-menu nav ul li{border-bottom: 1px solid #EEEEEE;position: relative;background-color: #FFFFFF;} .sm-menu nav ul li:first-child{border-top: 1px solid #EEEEEE;} .sm-menu nav ul li a{display: flex;margin: 0 40px;padding: 15px 0;font-size: 16px;align-items: center;} .sm-menu nav ul li a img{margin-right: 5px;display: none;} .sm-menu nav ul .on a img{display: block;} .sm-menu nav ul li .down{position: absolute;top: 0;right: 0;width: 40px;height: 100%;padding-top: 13px;text-align: center;cursor: pointer;} .sm-menu nav ul li .down i{transition: all .3s;transform: rotate(-90deg);font-size: 16px;} .sm-menu nav ul li .rotate i{transition: all .3s;transform: rotate(0deg);} .sm-menu nav ul .on a{color: var(--themeColor);} .sm-menu nav ul li .sub{position: relative;display: none;transition: all .5s;} .height-o{height: 0;} .height-auto{height: auto;} .sm-menu nav ul li .sub a{font-size: 14px;margin: 0;padding: 10px 0 10px 55px;} .sm-menu nav ul .on .sub a{color: #666666;} .sm-menu nav ul .on .sub a:hover{color: var(--themeColor);} .sm-menubar{cursor: pointer;display: none;} .bar-line{width: 26px;height: 2px;background-color: #fff;margin: 6px;} .down .bar-line{background-color: #76838f;} .isblack .bar-line{background-color: #76838f;} .bar-line-top{transition: all .4s;} .bar-line-center{opacity: 1;transition: all .4s;} .bar-line-bottom{transition: all .4s;} .on .bar-line-top{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 8%; -ms-transform-origin: 8%; -o-transform-origin: 8%; transform-origin: 8%; } .on .bar-line-center{opacity: 0;width: 0;} .on .bar-line-bottom{ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 8%; -ms-transform-origin: 8%; -o-transform-origin: 8%; transform-origin: 8%; } @media screen and (max-width:1024px) { .sm-menubar{display: block;} .header .main .top-tool .top-search{margin: 0 1rem;} .header .main .top-tool .top-language{margin: 0 1rem;} .header .main .top-tool .top-language{margin-right: 10px;} } /* banner */ .banner{position: relative;} .banner-swiper{position: relative;} .banner-swiper .item{position: relative;} .banner-swiper .item .img-box{position: relative;overflow: hidden;} .banner-swiper .item .img-box img{width: 100%;height: 100vh;object-fit: cover;} .banner-swiper .item .am-container{position: absolute;width: 100%;margin: 0 auto;height: 100%;top: 0;left:50%;transform: translateX(-50%);display: flex;justify-content: center;align-items: center;} .banner-swiper .item .cont-box{display: flex;flex-direction: column;align-items: center;} .banner-swiper .item .cont-box .p1{font-size: 5.4rem;color: #fff;line-height: 1;font-weight: bold;letter-spacing: .06em;} .banner-swiper .item .cont-box .p2{font-size: 1.6rem;color: #fff;line-height: 1;margin-top: 3rem;margin-bottom: 6rem;letter-spacing: .08em;} .banner-swiper .item .cont-box .p3{font-size: 4.8rem;color: #fff;line-height: 1;margin-bottom: 7rem;font-weight: bold;} .banner-swiper .item .cont-box .more{} .banner-swiper .banner-pa{ bottom: 4rem; top: initial; left: 50%; transform: translateX(-50%); background: #dadada; width: 16rem; overflow: hidden; border-radius: 2px;} .banner-swiper .banner-pa .swiper-pagination-progressbar-fill{ background: var(--themeColor); } .banner-swiper .banner-pa .swiper-pagination-bullet{width: 1rem;height: .4rem;border-radius: .2rem;background: #fff;opacity: 1;transition: all .5s ease-out;margin: 0 .5rem;} .banner-swiper .banner-pa .swiper-pagination-bullet-active{width: 2rem;} .banner .ty-more .icon{margin: 0 auto;} .banner-swiper .item.swiper-slide-active .img-box img{-webkit-animation: banner_outside 7s ease 1 forwards;-moz-animation: banner_outside 7s ease 1 forwards;-o-animation: banner_outside 7s ease 1 forwards;animation: banner_outside 7s ease 1 forwards;} .scroll-tips{position: absolute;bottom: 3rem;left: 0rem;display: flex;align-items: center;z-index: 100;overflow: hidden;} .scroll-tips .mouse{width: 2.2rem;height: 3.2rem;border-radius: 1.1rem;border: .2rem solid #fff;position: relative;} .scroll-tips .txt{font-size: 1.4rem;color: #fff;margin-left: 1rem;} .scroll-tips .mouse:before{content: '';position: absolute;left: 50%;top: .8rem;width: .2rem;height: .8rem;background: #fff;border-radius: 50%;margin-left: -.1rem;animation: scroll 2s infinite;} @keyframes scroll{0%{opacity: 1;}100%{opacity: 0;transform: translateY(2rem);}} @-webkit-keyframes banner_outside{from{-o-transform:scale(1.1);transform:scale(1.1)} to{-o-transform:scale(1);transform:scale(1)}} @-moz-keyframes banner_outside{from{-o-transform:scale(1.1);transform:scale(1.1)} to{-o-transform:scale(1);transform:scale(1)}} @-o-keyframes banner_outside{from{-o-transform:scale(1.1);transform:scale(1.1)} to{-o-transform:scale(1);transform:scale(1)}} @keyframes banner_outside{from{-o-transform:scale(1.1);transform:scale(1.1)} to{-o-transform:scale(1);transform:scale(1)}} /* about */ .about{position: relative;background-repeat: no-repeat;background-size: 100%;background-position: top;} .about .main{padding: 6.5rem 0;display: flex;} .about .main .img-box{overflow: hidden;} .about .main .img-box img{width: 100%;height: 100%;object-fit: cover;} .about .main .cont-box{flex: 1;padding-left: 12rem;padding-right: 4rem;} .about .main .cont-box .title{font-size: 3.8rem;color: #333;font-weight: bold;} .about .main .cont-box .note{font-size: 1.6rem;color: #666;line-height: 2.5625;text-indent: 2em;margin: 6rem 0;text-align: justify;} .ny-ab .main{flex-wrap: wrap;} .ny-ab .main .img-box{width: 100%;order: 1;} .ny-ab .main .cont-box{padding-left: 0;padding-right: 0;} .ab-data{display: flex;flex-wrap: wrap;} .ny-ab-data{display: flex;flex-wrap: nowrap;} .ab-data .item{width: 33.33333%;padding-top: 4rem;display: flex;} .ab-data .item-main{min-width: 16rem;border-bottom: 1px solid #ebebeb;line-height: 1;} .ab-data .item .num-box{display: flex;align-items: baseline;} .ab-data .item .num-box .num{font-size: 5.6rem;color: var(--themeColor);font-weight: bold; /* font-family: "sans-serif"; */ /* font-family: "math"; */ } .ab-data .item .num-box .dw{font-size: 1.8rem;color: var(--themeColor);padding-left: 1.5rem;} .ab-data .item .tt{font-size: 1.6rem;color: #666;margin-top: 1.4rem;margin-bottom: 2rem;} .jszx-date{justify-content: space-between;} .jszx-date .item{width: auto;} .jszx-date .item-main{min-width: auto;border: none;} /* product */ .pro{position: relative;overflow: hidden;} .pro-wrap{position: relative;} .pro-wrap .bd-list{position: absolute!important;width: 100%!important;height: 100%!important;top: 0;left: 0;} .pro-wrap .bd-list .item{overflow: hidden;background-repeat: no-repeat;background-size: cover;width: 100%!important;height: 100%!important;background-position: center;} .pro .main{position: relative;z-index: 10;padding-top: 4rem;} .pro .main .note{max-width: 410px;font-size: 1.6rem;color: #fff;line-height: 2;margin: 6rem 0 8rem;} .pro .main .btn{display: flex;} .pro .main .hd-list{display: flex;} .pro .main .hd-list li{position: relative;height: 45vh;width: 33.33333%;transition: all .3s ease-out;} .pro .main .hd-list li *{transition: all .3s ease-out;} .pro .main .hd-list li a{display: flex;flex-direction: column;justify-content: flex-end;align-items: center;position: relative;padding-bottom: 10rem;height: 100%; } .pro .main .hd-list li a .title{font-size: 2.4rem;font-weight: bold;color: #fff;line-height: 1;} .pro .main .hd-list li a .subtitle{font-size: 1.6rem;color: #fff;line-height: 1;margin: 2rem 0 4rem;} .pro .main .hd-list li a .icon{width: 4.8rem;height: 4.8rem;border-radius: 100%;border: 1px solid rgba(255, 255, 255, .5);position: relative;} .pro .main .hd-list li a .icon::before{ content: ''; position: absolute; left: 50%; top: 50%; width: 1.7rem; height: .3rem; background: #fff; border-radius: 1px; transform: translate(-50%,-50%); } .pro .main .hd-list li a .icon::after{ content: ''; position: absolute; left: 50%; top: 50%; width: .3rem; height: 1.7rem; background: #fff; border-radius: 1px; transform: translate(-50%,-50%); } .pro .main .hd-list li a:hover{ background: linear-gradient(to top, rgba(49, 102, 181, 1) 0%, rgba(49, 102, 181, 0) 100%); } .pro .main .hd-list li a:hover .icon{ border-color: #fff;background: #fff; transform: rotate(90deg);} .pro .main .hd-list li a:hover .icon::before{ background: var(--themeColor); } .pro .main .hd-list li a:hover .icon::after{ background: var(--themeColor); } .pro .main .hd-list li.on a{ background: linear-gradient(to top, rgba(49, 102, 181, 1) 0%, rgba(49, 102, 181, 0) 100%); } .pro .main .hd-list li.on a .icon{ border-color: #fff;background: #fff; transform: rotate(90deg);} .pro .main .hd-list li.on a .icon::before{ background: var(--themeColor); } .pro .main .hd-list li.on a .icon::after{ background: var(--themeColor); } /* 搴旂敤棰嗗煙 */ .yyly{position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;} .yyly-wrap{position: relative;} .yyly .hd-list{width: 50%;padding: 10rem 0;} .yyly .hd-list ul{display: flex;flex-wrap: wrap;margin: 0 -1.5rem;} .yyly .hd-list ul *{transition: all .3s ease-out;} .yyly .hd-list ul li{width: calc(50% - 3rem); margin:1.5rem;border: 1px solid #e1e1e1;padding: 5rem 0;cursor: pointer;background: #fff;} .yyly .hd-list ul li .icon-box{width: 8.6rem;height: 8.6rem;border-radius: 100%;background: #fff;display: flex;justify-content: center;align-items: center;position: relative;margin: 0 auto;} .yyly .hd-list ul li .icon-box img{max-width: 90%;} .yyly .hd-list ul li .title{font-size: 1.8rem;color: #333;line-height: 1;margin-top: 3rem;text-align: center;margin-bottom: 1.4rem;} .yyly .hd-list ul li.on{background: var(--themeColor);border-color: var(--themeColor);} .yyly .hd-list ul li.on .icon-box::before{ content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; background: rgba(255, 255, 255, .1); transform: translate(-50%,-50%) scale(1.3);border-radius: 100%; } .yyly .hd-list ul li.on .title{color: #fff;} .yyly .bd-list{position: absolute!important;width: calc(50% - 5.208333333%)!important;margin-left: 5.208333333%;height: 100%!important;top: 0;right: 0;} .yyly .bd-list .item{ background-repeat: no-repeat;background-size: 100% 100%;width: 100%!important;height: 100%!important; } /* 鎶€鏈爺鍙 */ .jsyf{position: relative;} .jsyf-swiper{position: relative;margin: 4rem 0 5rem;} .jsyf-swiper .item{position: relative;} .jsyf-swiper .item .img-box{overflow: hidden;} .jsyf-swiper .item .img-box img{width: 100%;} .jsyf-swiper .item .cont-box{ position: absolute; top: 50%; left: 12.14285714%; transform: translateY(-50%); display: flex; justify-content: center; align-items: flex-start; flex-direction: column; ;z-index: 20; } .jsyf-swiper .item .cont-box .title{font-size: 2.8rem;color: #fff;font-weight: bold;line-height: 1;} .jsyf-swiper .item .cont-box .note{font-size: 1.8rem;color: #fff;line-height: 2;margin: 4rem 0 6rem;} .jsyf-swiper .item .cont-box .btn{display: flex;} .jsyf-prev, .jsyf-next{position: absolute;top: 50%;transform: translateY(-50%);width: 6rem;height: 6rem;background: var(--themeColor);border-radius: 100%;display: flex;justify-content: center;align-items: center;cursor: pointer;z-index: 10;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .2);} .jsyf-prev img, .jsyf-next img{ transition: all .3s ease-out;width: 1.3rem; } .jsyf-prev:hover img{ transform: translateX(-.5rem); } .jsyf-next:hover img{ transform: translateX(.5rem); } .jsyf-prev{left: 3rem;} .jsyf-next{right: 3rem;} .jsyf-data{padding-bottom: 6rem;display: flex;justify-content: space-around;} .jsyf-data .item{line-height: 1;} .jsyf-data .item .num-box{display: flex;align-items: baseline;} .jsyf-data .item .num-box .num{font-size: 5.6rem;font-weight: bold;color: var(--themeColor);} .jsyf-data .item .num-box .dw{font-size: 1.8rem;color: var(--themeColor);margin-left: 1.5rem;} .jsyf-data .item .tt{font-size: 1.6rem;color: #666;margin-top: 1.5rem;} /* news */ .news{position: relative;} .news .main{padding-top: 3rem;} .news .main .top{display: flex;justify-content: space-between;align-items: center;} .news .main .top .cla{display: flex;} .news .main .top .cla li{margin-left: 2rem;} .news .main .top .cla li a{padding: 1.6rem 4.4rem;border-radius: 2.5rem;border: 1px solid #999;display: flex;justify-content: center;align-items: center;line-height: 1;} .news .main .top .cla li.on a{ background: var(--themeColor);color: #fff; } .news-swiper{position: relative;} .news-swiper .item{transition: all .5s ease-out;} .news-swiper .item *{transition: all .5s ease-out;} .news-swiper .item a{display: block;border-top: 1px solid #ebebeb;padding: 5rem 0;position: relative;} .news-swiper .item a::before{ content: ""; position: absolute; left: auto; right: 0; top: 0; width: 0; height: 1px; background: var(--themeColor); transition: all .5s ease-out; } .news-swiper .item a:hover::before{ width: 100%;right: auto; left: 0; } .news-swiper .item a .title{font-size: 1.8rem;color: #333;font-weight: bold;line-height: 1;margin-bottom: 3rem;} .news-swiper .item a .note{font-size: 1.6rem;color: #999;line-height: 2;} .news-swiper .item a .img-box{overflow: hidden;margin-top: 5rem;} .news-swiper .item a .img-box img{width: 100%;} .news-swiper .item a:hover .title{color: var(--themeColor);} .news-swiper .item a:hover .img-box img{transform: scale(1.1);} /* 鍚堜綔浼欎即 */ .hzhb{} .hzhb .main{display: flex;justify-content: space-between; margin-right: -11rem;padding: 7rem 0 15rem;align-items: center;} .hzhb .main .cont-box{flex-shrink: 0;padding-right: 2rem;} .hzhb .main .cont-box .title{font-size: 3rem;font-weight: bold;color: #333;font-weight: bold;} .hzhb .main .cont-box .title b{font-size: 6.8rem;color: var(--themeColor);} .hzhb .main .cont-box .note{font-size: 1.6rem;line-height: 2;color: #333;margin: 6rem 0;} .hzhb .main .cont-box .btn{display: flex;} .hzhb .main .cont-box .btn .more{border-color: #333;} .hzhb .main .cont-box .btn .more .tt{color: #333;} /* footer */ footer{position: relative;background: #010812;} .foot{position: relative;} .foot .main{display: flex;border-bottom: 1px solid rgba(255, 255, 255, .3);justify-content: space-between;} .f-logo{margin-bottom: 4rem;display: block;} .f-contact{position: relative;} .f-contact .p1{font-size: 1.6rem;color: rgba(255, 255, 255, .6);margin: 1.5rem 0;display: block;} .f-nav{display: flex;flex: 1;justify-content: flex-end;} .f-nav .item{margin: 0 3.3rem;} .f-nav .item .title{display: block;font-size: 1.8rem;color: #fff;margin-bottom: 4rem;} .f-nav .item .subtitle{font-size: 1.6rem;color: rgba(255, 255, 255, .6);display: block;margin: 1.5rem 0;} .f-nav .item .subtitle:hover{color: #fff;} .f-code{font-size: 1.4rem;color: #fff;text-align: center;margin-left: 9rem;} .f-code img{max-width: 10rem;} .f-code p{margin-top: 1rem;} .f-icon{display: flex;margin: 3rem 0;} .f-icon .item{width: 4rem;height: 4rem;border-radius: 4rem;background: #fff;display: flex;justify-content: center;align-items: center;margin-right: 1rem;} .f-icon .item.kf{width: 12rem;} .f-icon .item svg{} .f-icon .item i{color: #999;line-height: 1;font-size: 1.8rem;} .f-icon .item span{font-size: 1.6rem;color: #333;margin-left: 1rem;} .f-copyright{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 4rem 0;} .f-copyright .p1{font-size: 1.4rem;color: rgba(255, 255, 255, .5);} .f-copyright .p1 a{color: rgba(255, 255, 255, .5);} .f-copyright .p1 a:hover{color: #fff;} .f-copyright .p1 a img{height: 2rem;margin-top: -.9rem;} /* ny-banner */ .ny-banner{position: relative;overflow: hidden;} .ny-banner .img-box{overflow: hidden;} .ny-banner .img-box img{width: 100%;height: 100%;object-fit: cover; animation: bigimgani 5000ms 1 ease forwards;} .ny-banner .cont-box{position: absolute;width: 100%;height: 100%;top: 0;left: 50%;transform: translateX(-50%); display: flex;justify-content: flex-start;align-items: flex-end;z-index: 2;} .ny-banner .cont-box .cont{ background: var(--themeColor); padding: 3rem 9rem 3rem 3rem; } .ny-banner .cont-box .entitle{font-size: 2.2rem;color: #fff; line-height: 1.3;text-transform: uppercase;} .ny-banner .cont-box .title{display: block;color: #fff;font-size: 4.4rem;line-height: 1.3;font-weight: bold;} @keyframes bigimgani{0%{transform:scale(1.0);} 100%{transform:scale(1.1);}} /* value */ .value{position: relative;} .value .main{padding: 12% 0;} .value .main ul{display: flex;flex-wrap: wrap;margin: 0 -2rem;} .value .main ul li{margin: 2rem;background: #fff;width: calc(50% - 4rem);padding: 4rem 3rem;cursor: pointer;position: relative;transition: all .5s ease-out;top: 0;min-height: 30rem;} .value .main ul li:hover{ top: -1rem; box-shadow: 0 2px 12px 0 rgb(29 92 184 / 20%); } .value .main ul li .title-box{display: flex;justify-content: space-between;align-items: center;} .value .main ul li .title-box .title{font-size: 2.8rem;color: var(--themeColor);font-weight: bold;} .value .main ul li .title-box .entitle{font-size: 2rem;color: #999;} .value .main ul li .title-box .icon{height: auto;} .value .main ul li:hover .title-box .icon{ animation: myshake .5s; /* animation-iteration-count: infinite; */ animation-direction: alternate; animation-timing-function: ease-in-out; } .value .main ul li .note{font-size: 1.6rem;color: #666;line-height: 2;margin-top: 4rem;} @keyframes myshake { 0% {transform: translateX(0);} 25% {transform: translateX(-5px) rotate(-5deg);} 50% {transform: translateX(5px) rotate(5deg);} 75% {transform: translateX(-5px) rotate(-5deg);} 100% {transform: translateX(0);} } /* 涓氬姟鍒嗛儴 */ .ywfb{position: relative;} .ywfb .top{display: flex;justify-content: space-between;align-items: center;} .ywfb .top .cla{display: flex;} .ywfb .top .cla li{margin-left: 2rem;} .ywfb .top .cla li a{padding: 1.6rem 3.1rem;border-radius: 2.5rem;border: 1px solid #999;display: flex;justify-content: center;align-items: center;line-height: 1;} .ywfb .top .cla li.on a{ background: var(--themeColor);color: #fff; } .ywfb .main{display: block;justify-content: space-between;padding-top: 10rem;} .ywfb .main .cont-box{padding-top: 6rem;padding-right: 2rem;} .ywfb .main .cont-box h3{font-size: 3.8rem;color: #333;font-weight: bold;margin-bottom: 8rem;white-space: nowrap;} .ywfb .main .cont-box .title{font-size: 3rem;color: #333;line-height: 1.666;font-weight: bold;} .ywfb .main .cont-box .title b{font-size: 6.8rem;color: var(--themeColor);font-weight: bold;} .ywfb .main .cont-box .note{font-size: 1.6rem;color: #666;line-height: 2;margin-top: 6rem;} .ywfb .main .img-box{display: flex;justify-content: center;width: 100%;} .ywfb .main .img-box img{} /* 鑽h獕璧勮川 */ .ny-ryzz{position: relative;} .ny-ryzz .main{padding: 6rem 0;} .ny-ryzz .main ul{display: flex;flex-wrap: wrap;margin: 0 -4rem;} .ny-ryzz .main ul li{width: calc(33.333333% - 8rem);margin: 3rem 4rem;cursor: pointer;position: relative;transition: all .3s linear;top: 0;} .ny-ryzz .main ul li:hover{top: -1rem;} .ny-ryzz .main ul li:hover{transform: translateY(-1rem); box-shadow: 0 2px 12px 0 rgb(29 92 184 / 20%);} .ny-ryzz .main ul li .img-box{overflow: hidden;} .ny-ryzz .main ul li .img-box img{width: 100%;} /* 鍏氬缓宸ヤ細 */ .djgh{position: relative;} .djgh .main{padding-top: 6.5rem;} .djgh .main .item{display: flex;background: #fff;} .djgh .main .item .img-box{width: 50%;overflow: hidden;} .djgh .main .item .img-box img{width: 100%;height: 100%;object-fit: cover;transition: all .5s ease-out;} .djgh .main .item .img-box img:hover{transform: scale(1.1);} .djgh .main .item .cont-box{padding: 5rem;display: flex;flex-direction: column;justify-content: space-between;width: 50%;} .djgh .main .item .cont-box .title-box{display: flex;align-items: center;} .djgh .main .item .cont-box .title-box .icon{margin-right: 2rem;} .djgh .main .item .cont-box .title-box .title{font-size: 3.8rem;font-weight: bold;color: #333;} .djgh .main .item .cont-box .note{font-size: 1.8rem;color: #666;line-height: 2;flex: 1;margin-bottom: 5rem;margin-top: 5rem;text-indent: 2em;text-align: justify;} .djgh .main .item .cont-box .btn{display: flex;} .djgh .main .item .cont-box .btn .more{border-color: #333;} .djgh .main .item .cont-box .btn .more .tt{color: #333;} /* ny-cla */ .ny-cla{position: relative;background: #edeff0;} .ny-cla ul{display: flex;} .ny-cla ul li{margin: 0 2rem;padding: 0 1rem;} .ny-cla ul li:first-child{margin-left: 0;} .ny-cla ul li a{font-size: 1.8rem;line-height: 8rem;color: #666;display: block;position: relative;} .ny-cla ul li a::after{content: '';position: absolute;left: auto; right: 0;bottom: 0;width: 0%;height: .3rem;background: var(--themeColor);transition: all .3s ease-out;} .ny-cla ul li.on a{color: var(--themeColor);font-weight: bold;} .ny-cla ul li.on a::after{ width: 100%; left: 0;right: auto; } .ny-cla ul li a:hover{color: var(--themeColor);font-weight: bold;} .ny-cla ul li a:hover::after{ width: 100%; left: 0;right: auto; } /* 鎶€鏈腑蹇 */ .jszx{position: relative;background-size: cover;} .jszx .main .img-box{max-width: 50%;} .jszx .main .img-box img{border-radius: 0rem;} .jszx .main .cont-box { flex: 1; padding-right: 8rem; padding-left: 0; } .jszx .main .cont-box .note{margin: 4rem 0 3rem;line-height: 2.25;} .jszx-date-box{display: flex;align-items: flex-end;} .jszx-date{flex: 1;} .jszx-zs{display: flex;width: 100%;padding-left: 0rem;} .jszx-zs .item{margin: 0 1rem;} .jszx-zs .item img{} /* js-team */ .js-team{position: relative;} .js-team .main{display: flex;justify-content: space-between;padding: 8rem 0;flex-wrap: wrap;} .js-team .main .left{max-width: 100%;width: 100%;} .js-team .main .left .note{font-size: 1.8rem;color: #fff;line-height: 2;margin-top: 6rem;text-indent: 2em;text-align: justify;} .js-team .main .right{max-width: 100%;width: 100%;} .js-team .main .right ul{display: flex;flex-wrap: wrap;margin-top: 5rem;align-items: center;justify-content: space-between;} .js-team .main .right ul li{width: auto;padding: 1rem;} .js-team .main .right ul li img{} /*.js-team .main .right ul li:last-child{width: 100%;padding: 1rem;}*/ /* .js-team .main .right ul li:last-child img{width: 100%;} */ /* zlkz */ .zlkz{position: relative;background: #eff3f6;} .zlkz .main{} .zlkz .main .note{font-size: 1.8rem;color: #333;line-height: 2;text-indent: 2em;margin: 6rem 0;} .zlkz-list{position: relative;} .zlkz-list{position: relative;} .zlkz-swiper{position: relative;} .zlkz-swiper .item{position: relative;} .zlkz-swiper .item::after{ content: "";background: rgba(0,0,0,.1); position: absolute;left: 0;right: 0;bottom: 0;top: 0;width: 100%;height: 100%; transition: all .3s ease-out; } .zlkz-swiper .item img{width: 100%;} .zlkz-swiper .item .title{font-size: 1.8rem;color: #fff;position: absolute; left: 50%;top: 85%;transform: translate(-50%,-50%);z-index: 10; transition: all .5s; } .zlkz-swiper .item:hover::after{background: rgba(0,0,0,.3);} .zlkz-swiper .item:hover .title{top: 50%;} .zlkz-list .jsyf-prev{left: -9rem;} .zlkz-list .jsyf-prev, .zlkz-list .jsyf-next{background: #c1c1c1;} .zlkz-list .jsyf-next{right: -9rem;} /* rzzs */ .rzzs{position: relative; background: #f8fafd;} .rzzs .main{} .rzzs-swiper{padding: 10rem 0;} .rzzs-swiper .item{padding: 2rem;background: #fff;cursor: pointer;position: relative;} .rzzs-swiper .item::after{ content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0%; height: .4rem; background: var(--themeColor); transition: all .3s ease-out; } .rzzs-swiper .item .img-box{overflow: hidden;border: 1px solid #eee;} .rzzs-swiper .item .img-box img{width: 100%;transition: all .3s ease-out;} .rzzs-swiper .item .title{font-size: 1.8rem;color: #333;line-height: 1;margin: 2rem 0;text-align: center;transition: all .3s ease-out;} .rzzs-swiper .item:hover::after{ width: 100%; } .rzzs-swiper .item:hover .title{color: var(--themeColor);font-weight: bold;} .rzzs-swiper .item:hover .img-box img{transform: scale(1.05);} .rzzs-swiper .rzzs-pa{display: flex;justify-content: center;align-items: center;} .rzzs-swiper .rzzs-pa .swiper-pagination-bullet{ width: 1.5rem; height: 1.5rem;margin: 0 1rem;display: flex;border-radius: 100%;border: 1px solid transparent; border-radius: 100%; background: none;position: relative;justify-content: center;align-items: center; opacity: .5; } .rzzs-swiper .rzzs-pa .swiper-pagination-bullet::after{ content: "";width: .5rem;height: .5rem;background: var(--themeColor);border-radius: 100%;transition: all .3s ease-out; display: block; } .rzzs-swiper .rzzs-pa .swiper-pagination-bullet-active{ border: 1px solid var(--themeColor);opacity: 1; } /* ny-hzhb */ .ny-hzhb{position: relative;} .ny-hzhb .main{padding-top: 8rem;} .ny-hzhb .main ul{margin: 0 -.8rem;display: flex;flex-wrap: wrap;} .ny-hzhb .main ul li{width: 20%;padding: .8rem;position: relative;top: 0;transition: all .3s;} .ny-hzhb .main ul li:hover{top: -1rem;} .ny-hzhb .main ul li img{} /* ny-news */ .ny-news{position: relative;} .ny-news ul{position: relative;} .ny-news ul li{padding: 4rem 0;border-bottom: 1px solid #F1F1F1;position: relative;transition: all .5s;} .ny-news ul li:first-child{padding-top: 0;} .ny-news ul li::after{ content: "";width: 0;left: 0;height: 1px;background: var(--themeColor); position: absolute;bottom: 0; transition: all .5s;} .ny-news ul li a{display: flex;position: relative;} .ny-news ul li a *{transition: all .5s;} .ny-news ul li a .img-box{overflow: hidden;width: 25%;} .ny-news ul li a .img-box img{width: 100%;height: 100%;object-fit: cover;} .ny-news ul li a .cont-box{padding: 0 6rem;flex: 1;} .ny-news ul li a .cont-box .time{font-size: 1.4rem;color: #666;} .ny-news ul li a .cont-box .title{font-size: 2.2rem;color: #333;line-height: 1;margin: 3rem 0;} .ny-news ul li a .cont-box .note{font-size: 1.6rem;color: #666;} .ny-news ul li a .btn{width: 6rem;height: 6rem;border-radius: 100%;background: #E1E1E1;flex-shrink: 0;display: flex;justify-content: center;align-items: center;line-height: 1;align-self: center;} .ny-news ul li a .btn .icon{font-size: 2rem;color: #999;} .ny-news ul li:hover::after{width: 100%;} .ny-news ul li a:hover .img-box img{transform: scale(1.1);} .ny-news ul li a:hover .title{color: var(--themeColor);} .ny-news ul li a .btn:hover{background: var(--themeColor);transform: scale(1.05);} .ny-news ul li a .btn:hover .icon{color: #fff;transform: translateX(.5rem);} /* ny-bus */ .ny-bus{position: relative;background: #fafbfe;} .ny-bus .main{position: relative;margin: 0 auto;width: 95%;} .ny-bus .list{padding: 5rem 0;} .ny-bus .list li{position: relative;padding: 5rem 0;} .ny-bus .list a{display: flex;flex-wrap: wrap;background: #fff;} .ny-bus .list a .img-box{padding: 0;overflow: hidden;} .ny-bus .list a .img-box img{width: 100%;height: 100%;object-fit: cover;transition: all .5s ease-out;} .ny-bus .list a:hover .img-box img{transform: scale(1.1);} .ny-bus .list a .cont-box{padding: 4%;display: flex;flex-direction: column;} .ny-bus .list a .cont-box .title{font-size: 3rem;font-weight: initial;margin-bottom: 2.8rem;color: var(--themeColor); font-weight: bold;} .ny-bus .list a .cont-box .note{font-size: 1.8rem;color: #666;margin-bottom: 4rem;line-height: 2;} .ny-bus .list a .cont-box .cont{font-size: 1.6rem;color: #666;line-height: 2;} .ny-bus .list a .cont-box .btn{width: 16rem;height: 4rem;border: 1px solid #be9a50;display: flex;justify-content: center;align-items: center;color: #be9a50;position: relative;} .ny-bus .list a .cont-box .btn span{display: block;position: relative;z-index: 2;transition: all .5s ease-out;} .ny-bus .list a .cont-box .btn::before{content: "";width: 0%;height: 100%;background: #be9a50;position: absolute;left: auto;right: 0;top: 0;transition: all .5s ease-out;z-index: 1;} .ny-bus .list a .cont-box .btn:hover::before{width: 100%;right: auto;left: 0;} .ny-bus .list a .cont-box .btn:hover span{color: #fff;} /* .ny-bus .list a:hover .cont-box .title{color: var(--themeColor);} */ /* .ai-end{align-items: flex-end} */ /* pagelist */ .pages{text-align:center; font-size:14px; margin:15px 0;} .pages a{display: inline-block;padding: 5px 14px;border: 1px solid #ddd;margin-left: 4px; background:#fff;} .pages a.on ,.pages a:hover{background: var(--themeColor);color: #FFF;} @media screen and (max-width:1024px) { .pages {text-align: center;font-size: 10px;margin: 5px 0;} .pages a {display: inline-block;padding: 5px 10px;border: 1px solid #ddd;margin-left: 4px;background: #fff;} } /* ny-fixed */ .ny-fixed{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-repeat: no-repeat;background-size: cover;background-position: center center;z-index: -1;} /* ny-news-de */ .djgh-de{position: relative;} .djgh-de .main{background: #fff;box-shadow: 0 3px 12px rgba(98,107,181,.25);} .djgh-de .main .hd{padding: 5rem 8rem 3rem;border-bottom: 1px solid #ccc;} .djgh-de .main .hd .title{font-size: 2.8rem;color: #333;font-weight: initial;margin-bottom: 1rem;} .djgh-de .main .hd .time{font-size: 1.6rem;color: #999;} .djgh-de .main .bd{padding: 4rem 8rem;font-size: 1.6rem;color: #666;line-height: 2;min-height: 250px;} .djgh-de .main .bd p{margin-bottom: 1rem;} .djgh-de .main .ft{padding: 3rem 0 4rem;margin: 0 8rem;display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #aaaaaa;} .djgh-de .main .ft a{ display: block; width: 14.5rem; height: 3.8rem; border: 1px solid #b5b5b5;font-size: 1.4rem; overflow: hidden; position: relative;display: flex;justify-content: center;align-items: center; transition: all .2s ease-out;} .djgh-de .main .ft a .icon{font-size: 1.6rem;line-height: 1;margin-top: -1px;transition: all .2s ease-out;} .djgh-de .main .ft a p{padding: 0 1rem;} .djgh-de .main .ft a:hover{background: var(--themeColor);color: #fff;} .djgh-de .main .ft a.ft-prev:hover .icon{transform: translateX(-1rem);} .djgh-de .main .ft a.ft-next:hover .icon{transform: translateX(1rem);} @media screen and (max-width:1024px) { .djgh-de .main .hd{padding: 2rem 2.5rem;} .djgh-de .main .bd{padding: 2rem 2.5rem;} .djgh-de .main .ft{padding: 4rem 0;margin: 0 2.5rem;} } /* 鏂伴椈鍐呭 */ .ny-news-de{background: #f5f5fa;} .ny-news-l{ width: calc(100% - 480px);float: left;background: #ffffff;padding: 50px 3%;box-sizing: border-box;box-shadow: 0 1px 10px 0 rgb(206 223 241 / 20%);} .ny-news-r{ width: 440px;float: right;padding: 30px 2.3% 0;box-sizing: border-box;background: #fff;box-shadow: 0 1px 10px 0 rgb(206 223 241 / 20%);} .nynews-head{ border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:20px;} .nynews-head h1{ font-size:26px; margin-bottom:10px;} .nynews-head .info{ font-size:14px; color:#999;} .nynews-head .info span{ display:inline-block; margin-right:15px;} .nynews-boxarc{ border-bottom:1px solid #eee; margin-bottom:30px; line-height:2; padding-bottom:20px;} .nysxp{ position:relative;padding-right: 150px;} .nysxp ul li{ line-height:2;} .nysxp ul li a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .nysxp .return{ position:absolute; right:0; top:50%; transform:translateY(-50%)} .nysxp .return a{ display:block; border-radius:30px; padding:10px 35px; border:1px solid #ddd; font-size:14px;} .nysxp .return a:hover{ border-color:var(--themeColor); background:var(--themeColor); color:#fff;} .ny-news-r .title{font-size: 20px;padding-bottom: 10px;line-height: 3;font-weight: bold;border-bottom: 1px solid #eee;} .right_list a{display:block;padding:0 0 20px;width:100%;border-top:1px dashed #e5e5e5} .right_list a:first-child{border-top:0} .right_list .picture{width:100%; overflow:hidden;} .right_list .picture img{ transition:all .3s linear;} .right_list .picture:hover img{ transform:scale(1.06)} .right_list .lans{width:100%} .right_list .t1{font-size:16px;line-height:26px;color:#333;margin:21px 0 15px} .right_list .t2{font-size:14px;color:#999} .right_list a:hover .t1{color:var(--themeColor);} @media screen and (max-width:1024px) { .ny-news-l{width: auto;float:none;padding:15px;margin-left: -1.5rem;margin-right: -1.5rem;margin-top: -20px;border-radius: 10px;} .ny-news-r{width: auto;float:none;margin-top:15px;padding-top:10px;margin-left: -1.5rem;margin-right: -1.5rem;padding-left: 1.5rem;padding-right: 1.5rem;border-radius: 10px;} .nynews-head h1{ font-size:16px;} .nynews-head .info{ font-size:1rem;} .nynews-head .info span{ margin-right:5px;} .nynews-boxarc p,.nynews-boxarc{ font-size:13px;} .nysxp{ position:relative;padding-right: 0px;} .nysxp ul li{font-size:12px;} .nysxp ul li a{ font-size:12px;} .nysxp .return{ position:relative; top:0; transform:translate(0); text-align:center; margin-top:20px;} .nysxp .return a{ display:inline-block; padding:5px 20px; font-size:12px;} .ny-news-r .title{ font-size:18px; line-height:2;} .right_list .t2{ font-size:12px;} .right_list .t1{font-size: 14px;line-height: 26px;margin: 10px 0 6px;} .right_list a {padding: 0 0 10px;} } /* 猫聛鈥澝陈幻λ嗏€樏ぢ宦 */ .map{position: relative;} .map .main{position: relative;} #allmap{ height:640px;} #allmap img{ max-width:inherit;} .ny-warp{padding: 40px 0;background: #fafbfb;position: relative;z-index: 1;} .ny-ct-main{background:#fff;padding:80px;margin-top:0;min-height:400px;position:relative;z-index:999;} .ny-ct-left{ width:50%; float:left;} .ny-ct-left .tit{ font-size:32px; margin-bottom:10px;} .ny-ct-left .note{color:#999; } .ny-ct-left .cont{margin-top:40px;} .ny-ct-left .cont p{ border-bottom:1px dashed #eee; margin-bottom:15px; padding-bottom:15px;} .ny-ct-left .cont p img{ margin-right:10px;} .ny-ct-right{ width:50%; float:right; padding-left:40px;} .mesipu{} .mesipu .item{} .mesipu .item .iput{ width:50%; float:left; padding:0 10px; margin-bottom:20px;position:relative;} .mesipu .item .iput:nth-child(3){} .mesipu .item .iput .bitian{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#f30;font-size:14px;} .mesipu .item .iput .am-form-field{ padding:15px; background:#f5f5f5; border:none; outline:none;} .zbcg-mes .mesipu .item .iput{width:25%;} .mesipu .item.wyb .iput{ width:100%;} .c-t-m-btn{ padding-left:10px;} .c-t-m-btn .yzm{ float:left; width:50%; margin-right:15px; position:relative;} .c-t-m-btn .yzm .am-form-field{ padding:15px; background:#f5f5f5; border:none; outline:none;} .c-t-m-btn .yzm img{ position:absolute; right:10px; top:50%; transform:translateY(-50%); z-index:23;} .c-t-m-btn .am-btn{ background:var(--themeColor); padding:15px; width: calc(50% - 25px); color:#fff; border-radius:4px;} .zbcg-mes .mesipu .item .iput:nth-child(3){width:25%;} @media screen and (max-width: 1024px) { #allmap {height: 60vh;font-size: 12px;} .ny-ct-main{ padding:15px; margin-top:0px;} .ny-ct-left{ width:100%; float:none;} .ny-ct-left .tit{ font-size:16px; font-weight:bold;} .ny-ct-left .note{ font-size:12px;} .ny-ct-left .cont{ margin-top:20px;} .ny-ct-left .cont p{ font-size:14px;} .ny-ct-left .cont p img{ width:20px; margin-right:5px;} .ny-ct-right{ width:100%; float:none; padding-left:0;} .mesipu .item .iput{width: 100%;float: none; margin-bottom: 10px;font-size: 12px;} .zbcg-mes .mesipu .item .iput,.zbcg-mes .mesipu .item .iput:nth-child(3){width:100%;} .mesipu .item .iput:last-child{margin-bottom: 0;} .mesipu .item .iput .bitian{font-size:12px;} .mesipu .item .iput .am-form-field{font-size: 12px;} .mesipu .item{margin-bottom: 10px;} .c-t-m-btn{ padding-right:10px;} .c-t-m-btn .am-btn{ padding:10px; width:140px; font-size:12px; display:block; margin:0 auto;} .c-t-m-btn .yzm .am-form-field{font-size: 12px;} .c-t-m-btn .yzm{ float:none; width:100%; margin-right:0; margin-bottom:10px;} } .wechat-ses{ width: 70%; padding: 30px;background: #fff;border-radius: 10px;position: fixed;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%); z-index: 1404; display: none;} .wechat-ses .icon{width: 44px;height: 44px;display: block;margin: 0 auto;} .wechat-ses .tit{font-size: 18px;font-weight: bold;text-align: center; margin-top: 10px; margin-bottom: 15px;} .wechat-ses .note{font-size: 14px;color: #777;text-align: center; margin-bottom: 15px;} .wechat-ses .wxbtn{text-align: center;} .wechat-ses .wxbtn a{font-size: 14px; display: inline-block; padding: 8px 30px;background-color: #1aad17;color: #fff;border-radius: 6px;} .wechat-wrap{background: rgba(0, 0, 0, .6);width: 100%;height: 100%;position: fixed;left: 0;top: 0; z-index: 1400; display: none;} .wechat-dialog{width:90%; background:#fff; border-radius:10px; padding:18px; position:fixed; left:5%; top:50%; transform:translate(0,-50%); z-index:1211; display:none;box-sizing:border-box;} .wechat-dialog .tit{ text-align:center; font-size:20px;} .wechat-dialog .copy-wx{ background:#f5f5f5; border-radius:10px; padding:20px; text-align:center; margin:15px 0; color:#666;} .wechat-dialog .copy-wx .info{ font-size:12px; color:#999;} .wechat-dialog .copy-wx p span{ color:#25ba45;} .wechat-dialog .wx-close{ position:absolute; right:5px; top:5px; font-size:20px; padding:0 10px; cursor:pointer;} .wechat-mask{ position:fixed; display:none; width:100%; height:100%; background:rgba(0,0,0,.5); left:0; top:0;z-index:1210;} .wechat-ses{ width:400px; max-width: 70%; padding: 30px;background: #fff;border-radius: 10px;position: fixed;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%); z-index: 1404; display: none;box-shadow: 0 2px 20px 2px rgba(0,0,0,.5);} .wechat-ses .icon{width: 44px;height: 44px;display: block;margin: 0 auto;} .wechat-ses .tit{font-size: 18px;font-weight: bold;text-align: center; margin-top: 10px; margin-bottom: 15px;} .wechat-ses .note{font-size: 14px;color: #777;text-align: center; margin-bottom: 15px;} .wechat-ses .wxbtn{text-align: center;} .wechat-ses .wxbtn a{font-size: 14px; display: inline-block; padding: 8px 30px;background-color: #1aad17;color: #fff;border-radius: 6px;} .foot-bar{ position:fixed; width:100%; height:54px; background:var(--themeColor); left:0; bottom:0; z-index:999;} .foot-bar ul li{ padding-top:8px;} .foot-bar ul li a{ color:#fff; font-size:12px; display:block; text-align:center;} .foot-bar ul li a img{ width:18px;} .foot-bar ul li a span{ display:block; font-size:1rem;} @media screen and (max-width: 1680px){ html { font-size: 55.5%; } .am-container{max-width: 1300px;} } @media screen and (max-width: 1440px){ html { font-size: 48.5%; } .am-container{max-width: 1200px;} } @media screen and (max-width:1024px){ body{margin:0 auto; background:#fff; zoom:1; padding-bottom:0;} .am-container{padding-left: 20px;padding-right: 20px;} .arccontent img{ height:auto !important;} .all-pd{padding: 5rem 0;} .all-pb{padding-bottom: 5rem;} .all-pt{padding-top: 5rem;} .all-title-box .title{font-size: 2.8rem;} .all-title-box .entitle{font-size: 1.4rem;} .ty-more .icon svg{zoom: .8;} header.isheight { min-height: 70px; } .header .main{min-height: 70px;} .header .main .top-menu{display: none;} .banner-swiper .item .cont-box .p1 { font-size: 2.4rem; text-align: center;} .banner-swiper .item .cont-box .p2 { font-size: 1.6rem; text-align: center;line-height: 1.2;} .about .main { padding: 4rem 0 0; display: flex;flex-wrap: wrap; } .about .main .img-box { width: 100%;order: 1; margin-top: 4rem;} .about .main .cont-box { flex: auto;width: 100%; padding-left: 0; padding-right: 0; } .about .main .cont-box .title { font-size: 2.8rem; } .about .main .cont-box .note { margin: 3rem 0; } .ab-data .item{padding-top: 2rem;} .ab-data .item .num-box .num{font-size: 2.6rem;} .ab-data .item .num-box .dw { font-size: 1.6rem; padding-left: .5rem; } .pro .main .hd-list li { height: 27vh; } .pro .main .hd-list li a{padding-bottom: 3rem;} .pro .main .hd-list li a .title{font-size: 2rem;} .pro .main .hd-list li a .subtitle { font-size: 1.4rem; margin: 1rem 0 3rem; } .pro .main .hd-list li a .icon { width: 3.8rem; height: 3.8rem;} .yyly .hd-list { width: 100%; padding: 3rem 0; } .yyly .hd-list ul{margin: 0 -1rem;} .yyly .hd-list ul li{padding: 3rem 0;margin: 1rem;width: calc(50% - 2rem);} .yyly .hd-list ul li .icon-box { width: 7.6rem; height: 7.6rem; } .yyly .hd-list ul li .icon-box img { max-width: 50%; } .yyly .bd-list { width: 100%!important;position: relative!important;height: 50vh!important;min-height: auto!important;margin-left: 0; } .jsyf{background-position-x: 0%;} .jsyf-swiper{margin: 4rem 0;} .jsyf-swiper .item .cont-box{left: 0px;padding: 3rem;} .jsyf-swiper .item .cont-box .title { font-size: 2rem; } .jsyf-swiper .item .cont-box .note { font-size: 1.6rem; margin: 2rem 0 4rem; white-space: initial;} .jsyf-swiper .item .img-box img{min-height: 270px;object-fit: cover;} .jsyf-prev, .jsyf-next{width: 4rem;height: 4rem;display: none;} .jsyf-prev img, .jsyf-next img{width: 7px;} .jsyf-prev{left: 1rem;} .jsyf-next{right: 1rem;} .jsyf-data{justify-content: space-between;padding-bottom: 4rem;} .jsyf-data .item .num-box .num{font-size: 3rem;} .jsyf-data .item .num-box .dw { font-size: 1.6rem; margin-left: 0.5rem; } .news .main .top .cla li a{padding: 1.2rem 3rem;} .hzhb .main { display: flex;flex-wrap: wrap; justify-content: space-between; margin-right: 0; padding: 5rem 0 5rem; align-items: center;} .hzhb .main .cont-box { width: 100%; order: 1;} .hzhb .main .cont-box .title { font-size: 2rem; } .hzhb .main .cont-box .title b{ font-size: 4rem; } .hzhb .main .cont-box .note { margin: 3rem 0;} .hzhb .main .img-box{margin-bottom: 3rem;} .f-nav{display: none;} .ny-banner .img-box img{min-height: 300px;} .ny-banner .cont-box .cont { padding: 2rem 3rem; } .ny-banner .cont-box .title{font-size: 2.2rem;} .ny-banner .cont-box .entitle{font-size: 1.2rem;} .ny-cla ul{overflow-x: auto;} .ny-cla ul li { margin: 0 1rem; padding: 0px 0rem;white-space: nowrap; flex-shrink: 0;} .ny-ab .main .img-box{margin-top: 3rem;margin-bottom: 3rem;} .ny-ab-data { display: flex; flex-wrap: wrap; } .value .main ul{margin: 0 -1rem;} .value .main ul li { margin: 1rem 1rem; width: calc(100% - 2rem); padding: 2rem; } .value .main ul li .note{margin-top: 3rem;} .value .main ul li .title-box .icon{height: 30px;} .ywfb .top .cla li { margin-left: 1rem; } .ywfb .top .cla li a { padding: 1.2rem 2rem; white-space: nowrap;} .ywfb .main{padding: 5rem 0;flex-wrap: wrap;} .ywfb .main .cont-box { padding-top:0;width: 100%; padding-right: 0;margin-bottom: 3rem;} .ywfb .main .cont-box h3{font-size: 2.8rem;margin-bottom: 3rem;} .ywfb .main .cont-box .title { font-size: 2rem; } .ywfb .main .cont-box .title b { font-size: 4rem; } .ywfb .main .cont-box .note{margin-top: 3rem;} .ny-ryzz .main { padding: 5rem 0; } .ny-ryzz .main ul { margin: 0 -2rem; } .ny-ryzz .main ul li { width: calc(33.333333% - 2rem); margin: 1rem; } .djgh .main{padding: 5rem 0;} .djgh .main .item{flex-wrap: wrap;} .djgh .main .item .img-box{width: 100%;order: 0;} .djgh .main .item .cont-box { padding: 3rem; width: 100%; } .djgh .main .item .cont-box .title-box .icon{height: 6rem;} .djgh .main .item .cont-box .title-box .title{font-size: 2.8rem;} .djgh .main .item .cont-box .note{margin: 4rem 0;} .ny-bus .list a .img-box{order: 0;} .ny-bus .list a .cont-box{padding-bottom: 3rem;} .ny-bus .list li { position: relative; padding: 2.5rem 0; } .jszx .main{padding-top: 0;} .jszx .main .img-box { width: 100%;max-width: 100%; margin: 3rem 0;} .jszx-date-box{flex-wrap: wrap;} .ny-ab-data{flex: auto;width: 100%;} .ny-ab-data .item{width: 25%;} .jszx-date .item { width: auto; } .jszx-zs{width: 100%;margin-top: 3rem;padding-left: 0;} .js-team .main{padding: 4rem 0;flex-wrap: wrap;} .js-team .main .left { max-width: 100%; width: 100%; margin-bottom: 6rem; } .js-team .main .right { max-width: 100%; width: 100%; } .js-team .main .left .note{margin-top: 3rem;} .js-team .main .right ul{margin-top: 3rem;} .js-team .main .right ul li{width: 25%;} .js-team .main .right ul li:last-child{} .zlkz-list .jsyf-next{display: none;} .zlkz .main .note{margin: 4rem 0;} .rzzs-swiper{padding: 5rem 0 7rem;} .ny-hzhb .main { padding-top: 5rem; } .ny-hzhb .main ul li{width: 33.33333%;} .ny-news ul li{padding-bottom: 3rem;} .ny-news ul li a .img-box { width: 35%; } .ny-news ul li a .cont-box { padding: 0 0 0 2rem; } .ny-news ul li a .btn{display: none;} .ny-news ul li a .cont-box .title{margin: 1.5rem 0;font-size: 16px;} } /* 768 */ @media screen and (max-width: 768px) { .cndns-right{display: none;} .banner-swiper .item .img-box img { width: 100%; height: calc(100vh); object-fit: cover;object-position: 59%; } .scroll-tips{left: 3rem;} .banner-swiper .banner-pa{height: .4rem;} .foot .main{padding-bottom: 3rem;} .f-nav{display: none;} .f-code { margin-left: 3rem; } .f-copyright{padding: 2rem 0;} .ny-ryzz .main { padding: 5rem 0 0; } .ny-ryzz .main ul li { width: calc(50% - 2rem); margin: 1rem; } }