@import url("common.css");
@import url("font-awesome.min.css");
@import url("zxkf.css");
/* Write your styles */
body{ font-size:15px;}
ul,li,dl,dt,dd,h1,h2,h3,p,em{ font-style:normal; list-style:none; margin:0; padding:0;}
UL,li {list-style-type:none;}
UL,p,li,form,h1,h2,h3,h4,h5,h6,dd,dl,dt,ol,td{

}
a{text-decoration: none;transition: all .1s linear; color:#444;}
a:hover{color:#e4040c;}
img{ max-width:100%;}
.am-containerr{max-width:100%;}
.am-container{max-width:1460px;}
.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);}}



.banner .swiper-slide{ position:relative; height:100vh; overflow:hidden; z-index:3;}
.banner .swiper-slide .bg{ position:relative; width:100%; height:100%; background-size:cover; z-index:1; }
.banner .swiper-slide.swiper-slide-active .bg.background-loop{ width:800%; height:100%;  background-repeat:repeat-x; background-size:auto 100%; }
.banner .swiper-slide.swiper-slide-active .bg.background-loop:after{  width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:-1; content:"";}
.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%; z-index: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:bold; margin:15px 0;}
.banner .ban-txt .tit span{ font-weight:bold;}
.banner .ban-txt .note{ font-size:25px;}
.banner .ban-txt .note h3{ line-height:2;}
.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{
	line-height:1;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	font-weight:900; font-size:40px;
}
.hm-title .cn{  color:#fff; font-weight:bold; font-size:24px; line-height:2; margin-top:5px; margin-bottom:10px;}
.hm-title .js{  color:rgba(255,255,255,0.8); font-size:16px;}
.hm-title.hs .en{  color:#333; }
.hm-title.hs .cn{  color:#e4040c; }
.hm-title.hs .js{  color:#888;}
.hm-case{
	background-color: #fff;
	
	background-repeat: repeat;
	background-position: center bottom;background-size:cover;
}
.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;}
.hm-case-list ul li i{ display:block; overflow:hidden;transition: all .3s linear; width:100%;  position:relative; padding-top:70%; border:1px #e8e8e8 solid;}
.hm-case-list ul li i img{ position:absolute; left:10%; top:10%; width:80%; min-height:80%;transition: all .3s linear;}
.hm-case-list ul li a:hover i img{ transform:scale(1.08)}
.hm-case-list ul li a .txt{ padding:5px 15px; background-color:#f4f4f4;}
.hm-case-list ul li a .txt .tit{ font-weight:bold; font-size:16px;color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding-top:6px; margin-bottom:4px;}
.hm-case-list ul li a .txt .note{ color:rgba(0,0,0,.6); line-height:1.8; font-size:14px; line-height:25px; height:50px;overflow:hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.hm-case-list ul li a:hover .txt{ background-color:#e4040c;}
.hm-case-list ul li a:hover .txt .tit,.hm-case-list ul li a:hover .txt .note{  color:#fff;}

.case-cate{float: unset;white-space: nowrap;border: 1px solid rgba(0,0,0,.1);border-radius: 50px;    display: table;margin:28px auto 0;position: relative; background-color:#e4040c}
.case-cate a{ width:138px; padding:18px 0;text-align:center; display:inline-block; color:rgba(255,255,255,0.8); position:relative; z-index:33;}
.case-cate a:hover{ color:#fff;}
.case-cate .move{ position:absolute; width:138px; height:100%; border-radius:50px; background:rgba(0,0,0,0.2); 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:#e4040c;}
.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;}


.gywm{ background:url(images/gywmbj.jpg) center top no-repeat #971b12; background-size:cover; position:relative;}
.alzs{ background-color:#f2f2f2;background-size:cover; position:relative;}
.swiper-alshow{ margin-top:40px;}
.swiper-alshow .swiper-slide a{ display:block; overflow:hidden; }
#alxm { width:100%; float:left; text-align:center; overflow:hidden;  cursor:pointer; position:relative;}
#alxm p{ background-color:rgba(0,0,0,0.6); color:#fff; text-align:center; padding:1.5%; line-height:1.8;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;left:0px;bottom:0px; width:100%; position:absolute; font-weight:bold; font-size:16px;transition:all 0.6s ease-in-out 0s;}
#alxm .js{padding:1.5%;position:absolute;left:0px;bottom:-300px;color:#fff; text-align:center;background-color:rgba(0,0,0,0.6);transition:all 0.6s ease-in-out 0s; color:#fff; width:100%; height:100%; overflow:hidden; }
#alxm .js h4{ text-align:center; font-size:16px; line-height:2; TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; margin-top:15%;}
#alxm .js span{ display:block; line-height:20px; text-align:left; font-size:14px; height:60px; overflow:hidden;overflow:hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#alxm dd{ display:block;width:100%; float:left; padding-bottom:70%; overflow:hidden; position:relative; background-color:#FFF;}
#alxm img{width:80%; position:absolute; left:28px; top:20px; min-height:100%;transition:all 0.6s ease-in-out 0s; }
#alxm:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#alxm:hover p{bottom:-50px;}
#alxm:hover .js{ bottom:0px; }
.seral{ margin-top:3%;}
.seral .serlopa{ position:relative; width:100%; height:30px; margin-top:40px;}
.seral  .serlopa .s-x-p,.seral .serlopa .s-x-n{ width:30px; height:30px;border-radius:100%; background-size:12px auto; margin-top:-15px; background-color:#e4040c; }
.seral  .serlopa .s-x-p{ left:160px}
.seral  .serlopa .s-x-n{ right:auto; left:200px;}
.seral  .serlopa .swiper-pagination-progressbar{ width:120px; height:3px; border-radius:3px; background:rgba(0,0,0,.5); top:50%; margin-top:-1.5px;}
.seral  .serlopa .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#e4040c; border-radius:3px;}
.hm-myys{
	background-size:cover;
	background-color: #C00;
	background-image: url(images/cbg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.yousmain{ position:relative; z-index:22;}
.yous-list{ margin-top:80px;}
.yous-list ul li a{ display:block; padding:180px 8%; text-align:center;  background:rgba(0,0,0,0.1)}
.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:30px; height:150px; overflow:hidden; font-size:16px;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 5;
    -webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.yous-list ul li:nth-child(2n) a{ background:rgba(0,0,0,0.2)}
.hm-public{ background-color:#fff;}

.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{ width:100%; float:left; margin-bottom:8%;}
.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:26px; font-weight:800; font-family: 'Noto Serif SC';}
.hm-abdata ul li .tit sup{ top:-0.4em;}


.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; background-color:#fff;}
.swiper-serlogo .swiper-slide a img{ height:80px; max-width:80%; margin-left:auto; margin-right:auto; display:block;}
.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:#f1f1f1;}
.hm-news-tab .hd{float: unset;border: 1px solid rgba(0,0,0,.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:#fff;}
.hm-news-tab .hd .move{ position:absolute; width:138px; height:100%; border-radius:50px; background:#e4040c; 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; position:relative; padding-bottom:65%; overflow:hidden;}
.hm-news-tab .bd ul li a i img{transition: all .3s linear; position:absolute; left:0px; top:0px; min-height:100%;}
.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:#333; font-weight:bold;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(0,0,0,.4);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.hm-news-tab .bd ul li a .txt .time{ color:rgba(0,0,0,.5); border-top:1px solid rgba(0,0,0,.1); padding-top:5px; position:relative; opacity:0.8;transition: all .3s linear; font-size:15px;}
.hm-news-tab .bd ul li a .txt .time:before{ content:""; display:block; width:0; height:1px; background:rgba(221,0,0,.8); position:absolute; left:0; top:-1px;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 .tit{ color:#e4040c;}
.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:5px; background:#e4040c;}
footer{ background-color:#3c3c3c;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; font-weight:bold; position:relative; }
footer .foot-tit:after{ width:20px; background-color:#e4040c; height:3px; left:0px; bottom:-5px; content:""; position:absolute;}
footer .foot-tit:before{ width:40px; background-color:#e4040c; height:1px; left:0px; bottom:-4px; content:"";position:absolute;}
footer .foot-tit a{ color:#fff; }
footer .foot-main .foot-nav ul li p{ font-size:14px; color:#888a92; line-height:30px; }
footer .foot-main .foot-nav ul li p a{ color:#adb0b5;  }
footer .foot-main .foot-nav ul li p a:hover{ color:#fff; background-color:#e4040c; border:none;}
footer .foot-main .foot-contant{ float:right; text-align:left; color:#fff;}
footer .foot-main .foot-contant a{ color:#fff;}
footer .foot-main .foot-contant .tel{
	font-size:28px;
	font-weight:bold;
	font-family: "Times New Roman", Times, serif;
}
footer .foot-main .foot-contant .tel i{ margin-right:12px; color:#e4040c;}
footer .foot-main .foot-contant .phone{ font-size:18px;margin-top:10px;}
footer .foot-main .foot-contant .phone i,footer .foot-main .foot-contant .addr i{ width:25px; height:25px; line-height:25px; text-align:center; font-size:16px; margin-right:5px;}
footer .foot-main .foot-contant .addr{ font-size:14px; margin-top:10px;}
footer .foot-copyr{ padding:30px 0;font-size:14px;color:#888a92; text-align:center; 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:#e4040c; color:#fff; border-color:#e4040c;}

.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:#e4040c; 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:#e4040c; 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:#e4040c; 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:1500px; 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:#e4040c}


.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:#e4040c;}

.swiper-z-next:hover,.swiper-z-prev:hover{ background-color:#e4040c;}
.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:#e4040c; left:0; bottom:0; z-index:999; display:none;}
.foot-bar ul li{ padding-top:8px; border-left:rgba(255,255,255,0.2) solid 1px; margin-left:-1px; padding-bottom: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; }

.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:100%;}

}
@media screen and (max-width: 1440px){
.am-container{max-width:100%;}.hm-title .cn{ font-size:18px;}.hm-title .en{ font-size:32px;}.hm-title .js{ font-size:14px;}
.case-cate a{ width:120px; font-size:14px; padding:10px 0;}
.case-cate .move{ width:120px;}#alxm p,#alxm .js h4{ font-size:14px;}#alxm .js span{ font-size:13px;}}


@media screen and (max-width:1024px){.hm-title .en{ font-size:28px;}.hm-title .js{ font-size:12px;}
html {background: #fafafa;}
body{ max-width:100%; 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%;}

.banner .swiper-slide{ height:50vh;}
.banner .swiper-slide.swiper-slide-active .bg.background-loop{}
.banner .ban-txt .txtimg img{ max-width:200px;}
.banner .ban-txt .tit{ font-size:20px;}
.banner .ban-txt .note{ font-size:16px;}
.hm-more a{ font-size:15px; 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 .cn{ font-size:16px;}
.case-cate{white-space: nowrap; margin-top:15px;}
.case-cate a{ width:90px; font-size:12px; padding:10px 0;}
.case-cate .move{ width:90px;}
.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:12px; 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:16px; margin:8px 0; font-weight:bold;}
.yous-list ul li a .note{ font-size:12px; line-height:20px; height:160px;line-clamp: 8;
    -webkit-line-clamp: 8;}


.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{}
.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; }
.swiper-serlogo .swiper-slide a img{ height:50px; }
.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;}
.seral .serlopa .swiper-pagination-progressbar{ width:60px; height:1px;}
.seral .serlopa .s-x-p,.seral .serlopa .s-x-n{ width:20px; height:20px; margin-top:-10px; background-size:10px auto;}
.seral .serlopa .s-x-p{ left:90px;}
.seral .serlopa .s-x-n{ left:120px;}
.seral .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 .txt .tit{ font-size:14px; }
.hm-news-tab .bd ul li a .txt .note{ font-size:12; margin:2px 0;}
.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;}
#alxm p,#alxmI .js h4{ font-size:12px;}#alxm .js span{ display:block; line-height:20px;  font-size:12px; height:40px; 
    line-clamp: 2;
    -webkit-line-clamp: 2;}
footer .foot-tit:after{ display:none;}
footer .foot-tit:before{display:none;}.foot-bar{ display:block;}}

@media screen and (max-width: 800px){.banner .ban-txt .tit{ font-size:26px; font-weight:bold; }.hm-title .en{ font-size:24px;}
.swiper-serlogo .swiper-slide a img{ height:40px; }.hm-news-tab .bd ul li a i{ width:30%; float:left; padding-bottom:0px; height:100px;}
.hm-news-tab .am-avg-md-31>li{ width:100%}
.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:12px; padding-top:0px; }
.hm-news-tab .bd ul li a .txt .note,.hm-news-tab .bd ul li a .txt .time{ font-size:12px;}.hm-news-tab .bd ul li a{  padding-bottom:6px; margin-bottom:6px;}.yous-list ul li:nth-child(2) a { background:rgba(0,0,0,0.2)}
.yous-list ul li:nth-child(3) a{  background:rgba(0,0,0,0.2)}.yous-list ul li:nth-child(4) a { background:rgba(0,0,0,0.1)}footer .foot-copyr p{ font-size:12px;}}
@media screen and (max-width: 450px){.hm-news-tab .bd ul li a i{ width:35%; float:left; height:85px;}.hm-news-tab .bd ul li a .txt{ width:65%;}}
#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}



.kmsj{ font-size:50px; line-height:50px; font-family:impact;}
    .containergg {
            display: flex;
            width: 100%; max-width:1500px;
            box-sizing: border-box;
            align-items: center;
        }
        
        .left-column {
            width: 80px;
            font-weight: bold;
            color: #ff0000;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
        }
        
		 .leftt-column {
            width: 460px;
            font-weight: bold;
            color: #ff0000;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
        }
		
        .middle-column {
            flex: 1;
            padding: 0 15px;
            overflow: hidden;
            height: 107px; /* 修改为107像素高度 */
            position: relative;
        }
        
        .news-list {
            position: absolute;
            width: 100%;
            animation: scrollNews 25s infinite; /* 调整动画时间 */
        }
        
        .news-item {
            padding: 8px 0; /* 调整间距 */
            height: 107px; /* 每个新闻项高度匹配容器 */
            display: flex;
            align-items: center;
            box-sizing: border-box;
        }
        
        .news-item a {
            color: #333;
            text-decoration: none;
            font-size: 18px;
            display: block;
            width: 100%;
        }
        
        .news-item a:hover {
            color: #ff0000;
            text-decoration: underline;
        }
        
        .right-column {
            width: 100px;
            text-align: right;
        }
        
        .more-link {
            color: #666;
            text-decoration: none;
            font-size: 16px;
        }
        
        .more-link:hover {
            color: #ff0000;
            text-decoration: underline;
        }
        
        @keyframes scrollNews {
            0%, 8% {
                transform: translateY(0);
            }
            16%, 24% {
                transform: translateY(-107px);
            }
            32%, 40% {
                transform: translateY(-214px);
            }
            48%, 56% {
                transform: translateY(-321px);
            }
            64%, 72% {
                transform: translateY(-428px);
            }
            80%, 88% {
                transform: translateY(-535px);
            }
            96%, 100% {
                transform: translateY(-642px);
            }
        }
		
		
		/*开如时间 快捷链接*/
		.time-column { text-align:left; margin-bottom:30px;
            flex: 1;
            min-width: 200px;
            padding: 15px;
        }
        
        .time-title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
            color: #333;
        }
        
        .time-content {
            font-size: 16px;
            color: #666;
            line-height: 1.6;
        }
        
        .links-column {
            flex: 2;
            min-width: 300px; max-width:800px;
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            padding: 15px;
        }
        
        .circle-link {
            width: 100px;  /* 稍微加大以适应4个文字 */
            height: 100px;
            margin: 10px;
            border-radius: 50%;
            background: #fff;
            border: 1px solid #ddd;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            color: #333;
            font-size: 14px;
            text-align: center;
            transition: all 0.3s ease;
            padding: 5px;
            word-break: keep-all;
			 box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        
        .circle-link:hover {
            background: #ff0000;
            color: #fff;
            border-color: #ff0000;
            transform: scale(1.05);
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .container {
                flex-direction: column;
            }
            
            .time-column, .links-column {
                width: 100%;
                text-align: center;
            }
            
            .links-column {
                justify-content: center;
            }
            
            .circle-link {
                width: 60px;
                height: 60px;
                margin: 8px;
                font-size: 13px;
            }
        }
        
        @media (max-width: 480px) {
            .circle-link {
                width: 55px;
                height: 55px;
                margin: 5px;
                font-size: 12px;
            }
        }
		/*   */
		
		
		/* 左侧图片轮播 */
        .news-slider {
            flex: 1;
            min-width: 300px;
            padding: 10px;
            position: relative;
            overflow: hidden;
            border-radius: 5px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .slider-container {
            position: relative;
            height: 420px;
            overflow: hidden;
        }
        
        .slider-item {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 1s ease;
            background-size: cover;
            background-position: center;
        }
        
        .slider-item.active {
            opacity: 1;
        }
        
        .slider-caption {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0,0,0,0.6);
            color: white;
            padding: 15px;
        }
        
        .slider-caption h3 {
            margin: 0 0 5px 0;
            font-size: 18px;
        }
        
        /* 右侧新闻列表 */
        .news-listxw {
            flex: 1;
            min-width: 300px;
            padding: 50px 20px;
        }
        
        .news-itemxw { text-align:left;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 1px solid #eee;
        }
        
        .news-itemxw:last-child {
            border-bottom: none;
            margin-bottom: 0;
        }
        
        .news-title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 8px;
        }
        
        .news-title a {
            color: #333;
            text-decoration: none;
            transition: color 0.3s ease;
        }
        
        .news-title a:hover {
            color: #e74c3c;
        }
        
        .news-summary {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .news-meta {
            font-size: 12px;
            color: #999;
            margin-top: 8px;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .container {
                flex-direction: column;
            }
            
            .news-slider, .news-listxw {
                width: 100%;
                padding: 10px;
            }
            
            .slider-container {
                height: 250px;
            }
            
            .news-listxw {
                padding-top: 20px;
            }
        }
		
		
		
		/* 线上教育 */
		
		.image-row {
            display: flex;
            flex-wrap: wrap;
            margin: 0 -10px;
        }
        
        .image-column {
            flex: 0 0 33.333%;
            max-width: 33.333%;
            padding: 0 10px;
            margin-bottom: 20px;
        }
        
        .image-link {
            display: block;
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .image-link:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 16px rgba(0,0,0,0.15);
        }
        
        .image-wrapper {
            position: relative;
            padding-top: 40%; /* 4:3 宽高比 */
            overflow: hidden;
        }
        
		.image-wrapperr {
            position: relative;
            padding-top: -75%; /* 4:3 宽高比 */
            overflow: hidden;
        }
		
		
        .image-wrapper img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .image-link:hover .image-wrapper img {
            transform: scale(1.05);
        }
        
        .image-caption {
            padding: 15px;
            background: #fff;
        }
        
        .image-caption h3 {
            font-size: 18px;
            margin-bottom: 5px;
            color: #333;
        }
        
        .image-caption p {
            font-size: 14px;
            color: #666;
            line-height: 1.4;
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .image-column {
                flex: 0 0 50%;
                max-width: 50%;
            }
        }
        
        @media (max-width: 576px) {
            .image-column {
                flex: 0 0 100%;
                max-width: 100%;
            }
            
            .image-wrapper {
               /*  padding-top: 56.25%; 16:9 宽高比 */
            }
        }
		
		
		/*馆藏文物*/
		   .section-title {
            text-align: center;
            margin-bottom: 30px;
            color: #333;
            font-size: 28px;
            position: relative;
            padding-bottom: 15px;
        }
        
        .section-title:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 3px;
            background-color: #8b5a2b;
        }
        
        .collection-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }
        
        .collection-item {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            height: 300px;
            transition: all 0.3s ease;
        }
        
        .collection-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
        }
        
        .collection-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            transition: all 0.5s ease;
        }
        
        .collection-item:hover .collection-bg {
            transform: scale(1.05);
        }
        
        .collection-content {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 20px;
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
            color: white;
            text-align: center;
            transition: all 0.3s ease;
        }
        
        .collection-item:hover .collection-content {
           
        }
        
        .collection-title {
            font-size: 22px;
            margin-bottom: 10px;
            transition: all 0.3s ease;
        }
        
        .collection-item:hover .collection-title {
            transform: translateY(-20px);
        }
        
        .collection-subitems {
            max-height: 0;
            overflow: hidden;
            transition: all 0.3s ease;
            list-style: none;
            opacity: 0;
        }
        
        .collection-item:hover .collection-subitems {
            max-height: 200px;
            opacity: 1;
        }
        
        .collection-subitems li {
            padding: 5px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .collection-subitems li:last-child {
            border-bottom: none;
        }
        
        .collection-subitems a {
            color: #fff;
            text-decoration: none;
            font-size: 14px;
            transition: all 0.2s ease;
        }
        
        .collection-subitems a:hover {
            color: #f8d7a3;
            padding-left: 5px;
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .collection-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (max-width: 768px) {
            .collection-grid {
                grid-template-columns: 1fr;
            }
            
            .collection-item {
                height: 250px;
            }
            
            .section-title {
                font-size: 24px;
            }
            
            .collection-title {
                font-size: 20px;
            }
        }
		
		
		/*云展览*/
		
		 
  
        .exhibition-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }
        
        .exhibition-item {
            position: relative;
            height: 300px;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }
        
        .exhibition-item:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
        }
        
        .exhibition-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            transition: all 0.5s ease;
        }
        
        .exhibition-item:hover .exhibition-bg {
            transform: scale(1.05);
        }
        
        .cloud-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width:150px;
            height:90px;
          
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            transition: all 0.3s ease;
      
        }
        
        .cloud-button:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 48"><path fill="%23ffffff" d="M48,32c4.4,0,8-3.6,8-8c0-4.4-3.6-8-8-8c-0.9,0-1.8,0.2-2.7,0.4C43.7,8.9,40,6,35.7,6c-4.6,0-8.5,3.3-9.4,7.8 C25.3,13.3,24.3,13,23.2,13c-4.4,0-8,3.6-8,8c0,0.7,0.1,1.4,0.3,2.1C14.5,23.5,13,25.4,13,27.7c0,2.8,2.2,5,5,5h30 C50.8,32.7,48,32,48,32z"/></svg>') no-repeat center;
            background-size: 60%;
            transition: all 0.3s ease;
        }
        
        .exhibition-item:hover .cloud-button {
           
        }
        
        .exhibition-item:hover .cloud-button:before {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 48"><path fill="%23ff0000" d="M48,32c4.4,0,8-3.6,8-8c0-4.4-3.6-8-8-8c-0.9,0-1.8,0.2-2.7,0.4C43.7,8.9,40,6,35.7,6c-4.6,0-8.5,3.3-9.4,7.8 C25.3,13.3,24.3,13,23.2,13c-4.4,0-8,3.6-8,8c0,0.7,0.1,1.4,0.3,2.1C14.5,23.5,13,25.4,13,27.7c0,2.8,2.2,5,5,5h30 C50.8,32.7,48,32,48,32z"/></svg>');
            transform: scale(1.1);
        }
        
        .exhibition-info {
            position: absolute;

            bottom: 0;
            left: 0;
            width: 100%;
            padding: 20px;
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
            color: white;
        }
        
        .exhibition-title {
            font-size: 20px;
            margin-bottom: 5px;
        }
        
        .exhibition-desc {
            font-size: 14px;
            opacity: 0.9;
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .exhibition-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
            }
        }
        
        @media (max-width: 768px) {
            .exhibition-grid {
                grid-template-columns: 1fr;
            }
            
          
            
            .exhibition-item {
                height: 280px;
            }
            
            .cloud-button {
                width: 70px;
                height: 50px;
            }
        }
		
		
		
		/*文化传播*/
		
		 .rowwh {
            display: flex;
            flex-wrap: wrap;
            margin: 0 -10px;
        }
        
        .columnwh {
            flex: 0 0 calc(33.333% - 20px);
            margin: 10px;
            background: #f9f9f9;
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        
        .itemwh {
            display: flex;
            padding: 10px;
        }
        
        .itemwh-img {
            width: 90px;
            height: 90px;
            object-fit: cover;
            border-radius: 3px;
        }
        
        .itemwh-content {
            flex: 1;
            padding-left: 20px;
        }
        
        .itemwh-title {
            font-size: 16px;
            font-weight: bold;
            color: #333;
            margin-bottom: 8px;
            padding-bottom: 5px;
            border-bottom: 1px solid #eee;
        }
        
        .newswh-list {
            list-style: none;
        }
        
        .newswh-list li {
            padding: 5px 0;
            font-size: 14px;
            color: #666;
            border-bottom: 1px dashed #eee;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .newswh-list li:last-child {
            border-bottom: none;
        }
        
        .newswh-list li a {
            color: #666;
            text-decoration: none;
            transition: color 0.3s;
        }
        
        .newswh-list li a:hover {
            color: #e74c3c;
        }
        
        @media (max-width: 992px) {
            .columnwh {
                flex: 0 0 calc(50% - 20px);
            }
        }
        
        @media (max-width: 768px) {
            .columnwh {
                flex: 0 0 100%;
            }
            
            .itemwh-img {
                width: 70px;
                height: 70px;
            }
        }
		
		/*社会教育*/
		
		       .rowjy {
            display: flex;
            flex-wrap: wrap;
            margin: 0 -15px;
        }
        
        .columnjy {
            flex: 0 0 calc(33.333% - 30px);
            margin: 15px;
            text-align: center;
        }
        
        .imagejy-link {
            display: block;
            position: relative;
            overflow: hidden;
            border-radius: 5px;
            margin-bottom: 15px;
        }
        
        .imagejy-link img {
           /* width: 100%; */
            height: auto;
            transition: transform 0.3s;
            display: block;
        }
        
        .imagejy-link:hover img {
            transform: scale(1.05);
        }
        
        .hover-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 40px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.8);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.3s;
        }
        
        .hover-icon::before {
            content: "+";
            font-size: 24px;
            color: #333;
            font-weight: bold;
        }
        
        .imagejy-link:hover .hover-icon {
            opacity: 1;
        }
        
        .contentjy-title {
            font-size: 18px;
            font-weight: bold;
            color: #333;
            margin-bottom: 10px;
        }
        
        .contentjy-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
        }
        
        @media (max-width: 992px) {
            .columnjy {
                flex: 0 0 calc(50% - 30px);
            }
        }
        
        @media (max-width: 768px) {
            .columnjy {
                flex: 0 0 100%;
            }
            
            .imagejy-link {
                max-width: 400px;
                margin-left: auto;
                margin-right: auto;
            }
        }
		
		
		.gd{background-color:#c40e01; color:#fff;   border-radius:30px; width:30%; max-width:400px; line-height:56px; height:56px; }
.gd:hover{  color:#FFFFFF; border-radius:30px; width:30%; max-width:400px; line-height:56px; height:56px; background-color:#000; }