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:#fff; position: relative;}
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;}
.banner .swiper-slide{ position:relative; height:100vh; overflow:hidden;}
.banner .swiper-slide .bg{ position:relative; width:100%; height:100%; background-size:cover;}
/* ==========已修改：关闭大图拼接滚动loop========== */
.banner .swiper-slide.swiper-slide-active .bg.background-loop{
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    animation:none;
}
.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;}
.hm-case{ background:#181818;}
.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:#818181; position:relative; z-index:33;}
.case-cate a:hover{ color:#333;}
.case-cate .move{ position:absolute; width:138px; height:100%; border-radius:50px; background:#e6e6e6; 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:#181818;}
.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:#818181; position:relative; z-index:33; cursor:pointer;}
.hm-news-tab .hd ul li a:hover,.hm-news-tab .hd ul li.on a{ color:#333;}
.hm-news-tab .hd .move{ position:absolute; width:138px; height:100%; border-radius:50px; background:#e6e6e6; 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:url(../images/fbg.jpg) center top no-repeat; background-size:cover; padding-top:90px;}
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:#888a92; border-top:1px solid rgba(255,255,255,.1); margin-top:30px;}
footer .foot-copyr a{color:#888a92;}
.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 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;}
.xianggnews .xgnews-list ul li{ line-height:2.2;}
.xianggnews .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;}
    /* ==========已修改：大屏响应式关闭loop拼接========== */
    .banner .swiper-slide.swiper-slide-active .bg.background-loop{
        width:100%;
        height:100%;
        background-repeat:no-repeat;
    }
}
/* ==================================================================
   全站手机端响应式修复（覆盖首页 + 所有栏目内页）
   用法：追加到 skin/css/app.css 末尾即可全站生效
   断点：max-width 768px
   ================================================================== */
@media screen and (max-width: 768px){
  /* ---------- 0. 全局防横向溢出 ---------- */
  html, body{ overflow-x:hidden; }
  /* ---------- 1. 头部导航：汉堡按钮 + 右侧抽屉（所有页面通用） ---------- */
  header .menu{ width:auto; }
  header .menu nav{
    position: fixed; top:0; right:0; z-index:1800;
    width:78%; max-width:320px; height:100vh; height:100dvh;
    background:#fff; box-shadow:-3px 0 15px rgba(0,0,0,.18);
    transform:translateX(105%); transition:transform .3s ease;
    padding:70px 0 30px; overflow-y:auto; -webkit-overflow-scrolling:touch;
  }
  header .menu nav.active{ transform:translateX(0); }
  header .menu nav>ul>li{ float:none; padding:0; border-bottom:1px solid #f0f0f0; position:relative; }
  header .menu nav>ul>li>a{ line-height:52px; color:#333; padding:0 22px; font-size:15px; display:block; }
  header .menu nav>ul>li.on>a, header .menu nav>ul>li:hover>a{ font-weight:bold; }
  header .menu nav>ul>li .xm{ position:absolute; right:10px; top:0; width:40px; line-height:52px; text-align:center; color:#999; font-size:16px; z-index:2; }
  header .menu nav>ul>li .subnav{ position:static; opacity:1; visibility:visible; width:100%; box-shadow:none; border:none; border-radius:0; background:#fafafa; display:none; }
  header .menu nav>ul>li .subnav.show{ display:block; }
  header .menu nav>ul>li .subnav li a{ padding:12px 32px; }
  .menu-bar{ display:block; position:absolute; right:14px; top:24px; width:38px; height:38px; z-index:1700; cursor:pointer; }
  .menu-bar:before{ content:""; position:absolute; left:5px; top:11px; width:26px; height:2px; background:#fff; border-radius:2px; box-shadow:0 8px 0 #fff; }
  .menu-bar:after{ content:""; position:absolute; left:5px; top:27px; width:26px; height:2px; background:#fff; border-radius:2px; }
  header.on .menu-bar:before{ background:#333; box-shadow:0 8px 0 #333; }
  header.on .menu-bar:after{ background:#333; }
  .nav-warp{ position:fixed; top:0; right:0; z-index:1801; width:44px; height:44px; }
  .nav-warp .am-close{ font-size:28px; line-height:44px; text-align:center; display:block; color:#333; }
  /* ---------- 2. 首页各区块尺寸收紧 ---------- */
  .am-pd{ padding:40px 0; }
  .am-pt{ padding-top:40px; }
  .hm-title .en{ font-size:34px; }
  .hm-title .cn{ font-size:18px; }
  header .logo{ max-width:60%; line-height:70px; }
  header .logo img{ max-height:50px; }
  .banner .ban-txt .tit{ font-size:28px; }
  .banner .ban-txt .note{ font-size:14px; }
  .banner .bancj{ bottom:60px; }
  .hm-case-list ul li{ padding:6px; }
  .hm-case-list ul li a .txt .tit{ font-size:15px; }
  .case-cate{ border-radius:30px; max-width:100%; }
  .case-cate a{ width:105px; padding:12px 0; }
  .case-cate .move{ width:105px; }
  .yous-list ul li a{ padding:40px 12px; }
  .yous-list ul li a .tit{ font-size:17px; margin:18px 0 16px; white-space:normal; }
  .yous-list ul li a .note{ height:auto; }
  .hm-abdata ul li .tit span{ font-size:28px; }
  .hm-abdata ul li .tit sup{ top:-2.2em; }
  .hm-about-main .note{ font-size:15px; }
  .hm-news-tab .hd ul li a{ width:110px; }
  .hm-news-tab .bd ul{ margin:0 -6px; }
  .hm-news-tab .bd ul li{ padding:0 6px; }
  .hm-news-tab .bd ul li a .txt .tit{ font-size:14px; }
  /* ---------- 3. 内页公共：横幅 + 面包屑 ---------- */
  .nybanner{ height:170px; }
  .nybanner>img{ width:100%; height:100%; object-fit:cover; }
  .nybanner .nybantxt .en{ font-size:26px; line-height:32px; height:32px; }
  .nybanner .nybantxt .cn{ font-size:18px; line-height:26px; height:26px; }
  .am-parth{ height:auto; line-height:1.6; padding:14px 0; }
  .am-parth .location, .am-parthx .location{ font-size:13px; padding-left:18px; white-space:normal; }
  /* ---------- 4. 列表页：分类按钮 / 案例 / 新闻列表 / 分页 ---------- */
  .ny-nav{ text-align:center; margin-bottom:20px; }
  .ny-nav a{ padding:8px 16px; margin:4px 5px; font-size:14px; border-radius:24px; }
  .ny-case-list ul li{ padding:8px; }
  .ny-case-list ul li a .txt .tit{ font-size:15px; padding:10px; }
  .ny-news-list ul li a{ padding:20px 14px; }
  .ny-news-list ul li a i{ width:100%; float:none; }
  .ny-news-list ul li a .txt{ width:100%; float:none; padding-left:0; margin-top:14px; }
  .ny-news-list ul li a .txt .tit{ font-size:17px; line-height:1.5; }
  .ny-news-list ul li a .txt .note{ font-size:13px; margin:8px 0; }
  .ny-news-list ul li a .txt .rq{ right:8px; }
  .ny-news-list ul li a .txt .more{ display:none; }
  .pagebar{ margin:20px 0; }
  .pagebar .pagination a{ width:36px; height:36px; line-height:36px; margin:3px; font-size:13px; }
  /* ---------- 5. 详情页：文章正文 / 上一篇下一篇 / 相关资讯 ---------- */
  .newsarcbox .arccontent{ padding:20px 16px; margin-top:0; border-radius:8px; }
  .newscon-head h1{ font-size:22px; line-height:1.4; }
  .arccontent{ font-size:15px; line-height:1.9; }
  .arccontent img{ height:auto; }
  .arccontent iframe, .arccontent video, .arccontent table{ max-width:100%; }
  .arccontent table{ display:block; overflow-x:auto; }
  .nexpre .npitm{ width:100%; float:none; padding:18px 14px; height:auto; border-bottom:1px solid #eee; }
  .nexpre .npitm:last-child{ border-bottom:none; }
  .nexpre .npitm a .img{ width:84px; max-height:64px; border-radius:6px; }
  .nexpre .npitm a .txt{ width:auto; float:none; padding-left:12px; }
  .nexpre .npitm a .txt .tit{ font-size:14px; margin-top:6px; line-height:1.5; }
  .xianggnews{ padding:16px; margin-top:20px; }
  .xianggnews .xgtit{ font-size:18px; }
  /* ---------- 6. 关于 / 加入我们 页 ---------- */
  .pag_about_headch{ font-size:26px; line-height:32px; }
  .pag_about_headen{ font-size:12px; letter-spacing:6px; margin:14px 0 20px; }
  .page_aboutaa_content{ margin:24px 14px; font-size:16px; line-height:30px; }
  .ny-about1{ background-size:100% auto; background-position:center bottom; padding-bottom:40px; }
  .culture-list ul li{ padding:24px 10px; }
  .culture-list ul li .tit{ font-size:18px; margin:18px 0; }
  .culture-list ul li .note{ font-size:13px; }
  /* ---------- 7. 联系页 ---------- */
  .contact1{ padding:20px 14px; }
  .contact1 .contact1-l{ width:100%; float:none; }
  .contact1 .contact1-l .c-t-li{ line-height:2.2; margin-bottom:20px; }
  .contact1 .contact1-l .contact-ewm ul li{ max-width:90px; padding:8px; margin-right:10px; }
  .contact-map{ width:100%; float:none; margin-top:24px; }
  #allmap{ height:280px; }
  .contact-mes{ padding:20px 14px; }
  .mesipu .item .iput{ width:100%; float:none; padding:0 0 12px; }
  .c-t-m-btn .am-btn{ width:100%; }
  /* ---------- 8. 招聘页手风琴 ---------- */
  .ny-join-list .join-head{ padding:1rem; }
  .ny-join-list .am-accordion-title{ padding:1rem; font-size:15px; }
  .ny-join-list .am-accordion-title span:first-child{ width:70%; }
  .ny-join-list .am-accordion-title span:nth-child(2), .ny-join-list .am-accordion-title span:nth-child(3){ width:auto; }
  .ny-join-list .am-accordion-content{ padding:16px; }
  /* ---------- 9. 服务 / 合作 / 传媒 等专题页 ---------- */
  .nyserbox{ padding:20px 16px; }
  .sernavnun ul li a span{ font-size:56px; height:56px; line-height:56px; }
  .swiper-ser .ser-main{ padding:0; }
  .swiper-ser .ser-main .thumb{ width:100%; float:none; }
  .swiper-ser .ser-main .txt{ width:100%; float:none; padding:16px 0 0; }
  .swiper-ser .ser-main .txt .note{ font-size:15px; }
  .swiper-zss .swiper-slide{ width:50%; padding:0 6px; margin-bottom:10px; }
  .zslist .swiper-zss .swiper-slide a i{ padding:12px; }
  .whoche .swiper-z-next{ right:0; }
  .whoche .swiper-z-prev{ left:0; }
  #mediamap{ height:320px; }
  /* ---------- 10. 底部 ---------- */
  footer .foot-main .foot-nav{ width:100%; float:none; }
  footer .foot-main .foot-nav ul{ flex-wrap:wrap; }
  footer .foot-main .foot-nav ul li{ width:33.33%; margin-bottom:20px; }
  footer .foot-main .foot-contant{ float:none; text-align:left; margin-top:20px; }
  footer .foot-copyr p{ float:none !important; text-align:center; line-height:1.8; }
}
/* ==================================================================
   折叠屏 / 平板宽度导航修复（769px ~ 1200px）
   三折叠手机在折叠、半开、全展开状态下的页面宽度都会落到此区间，
   导航同样收进汉堡抽屉，与手机端行为一致。
   （实测：该模板桌面导航在 ≤1160px 时会被挤成两行，1200px 断点留足余量）
   ================================================================== */
@media screen and (min-width: 769px) and (max-width: 1200px){
  header .menu{ width:auto; }
  header .menu nav{
    position: fixed; top:0; right:0; z-index:1800;
    width:78%; max-width:340px; height:100vh; height:100dvh;
    background:#fff; box-shadow:-3px 0 15px rgba(0,0,0,.18);
    transform:translateX(105%); transition:transform .3s ease;
    padding:70px 0 30px; overflow-y:auto; -webkit-overflow-scrolling:touch;
  }
  header .menu nav.active{ transform:translateX(0); }
  header .menu nav>ul>li{ float:none; padding:0; border-bottom:1px solid #f0f0f0; position:relative; }
  header .menu nav>ul>li>a{ line-height:52px; color:#333; padding:0 22px; font-size:15px; display:block; }
  header .menu nav>ul>li.on>a, header .menu nav>ul>li:hover>a{ font-weight:bold; }
  header .menu nav>ul>li .xm{ position:absolute; right:10px; top:0; width:40px; line-height:52px; text-align:center; color:#999; font-size:16px; z-index:2; }
  header .menu nav>ul>li .subnav{ position:static; opacity:1; visibility:visible; width:100%; box-shadow:none; border:none; border-radius:0; background:#fafafa; display:none; }
  header .menu nav>ul>li .subnav.show{ display:block; }
  header .menu nav>ul>li .subnav li a{ padding:12px 32px; }
  .menu-bar{ display:block; position:absolute; right:14px; top:24px; width:38px; height:38px; z-index:1700; cursor:pointer; }
  .menu-bar:before{ content:""; position:absolute; left:5px; top:11px; width:26px; height:2px; background:#fff; border-radius:2px; box-shadow:0 8px 0 #fff; }
  .menu-bar:after{ content:""; position:absolute; left:5px; top:27px; width:26px; height:2px; background:#fff; border-radius:2px; }
  header.on .menu-bar:before{ background:#333; box-shadow:0 8px 0 #333; }
  header.on .menu-bar:after{ background:#333; }
  .nav-warp{ position:fixed; top:0; right:0; z-index:1801; width:44px; height:44px; }
  .nav-warp .am-close{ font-size:28px; line-height:44px; text-align:center; display:block; color:#333; }
  header .logo{ max-width:60%; line-height:70px; }
  header .logo img{ max-height:50px; }
}