/* 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:#a22219;} img{ 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; } .t-center{ text-align:center;} .t-right{ text-align:right;} .hm-more a{ display:inline-block; height:46px; line-height:46px; position:relative; padding-right:66px; font-size:18px; color:#fff;} .hm-more a i{ display:block; width:46px; height:46px; border-radius:50%; background:rgba(255,255,255,.3); position:absolute; right:0; top:0;} .hm-more a i:before{ content:""; display:block; width:30%; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin:-1px 0 0 -15%; transform: rotate(40deg);transform-origin: right;} .hm-more a:hover i:before{animation: rota .6s ease 1 forwards;} .hm-more a i:after{ content:""; display:block; width:30%; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin:-1px 0 0 -15%; transform: rotate(-40deg);transform-origin: right;} .hm-more a:hover i:after{animation: rotaf .6s ease 1 forwards;} @keyframes rota{from{transform: rotate(0deg);}to{transform: rotate(40deg);}} @keyframes rotaf{from{transform: rotate(0deg);}to{transform: rotate(-40deg);}} header{ position: absolute; width:100%; left:0; top:0; z-index:1600;transition: all .3s linear; } header .logo{ line-height:90px; max-width:18%} header .logo img{ max-height:61px} header .menu{ float:right; position:relative; width:78%;} header .menu nav>ul{} header .menu nav>ul>li{ float:left;text-align: center;position: relative; padding:0 30px} header .menu nav>ul>li>a{ display:block; line-height:88px; font-size:16px; color:#670921; position: relative; font-weight:bold;} header .menu nav>ul>li>a:before{ content:""; display:block; width:0; height:2px; position:absolute; left:50%; margin-left:-1.5em; bottom:-1px;transition: all .3s linear; } header .menu nav>ul>li.on>a,header .menu nav>ul>li:hover>a{ font-weight:bold;} .ulnav>li .subnav{position: absolute;width:100%;background-color: #FFF; margin:0; box-shadow: 0 2px 10px rgba(0,0,0,.05); height: auto;z-index: 199;top: 68px;left: 0;opacity:0; visibility:hidden;transition: all .36s ease; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5; border-radius:5px;} .ulnav>li .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;} .ulnav>li:hover .subnav{opacity:1;visibility: visible;top:90px;} .ulnav>li .subnav li{ border-bottom:1px solid #f5f5f5;} .ulnav>li .subnav li:first-child{ border-radius:5px 5px 0 0;} .ulnav>li .subnav li:last-child{ border-radius:0 0 5px 5px;} .ulnav>li .subnav li a{font-weight: 500;color: #666; padding: 8px 5px;line-height: 22px;display: block;transition: all .2s ease-in-out;font-size: 14px;} .ulnav>li .subnav li a:hover{ color:#a60000;} .nav-warp{ display:none;} header.on{ background:rgba(255,255,255,.9); position:fixed; box-shadow: 0 2px 20px rgba(0,0,0,.05);} header.on .logo{ line-height:65px;} header.on .menu nav>ul>li>a{ color:#333; line-height:65px;} header.on .ulnav>li:hover .subnav{ top:74px;} .nav{dsdfsd} .nav a{sdfsdf} .banner .swiper-slide{ position:relative; height:100vh; overflow:hidden;} .banner .swiper-slide .bg{ position:relative; width:100%; height:100%; background-size:cover;} .banner .swiper-slide.swiper-slide-active .bg.background-loop{ width:400%; height:100%; background-repeat:repeat-x; background-size:auto 100%; animation: animationSlide 200s linear infinite;animation-direction: reverse;} .swiper-banner .swiper-slide.swiper-slide-active .bg.outside{-webkit-animation: banner_outside 6s ease 1 forwards;-moz-animation: banner_outside 6s ease 1 forwards;-o-animation: banner_outside 6s ease 1 forwards;animation: banner_outside 6s ease 1 forwards;} .banner .ban-txt{ position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); color:#fff;} .banner .ban-txt .txtimg{ font-size:66px; font-weight:900;font-family:"Noto Serif"; font-style:italic;} .banner .ban-txt .tit{ font-size:56px; font-weight:lighter; margin:15px 0;} .banner .ban-txt .tit span{ font-weight:bold;} .banner .ban-txt .note{ font-size:18px;} .banner .ban-txt .hm-more{ margin-top:5%;} @keyframes animationSlide{0%{background-position:0 0}to{background-position:100% 0}} @keyframes banner_outside{from{-o-transform:scale(1.08);transform:scale(1.08)}to{-o-transform:scale(1);transform:scale(1)}} .banner .bancj{ position:absolute; width:100%; left:0; bottom:30px;} .banner .bancj .am-container{ position:relative; height:30px;} .banner .bancj .s-b-p,.banner .bancj .s-b-n{ width:30px; height:30px; background-size:12px auto; margin-top:-15px;} .banner .bancj .s-b-p{ left:160px} .banner .bancj .s-b-n{ right:auto; left:190px;} .banner .bancj .swiper-pagination-progressbar{ width:120px; height:3px; border-radius:3px; background:rgba(255,255,255,.3); top:50%; margin-top:-1.5px;} .banner .bancj .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#fff; border-radius:3px;} .am-pd{ padding:80px 0; overflow:hidden;} .am-pt{ padding-top:80px; overflow:hidden;} .mgt{ margin-top:30px;} .hm-title .en{ font-size:60px; line-height:1; color:#fff; font-family:"Noto Sans SC"; font-weight:900;} .hm-title .cn{ font-size:22px; color:#fff;} .nav ul{ width:1320px; margin:0 auto;} .nav li{ background-color: #b06041; border: none;padding: 15px 32px; text-align: center;text-decoration: none;display: inline-block;font-size: 18px;font-weight:bold;margin: 10px 10px;border-radius: 10px; width:200px;float:left; } .nav li a{ display:block;transition: all .3s linear; color:#FFFFFF} .nav li a:hover{transform:scale(1.08)} .nav li i{ display:block; overflow:hidden;transition: all .3s linear;} .nav li i img{} .nav li a:hover i img{ transform:scale(1.08)} .nav li a .txt{ padding:5px 15px;} .nav li a .txt .tit{ font-size:20px; color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding-top:6px; margin-bottom:4px;} .nav li a .txt .note{ color:rgba(255,255,255,.6)} .hm-case{ background:#680920;} .hm-case .am-container{ max-width:1690px;} .hm-case-list{ margin-top:30px;} .hm-case-list ul{ margin:0 -10px;} .hm-case-list ul li{ padding:10px;} .hm-case-list ul li a{ display:block;transition: all .3s linear;} .hm-case-list ul li a:hover{transform:scale(1.08)} .hm-case-list ul li i{ display:block; overflow:hidden;transition: all .3s linear;} .hm-case-list ul li i img{} .hm-case-list ul li a:hover i img{ transform:scale(1.08)} .hm-case-list ul li a .txt{ padding:5px 15px;} .hm-case-list ul li a .txt .tit{ font-size:20px; color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding-top:6px; margin-bottom:4px;} .hm-case-list ul li a .txt .note{ color:rgba(255,255,255,.6)} .case-cate{float: unset;border: 1px solid rgba(255,255,255,.1);border-radius: 50px; display: table;margin:28px auto 0;position: relative; overflow:hidden;} .case-cate a{ width:138px; padding:18px 0; text-align:center; display:inline-block; color:#fff; position:relative; z-index:33;} .case-cate a:hover{ color:#fff;} .case-cate .move{ position:absolute; width:138px; height:100%; border-radius:50px; background:#995162; left:0; top:0;transition: all .3s linear;} .meanimg{ position:relative;} .meanimg .am-container{ position:relative; z-index:22;} .meanimg .meanimg-main{ max-width:440px; float:right; min-height:70vh;} .meanimg .meanimg-main .info{ font-size:26px; color:#fff; margin-top:10%;} .meanimg .meanimg-main .note{ font-size:18px; color:rgba(255,255,255,.6); margin-top:15%; margin-bottom:30%; line-height:2;} .meanimg .bg-l{ width:50%; height:100%; position:absolute; left:0; top:0; background-size:auto 100%; background-repeat:no-repeat; background-color:#a70000; background-position:90% center;} .meanimg .bg-r{ width:50%; height:100%; position:absolute; right:0; top:0; background:#a70000; overflow:hidden;} .meanimg .bg-r .line{ width:30%; height:100%; position:absolute; right:0; top:0; background:url(../images/bline.png) 0 center no-repeat;} @keyframes spin{ to{transform: rotate(1turn);} } .service{ background:#181818;} .swiper-ser{ margin-top:40px;} .swiper-ser .ser-main{ padding:0 80px;} .swiper-ser .ser-main .thumb{ width:46%; float:left; overflow:hidden;} .swiper-ser .ser-main .thumb img{transition: all .3s linear;} .swiper-ser .ser-main .thumb:hover img{transform:scale(1.08)} .swiper-ser .ser-main .txt{ width:50%; float:left; padding-left:6%; padding-top:15px;} .swiper-ser .ser-main .txt .tit .en{ font-size:18px; color:#fff; line-height:1; text-transform:uppercase;} .swiper-ser .ser-main .txt .tit .cn{ font-size:24px; color:#fff;} .swiper-ser .ser-main .txt .note{ font-size:18px; color:rgba(255,255,255,.5); line-height:2; margin:6% 0;} .swiper-ser .ser-main .txt .note span{display: block;} .swiper-ser .s-s-p,.swiper-ser .s-s-n{ width:100px; height:100px; margin-top:-50px; background-color:#8b2b26;background-size: 12px auto;} .swiper-ser .s-s-p{ left:auto; right:110px; background-color:#a22219;} .sernavnun{ margin-top:80px; position:relative; } .sernavnun:before{ content:""; display:block; width:100%; height:1px; background:#fff; position:absolute; left:0; top:50%;} .sernavnun ul{ display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .sernavnun ul li{ float:left; text-align:center; flex:1;height:90px; position:relative; cursor:pointer;} .sernavnun ul li a{ display:inline-block; line-height:1;} .sernavnun ul li a span{ font-size:120px; height:90px; line-height:80px; color:rgba(255,255,255,.1); font-weight:900;font-family:"Noto Sans SC"; display:inline-block; transform:scale(0);transition: all .3s linear; opacity:0;} .sernavnun ul li.on a span{transform:scale(1); opacity:1;} .sernavnun ul li a:before{ content:""; display:block; width:8px; height:8px; background:#fff; border-radius:8px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)} .sernavnun ul li a:after{content:""; display:block; width:38px; height:38px; border:1px solid rgba(255,255,255,.5); border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0;} .sernavnun ul li.on a:after{ opacity:1;} .youshi{ background:url(../images/abg.jpg) center top no-repeat #971b12; background-size:cover; position:relative;} .yousmain{ position:relative; z-index:22;} .yous-list{ margin-top:80px;} .yous-list ul li a{ display:block; padding:180px 20%; text-align:center; background:#7f160e;} .yous-list ul li a i{ display:inline-block;transition: all .3s linear;} .yous-list ul li a:hover i{ transform:translateY(-10px)} .yous-list ul li a .tit{ font-size:22px; color:#fff; margin-top:30px; margin-bottom:40px; white-space: pre;} .yous-list ul li a .note{ color:rgba(255,255,255,.5); line-height:2; height:96px;} .yous-list ul li:nth-child(2n) a{ background:#6f130c} .hm-about{ background:url(../images/abbg.jpg) 0 0 no-repeat #181818; background-size:cover;} .hm-about-main{ max-width:1000px; margin:50px auto 0;} .hm-about-main .tit{ font-size:30px; color:#fff; margin-bottom:30px;} .hm-about-main .note{ font-size:18px; line-height:2.4; color:#fff; text-indent:2em; margin-bottom:60px;} .hm-abdata{ max-width:1200px; margin:60px auto 0;} .hm-abdata ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .hm-abdata ul li{ float:left; color:#fff;} .hm-abdata ul li .tit span{ font-size:56px; font-weight:800; font-family: 'Noto Serif SC';} .hm-abdata ul li .tit sup{ top:-3.5em;} .serlogo{ background:url(../images/sbg.jpg) center no-repeat #971b12; background-size:100% 100%;} .swiper-serlogo{ margin-top:40px;} .swiper-serlogo .swiper-slide a{ display:block; overflow:hidden; border-radius:4px;} .serlogo .serlopa{ position:relative; width:100%; height:30px; margin-top:40px;} .serlogo .serlopa .s-x-p,.serlogo .serlopa .s-x-n{ width:30px; height:30px; background-size:12px auto; margin-top:-15px;} .serlogo .serlopa .s-x-p{ left:160px} .serlogo .serlopa .s-x-n{ right:auto; left:190px;} .serlogo .serlopa .swiper-pagination-progressbar{ width:120px; height:3px; border-radius:3px; background:rgba(255,255,255,.3); top:50%; margin-top:-1.5px;} .serlogo .serlopa .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#fff; border-radius:3px;} .hm-news{ background:#680920;} .hm-news-tab .hd{float: unset;border: 1px solid rgba(255,255,255,.1);border-radius: 50px; display: table;margin:28px auto 0;position: relative; overflow:hidden;} .hm-news-tab .hd ul li{ display:inline-block;} .hm-news-tab .hd ul li a{ width:138px; padding:18px 0; text-align:center; display:inline-block; color:#fff; position:relative; z-index:33; cursor:pointer;} .hm-news-tab .hd ul li a:hover,.hm-news-tab .hd ul li.on a{ color:#ccc;} .hm-news-tab .hd .move{ position:absolute; width:138px; height:100%; border-radius:50px; background:#995162; left:0; top:0;transition: all .3s linear;} .hm-news-tab .bd{ margin-top:40px;} .hm-news-tab .bd ul{ margin:0 -20px;} .hm-news-tab .bd ul li{ padding:0 20px;} .hm-news-tab .bd ul li a{ display:block;} .hm-news-tab .bd ul li a i{ display:block; overflow:hidden;} .hm-news-tab .bd ul li a i img{transition: all .3s linear;} .hm-news-tab .bd ul li a:hover i img{ transform:scale(1.08)} .hm-news-tab .bd ul li a .txt .tit{ font-size:16px; color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding-top:10px;} .hm-news-tab .bd ul li a .txt .note{ font-size:14px; margin:15px 0; color:rgba(255,255,255,.5);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;} .hm-news-tab .bd ul li a .txt .time{ color:rgba(255,255,255,.4); border-top:1px solid rgba(255,255,255,.1); padding-top:5px; position:relative; opacity:0;transition: all .3s linear;} .hm-news-tab .bd ul li a .txt .time:before{ content:""; display:block; width:0; height:1px; background:rgba(255,255,255,.5); position:absolute; left:0; top:0;transition: all .4s linear;} .hm-news-tab .bd ul li a .txt .time em{ position:absolute; right:15px; top:5px;transition: all .4s linear;} .hm-news-tab .bd ul li a:hover .txt .time{ opacity:1;} .hm-news-tab .bd ul li a:hover .txt .time:before{ width:100%;} .hm-news-tab .bd ul li a:hover .txt .time em{ right:0;} .hm-news .hm-more{ margin-top:40px;} .footline{ height:12px; background:#971b12;} footer{ background-color:#680920 } footer .foot-main .foot-nav{ width:70%; float:left;} footer .foot-main .foot-nav ul{display: flex;flex-direction: row;justify-content: space-between;} footer .foot-main .foot-nav ul li{ float:left;} footer .foot-tit{ font-size:18px; color:#fff; margin-bottom:15px; } footer .foot-tit a{ color:#fff;} footer .foot-main .foot-nav ul li p{ font-size:14px; color:#888a92; line-height:2;} footer .foot-main .foot-nav ul li p a{ color:#adb0b5;} footer .foot-main .foot-nav ul li p a:hover{ color:#fff;} footer .foot-main .foot-contant{ float:right; text-align:right; color:#fff;} footer .foot-main .foot-contant a{ color:#fff;} footer .foot-main .foot-contant .tel{ font-size:28px;} footer .foot-main .foot-contant .phone{ font-size:18px;} footer .foot-main .foot-contant .addr{ font-size:14px; margin-top:20px;} footer .foot-copyr{ padding:30px 0;font-size:14px;color:#fff;} footer .foot-copyr a{color:#fff;} .nybanner{ text-align:center; overflow:hidden; position:relative;} .nybanner>img{ width:100%;-webkit-animation:banner_outside 6s linear forwards;animation:banner_outside 6s linear forwards} .nybanner .nybantxt{ position:absolute; width:100%; text-align:center; left:0; top:50%; transform:translateY(-50%); z-index:23; color:#fff;} .nybanner .nybantxt .cn{font-size: 30px;line-height: 44px;height: 44px;overflow: hidden;} .nybanner .nybantxt .en{font-size: 40px; font-weight:800;line-height: 48px;height: 48px;overflow: hidden;font-family: "Noto Sans SC"; margin-bottom:8px;} .am-parth{ font-size:14px; height:50px; line-height:50px;box-shadow: 0 0 3px rgba(0, 0, 0, .15);} .am-parth .location{ position:relative; padding-left:20px; background:url(../images/map-location.png) 0 center no-repeat; background-size:16px auto;} .am-parthx .location{ font-size:14px; margin-bottom:10px; position:relative; padding-left:20px; background:url(../images/map-location.png) 0 center no-repeat; background-size:16px auto;} .ny-warp{ background:#f5f5f5; padding:30px 0;} .ny-nav{ text-align:center; margin-bottom:30px;} .ny-nav a{ display:inline-block; padding:10px 30px; background:#fff; border-radius:40px; border: 1px solid #ebe8e4;margin:0 10px;} .ny-nav a.on,.ny-nav a:hover{ background:#a60000; color:#fff; border-color:#a60000;} .ny-news-list ul li{ margin-top:-1px;transition: all .1s linear;position:relative;background:#fff; border:1px solid #eee;} .ny-news-list ul li a{ display:block; padding:30px; } .ny-news-list ul li:hover{box-shadow: 0 0 10px 6px #eeeeee;z-index: 99;} .ny-news-list ul li a i{ width:18%; float:left;} .ny-news-list ul li a .txt{ width:82%; float:right; padding-left:30px; position:relative;} .ny-news-list ul li a .txt .tit{ font-size:20px; color:#333; } .ny-news-list ul li a .txt .note{ font-size:14px; color:#999;margin:10px 0; line-height:1.8;} .ny-news-list ul li a .txt .rq {display: block;font-size: 13px;font-family: arial;height: 16px;position: absolute;top: 6px;right: 62px;padding-left: 24px;color: #999;} .ny-news-list ul li a .txt .readNum {display: block;font-size: 13px;font-family: arial;height: 16px;background: url(../images/newslist_icon02.png) no-repeat left center;position: absolute;top: 5px;right: 4px;padding-left: 24px; color:#666;} .ny-news-list ul li a .txt .more{ width:36px; height:36px; line-height:34px; border-radius:50%; border:1px solid #ddd; text-align:center;transition: all .3s linear;} .ny-news-list ul li a .txt .more:before{content: "\f105";} .ny-news-list ul li a i{ display:block; overflow:hidden;} .ny-news-list ul li a i img{transition: all .3s linear;} .ny-news-list ul li a:hover i img{ transform:scale(1.1); opacity:.8;} .ny-news-list ul li a:hover .more{ background:#a60000; color:#fff;} .pages{ text-align:center; margin-top:20px;} .pages a{ width:46px; margin:0 5px; height:46px; line-height:46px; text-align:center; display:inline-block; background:#fff; border-radius:50%; box-shadow:0 2px 2px 2px rgba(0,0,0,.05)} .pages a.on,.pages a:hover{ background:#a60000; color:#fff;} .newscon-head{ text-align:center;} .newscon-head h1{ font-size:36px;} .blog-post__author{ margin-top:15px; font-size:14px; color:#999;} .blog-post__author em{ display:inline-block; margin:0 5px;} .blog-post__author a{color:#999;} .newsarcbox .am-container{ max-width:1170px;} .newsarcbox .arccontent{border-radius: 10px;box-shadow: 0 2px 20px 2px rgba(0,0,0,.05);padding: 50px;margin-top: -30px;background: #fff;} .nexpre{border-radius: 10px;box-shadow: 0 2px 20px 2px rgba(0,0,0,.05); margin-top:30px; overflow:hidden;} .nexpre .npitm{ width:50%; float:left; padding:30px; height:150px; overflow:hidden; background:#fff;} .nexpre .npitm a{ display:block;} .nexpre .npitm a .img{ width:30%; float:left; border-radius:10px; overflow:hidden; max-height: 90px;} .nexpre .npitm a .txt{ width:70%; float:left; padding-left:20px;} .nexpre .npitm a .txt .tit{ font-size:14px; color:#999; margin-top:10px;} .nexpre .npitm a .txt .tip{ font-size:16px; color:#333;} .nexpre .npitm a .txt .tip i{ font-size:20px;} .nexpre .npitm.prev{ background-image: -webkit-linear-gradient(left,#fff,#fbfbfb);background-image: -o-linear-gradient(left,#fff,#fbfbfb);background-image: -webkit-gradient(linear,left top,right top,from(#fff),to(#fbfbfb));} .nexpre .npitm.prev a .txt .tip i{ margin-right:10px;} .nexpre .npitm.next a .txt .tip i{ margin-left:10px;} .xianggnews{border-radius: 10px;box-shadow: 0 2px 20px 2px rgba(0,0,0,.05); margin-top:30px; padding:30px;} .xianggnews .xgtit{ font-size:20px; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:15px;} .xgnews-list ul li{ line-height:2.2;} .xgnews-list ul li a{ display:block; font-size:14px; color:#777;} .contact1{ background:#fff; padding:60px; border-radius:10px;} .contact1 .contact1-l{ width:50%; float:left;} .contact1 .contact1-l .tit{ font-size:24px; position:relative; margin-bottom:15px;} .contact1 .contact1-l .tit:after{ content:""; display:block; width:60px; height:2px; background:#ddd; margin-top:10px;} .contact1 .contact1-l .c-t-li {line-height: 2.5;margin-bottom: 30px;} .contact1 .contact1-l .c-t-li p img {margin-right: 10px;} .contact1 .contact1-l .contact-ewm ul li{ display:inline-block; text-align:center; max-width:120px; padding:10px; background:#f5f5f5; border-radius:10px; margin-right:15px;} .contact1 .contact1-l .contact-ewm ul li p{ font-size:14px; background:#f5f5f5; text-align:center; margin-top:4px;} .contact-map{ width:50%; float:right;} #allmap{ height:400px;} #allmap img{ max-width:inherit;} .contact-mes{ background: #fff; border-radius:10px; padding: 60px;} .abtit{ text-align:center;font-size: 36px;} .abtit .note{ font-size:16px;} .mesipu{ margin-top:30px;} .mesipu .item{ margin-bottom:20px;} .mesipu .item .iput{ width:50%; float:left; padding:0 10px;} .mesipu .item .iput .am-form-field{ padding:15px;} .mesipu .item.wyb .iput{ width:100%;} .c-t-m-btn{ text-align:center;} .c-t-m-btn .am-btn{ background:#161616; padding:15px; width:200px; color:#fff; border-radius:4px;} .saixuan{ background:#fff; border-radius:10px; padding:30px; margin-bottom:25px;} .saixuan ul li{ border-bottom:1px dashed #eee; position:relative; padding:15px 0; padding-left:3.5em;} .saixuan ul li span{ font-weight:bold; position:absolute; left:0; top:18px;} .saixuan ul li a{ display: inline-block; padding:4px 20px; border-radius:30px;} .saixuan ul li a.on{ background:#a60000; color:#fff;} .ny-case-list ul{ margin:0 -15px;} .ny-case-list ul li{ padding:15px;} .ny-case-list ul li a{ display:block;} .ny-case-list ul li a{ display:block;transition: all .3s linear;} .ny-case-list ul li a:hover{transform:scale(1.08)} .ny-case-list ul li a i{ display:block; overflow:hidden;} .ny-case-list ul li a i img{transition: all .3s linear;} .ny-case-list ul li a:hover i img{ transform:scale(1.08)} .ny-case-list ul li a .txt .tit{ font-size:18px; font-weight:bold; text-align:center; background:#fff; padding:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .tb{display: table;width: 100%;height: 100%;} .tbc {display: table-cell;vertical-align: middle;} .banner-serb{ position:relative; overflow:hidden;} .banner-serb .nbbg{ position:absolute; width:100%; height:100%; left:0; top:0;background-repeat: no-repeat;background-position: center center; background-size:cover;-webkit-animation: banner_outside 6s linear forwards;-o-animation: banner_outside 6s linear forwards;animation: banner_outside 6s linear forwards;} .banner-serb .nbbg:before{content:'';display:block;width:100%;height:100%;background: #160000;opacity: .5;} .banner-serb .ab-ban-box{ position:relative; width:100%; height:100vh; color:#fff;text-align: center;background-repeat: no-repeat;background-position: center center;} .container{ max-width:980px; margin:0 auto;} .banner-serb .ab-ban-box .abban-head{display: inline-block; width: 380px;padding: 30px 16px;border: 1px solid rgba(255,255,255,.55);} .banner-serb .ab-ban-box .abban-head .t1{font-size:48px;font-weight: lighter; font-family: "Noto Sans SC"; line-height:1;padding: 0 15px;} .banner-serb .ab-ban-box .abban-head .t2{padding-top: 10px;margin: 10px 0 0;border-top: 1px solid rgba(255,255,255,.53);font-size: 38px; line-height:1;} .banner-serb .ab-ban-box .arrow{padding: 28px 0;font-size: 20px;font-family: NL;background: url(../images/icon_arrow.png) no-repeat center bottom; text-transform:uppercase;} .banner-serb .ab-ban-box .bt .vt1{margin: 8px 0 20px;font-size: 42px;font-weight: 300;} .banner-serb .ab-ban-box .bt .vt2{line-height:2;margin: 0 auto;font-size:12px;font-family: Arial;opacity: .62; text-transform:uppercase;} @-webkit-keyframes bgzoom{0%{ -webkit-background-size:100% 120%; }100%{ -webkit-background-size:100% 100%; }} @-o-keyframes bgzoom{0%{ background-size:120% auto; }100%{ background-size:100% auto; }} @-moz-keyframes bgzoom{0%{ background-size:120% auto; }100%{ background-size:100% auto; }} @keyframes bgzoom{0%{ background-size:120% auto; }100%{ background-size:100% auto; }} @-webkit-keyframes bgzoomA{0%{ -webkit-background-size:auto 120%; }100%{ -webkit-background-size:auto 100%; }} @-o-keyframes bgzoomA{0%{ background-size:auto 120%; }100%{ background-size:auto 100%; }} @-moz-keyframes bgzoomA{0%{ background-size:auto 120%; }100%{ background-size:auto 100%; }} @keyframes bgzoomA{0%{ background-size:auto 120%; }100%{ background-size:auto 100%; }} .nyserbox{ background:#fff; padding:50px;} .nyserbox img{ height:auto !important;} .ny-about1{background: url(../images/aboutjjbg.png) bottom #f5f5f5;background-size: 50%;background-repeat: no-repeat;background-position: right;} .pag_about_headch {font-size: 42px;line-height: 45px;letter-spacing: 0px;color: #000000;text-align: center;} .pag_about_headen {font-family: Arial;font-size: 14px;line-height: 16px;letter-spacing: 14px;color: #8f8f8f;text-align: center;margin: 20px 0 30px;} .page_about_headunder {display: block;width: 20px;height: 10px;background-image: url(../images/title_under.png);background-size: 100% auto;background-repeat: no-repeat;margin: 0 auto;} .page_aboutaa_content {max-width: 1080px;margin: 60px auto 60px;font-size: 18px;line-height: 40px;color: #666;text-indent: 2em;} .pag_about_head.white .pag_about_headch{ color:#fff;} .pag_about_head.white .pag_about_headen{ color:rgba(255,255,255,.6)} .pag_about_head.white .page_about_headunder{background-image: url(../images/title_underw.png);background-size: 100% auto;} .ny-about1 .hm-abdata ul li{ color:#666;} .ny-about1 .hm-abdata ul li .tit span{ color:#a60000} .zslist{ position:relative;} .swiper-zss{ padding-top:10px; } .swiper-zss .swiper-slide{ width:25%; padding:0 15px} .swiper-zss .swiper-slide a{ display:block; position:relative;} .swiper-zss .swiper-slide a i{ display:block; margin:0 auto; position:relative; padding:20px; border-radius:2px; z-index:2;transition: all .3s linear; box-shadow:0 2px 8px 2px rgba(0,0,0,.1); background:#fff; } .swiper-zss .swiper-slide a:hover i{ transform:translateY(-10px)} .swiper-zss .swiper-slide a .txt{ position:relative; z-index:2; text-align:center; margin-top:15px; font-size:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .whoche .swiper-z-next,.whoche .swiper-z-prev{ transform:translateY(-90%)} .swiper-pa-zs{ position:relative; bottom:0; margin-top:30px;} .swiper-z-next,.swiper-z-prev{ width:60px; height:60px; border-radius:50%; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); z-index:9;transition: all .1s linear; background-repeat:no-repeat; background-position:center;background-color:#e0e0e0; outline:none;} .swiper-pa-zs .swiper-pagination-bullet{ width:14px; height:14px; margin:0 5px;} .swiper-pa-zs .swiper-pagination-bullet-active{ background:#a60000;} .swiper-z-next:hover,.swiper-z-prev:hover{ background-color:#a60000;} .swiper-z-next{ background-image:url(../images/jr.png); right:-40px;} .swiper-z-prev{ background-image:url(../images/jl.png); left:-40px;} .ny-culture{ background:url(../images/cbg.jpg) center no-repeat; background-size:cover;} .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:#a22219; 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;} .culture-list{ margin-top:60px;} .culture-list ul li{ text-align:center; color:#fff; border:1px solid #c33436; margin-left:-1px; padding:50px;transition: all .3s linear; } .culture-list ul li i{ display:inline-block;transition: all .3s linear; height:47px;} .culture-list ul li:hover i{ transform:translateY(-10px)} .culture-list ul li:hover{ background:rgba(255,255,255,.1)} .culture-list ul li .tit{ font-size:22px; margin:30px 0;} .culture-list ul li .note{ color:rgba(255,255,255,.6)} /**招聘样式**/ .ny-join-list .join-head{ padding:2rem; background:#e4e4e4;} .ny-join-list .join-head span{ font-size:18px; font-weight:bold; float:left;} .ny-join-list .join-head span:first-child{ width:50%;} .ny-join-list .join-head span:nth-child(2){width:15%; text-align:center;} .ny-join-list .join-head span:nth-child(3){width:20%; text-align:center;} .ny-join-list .join-head span:last-child{ float:right;} .ny-join-list .am-accordion-gapped{ margin:0;} .ny-join-list .am-accordion-gapped .am-accordion-title{ border:none;} .ny-join-list .am-accordion-gapped .am-accordion-item{ margin:0; border:none; border-bottom:1px solid #eee;} .ny-join-list .am-accordion-title{ font-size:18px; padding:2rem; background:#fff;} .ny-join-list .am-accordion-title span{ display:inline-block; float:left;} .ny-join-list .am-accordion-title span:first-child{ width:50%;} .ny-join-list .am-accordion-title span:nth-child(2){ width:15%; text-align:center;} .ny-join-list .am-accordion-title span:nth-child(3){ width:20%;text-align:center;} .ny-join-list .am-accordion-title span:last-child{ float:right;} .ny-join-list .am-accordion-title span:last-child:after{content: "\f105"; margin-left:5px;} .ny-join-list .am-accordion-title span:last-child:after{content: "\f107";} .ny-join-list .am-accordion-gapped .am-active .am-accordion-title{ background:#971b12; color:#fff;} .ny-join-list .am-accordion-gapped .am-accordion-title:after{ display:none;} .ny-join-list .am-accordion-content{ padding:30px; line-height:2; background:#fff;} #mediamap{ height:800px;} #mediamap img{ max-width:inherit;} #mediamap .mappic{ width:100%;} #mediamap .mappic img{ display:block; max-width:100%;} #mediamap .maptitle{ text-align:center; margin-bottom:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} @media screen and (max-width: 1680px){ .am-container{max-width: 1400px;} .banner .swiper-slide.swiper-slide-active .bg.background-loop{ width:300%; animation: animationSlide 180s linear infinite;animation-direction: reverse;} } @media screen and (max-width: 1440px){ .am-container{max-width: 1200px;} } @media screen and (max-width:1024px){ html {background: #fafafa;} body{ max-width:768px; margin:0 auto; background:#fff; zoom:1; padding-bottom:54px;} .am-container{ padding-left:1.5rem; padding-right:1.5rem;} .menu-bar{ display:block; width:26px; height:18px; float:right; position: absolute; right:1.5rem; top:20px; border-bottom:2px solid #fff;} .menu-bar:after{ content:""; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; top:0;} .menu-bar:before{ content:""; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; top:50%;} header .logo{ height:60px; line-height:60px; max-width: 26%;} .searbtn{ display:none;} header .am-container{ padding:} header .logo img{ } header .menu nav{ position:fixed; width:100%; height:100%; left:-100%; top:0; z-index:99999;transition: all .3s linear;} header .menu nav.active{ left:0; opacity:1;pointer-events: none;} header .am-container{ height:100%; max-width:100%;} header .menu nav .ulnav{ display:block; width:60%;background: #a22219; height:100%; position:relative;overflow-y: auto; pointer-events: auto;} header .menu nav .ulnav>li{ width:100%; float:none; border-bottom:1px solid rgba(255,255,255,.1); border-radius:0!important;} header .menu nav .ulnav>li>a{ line-height:60px;} header.on .menu nav>ul>li>a{ color:#fff;} header .menu nav .ulnav>li>a:before{ display:none;} header .menu nav .ulnav>li .xm{ position:absolute; width:70px; display:block; right:0; top:0; color:rgba(255,255,255,.81); line-height:60px;} header .menu nav .ulnav>li .subnav{ position:relative; display:none; top:0; opacity:1;visibility:inherit; border-radius:0;} header .menu nav .ulnav>li:hover>a{ background:none;} header .menu nav .ulnav>li .subnav.show{ display:block;} header.on .ulnav>li:hover .subnav{ top:0;} header.on{ position:absolute;} nav .am-close {position: absolute;right: 32%;top: 4px;color: #fff;text-shadow: none;opacity: .5;font-size: 2.6rem;display: block;} .nav-warp{ width:100%; height:100%; position: fixed; right:0; top:0; background:rgba(0,0,0,.81); display:none; z-index:1920} .nav-warp .am-close{ color:#fff; font-size:24px; padding:15px; opacity:.5; padding-left: 66%;} .banner .swiper-slide{ height:50vh;} .banner .swiper-slide.swiper-slide-active .bg.background-loop{ width:200%; animation: animationSlide 20s linear infinite;} .banner .ban-txt .txtimg img{ max-width:200px;} .banner .ban-txt .tit{ font-size:20px;} .banner .ban-txt .note{ font-size:12px;} .hm-more a{ font-size:12px; height:26px; line-height:26px; padding-right:36px;} .hm-more a i{ width:26px; height:26px;} .hm-more a i:before,.hm-more a i:after{ height:1px;} .banner .bancj .swiper-pagination-progressbar{ width:60px; height:1px;} .banner .bancj .s-b-p, .banner .bancj .s-b-n{ width:20px; height:20px; margin-top:-10px; background-size:10px auto;} .banner .bancj .s-b-p{ left:90px;} .banner .bancj .s-b-n{ left:110px;} .banner .bancj{ bottom:15px;} .banner .ban-txt .txtimg{ font-size:30px;} .am-pd{ padding:30px 0;} .am-pt{ padding-top:30px;} .hm-title{ text-align:center;} .hm-title .en{ font-size:32px;} .hm-title .cn{ font-size:14px;} .case-cate{white-space: nowrap; margin-top:15px;} .case-cate a{ width:60px; font-size:12px; padding:10px 0;} .case-cate .move{ width:60px;} .hm-case-list ul{ margin:0 -5px;} .hm-case-list ul li{ padding:5px;} .hm-case-list ul li a .txt{ padding:5px;} .hm-case-list ul li a .txt .tit{ font-size:14px; padding-top:2px; margin-bottom:2px;} .hm-case-list ul li a .txt .note{ font-size:1rem; display:none;} .hm-case-list ul li:nth-child(9){ } .meanimg .bg-r{ width:100%; opacity:.85;} .meanimg .bg-l{ width:100%;} .meanimg .meanimg-main .info{ font-size:14px; text-align:center; margin-top:5%;} .meanimg .meanimg-main .note{ font-size:12px; text-align:center;margin-top: 8%;margin-bottom: 12%;} .meanimg .meanimg-main{ min-height: inherit;} .meanimg .hm-more{ text-align:center;} .swiper-ser .s-s-p, .swiper-ser .s-s-n{ display:none;} .swiper-ser .ser-main{ padding:0;} .swiper-ser .ser-main .txt{ padding-top:0; padding-left:10px;} .swiper-ser .ser-main .txt .tit .en{ display:none;} .swiper-ser .ser-main .txt .tit .cn{ font-size:14px;} .swiper-ser .ser-main .txt .note{ font-size:1rem; margin: 2% 0;} .swiper-ser .ser-main .txt .note span{ display: inline-block;} .sernavnun{ margin-top:20px;} .sernavnun ul li{ height:40px;} .sernavnun ul li a span{ font-size:34px; height:40px; line-height:40px;} .sernavnun ul li a:before{ width:6px; height:6px;} .sernavnun ul li a:after{ width:12px; height:12px;} .yous-list{ margin-top: 20px;} .yous-list ul li a{ padding:15px;} .yous-list ul li a i img{ width:40px;} .yous-list ul li a .tit{ font-size:14px; margin:8px 0;} .yous-list ul li a .note{ font-size:1rem;} .yous-list ul li:nth-child(3n+1) a {background: #6f130c;} .yous-list ul li:nth-child(2) a{ background:#7f160e} .hm-about-main .tit{ font-size:16px; text-align:center;} .hm-about-main{ margin-top:20px;} .hm-about-main .note{ font-size:12px; line-height:2; margin-bottom:20px;} .hm-about-main .hm-more{ text-align:center;} .hm-abdata{ margin-top:30px;} .hm-abdata ul li .tit span{ font-size:18px;} .hm-abdata ul li .note{ font-size:1rem;} .hm-abdata ul li .tit sup {top: -0.5em; font-size:1rem;} .swiper-serlogo{ margin-top:20px;} .serlogo .serlopa .swiper-pagination-progressbar{ width:60px; height:1px;} .serlogo .serlopa .s-x-p,.serlogo .serlopa .s-x-n{ width:20px; height:20px; margin-top:-10px; background-size:10px auto;} .serlogo .serlopa .s-x-p{ left:90px;} .serlogo .serlopa .s-x-n{ left:110px;} .serlogo .serlopa{ bottom:15px;} .hm-news-tab .hd{white-space: nowrap; margin-top:15px;} .hm-news-tab .hd ul li a{ width:80px; font-size:12px; padding:10px 0;} .hm-news-tab .hd .move{ width:80px;} .hm-news-tab .bd ul li a:after,.hm-news-tab .bd ul li a:before{ content:""; display:block; clear:both;} .hm-news-tab .bd ul li a i{ width:30%; float:left;} .hm-news-tab .bd ul li a .txt{ width:70%; padding-left:10px; float:left;} .hm-news-tab .bd ul li a .txt .tit{ font-size:14px; padding-top:0;} .hm-news-tab .bd ul li a .txt .note{ font-size:1rem; margin:2px 0;} .hm-news-tab .bd ul li a .txt .time{ display:none;} .hm-news-tab .bd{ margin-top:20px;} .hm-news-tab .bd ul li a{ border-bottom:1px solid rgba(255,255,255,.1); padding-bottom:15px; margin-bottom:15px;} .hm-news .hm-more{ margin-top:10px;} .footline{ height:2px;} footer { padding-top:20px;} footer .foot-main .foot-nav{ display:none;} footer .foot-main .foot-contant{ float:none; width:100%; text-align:center;} footer .foot-tit{ font-size:14px; margin-bottom:10px;} footer .foot-copyr{ font-size:10px; padding:10px 0;} footer .foot-copyr p{ float:none; text-align:center;} footer .foot-copyr p img{ width:90px; margin-top:-7px !important;} .nybanner>img{ width:150%; max-width:150%; margin-left:-25%;} .nybanner .nybantxt{transform: translateY(-10%);} .nybanner .nybantxt .cn{ font-size:16px; height:30px; line-height:30px;} .nybanner .nybantxt .en{ font-size:18px; line-height:1; height:auto; margin-bottom:0;} .am-parth{ height:40px; line-height:40px;} .am-parth .location{ font-size:12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .pages a{ font-size:12px; width:30px; height:30px; line-height:30px; margin:0;} .ny-nav{ white-space: nowrap;overflow-y: hidden;overflow-x: auto;margin-bottom: 8px;margin: -30px -1.5rem 5px -1.5rem;background: #fff;padding-top: 10px;border-top: 1px solid #eee;} .ny-nav a{ font-size:12px; padding:4px 10px; margin-bottom:10px; margin-left:5px; margin-right:5px;} .ny-news-list{ margin-top:10px; margin-left:-1.5rem; margin-right:-1.5rem;} .ny-news-list ul li{ border:none; margin-bottom:10px;} .ny-news-list ul li a{ padding:10px;} .ny-news-list ul li a i{ width:25%;} .ny-news-list ul li a .txt{ width:75%; padding-left:10px;} .ny-news-list ul li a .txt .rq{ display:none;} .ny-news-list ul li a .txt .readNum{ display:none;} .ny-news-list ul li a .txt .tit{ font-size:14px;} .ny-news-list ul li a .txt .more{ display:none;} .ny-news-list ul li a .txt .note{ height:20px; overflow: hidden; font-size:12px;} .newscon-head h1{ font-size:18px;} .blog-post__author{ font-size:12px;} .newsarcbox .arccontent{ margin-top:0; padding:0 15px; box-shadow:none;} .newsarcbox .arccontent img{ height:auto !important;} .nexpre .npitm{ width:100%; float:none; padding:10px; height:auto;} .nexpre .npitm.prev{ background:#fbfbfb;} .nexpre .npitm a .txt .tip{ font-size:14px;} .nexpre .npitm.prev a .txt .tip i{ font-size:14px;} .nexpre .npitm a .txt .tit{ font-size:12px; margin-top:3px;} .xianggnews{ padding:15px;} .xianggnews .xgtit{ font-size:18px; padding-bottom:8px; margin-bottom:8px;} .contact1{ padding:20px; border-radius:10px;} .contact1 .contact1-l{ width:100%; float:none;} .contact1 .contact1-l .tit{ font-size:18px;} .contact1 .contact1-l .c-t-li{ font-size:14px;} .contact-map{ width:100%; float:none; margin-top:20px;} #allmap{ height:300px;} .contact-mes{padding: 20px;} .abtit{ font-size:20px; font-weight:bold;} .abtit .note{ font-size:14px; font-weight:normal;} .mesipu .item .iput{width: 100%;float: none; margin-bottom: 10px;font-size: 12px;} .mesipu .item .iput:last-child{margin-bottom: 0;} .mesipu .item .iput .am-form-field{font-size: 12px;} .mesipu .item{margin-bottom: 10px;} .c-t-m-btn .am-btn{ padding:10px; width:140px;} .saixuan{ padding:10px 20px; margin-bottom:10px;} .saixuan ul li{ padding:10px 0; padding-left:2.5em;} .saixuan ul li:last-child{ border:none;} .saixuan ul li span{ font-size:12px; top:15px;} .saixuan ul li a{ font-size:12px;padding: 4px 10px;} .ny-case-list ul{ margin:0 -5px;} .ny-case-list ul li{ padding:5px;} .ny-case-list ul li a .txt .tit{ font-size:14px; padding:10px;} .banner-serb .ab-ban-box{height: calc(100vh - 54px);} .banner-serb .ab-ban-box .abban-head{ width:200px;display: inline-block;padding: 30px 16px;border: 1px solid rgba(255,255,255,.55);} .banner-serb .ab-ban-box .abban-head .t1{font-size: 20px;font-weight: normal;font-family: AB; line-height:1;padding: 0 15px;} .banner-serb .ab-ban-box .abban-head .t2{padding-top: 10px;margin: 10px 0 0;border-top: 1px solid rgba(255,255,255,.53);font-size: 20px; line-height:1;} .banner-serb .ab-ban-box .arrow{padding: 28px 0;font-size:12px;font-family: NL;background: url(../images/icon_arrow.png) no-repeat center bottom;} .banner-serb .ab-ban-box .bt .vt1{margin: 8px 0 20px;font-size:16px;font-weight: 300;} .banner-serb .ab-ban-box .bt .vt2{padding: 0 1.5rem;font-size: 9px;font-family: Arial;opacity: .62; text-transform:uppercase;} .nyserbox{ padding:15px;} .pag_about_headch{ font-size:20px;} .pag_about_headen{ font-size:12px;letter-spacing: 6px;margin: 0px 0 10px;} .page_aboutaa_content{ margin:20px 0; font-size:12px; line-height:2;} .swiper-zss .swiper-slide{ width:50%; padding:0 5px;} .swiper-zss .swiper-slide a i{ padding:10px;} .swiper-z-next, .swiper-z-prev{ width:30px; height:30px;background-size: contain; background-color:rgba(0,0,0,.5)} .swiper-z-next{ right:0;} .swiper-z-prev{ left:0;} .zslist{ margin-top:10px;} .swiper-pa-zs{ margin-top:20px;} .swiper-pa-zs .swiper-pagination-bullet{ width:8px; height:8px;} .culture-list{ margin-top:20px;} .culture-list ul li{ padding:15px; margin-top:-1px;} .culture-list ul li i{ width:30px; height:30px;} .culture-list ul li .tit{ font-size:16px; margin:12px 0;} .culture-list ul li .note{ font-size:12px; height:57px;} .ny-join-list .join-head{ padding:1rem;} .ny-join-list .join-head span{ font-size:14px;} .ny-join-list .join-head span:nth-child(2){ display:none;} .ny-join-list .join-head span:nth-child(3){ display:none;} .ny-join-list .am-accordion-title span:nth-child(2){ display:none;} .ny-join-list .am-accordion-title span:nth-child(3){ display:none;} .ny-join-list .am-accordion-title{font-size:14px;padding: 1rem;} .ny-join-list .am-accordion-content{padding:20px;font-size: 12px;} #mediamap{ height:500px;} } #ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;} #ab_img p span{text-wrap: inherit !important;} /* AB模板网新增分页样式 www.admibnuy.cn */ .pagebar { padding:20px; overflow:hidden; clear:both} .pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; } .pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 8px 10px; margin: 0 2px; border-radius: 3px; line-height:100% } .pagination span { color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 3px; } .pagination a:hover { color: #333; border: 1px solid #333; } .pagination a.page-num-current { color: #fff; background: #333; border: 1px solid #333; } .pagination .st{ font-family:宋体} .text-secondary{ text-align:center; padding:20px 0} /* ========================================================================== 手机版适配 2026-10-05 巴迪 -------------------------------------------------------------------------- 背景：原 app.css 的移动端媒体查询只写了 .am-container 与 .menu-bar， 完全没管 .nav li —— 而 .nav li 是 width:200px + float:left 的定宽块。 390px 视口下 200×2=400px 必然横向溢出（实测导航右边界到 1310px）。 首页版权块更是 position:absolute; bottom:130px; left:80px 写死， 手机上直接压到按钮上。 纪律：本段只追加、不改写任何原有规则 —— 避免影响 PC 端已调好的版式。 选择器一律带 .nav / .ban-txt 前缀限定作用域。 ========================================================================== */ /* ---- ① 基础：禁止横向滚动，图片/视频不撑破 ---- */ @media screen and (max-width: 1024px) { html, body { max-width: 100%; overflow-x: hidden; /* 兜底：即使有元素溢出也不出现横向滚动条 */ } /* 去掉原媒体查询里的 zoom:1（IE 私有属性，现代浏览器忽略但会误导后续维护） */ body { zoom: normal; } /* 所有可替换元素一律不超宽 —— 这是移动端版式崩坏的最高频原因 */ img, video, iframe, embed, object, .swiper-container, .swiper-slide { max-width: 100% !important; } img, video { height: auto; } /* AMUI 栅格在手机上不应固定行宽 */ .am-g, .am-g-1, .am-g-2, .am-g-3, .am-g-4, .am-g-5, .am-g-6, .am-g-7, .am-g-8, .am-g-9, .am-g-10, .am-g-11, .am-g-12 { width: 100%; margin-left: 0; } } /* ---- ② 首页栏目卡片样式 ---- ⚠️ 第一版（flex + 百分比两列）已于 2026-10-05 第三轮删除。 原因：.nav 的子元素