/* 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-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{width: 100%;position: fixed;top: 0;left: 0;height: 90px;z-index: 999;transition: all 0.3s;}
.am-container{max-width: 1430px; }
header.topfix{background-color: rgba(0, 0, 0, 0.75); position:fixed;    -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.1);    box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.1);border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
header.topfix.header-hover {  background-color: rgba(0, 0, 0, 0.95); }
/*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:90px;line-height:90px;}
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;}
.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:70px 0; overflow:hidden;}
.am-pt{ padding-top:70px; 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,.3);border-radius: 50px;    display: table;margin:28px auto 0;position: relative; overflow:hidden;}
.case-cate a{width:150px; 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:150px; 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:120px 5%; 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:24px;font-weight:bold; color:#fff; margin-top:30px; margin-bottom:40px; white-space: pre;}
.yous-list ul li a .note{ color:rgba(255,255,255,0.6); line-height:2; height:96px;font-size:16px;text-align:left;}
.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 .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:150px; font-size:12px; padding:10px 0;}
.case-cate .move{ width:150px;}
.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;} */


/* 分页样式 */
.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}

.mainpro{ background:#7c0800;}
.i-category .category {  width: 100%; margin-top:30px; }
.i-category .category .category-box {  width: 50%;  display: flex;  background-color: #eeeeee;  transition: 0.3s ease;  -webkit-transition: 0.3s ease;  -moz-transition: 0.3s ease;  -ms-transition: 0.3s ease;  -o-transition: 0.3s ease;}
.i-category .category .category-box:first-child {  background-color: #971b12;}
.i-category .category .category-box:first-child .category-box-content .h2 {  color: #ffffff;  border-bottom: 1px solid #ffffff;}
.i-category .category .category-box:first-child .category-box-content .p {  color: #ffffff;}
.i-category .category .category-box:last-child {  background-color: #971b12;}
.i-category .category .category-box:last-child .category-box-content .h2 {  color: #ffffff;  border-bottom: 1px solid #ffffff;}
.i-category .category .category-box:last-child .category-box-content .p {  color: #ffffff;}
.i-category .category .category-box .h2 {  display: inline-block;  border-bottom: 1px solid #000000;}
.i-category .category .category-box .category-box-left {  width: 50%;  padding: 30px;  display: flex;  align-items: center;  justify-content: center;  transition: 0.3s ease;  -webkit-transition: 0.3s ease;  -moz-transition: 0.3s ease;  -ms-transition: 0.3s ease;  -o-transition: 0.3s ease;}
.i-category .category .category-box .category-box-left .category-box-content{  text-align:center;}
.i-category .category .category-box .category-box-left .category-box-content .h2{  font-size: 30px;  font-weight: 600;}
.i-category .category .category-box .category-box-left .category-box-content .p { font-size: 16px;  margin: 40px 0;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
.i-category .category .category-box .category-box-right {  width: 50%;  background-color: #ffffff;}
.i-category .category .category-box .category-box-right .category-box-img {  display: inline-block;  overflow: hidden;  height: 100%;  width: 100%;}
.i-category .category .category-box .category-box-right .category-box-img:hover img {  transform: scale(1.1);  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1);}
.i-category .category .category-box .category-box-right .category-box-img > a > img {  transition: 0.5s ease;  -webkit-transition: 0.5s ease;  -moz-transition: 0.5s ease;  -ms-transition: 0.5s ease;  -o-transition: 0.5s ease;  display: inline-block;  width: 100%;  height: 100%;}
.i-category p.more {  display: inline-block;}
.i-category p.more > a {  font-size: 18px;  transition: 0.3s ease;  -webkit-transition: 0.3s ease;  -moz-transition: 0.3s ease;  -ms-transition: 0.3s ease;  -o-transition: 0.3s ease;  color: #ffffff;  padding: 8px 35px;  background-color: #971b12;  border: 2px solid #ffffff;  display: inline-block;}
.i-category p.more > a:hover {  background-color: #000000;}

@media screen and (max-width: 768px) 
{ 
.i-category .category .category-box {    width: 100%;    margin: 5px;  }
}
.rtcn_wap{ display:none}
@media screen and (min-width: 0px) and (max-width:768px){
	.rtcn_pc{ display:none}
	.rtcn_wap{ display:block;}
   
}
@media screen and (max-width: 1230px) {
	.i-category .category .category-box .category-box-left .category-box-content .p {
    margin: 15px 0;
  }
	.i-category .category .category-box .category-box-left {
    padding: 10px;
  }
}

/* #fengebg{background:url(../images/fengebg.jpg) no-repeat center center;background-size:cover;padding:55px 0 64px; display:flex;flex-wrap: wrap;
    justify-content: space-between;align-items: flex-start; }
.fg_left{width:676px;padding:15px 0 9px;}
.fg_left p:first-child{font-size:42px;height:52px;line-height:52px;color:#FFF;font-weight:bold;}
.fg_left p:nth-child(2){font-size:30px;height:40px;line-height:40px;color:#FFF;margin-top:15px;}
.fg_left .frl_txt{margin-top:30px;position:relative;background:url(../images/f_picon.png) no-repeat left center;padding:2px 0 3px 86px;}
.fg_left .frl_txt span{display:block;color:#FFF;}
.fg_left .frl_txt span:first-child{font-size:16px;height:26px;line-height:26px;}
.fg_left .frl_txt span:last-child{font-size:32px;height:32px;line-height:32px;margin-top:2px;font-family:Impact;display:inline-block;position:relative;}
.fg_left .frl_txt span:last-child::before{content:'';width:100%;height:13px;background:#e30713;position:absolute;left:0;bottom:0;z-index:1;}
.fg_left .frl_txt span em{font-style:normal;position:relative;z-index:2;}
.fg_right{width:calc(100% - 676px);padding-left:96px;display: flex;justify-content: space-around;}
.fg_right .fgr_li{width:calc(33.33% - 22px);float:left;margin-left:33px;}
.fg_right .fgr_li:first-child{margin-left:0;}
.fg_right .fgr_li i{display:block;width:100%;height:178px;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}
.fg_right .fgr_li i.icon1{background-image:url(../images/f_icon1.png);}
.fg_right .fgr_li i.icon2{background-image:url(../images/f_icon2.png);}
.fg_right .fgr_li i.icon3{background-image:url(../images/f_icon3.png);}
.fg_right .fgr_li p{font-size:18px;height:28px;line-height:28px;color:#FFF;margin-top:19px;text-align:center;} */


/*proinfo-part1*/
.proinfo-part1{overflow: hidden;padding:15px 0;background: #f8f8f8;}
.proinfo-part1 .container-fluid{display: flex;flex-direction: row;justify-content: space-between;gap:20px; flex-wrap: wrap;}
.proinfo-part1-left{flex: 0 0 530px;max-width: 100%;overflow: hidden;padding-bottom: 15px;}

.proinfo-part1-right{flex: 1 1 auto; min-width: 380px;overflow: hidden;max-width: calc(100% - 550px); }
.proinfo-part1-right .hd {border-bottom:solid 1px #c6c4c4;padding:10px 0 10px;position: relative;}
.proinfo-part1-right .hd:after{content:'';position: absolute;width:155px;height: 3px;background: #918876;left:0;bottom:-2px;}
.proinfo-part1-right .hd .t1{font-size: 36px;color:#282828;font-weight:bold;line-height: 1.2; margin-bottom: 5px;}
.proinfo-part1-right .hd .t2 {color: #aaa; text-transform: uppercase; font-size: 14px; letter-spacing: 1px;}
.proinfo-part1-right .md {padding:15px 0;}
.proinfo-part1-right .md .t1 {  font-size: 14px;  color: #666666;  line-height: 24px;  margin-bottom: 20px;  text-align: justify;}
.proinfo-part1-right .md .t2 {display: flex;  align-items: flex-start;  gap: 15px;  margin-bottom: 30px;flex-wrap: wrap; }
.proinfo-part1-right .md .t2 b { font-size: 16px; color: #333333; flex-shrink: 0; margin-top: 3px;}
.proinfo-part1-right .md .t2 div { flex: 1 1 auto;   min-width: 200px;}
.proinfo-part1-right .md .t2 div span { border: solid 1px #efd1cc;  background: #f2e3e0; padding: 4px 12px; color: #d33f23;   font-size: 14px;  margin: 0 8px 8px 0;    display: inline-block;    border-radius: 4px;    transition: all 0.3s ease;}
.proinfo-part1-right .md .t2 div span:hover {    background: #f8f0ef;    transform: translateY(-2px);    box-shadow: 0 2px 8px rgba(211, 63, 35, 0.15);} 

/* 轮播大图区域 */
.product-main-slider { width: 100%; height: 400px; border-radius: 8px; overflow: hidden; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);border: 1px solid #f0f0f0; margin-bottom: 10px; position: relative;background: #fff;}
.product-main-slider .swiper-slide { display: flex; align-items: center;    justify-content: center;  height: 100%; padding:12px;}
.product-main-slider img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.3s ease;}

.product-thumbs-slider {    width: 100%;    height: 100px;    padding: 10px 0;    position: relative;}
.product-thumbs-slider .swiper-wrapper {    display: flex;    justify-content: center;    align-items: center;}
.product-thumbs-slider .swiper-slide {    width: 100px;    height: 80px;    border-radius: 6px;    overflow: hidden;    cursor: pointer;    border: 2px solid transparent;    transition: all 0.3s ease;    opacity: 0.6;    flex-shrink: 0;}
/* 缩略图激活状态 */
.product-thumbs-slider .swiper-slide.thumb-active {    border-color: #918876;    opacity: 1;    transform: scale(1.05);    box-shadow: 0 4px 8px rgba(145, 136, 118, 0.3);}
/* 缩略图悬停效果 */
.product-thumbs-slider .swiper-slide:hover {    opacity: 0.9;    transform: scale(1.03);}
.product-thumbs-slider img {    width: 100%;    height: 100%;    object-fit: cover;}
/* j箭头效果 */
.product-main-slider .swiper-button-next::after,.product-main-slider .swiper-button-prev::after { content: '';}
.product-main-slider .swiper-button-next,.product-main-slider .swiper-button-prev { width: 36px; height: 36px;  background: rgba(255, 255, 255, 0.9); border-radius: 50%; display: flex;    align-items: center;  justify-content:center;
    cursor: pointer;    position: absolute;    top: 50%;    transform: translateY(-50%);    z-index: 10;    opacity: 0.8;    transition: all 0.3s ease;    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);     margin: 0 10px;}
.product-main-slider .swiper-button-next:hover,
.product-main-slider .swiper-button-prev:hover {    background: white;    opacity: 1;   transform: translateY(-50%) scale(1.05);}
.product-main-slider .swiper-button-next {  right: 0;}
.product-main-slider .swiper-button-prev {   left: 0;}
/* 自定义箭头图标 */
.product-main-slider .swiper-button-next em,.product-main-slider .swiper-button-prev em {  display: block;    width: 10px;    height: 10px;    border-top: 2px solid #000;    border-right: 2px solid #000;    transition: all 0.3s ease;}
.product-main-slider .swiper-button-next em {    transform: rotate(45deg);    margin-right: 1px;}
.product-main-slider .swiper-button-prev em {    transform: rotate(-135deg);    margin-left: 1px;}


/* 按钮样式 */
.NyProDetail_Btm { margin-top: 30px; display: flex; gap: 15px; flex-wrap: wrap;}
.Btn01, .Btn02 { display: inline-flex; align-items: center; padding: 12px 24px; border-radius: 4px; text-decoration: none; font-weight: bold; transition: all 0.3s ease;}
.Btn01 {  background: #918876; color: white;}
.Btn02 { background: #f5f5f5; color: #333; border: 1px solid #ddd;}
.Btn01:hover {background: #7a6e5d; transform: translateY(-2px);}
.Btn02:hover { background: #e8e8e8;}
.clear { clear: both;}

.NyProDetail_Btm a { display:block; width:auto; height:60px; overflow:hidden; margin:0 40px 0 0; padding:0; background-color:#e5e5e5; border-radius:30px; float:left;}
.NyProDetail_Btm a.Btn01 i { display:block; width:60px; height:60px; margin:0; padding:6px; background-color:#d6d3d3;  border-radius:50%; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.NyProDetail_Btm a.Btn01 i em { display:block; width:48px; height:48px; margin:0; padding:0; background:#ff4242 url(../images/ico11.png) center center no-repeat; background-size:30px 30px; border-radius:50%;}
.NyProDetail_Btm a.Btn01 span { display:block; width:auto; height:60px; line-height:40px; color:#ff4242; font-size:20px; font-weight:bold; margin:0; padding:10px 30px 10px 20px; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.NyProDetail_Btm a.Btn02 { margin:0;}
.NyProDetail_Btm a.Btn02 i { display:block; width:60px; height:60px; margin:0; padding:6px; background-color:#d6d3d3; border-radius:50%; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.NyProDetail_Btm a.Btn02 i em { display:block; width:48px; height:48px; margin:0; padding:0; background:#333333 url(../images/ico12.png) center center no-repeat; background-size:30px 30px; border-radius:50%;}
.NyProDetail_Btm a.Btn02 span { display:block; width:auto; height:60px; line-height:40px; color:#333333; font-size:24px; font-weight:bold; margin:0; padding:10px 30px 10px 20px; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}

/*proinfo-part2*/
.proinfo-part2{overflow: hidden;margin-top: 15px;}
.proinfo-part2-hd{border-bottom:solid 1px #eae8e8;display: flex;flex-direction: row;}
.proinfo-part2-hd a{width:190px;height: 48px;display: block;position: relative;color:#333333;font-size: 16px;transition: all .5s;text-align: center;line-height: 48px;}
.proinfo-part2-hd a:before{content:'';height: 3px;width:100%;background: #918876;position: absolute;bottom:-1px;left:0;width:0;transition: all .5s}
.proinfo-part2-hd a:after{width:1px;height: 20px;content:'';position: absolute;right:0;top:15px;transition: all .5s;background: #928f8f}
.proinfo-part2-hd a.on,.proinfo-part2-hd a:hover{color:#918876;}
.proinfo-part2-hd a.on:before,.proinfo-part2-hd a:hover:before{width:100%;}
.proinfo-part2-hd a:last-child:after{display: none;}
.proinfo-part2-bd{overflow: hidden;width:100%;padding:15px 0;display: flex;flex-direction: row;justify-content: space-between;}
.proinfo-part2-bd .ProDetails{width:100% ;margin: 0 auto;max-width: 1240px;padding: 0 20px;box-sizing: border-box;}
.proinfo-part2-bd .section1{padding:0 0 30px;}
.proinfo-part2-bd .section1-hd{font-size: 36px;font-weight:bold;color:#333333;position: relative;padding-bottom: 15px;text-align: center;}
.proinfo-part2-bd .section1-hd:after{content:'';width:100%;background: url(../images/proinfo-pic1.jpg) center no-repeat;position: absolute;bottom:0;left:0;height: 6px;}
.proinfo-part2-bd .section1-bd{line-height: 260%;padding:30px 0;min-height: 300px;font-size:120%;}

.proinfo-part2-bd .section2{overflow: hidden;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.proinfo-part2-bd .section2 li{width:48%;background: #f6f5f4;padding:22px 0 0px 22px;overflow: hidden;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;margin-bottom: 15px;}
.proinfo-part2-bd .section2 li i{font-size: 40px;color:#918876;width:90px;line-height: 1.3;text-align: center;transition: all .5s}
.proinfo-part2-bd .section2 li .txt{width:calc(100% - 100px);padding-right: 22px;padding-bottom: 22px;height: 100%;}
.proinfo-part2-bd .section2 li .txt .t1{color:#333333;font-size: 30px;margin-bottom: 10px;transition: all .5s}
.proinfo-part2-bd .section2 li .txt .t2{color:#999999;line-height: 30px;transition: all .5s}
.proinfo-part2-bd .section2 li.on{background:url(../images/proinfo-pic2.jpg) top left no-repeat #918876;}
.proinfo-part2-bd .section2 li.on i{color:#fff;}
.proinfo-part2-bd .section2 li.on .txt{background: url(../images/proinfo-pic3.jpg) right bottom no-repeat;}
.proinfo-part2-bd .section2 li.on .txt .t1{color:#fff;}
.proinfo-part2-bd .section2 li.on .txt .t2{color:#fff;}

.proinfo-part2-bd .section2-1{padding:0 0 30px;}
.proinfo-part2-bd .section2-hd{font-size: 36px;font-weight:bold;color:#333333;position: relative;padding-bottom: 15px;text-align: center;}

.proinfo-part2-bd .section3-bd{overflow: hidden;padding:15px 0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.proinfo-part2-bd .section3-bd a{display: block;width:24%;position: relative;margin-bottom: 10px;}
.proinfo-part2-bd .section3-bd a .txt{position: absolute;top:0;left:0;width:100%;height: 100%;background: rgba(255,255,255,.7);text-align: center;display: flex;flex-direction: row;justify-content: center;align-items: center;padding:0 15px;line-height: 1.5;color:#918876;font-size: 16px;opacity: 0;transition: all .5s;font-weight:bold;}
.proinfo-part2-bd .section3-bd a:hover .txt,.proinfo-part2-bd .section3-bd a.on .txt{width:calc(100% - 30px);height: calc(100% - 30px);top:15px;left:15px;opacity: 1}

        /* 表格卡片容器 —— 圆角、柔和阴影、溢出滑动 */
        .table-wrapper {max-width: 900px;width: 100%;background-color: #ffffff;border-radius: 24px;box-shadow: 0 15px 25px -8px rgba(0, 15, 30, 0.15), 0 5px 12px -4px rgba(0, 0, 0, 0.05);overflow-x: auto;transition: box-shadow 0.2s ease;border: 1px solid rgba(226, 232, 240, 0.6); }
        .table-wrapper:hover {box-shadow: 0 20px 30px -10px rgba(17, 34, 68, 0.2); }
        .device-params {width: 100%;border-collapse: collapse;font-size: 0.95rem;line-height: 1.5;color: #1e293b;background-color: #ffffff;min-width: 600px;}
        /* 表头：浅灰色背景+半粗字体，不加花哨效果 */
        .device-params th {background-color: #f1f5f9;font-weight: 600; font-size: 1.9rem; text-align: left;padding: 1rem 1.2rem; white-space: nowrap;  color: #0f172a; border-bottom: 1px solid #cbd5e1;}
        /* 单元格：内边距一致，底部细分隔线 */
        .device-params td {padding: 1rem 1.2rem;border-bottom: 1px solid #e9edf2;vertical-align: middle; }
        /* 最后一行去掉下边框 */
        .device-params tbody tr:last-child td {border-bottom: none;}
        /* 参数列（第一列）稍加粗，突出层次 */
        .device-params tbody td:first-child {font-weight: 500; color: #0b1e33; }
        /* 备注列（第三列）用灰色弱化 */
        .device-params tbody td:last-child {color: #4b5a6e; }		
        /* 小屏幕时适当缩小内边距 */
        @media (max-width: 500px) 
		{
			.device-params th, .device-params td {padding: 0.8rem 0.8rem;  font-size: 0.9rem; }
        }


/*proinfo-part3*/
.proinfo-part3{background: #fff;}
.proinfo-part3-bd{width:100%; padding: 20px 0;}
.proinfo-part3-bd .swiper-container { overflow: hidden; position: relative; }
.proinfo-part3-bd .swiper-slide { transition: all 0.5s; display: flex;flex-direction: column;height: 100%; overflow: hidden;border-radius: 8px; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.proinfo-part3-bd .swiper-slide a {display: flex;flex-direction: column;height: 100%;text-decoration: none;color: inherit;}
.proinfo-part3-bd .swiper-slide .img {position: relative;width: 100%;height:auto;overflow: hidden;display: block;background: #f5f5f5;border-radius: 4px; }
.proinfo-part3-bd .swiper-slide .img img {width: 100%;height: auto;object-fit: contain;display: block;transition: all 0.5s ease;}
.proinfo-part3-bd a .img .zhezhao{position: absolute;top:0;left:0;width:0;height:0;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.5s;z-index:1;display:flex;flex-direction: row;justify-content: center;align-items: center;border-radius: 4px; }
.proinfo-part3-bd a .img .zhezhao i{font-size: 50px;color:#fff;transition: transform 0.3s ease;}
.proinfo-part3-bd .swiper-slide p {width: 100%;background: #f5f5f5;color: #333;font-size: 16px;padding: 15px 10px; text-align: center;position: relative;margin: 0;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box; }

.proinfo-part3-bd p:after{content:'';position: absolute;bottom:0;left:0;height: 3px;background: #918876;width:0;transition: all .5s;}
.proinfo-part3-bd .swiper-slide.on{box-shadow: 0 0 10px #666;}
.proinfo-part3-bd .swiper-slide:hover a p:after {width: 100%;}
.proinfo-part3-bd .swiper-slide:hover {box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);transform: translateY(-5px); }
.proinfo-part3-bd .swiper-slide:hover .img img {transform: scale(1.05); }
.proinfo-part3-bd .swiper-slide:hover a .img .zhezhao {width: 100%;height: 100%;opacity: 1;}
.proinfo-part3-bd .swiper-slide.on a .img .zhezhao{width:100%;height: 100%;opacity: 1;}
.proinfo-part3-bd .swiper-slide.on a p:after{width:100%;}
.proinfo-part3-bd .next,.proinfo-part3-bd .prev { width: 55px!important; height: 55px!important; top: 50%!important; margin: 0!important; border-radius: 50%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.proinfo-part3-bd .next {left: -30px; background: url(../images/next01.png) center center no-repeat; background-size: 55px 55px; }
.proinfo-part3-bd .prev {right: -30px;background: url(../images/pre01.png) center center no-repeat; background-size: 55px 55px; }
.proinfo-part3-bd .next:hover,.proinfo-part3-bd .next:hover,.proinfo-part3-bd .prev:hover{background: rgba(255,255,255,.5);}
.proinfo-part3-bd .next:hover i,.proinfo-part3-bd .prev:hover i{color: #918876;}


/*sidebar*/
.sidebar{width:296px;float: right;background: #f8f8f8;}
.sidebar .hd{width:100%;height: 100px;background: url(../images/ipro-bd-bg.jpg);position: relative;color:#fff;padding:20px 0 0 40px;}
.sidebar .hd:before{content:'product';position: absolute;color:rgba(255,255,255,.15);font-size: 50px;font-weight:bold;top:25px;left:20px;text-transform: uppercase;line-height: 1}
.sidebar .hd .t1{font-weight: bold;font-size: 30px;}
.sidebar .hd .t2{font-size: 12px;}
.sidebar .md{overflow: hidden;padding:5px 0;}
.sidebar .md .yiji{display: block;border-bottom:solid 1px #d5d4d4;padding:10px 25px;}
.sidebar .md .yiji .t1{font-size: 18px;color:#333333;transition: all .5s}
.sidebar .md .yiji .t2{font-size: 12px;text-transform: uppercase;color:#999999;transition:all .5s;}
.sidebar .md .yiji:last-child{border-bottom: none;}
.sidebar .md .yiji:hover{background: url(../images/ipro-bd-bg.jpg);}
.sidebar .md .yiji:hover .t1{color:#fff;padding-left: 10px}
.sidebar .md .yiji:hover .t2{color:#fff;}
.sidebar .md ul{display: flex;flex-direction: column;padding:5px 15px;margin-bottom: 5px}
.sidebar .md .erji{padding:8px 0 8px 30px;font-size: 15px;color:#666;border-bottom: dashed 1px #ccc;position: relative;transition: all .5s}
.sidebar .md .erji:after{content:'';position: absolute;bottom:-0.5px;left:0;height: 1px;background: #918876;transition: all .5s;width:0;}
.sidebar .md .erji:hover{color:#918876;}
.sidebar .md .erji:hover:after{width:100%;}
.sidebar .bd{padding:20px 28px;background: #918876;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.sidebar .bd i{color:#fff;font-size: 46px;}
.sidebar .bd .txt{width:calc(100% - 60px);color:#fff;}
.sidebar .bd .txt .t2{font-size:24px;font-weight: bold; }

/*ititle*/
.ititle{margin:30px 0;text-align: center;position: relative;}
.ititle .hd{font-size: 72px;position: absolute;color:#333;opacity: 0.04;font-family: Impact;text-transform: uppercase;top:0;left:50%;transform: translateX(-50%);width:100%;}
.ititle .md{text-align: center;color:#333333;padding-top: 25px;}
.ititle .md b{color:#918876;font-weight:bold;}
.ititle .bd{color:#333;text-transform: uppercase;font-size: 18px;opacity: 0.66}
.ititle .md b,.ititle .md span {font-size: 36px;}

/* ===== 响应式设计 ===== */
@media(max-width: 1600px)
{
	.proinfo-part1-left{width:650px;}
	.proinfo-part1-right{width:calc(100% - 700px);}
	.proinfo-part1-right .bd{padding:15px 0;}
}
@media(max-width: 1400px)
{
	.proinfo-part1-left{width:600px;}
	.proinfo-part1-right{width:calc(100% - 650px);}
	.proinfo-part1-right .md .t2{margin-bottom: 15px;}
	
	.proinfo-part2-bd .section2 li{width:49%;}
	.proinfo-part2-bd .section2 li i{width:60px;font-size: 30px}
	.proinfo-part2-bd .section2 li .txt{width:calc(100% - 65px);}
	.proinfo-part2-bd .section2 li .txt .t1{font-size: 26px;}
	.proinfo-part2-bd .section3-bd a{width:32%;}
	.proinfo-part2-bd .section3-bd a:nth-child(n+7){display: none;}
	.sidebar{width:calc(100% - 30px);}
}
@media (max-width: 1200px) 
{  
	.proinfo-part1-left{width:500px;}
	.proinfo-part1-right{width:calc(100% - 530px);}
	.proinfo-part1-right .hd{padding:0 0 20px;}
	.proinfo-part1-right .hd .t1{font-size: 28px;}
	.proinfo-part1-right .hd .t2{font-size: 12px;}
	.proinfo-part1-right .md{padding:15px 0 0;}
	.proinfo-part1-right .md .t2{margin-bottom: 8px}
	.proinfo-part1-right .bd{padding:15px 0;}
	
	.proinfo-part2-bd .left{width:100%;}
	.proinfo-part2-bd .right{display: none}
	 .proinfo-part1 .container-fluid { gap: 30px;}
	.proinfo-part1-left {    flex: 0 0 600px;  }
	.product-main-slider {  height: 450px;  }
}
@media(max-width: 1024px){
	.proinfo-part1-right .md .t2:nth-child(3) p{width:100%;margin-top: 10px}
	.proinfo-part1-right .bd{padding:5px 0;}
	.proinfo-part1-right .bd p{margin-top: 15px;}
}

@media (max-width: 992px)
 {
	.proinfo-part1 .container-fluid{flex-direction: column;}
	.proinfo-part1-left{width:700px;}
	.proinfo-part1-right{width:100%;}
	.proinfo-part1-right .bd{display:flex;flex-direction: row;justify-content: space-between;}
    .proinfo-part1 .container-fluid { flex-direction: column; gap: 30px; }
    .proinfo-part1-left,    .proinfo-part1-right {  flex: 1;  width: 100%; }
    .product-main-slider { height: 400px; }
    .proinfo-part1-right .hd .t1 { font-size: 28px; }
}
@media(max-width: 768px)
{
	.product-main-slider { height: 350px; }
    .product-thumbs-slider {height: 80px;}
    .product-thumbs-slider .swiper-slide 	{ width: 80px; height: 60px;    }
	.proinfo-part1-left{width:100%;}
    .proinfo-part1-right .hd .t1 {font-size: 24px;}
    .proinfo-part1-right .hd .t2 {font-size: 12px; }
	
	.proinfo-part2-bd .section2 li{width:100%;}
	.proinfo-part2-bd .section3-bd a{width:49%;}
	
	.ititle .hd{font-size: 65px}
	/*更多方案轮播*/
	.proinfo-part3-bd .swiper-slide .img {height: 160px;}    
    .proinfo-part3-bd p {font-size: 14px;padding: 12px 8px;}    
    .proinfo-part3-bd .next,.proinfo-part3-bd .prev {width: 40px;height: 40px;line-height: 40px;}    
    .proinfo-part3-bd .next {left: -20px;}    
    .proinfo-part3-bd .prev {right: -20px;}
}


@media(max-width: 576px)
{
	.ititle{margin:15px 0;}
	.ititle .hd{display: none;}
	.ititle .md{font-size: 26px;padding-top: 0}
	.ititle .bd{font-size: 14px}
	.proinfo-part1-right .bd{flex-direction:column;}
	.proinfo-part1-right .hd .t1{font-size: 22px;}
	.proinfo-part1-right .md .t2 p span{font-size: 14px;margin-bottom: 5px;}
	
	.proinfo-part2-bd .section2 li{padding:15px 0 0 10px;}
	.proinfo-part2-bd .section2 li i{width: 40px;font-size: 26px}
	.proinfo-part2-bd .section2 li .txt{width:calc(100% - 45px);padding-right: 10px}
	.proinfo-part2-bd .section2 li .txt .t1{font-size: 22px}
	.proinfo-part2-bd .section2 li .txt .t2{line-height: 24px}
	/*更多方案轮播*/
	.proinfo-part3-bd {padding: 15px 30px 0;}    
    .proinfo-part3-bd .swiper-slide .img {height: 140px;}    
    .proinfo-part3-bd .next, .proinfo-part3-bd .prev {width: 34px;height: 34px;line-height: 34px;top: 40%; }    
    .proinfo-part3-bd .next i, .proinfo-part3-bd .prev i { font-size: 20px; }

}

@media (max-width: 480px)
 {
    .product-main-slider {height: 250px; }
    .product-thumbs-slider { height: 70px;}
    .product-thumbs-slider .swiper-slide {width: 70px; height: 50px; }
    .proinfo-part1-right .md .t2	{ flex-direction: column; gap: 10px; }
    .proinfo-part1-right .md .t2 b {margin-top: 0; }
}


/*产品页-dnp*/
.page_pro {width: 100%;min-height: 500px;background: #1c1c1c;display: flex; flex-wrap: wrap; overflow: hidden;}
.pro_owl {flex: 0 0 50%; overflow: hidden;background: url(../images/dnpimg.jpg) center center no-repeat ;background-size: cover; }
.page_pro .text {flex: 0 0 50%; display: flex; align-items: center; justify-content: center;padding:20px; box-sizing: border-box;}
.page_pro .text .box {	max-width: 600px; width:100%}
.page_tit2.on h3 {	color: #fff;font-size: 3.5rem;}
.page_tit2.on h2 {	color: #c09874;font-size: 3.5rem;}
.page_pro .text p {line-height: 32px;	color: #696969;height: 96px;overflow: hidden;	margin-bottom: 30px;font-size:2rem;}
.page_pro .btn a {	margin-left: 0;background: #0b0b0b;}
.btn2 a span {	display: inline-block;padding-right: 17px;background: url(../images/icon3.png) no-repeat right center;}
.btn2 a:hover span {	padding-right: 27px;}

@media (max-width: 768px) { 
.page_pro{	flex-direction: column; min-height: auto;  }
 .pro_owl, .page_pro .text { flex: 0 0 100%;  width: 100%; }
.pro_owl{ height: 300px; order: 1;  }
.page_pro .text { order: 2;  padding: 30px 20px; }
}
@media (max-width: 480px) {
.page_pro {height: 250px;  }    
 .page_tit2.on h3,.page_tit2.on h2 { font-size: 2rem;  }    
 .intro-text { font-size: 1rem;  }    
 .page_pro .text { padding: 25px 15px; }
}

/*推荐方案 开始*/
.ab_idxProTj { width: 100%; background: #f7f7f7; overflow: hidden; padding: 60px 0 80px;  }
.abIdx_title { width: 100%; text-align: center; padding: 0 3%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 30px; }
.abIdx_title p { font-size: 48px; background: linear-gradient(to top, #fff, #a5adb7); display: inline-block; -webkit-background-clip: text; color: transparent; opacity: 0.5; font-weight:500; text-transform:uppercase;  }
.abIdx_title b { display: block; font-size: 40px; color: #333; }
.abIdx_title span { color: #999; font-size: 18px; display: block; margin-top: 10px; }
.idxProtj_main { width:100%; position: relative; padding: 70px 0; background:url(../images/pro_bg.png) no-repeat center bottom; background-size: 100%; min-height:300px; }
.idxProtj_main ul li { float: left; width: 25%; background: #fff; padding: 20px 3%; border-right: 1px solid #f1f1f1; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.idxProtj_main ul li:nth-child(4n) { margin-right: 0; }
.idxProtj_main ul li:hover { box-shadow: 3px 3px 10px rgba(0,0,0,.1); z-index: 99999; }
.idxProtj_main ul li .indpro_img { width: 100%; height: 290px; }
.idxProtj_main ul li .indpro_img a { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }
.idxProtj_main ul li .indpro_img a img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.idxProtj_main ul li:hover .indpro_img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.idxProtj_main ul li .indpro_name { display: block; font-size: 20px; color: #333; text-align: center; height: 40px; line-height: 40px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
.idxProtj_main ul li:hover .indpro_name { color: #2463b2; }
.idxProtj_main ul li span { color: #777; display: block; line-height: 30px; height: 30px; overflow: hidden; display: -webkit-Box; -webkit-Box-orIEnt: vertical; -webkit-line-clamp: 2; font-size: 16px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:20px; }
.idxProtj_main ul li .indpro_more { display: block; width: 150px; height: 45px; line-height: 45px; text-align: center; color: #67686c; margin: 15px auto; border-radius: 50px; font-size: 16px; overflow: hidden; position: relative; border: 1px solid #d5d8d7; }
.idxProtj_main ul li .indpro_more a { color: #67686c; }
.idxProtj_main ul li .indpro_more a i { color: #d0d0d0; }
.idxProtj_main ul li:hover .indpro_more { background: #2463b2;border: 1px solid #2463b2;  }
.idxProtj_main ul li:hover .indpro_more a { color: #fff; }
.idxProtj_main ul li:hover .indpro_more a i { color: #fff; }
.idxProtj_main .swiper-container2 { overflow: hidden; position: relative; }
.idxProtj_main .swiper-button-prev, .idxProtj_main .swiper-button-next { width: 55px!important; height: 55px!important; top: 50%!important; margin: 0!important; border-radius: 50%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.idxProtj_main .swiper-button-prev::after, .idxProtj_main .swiper-button-next::after { content: '';}
.idxProtj_main .swiper-button-prev { background: url(../images/pre01.png) center center no-repeat; background-size: 55px 55px; left: 50px; }
.idxProtj_main .swiper-button-next { background: url(../images/next01.png) center center no-repeat; background-size: 55px 55px; right: 50px; }

@media screen and (max-width:1599px) and (min-width:1080px) {
.idxProtj_main .swiper-button-prev, .idxProtj_main .swiper-button-next { display: none; }
.idxProtj_main { padding-top: 20px; }
}
@media screen and (max-width:1079px) and (min-width:1024px) {
.idxProtj_main { padding-top: 10px; }
.idxProtj_main .swiper-button-prev, .idxProtj_main .swiper-button-next { display: none; }
}
@media screen and (max-width:1023px) and (min-width:768px) {
.ab_idxProTj { padding: 40px 0; }
.idxProtj_main { padding-top: 0; }
.idxProtj_main .swiper-button-prev, .idxProtj_main .swiper-button-next { display: none; }
}
@media (max-width: 767px) {
.ab_idxProTj { padding: 40px 0; }
.idxProtj_main { padding-top: 0; }
.idxProtj_main .swiper-button-prev, .idxProtj_main .swiper-button-next { display: none; }
}
/*首页推荐产品 结束*/
/*视频页面*/
.listConts{width:60%;line-height:26px;color:#666; margin:10px auto;}
.listConts .title{ display:block;font-size:20px; line-height:35px;text-align:center;color:#000; font-weight:600; margin:0 auto; padding:0 !important;}
.listConts .info{width:90%;height:38px;font-size:12px;line-height:39px;text-align:center; margin:15px auto;border-bottom:1px solid #ccc;color:#666;}
.listConts .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}
.listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;}
.listConts .info .small{font-size:10px;padding-right:3px;}
.listConts .info .big{color:#003ba6;padding-left:3px;}
.listConts .desc{margin:20px 0 15px;padding:5px 10px;line-height:20px;border:1px solid #f4e4b4;background:#fffff0;}
.listConts .showimg{margin:20px 0;text-align:center;}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.listConts .author{text-align:right;color:#999;}