/* Write your styles */
ul,li,dl,dt,dd,h1,h2,h3,p,em{ font-style:normal; list-style:none; margin:0; padding:0;}

a{text-decoration: none;transition: all .1s linear; color:#444;}
a:hover{color:var(--themeColor);}
img,video{ max-width:100%;}
.am-container{max-width: 1430px;}
.am-alert-danger{ width:100%; position:fixed; left:0; top:0; margin:0;}

.arccontent .selectTdClass{background-color:#edf5fa !important}
.arccontent table.noBorderTable td,.arccontent table.noBorderTable th,.arccontent table.noBorderTable caption{border:1px dashed #ddd !important}
.arccontent table{margin-bottom:10px;border-collapse:collapse;display:table; width:100% !important;}
.arccontent td,.arccontent th{padding: 5px 10px !important;border: 1px solid #DDD;line-height:1.4;}
.arccontent caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
.arccontent th{border-top:1px solid #BBB;background-color:#F7F7F7;}
.arccontent table tr.firstRow th{border-top-width:2px;}
.arccontent .ue-table-interlace-color-single{ background-color: #fcfcfc; }
.arccontent .ue-table-interlace-color-double{ background-color: #f7faff; }

body { font-family: "Noto Sans SC","Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif; }

/* 全局 css 变量 */
:root{--themeColor: #cfaa69;}

/* 全局样式 */
/* .nj-container{overflow: hidden;width: 100%;max-width: 1920px;margin: 0 auto;padding: 0 15px;} */

.all-pd{padding: 80px 0;position: relative;}
.all-pb{padding-bottom: 80px;}
.all-pt{padding-top: 80px;}

.themeColor{color: var(--themeColor);}
.colorWhite{color: #fff!important;}
.all-title-box{display: block;}
.all-title-box .title{font-size: 34px;color: #333;font-weight: bold;letter-spacing: 10px;line-height: 2;}
.all-title-box .subtitle{font-size: 18px;color: #333;}
.all-title-box .entitle{font-size: 18px;color: #333;white-space: nowrap;text-transform: uppercase;}

.ju-start{justify-content: flex-start!important;height: 90px;}
.vh100{width: 100%;height: 100%;position: relative;}
.abvh100{width: 100%;height: 100%;/* position: absolute;top: 0;left: 50%;transform: translateX(-50%); */}
.img-bg{background-repeat: no-repeat;background-size: cover;background-position: center;}
.img100{width: 100%;}

.full-container{margin: 0 auto;max-width: 96%;position: relative;}

.c5{transition: all .5s;}
.c1{transition: all 1s;}
.position-re{position: relative!important;}
.line-clamp-1,.line-clamp-2,.line-clamp-3,.line-clamp-4,.line-clamp-5{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.line-clamp-1{-webkit-line-clamp: 1;}
.line-clamp-2{-webkit-line-clamp: 2;}
.line-clamp-3{-webkit-line-clamp: 3;}
.line-clamp-4{-webkit-line-clamp: 4;}
.line-clamp-5{-webkit-line-clamp: 5;}
.text-wrap {white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}

/* ::-webkit-scrollbar  {  width: 6px;   height: 6px;  background-color: #F5F5F5;  } */
/*定义滚动条轨道 内阴影+圆角*/
/* ::-webkit-scrollbar-track  {  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  border-radius: 10px;  background-color: #F5F5F5;  } */
/*定义滑块 内阴影+圆角*/
/* ::-webkit-scrollbar-thumb  {  border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color:var(--themeColor);  } */


/* 头部 */
header{position: fixed;top: 0;left: 0;z-index: 999;width: 100%;}
.header{width: 100%;transition: all .5s ease-out;border-bottom: 1px solid rgb(255 255 255 / 10%);}
.header.down,.header.wbg { background: rgba(255, 255, 255, .8); box-shadow: 0 0 5px #999999; backdrop-filter: saturate(5) blur(20px);}
.header .main{display: flex;justify-content: space-between;align-items: center;}
.header .main .top-logo{display: block;flex-shrink: 0;}
.header .main .top-logo img{width: auto;}
.header .main .top-menu{}
.header .main .top-menu ul{display: flex;justify-content: flex-end;align-items: center;}
.header .main .top-menu ul li{margin-left: 55px;position: relative;}
.header .main .top-menu ul li .a{font-size: 18px;color: #fff;white-space: nowrap;line-height: 100px;display: block;min-width: 60px;text-align: center;}
.header.down .main .top-menu ul li .a{color: #333;}
.header.wbg .main .top-menu ul li .a{color: #333;}
.header .main .top-menu ul li .a:hover{color: var(--themeColor);}
.header .main .top-menu ul li.on .a{color: var(--themeColor);}



.subnav{position: absolute;width: 130%;background-color: #FFF;margin: 0;box-shadow: 0 2px 38px rgb(0 0 0 / 15%);height: auto;z-index: 199;top: 130%;left: 50%;opacity: 0;visibility: hidden;transition: all .36s ease;border-left: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;border-radius: 5px;transform: translateX(-50%);}
.top-menu ul li:hover .subnav {opacity: 1;visibility: visible;top: calc(95%);}

.subnav::before{content: "";display: block;position: absolute;left: 50%;top: -8px;margin-left: -5px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 8px solid #fff;}
.subnav .item{border-bottom: 1px solid #f5f5f5;}
.subnav .item:first-child{border-radius: 5px 5px 0 0;}
.subnav .item a{font-weight: 400;color: #666;padding: 8px 5px;line-height: 22px;text-align: center;display: block;transition: all .2s ease-in-out;font-size: 14px;}
.subnav .item a:hover{color: var(--themeColor);}

/* sm menu */
.sm-menubg{width: 100%;height: 100%;background-color: #333333;opacity: .5;position: fixed;top: 0;left: 0;z-index: 1000;display: none;}
.sm-menu{width: 70%;height: 100%;background-color: #FFFFFF;position: fixed;top: 0;left: -70%;z-index: 1001;transition: all .5s;overflow-y: auto;overflow-x: hidden;box-shadow: 1px 1px 1px #9f9f9f80;}
.sm-menu nav{}
.sm-menu nav ul{overflow: hidden;padding-bottom: 70px;}
.sm-menu nav ul li{border-bottom: 1px solid #EEEEEE;position: relative;background-color: #FFFFFF;}
.sm-menu nav ul li:first-child{border-top: 1px solid #EEEEEE;}
.sm-menu nav ul li a{display: flex;margin: 0 40px;padding: 15px 0;font-size: 16px;align-items: center;}
.sm-menu nav ul li a img{margin-right: 5px;display: none;}
.sm-menu nav ul .on a img{display: block;}
.sm-menu nav ul li .down{position: absolute;top: 0;right: 0;width: 40px;height: 100%;padding-top: 13px;text-align: center;cursor: pointer;}
.sm-menu nav ul li .down i{transition: all .3s;transform: rotate(-90deg);}
.sm-menu nav ul li .rotate i{transition: all .3s;transform: rotate(0deg);}
.sm-menu nav ul .on a{color: var(--themeColor);}
.sm-menu nav ul li .sub{position: relative;display: none;overflow: hidden;}
.height-o{height: 0;}
.height-auto{height: auto;}
.sm-menu nav ul li .sub a{font-size: 14px;margin: 0;padding: 10px 0 10px 55px;}
.sm-menu nav ul .on .sub a{color: #666666;}
.sm-menu nav ul .on .sub a:hover{color: var(--themeColor);}
.top-search{padding-left: 30px;position: relative;line-height: 120px;}
.search-icon{position: relative;}
.search-icon:hover .search-formbox{top: 120px;opacity: 1;visibility: visible;}
.search-formbox{/* width: 240px; */height: 42px;position: absolute;top: 150px;right: -30px;opacity: 0;visibility: hidden;background-color: #FFFFFF;transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all .8s ease; -o-transition: all 1s ease;}
.search-formbox form{border: 1px solid #ddd; /* width: 240px; */ overflow: hidden;display: flex;}
.search-formbox button{line-height: initial;}
.search-formbox form input{border: none; color: #333; line-height: 30px; padding: 0 0px 0 10px; width: 170px; height: 40px;outline: 0;}
.search-formbox form button{width: 40px; height: 40px;background: transparent; padding: 0; border: none; margin: 0 auto;}
.sm-menubar{cursor: pointer;display: none;}
.bar-line{width: 26px;height: 2px;background-color: #fff;margin: 6px;}
.down .bar-line{width: 26px;height: 2px;background-color: #76838f;margin: 6px;}
.wbg .bar-line{width: 26px;height: 2px;background-color: #76838f;margin: 6px;}
.bar-line-top{transition: all .5s;}
.bar-line-center{opacity: 1;}
.bar-line-bottom{transition: all .5s;}
.on .bar-line-top{
	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 8%;
    -ms-transform-origin: 8%;
    -o-transform-origin: 8%;
    transform-origin: 8%;
}
.on .bar-line-center{opacity: 0;}
.on .bar-line-bottom{
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 8%;
	-ms-transform-origin: 8%;
	-o-transform-origin: 8%;
	transform-origin: 8%;
}
@media screen and (max-width:1024px) {
	.sm-menubar {display: block;}
}




/* 轮播图 */
.banner{}
.banner-swiper{position: relative;}
.banner-swiper .item{}
.banner-swiper .item .img-box{position: relative;width: 100vw;height: 100vh;}
.banner-swiper .item .img-box::after{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgb(30 47 106 / 30%);}
.banner-swiper .item .img-box img{width: 100%;height: 100%;object-fit: cover;}
.banner-swiper .cont-main{width: 100%;height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);display: flex;align-items: center;justify-content: center;text-align: center;}
.banner-swiper .cont-main .cont-box{}
.banner-swiper .cont-main .cont-box .p1{font-size: 30px;color: #fff;font-weight: lighter;letter-spacing: 5px;}
.banner-swiper .cont-main .cont-box .p2{font-family: "[Floane]";font-size: 120px;color: #fff;text-transform: uppercase;}
.banner-swiper .cont-main .cont-box .p3{font-size: 20px;color: #fff;font-weight: lighter;letter-spacing: 3px;}
.banner-swiper .cont-main .cont-box .l-more{padding-top: 12%;}

.l-more{position: relative;flex-shrink: 0;}
.l-more a{display: flex; justify-content: center; color: #fff; align-items: center;}
.l-more a span{padding-right: 12px;transition: all .5s;margin-bottom: 3px;}
.l-more a:hover span{transform: translateX(-15px);}
.l-more a svg{fill: #fff;transition: all .5s;}
.l-more a:hover svg{transform: rotate(45deg);}
.l-more a img{margin-left: -40px; }


.pa-box{position: absolute;bottom: 40px;z-index: 99;display: flex;align-items: center;left: 50%;transform: translateX(-50%);}
.pa-box .prog{width: 100px;background: #a7a7a7;border-radius: 1.5px;height: 3px;position: relative;margin: 0 15px;}
.pa-box .prog .swiper-pagination-progressbar-fill{background: #fff;}
.pa-box .num{font-size: 18px;color: #fff;font-weight: bold;}


.ui-loop{width:30px;height:30px;left: 0;top: 0;margin-left: 15px;position: relative;}
.ui-loop .path-loop {fill: none;stroke: #fff;stroke-miterlimit: 10;stroke-width: 4px;opacity: 1;}
.ui-loop .act {opacity: 1!important;}
.ui-loop .path-loop-bg {fill: none;stroke: #a7a7a7;stroke-miterlimit: 10;stroke-width: 2px;opacity: 1;}
/* .ui-loop .sjx{width: 0;height: 0;border-top: 5px solid transparent;border-left: 8px solid #ffffff;border-bottom: 5px solid transparent;
position: absolute;top: 51%;left: 55%;transform: translate(-50%,-50%);} */
.ui-loop .sjx{font-size: 8px;color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);line-height: 1;cursor: pointer;}

.banner-swiper .item.swiper-slide-active .img-box img{-webkit-animation: banner_outside 7s ease 1 forwards;-moz-animation: banner_outside 7s ease 1 forwards;-o-animation: banner_outside 7s ease 1 forwards;animation: banner_outside 7s ease 1 forwards;}


@-webkit-keyframes banner_outside{from{-o-transform:scale(1.1);transform:scale(1.1)}
to{-o-transform:scale(1);transform:scale(1)}}
@-moz-keyframes banner_outside{from{-o-transform:scale(1.1);transform:scale(1.1)}
to{-o-transform:scale(1);transform:scale(1)}}
@-o-keyframes banner_outside{from{-o-transform:scale(1.1);transform:scale(1.1)}
to{-o-transform:scale(1);transform:scale(1)}}
@keyframes banner_outside{from{-o-transform:scale(1.1);transform:scale(1.1)}
to{-o-transform:scale(1);transform:scale(1)}}

/* about */

.ab{position: relative;}
.ab .main{position: relative;padding-bottom: 1px;}
.ab .main .circle-text {position: absolute;top: 0;left: 0;animation: textrotate 10s linear infinite;}
.ab .main .cont-box{text-align: center;padding: 60px;}
.ab .main .cont-box .title{font-size: 36px;font-weight: bold;color: #333;}
.ab .main .cont-box .note{font-size: 18px;color: #333;line-height: 2.5;margin-top: 50px;}

.ab-data{display: flex;justify-content: center;}
.ab-data .item{text-align: center;padding: 0 8%;}
.ab-data .item .num-box{color: var(--themeColor);}
.ab-data .item .num-box .num{font-size: 56px;font-weight: bold;}
.ab-data .item .num-box .dw{font-size: 18px;padding-left: 8px;}
.ab-data .item .title{font-size: 16px;color: #666;}

.ab-video-play{width: 60px;height: 60px;border-radius: 100%;background-color: var(--themeColor);margin: 60px auto;display: flex;justify-content: center;align-items: center;cursor: pointer;position: relative;}

.ab-video-play::before,.ab-video-play::after{ content: "";position: absolute;top: 50%;left: 50%;border-radius: 100%; transform: translate(-50%,-50%); }
.ab-video-play::before{width: 125%;height: 125%;background: rgb(207 170 105 / 20%);transition: all 1s linear;animation: bg-spread 1.3s linear infinite;}
.ab-video-play::after{width: 150%;height: 150%;background: rgb(207 170 105 / 10%);transition: all 1s linear;animation: bg-spread 1.8s ease-out infinite;}
.ab-video-play .play{line-height: 1;margin-left: 3px;color: #fff;}

@keyframes bg-spread {
	0%{width: 125%;height: 125%;opacity: 1;}
	100%{width: 200%;height: 200%;opacity: 0;}
}


.ab .main .circle-logo {position: absolute;bottom: 0;right: 0;animation: textrotate 10s linear infinite;}

.missing { width: 60px; height: 60px; border-radius: 50%; position: relative; border: 1px solid #999; }
.missing::before { content: ""; display: block; position: absolute; top: 50%; left: -25%; width: 30px; height: 30px;transform: translateY(-50%);background: #fff; }
.missing::after { /* content: ""; */ display: block; position: absolute; bottom: 0; right: 0; border-bottom: 40px solid white; border-left: 40px solid white; width: 0; height: 0; }


/* mp4 */
.video_show{width:100%;height:100%;position: fixed;top:0;left:0;z-index:1999;background:rgba(0,0,0,.8);transform: scale(0); opacity: 0;transition: all .3s linear;}
.video_show.ab{ position:fixed;}
.video_show.on{transform: scale(1); opacity: 1;}
.videos_wrap{width:100%; height: 100%; position:absolute;box-sizing:border-box;top:0%;left:0%;background:#000;}
.videos_wrap video{width:100%;height:100%;}
.videos_wrap button {position: absolute;right:25px;top:25px;background: #fff;border-radius: 50%;width: 50px;height: 50px;outline: none;z-index: 99;}


/* case */
.ty-top{display: flex;justify-content: space-between;align-items: center;}
.ty-top .cate{display: flex;}
.ty-top .cate li{margin: 0 25px;}
.ty-top .cate li a{display: block;position: relative;white-space: nowrap;color: #666;font-size: 18px;}
.ty-top .cate li.on a{color: var(--themeColor);}
.ty-top .cate li a::after{ content: ""; display: block; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background: var(--themeColor); transition: all .5s ease-out; }
.ty-top .cate li a:hover::after{width: 100%;}
.ty-top .cate li.on a::after{width: 100%;}
.ty-top .l-more a{color: #999;}
.ty-top .l-more a svg{fill: #999;}

.case{position: relative;}
.case .main{padding: 3% 0;}
.case .list{display: flex;flex-wrap: wrap;}
.case .list li{width: 33.333333%;}
.case .list li a{display: block;position: relative;overflow: hidden;}
.case .list li a .img-box{overflow: hidden;position: relative;}
.case .list li a .img-box img{width: 100%;transform: scale(1.01);transition: all .5s ease-out;}
.case .list li a:hover .img-box img{transform: scale(1.1);}
/* .case .list li a.img-box::after{
    content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;
    background: rgb(0 0 0 / 50%);opacity: 0;transition: all .5s ease-out;
} */
.case .list li a .cont-box{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%; background: rgb(0 0 0 / 50%);padding: 5%;display: flex;flex-direction: column;justify-content: space-between;transition: all .5s ease-out;transform: translate(-50%,-50%);opacity: 0;visibility: hidden; }
.case .list li a:hover .cont-box{ opacity: 1;visibility: visible; }
.case .list li a .cont-box .title{font-size: 22px;font-weight: bold;color: #fff;opacity: 0;visibility: hidden; transform: translateY(50px);transition: all .5s ease-out;position: relative;}
.case .list li a .cont-box .title::after{
    content: "";width: 0%;height: 2px;background: #fff;display: block;position: absolute;
    left: 0;bottom: -25px;transition: all .5s ease-out;
}
.case .list li a:hover .cont-box .title::after{width: 20%;}
.case .list li a .cont-box .tags{font-size: 18px;color: #fff;opacity: 0;visibility: hidden; transform: translateY(-50px);transition: all .5s ease-out;}
.case .list li a:hover .cont-box .title,.case .list li a:hover .cont-box .tags{opacity: 1;visibility: visible; transform: translateY(0);}

.more-btn{ width: 300px;height: 68px;margin: 0 auto;display: flex;justify-content: center;align-items: center; font-size: 18px;color: #333;border: 1px solid #333;transition: all .5s; }
.more-btn span{padding-right: 20px;margin-bottom: 3px;}
.more-btn svg{fill: #333;transition: all .5s;}
.more-btn:hover svg{fill: var(--themeColor);transform: rotate(45deg) translate(10px,-10px);}



/* 服务项目 */
.ser{position: relative;}
.ser .circle-text{position: absolute; top: -40px; right: 0;animation: textrotate 10s linear infinite;}
.ser .main{padding-top: 5%;}
.ser .list{display: flex;flex-wrap: wrap;}
.ser .list li{width: 25%;text-align: center;margin: 30px 0;padding: 0 15px;display: flex;flex-direction: column;cursor: pointer;}
.ser .list li .img-box{overflow: hidden;position: relative;width: 200px;height: 200px;margin: 0 auto;top: 0;transition: all .3s ease-out;}
.ser .list li .img-box::before{ content: ""; width: 0%;height: 0%; border-radius: 50%; background-image: -moz-linear-gradient( 152deg, rgb(253,243,224) 0%, rgb(255,254,255) 85%); background-image: -webkit-linear-gradient( 152deg, rgb(253,243,224) 0%, rgb(255,254,255) 85%); background-image: -ms-linear-gradient( 152deg, rgb(253,243,224) 0%, rgb(255,254,255) 85%); background-image: linear-gradient( 152deg, rgb(253,243,224) 0%, rgb(255,254,255) 85%); position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all .3s ease-out; }
.ser .list li:hover .img-box{
    top: -20px;
}
.ser .list li:hover .img-box::before{
    animation: myrotate 1.2s linear infinite;width: 100%;height: 100%;
}
.ser .list li .img-box img{width: 100%;height: 100%;display: block;position: relative;}
.ser .list li .title{font-size: 22px;margin: 30px 0 15px;}
.ser .list li .entitle{font-size: 16px;}


@keyframes myrotate { from { transform:translate(-50%,-50%) rotate(0deg); } to { transform:translate(-50%,-50%) rotate(360deg); } }
@keyframes textrotate { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }


/* ys */
.ys{ padding: 20% 0;text-align: center;background-repeat: no-repeat;background-size: cover;background-position: center; position: relative;overflow: hidden;}
.ys .bg{background-size: cover;background-repeat: no-repeat;background-position: center;background-size:cover;position:absolute;transform:scale(1.15);left:0;top:0;width:100%;height:100%;transition: all 5s linear;}
.ys .bg.animated{transform:scale(1);}
.ys .main{position: relative;}
.ys .main .title{font-size: 46px;font-weight: bold;color: #fff;}
.ys .main .subtitle{font-size: 50px;font-weight: lighter;color: #fff;margin-bottom: 5%;}

.x { position: relative; width: 100px; height: 100px;margin: 20px auto; }
.x::before,
.x::after { content: ""; position: absolute;top: 50%; left: 50%; width: 70px; height: 2px; background-color: #fff; }
.x::before { transform-origin: center;transform:translate(-50%,-50%) rotate(45deg); }
.x::after { transform-origin: center;transform:translate(-50%,-50%) rotate(-45deg); }


/* n新闻资讯 */
.news{}
.news .main{padding: 50px 0;}
.news .list{position: relative;border-top: 1px solid #ebebeb;}
.news .list li{padding: 10px 0; border-bottom: 1px solid #ebebeb;position: relative;}
.news .list li::after{
    content: "";width: 0;height: 1px;background: var(--themeColor);
    transition: all .5s ease-out;position: absolute;bottom: 0;left: 0;
}
.news .list li:hover::after{width: 100%;}
.news .list li a{display: flex;}
.news .list li a .img-box{overflow: hidden;height: auto;}
.news .list li a .img-box img{width: 100%;height: 100%;object-fit: cover;transition: all .5s ease-out;}
.news .list li a:hover .img-box img{transform: scale(1.1);}
.news .list li a .cont-box{flex: 1;padding: 0 60px;}
.news .list li a .cont-box .time{font-size: 14px;color: #333;}
.news .list li a .cont-box .title{margin: 25px 0;font-size: 22px;font-weight: bold;color: #333;transition: all .3s ease-out;}
.news .list li a:hover .cont-box .title{color: var(--themeColor);}
.news .list li a .cont-box .note{font-size: 16px;color: #999;}
.news .list li a .yuan{width: 60px;height: 60px;border-radius: 100%;border: 1px solid #999;display: flex;justify-content: center;align-items: center;transition: all .3s linear;align-self: center;}
.news .list li a .yuan svg{ fill: #999;transition: all .3s linear; }
.news .list li a:hover .yuan{border-color: var(--themeColor);}
.news .list li a:hover .yuan svg{ transform: rotate(45deg);fill: var(--themeColor); }


/* 底部 */
footer{background: #040b12;border-top: 8px solid var(--themeColor);}
.foot{position: relative;}
.f-nav{padding: 30px 0;border-bottom: 1px solid rgba(255, 255, 255, .1);}
.f-nav a{font-size: 18px;color: #fff;}
.f-nav a:hover{color: var(--themeColor);}
.f-nav span{font-size: 18px;color: #fff;padding: 0 10px ;}

.foot .main{
    display: flex;justify-content: space-between;padding-bottom: 40px;align-items: center;
}
.foot .main .f-info{padding-right: 10px;}
.foot .main .f-info .f-logo{display: block;margin: 40px 0;}
.foot .main .f-info .p1{font-size: 18px;color: #fff;margin: 10px 0;}
.foot .main .f-info .p1 span{font-weight: bold;}

.foot .main .f-code{text-align: center;flex-shrink: 0;}
.foot .main .f-code img{}
.foot .main .f-code .txt{margin-top: 10px;font-size: 14px;color: #fff;}

.copyright{position: relative;border-top: 1px solid rgba(255, 255, 255, .1);}
.copyright .main{padding: 25px 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.copyright .main .p1{font-size: 14px;color: rgba(255, 255, 255, .7);}
.copyright .main .p1 a{color: rgba(255, 255, 255, .7);}
.copyright .main .p1 a:hover{text-decoration: underline;}
.copyright .main .p1 a img{margin-top: -9.5px;}



/* about */
.page-section {background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.page-section-content {width: 100%;margin: auto;overflow: hidden;}
.page-about {padding: 12% 0 8% 0;overflow: hidden;display: flex;align-items: center;}
.page-about-txt {color: #fff;position: relative;padding-left: 160px;margin-top: 60px; width: 60%;overflow: hidden;}
.page-about-txt-title {position:absolute;top: 145px;left:-130px; width: 380px;-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg); }
.page-about-txt-title h2{width: 100px;font-size: 50px;line-height: 50px; text-transform: uppercase;}
.page-about-txt-title i{display: block;width: 90px;height: 2px;background: var(--themeColor);position: absolute;right: 0;top: 25px;}
.page-about-txt h3{font-size: 26px;padding:30px 0;overflow: hidden; font-weight: normal;}
.page-about-txt h5{font-size: 16px;line-height: 28px; color: #8a8c99;font-weight: normal;}
.page-about-txt h4{font-size: 18px;}
.page-about-pic {width:40%;padding-left:4%; overflow: hidden;text-align: right;}
.page-about-pic img {width: auto;}

/* 企业文化 */
.page-culture {overflow: hidden;}
.page-culture .title-5 {margin-bottom:70px;}
.page-culture .title-5 h5 {padding-top: 20px; font-size: 16px;line-height: 28px;color: #999999;font-weight: normal;margin: 0;}

.page-culture .main{
    display: flex;justify-content: space-between;align-items: center;
}

.page-culture-pic {width:44%;float: left; overflow: hidden;}
.page-culture-txt {width:55%;float: left; overflow: hidden;padding-left:10%;}
.culture-txt {overflow: hidden;padding-top: 40px;}
.culture-txt li{position: relative;overflow: hidden;margin: 10px 0 20px 0;}
.culture-txt li h3{font-size: 18px;color: #1a1a1a;}
.culture-txt li h3 i{width: 24px;height: 24px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.culture-txt li h3 line {display: inline-block;vertical-align: middle;width: 100%;height: 1px;margin-left: 10px;background: #ccc;}
.culture-txt li h5{width:100%; font-size: 14px;color: #999999;line-height: 24px;padding: 15px;overflow: hidden;font-weight: normal;margin: 0;}
.culture-txt li h6{width: 100px;position: absolute;right: 0;top: 0;text-align: right; font-weight: normal;font-size: 12px;line-height: 20px; color: #999999;margin: 0;}

.title-5 {text-align: center;}
.title-5 h3{color: #1a1a1a;font-size: 40px;text-transform: uppercase;margin: 0;}
.title-5 h4{color: #1a1a1a;font-size: 26px;position: relative;font-weight: normal;margin: 0;}
.title-5 h4 i{display:inline-block;vertical-align: middle;width:30px;height: 2px;background: var(--themeColor);margin:0 10px;}


/* 荣誉资质 */
.ryzz{background: #f5f5f7;}
.ryzz .main{position: relative;}
.ryzz .main .top{display: flex;justify-content: space-between;align-items: center;}
.ryzz .main .top .cate{display: flex;}
.ryzz .main .top .cate li{text-align: center;padding: 20px;color: #999;margin-left: 10px;border: 1px solid #dcdcde;cursor: pointer;transition: all .3s ease-out;}
.ryzz .main .top .cate li .total{font-size: 36px;font-weight: bold;line-height: 1;}
.ryzz .main .top .cate li .title{font-size: 14px;margin-top: 5px;}
.ryzz .main .top .cate li:hover{border-color: #000;color: #333;}
.ryzz .main .top .cate li.on{border-color: var(--themeColor);color: var(--themeColor);}

.ryzz-swiper{position: relative;}
.ryzz-swiper .wrapper{align-items: center;}
.ryzz-swiper .item{height: 100%;padding: 20px; background: #fff;cursor: url(../images/saf.cur),auto;}
.ryzz-swiper .item:hover{box-shadow: 0px 20px 40px 0px rgb(25 42 51 / 10%);}
.ryzz-swiper .swiper-pagination-bullet-active{opacity: 1;background: var(--themeColor);}


/* 联系我们 */
.map{}
.map .main{}

#allmap{ height:640px;}
#allmap img{ max-width:inherit;}

.ny-warp{padding: 40px 0;background: #fafbfb;position: relative;z-index: 1;}
.ny-ct-main{background:#fff;padding:80px;margin-top:-120px;min-height:400px;position:relative;z-index:999;}
.ny-ct-left{ width:50%; float:left;}
.ny-ct-left .tit{ font-size:32px; margin-bottom:10px;}
.ny-ct-left .note{color:#999; }
.ny-ct-left .cont{margin-top:40px;}
.ny-ct-left .cont p{ border-bottom:1px dashed #eee; margin-bottom:15px; padding-bottom:15px;}
.ny-ct-left .cont p img{ margin-right:10px;}
.ny-ct-right{ width:50%; float:right; padding-left:40px;}

.mesipu{}
.mesipu .item{}
.mesipu .item .iput{ width:50%; float:left; padding:0 10px; margin-bottom:20px;position:relative;}
.mesipu .item .iput:nth-child(3){}
.mesipu .item .iput .bitian{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#f30;font-size:14px;}
.mesipu .item .iput .am-form-field{ padding:15px; background:#f5f5f5; border:none; outline:none;}
.zbcg-mes .mesipu .item .iput{width:25%;}
.mesipu .item.wyb .iput{ width:100%;}
.c-t-m-btn{ padding-left:10px;}
.c-t-m-btn .yzm{ float:left; width:50%; margin-right:15px; position:relative;}
.c-t-m-btn .yzm .am-form-field{ padding:15px; background:#f5f5f5; border:none; outline:none;}
.c-t-m-btn .yzm img{ position:absolute; right:10px; top:50%; transform:translateY(-50%); z-index:23;}
.c-t-m-btn .am-btn{ background:#c52b23; padding:15px; width: calc(50% - 25px); color:#fff; border-radius:4px;}
.zbcg-mes .mesipu .item .iput:nth-child(3){width:25%;}

@media screen and (max-width: 1024px) {
    #allmap {height: 60vh;font-size: 12px;}
	.ny-ct-main{ padding:15px; margin-top:-60px;}
	.ny-ct-left{ width:100%; float:none;}
	.ny-ct-left .tit{ font-size:16px; font-weight:bold;}
	.ny-ct-left .note{ font-size:12px;}
	.ny-ct-left .cont{ margin-top:20px;}
	.ny-ct-left .cont p{ font-size:14px;}
	.ny-ct-left .cont p img{ width:20px; margin-right:5px;}
	.ny-ct-right{ width:100%; float:none; padding-left:0;}
	.mesipu .item .iput{width: 100%;float: none; margin-bottom: 10px;font-size: 12px;}
	.zbcg-mes .mesipu .item .iput,.zbcg-mes .mesipu .item .iput:nth-child(3){width:100%;}
	.mesipu .item .iput:last-child{margin-bottom: 0;}
	.mesipu .item .iput .bitian{font-size:12px;}
	.mesipu .item .iput .am-form-field{font-size: 12px;}
	.mesipu .item{margin-bottom: 10px;}
	.c-t-m-btn{ padding-right:10px;}
	.c-t-m-btn .am-btn{ padding:10px; width:140px; font-size:12px; display:block; margin:0 auto;}
	.c-t-m-btn .yzm .am-form-field{font-size: 12px;}
	.c-t-m-btn .yzm{ float:none; width:100%; margin-right:0; margin-bottom:10px;}
}


/* ny-banner */
.ny-banner{position: relative;overflow: hidden;}
.ny-banner .img-box{overflow: hidden;}
.ny-banner .img-box img{width: 100%;height: 100%;object-fit: cover; animation: bigimgani 5000ms 1 ease forwards;}
.ny-banner .cont-box{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;z-index: 2;}
.ny-banner .cont-box::before{content: "";width: 100%;height: 100%;background: rgb(0 166 111 / 5%);position: absolute;top: 0;left: 0;z-index: -1;}
.ny-banner .cont-box .entitle{font-size: 60px;font-weight: normal;-webkit-text-fill-color: transparent;text-stroke: 1px #fff;-webkit-text-stroke: 1px #fff;line-height: 1.3;text-transform: uppercase;}
.ny-banner .cont-box .title{display: block;color: #fff;font-size: 44px;line-height: 1.3;font-weight: bold;}
@keyframes bigimgani{0%{transform:scale(1.0);} 100%{transform:scale(1.1);}}

/* ny-news */
.ny-cla{ display: flex; align-items: center; justify-content: center; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); background: #fff; width: fit-content; margin: auto; z-index: 20; box-shadow: 0px 15px 32px 0px rgb(164 167 170 / 10%);}
.ny-cla .item { width: 260px; height: 100px; display: flex; align-items: center; justify-content: center; transition: 0.8s; position: relative; cursor: pointer; }
.ny-cla .item .color { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: var(--themeColor); z-index: 0; transition: 0.5s; opacity: 0; }
.ny-cla .item:after { content: ''; width: 1px; height: 18px; background: #D9D9D9; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: 0.6s; }
.ny-cla .item:before { content: ''; width: 0; height: 3px; background: #FFFFFF; position: absolute; left: 50%; bottom: 23px; transition: 0.6s; margin-left: -10px; z-index: 1; }
.ny-cla .item:last-child:after { display: none; }
.ny-cla .on .color { opacity: 1; }
.ny-cla .item:hover .color { opacity: 1; }
.ny-cla .on:after { opacity: 0; }
.ny-cla .item:hover:after { opacity: 0; }
.ny-cla .on:before { width: 18px; }
.ny-cla .item:hover:before { width: 18px; }
.ny-cla .item p { font-size: 16px; font-weight: normal; color: #999999; position: relative; top: 0; transition: 0.5s; z-index: 1; }
.ny-cla .on p { font-size: 24px; color: #FFFFFF; top: -8px; }
.ny-cla .item:hover p { font-size: 24px; color: #FFFFFF; top: -8px; }

.ny-news{position: relative;background: #f7f7f7;}
.ny-news .list{margin: 5% 0;}
.ny-news .list .item{display: flex;padding: 2%;margin-bottom: 2.5%;border-bottom: 1px solid #F1F1F1;position: relative;background: #fff;}
.ny-news .list .item:hover{box-shadow: 0px 15px 32px 0px rgb(164 167 170 / 10%);}
.ny-news .list .item::after{content: '';width: 0;height: 1px;background: var(--themeColor);position: absolute;left: 0;bottom: 0;transition: all .5s ease-out;}
.ny-news .list .item:hover::after{width: 100%;}
.ny-news .list .item .img-box{overflow: hidden;width: 28%;}
.ny-news .list .item .img-box img{width: 100%;height: 100%;object-fit: cover;transition: all .5s ease-out;}
.ny-news .list .item:hover .img-box img{transform: scale(1.1);}
.ny-news .list .item .cont-box{flex: 1;padding: 0 2.5%;}
.ny-news .list .item .cont-box .date{font-size: 14px;color: #999;margin: 5px 0 3%;}
.ny-news .list .item .cont-box .title{font-size: 22px;color: #333;font-weight: bold;}
.ny-news .list .item .cont-box .title:hover{color: var(--themeColor);font-weight: bold;}
.ny-news .list .item .cont-box .note{font-size: 16px;color: #666;}
.ny-news .list .item .jt{width: 60px;height: 60px;background: #f5f5f5;border-radius: 100%;display: flex;justify-content: center;align-items: center;transition: all .3s linear;align-self: center;overflow: hidden;}
.ny-news .list .item .jt svg{transition: all .3s linear;}
.ny-news .list .item:hover .jt{background: var(--themeColor);}
.ny-news .list .item:hover .jt svg{fill: #fff;
    animation:  .9s ease-in-out 0s infinite normal none running myfadeOutRight;
}
@keyframes myfadeOutRight { 0% { opacity: 1; transform: translate3d(0, 0, 0); } 100% { opacity: 0; transform: translate3d(100%, 0, 0); } }


/* 新闻详情 */
.news-de{position: relative;background: #f7f7f7;}
.news-de .main{background: #fff;padding: 5%;position: relative;}
.news-de .main .title{font-size: 24px;color: #000;}
.news-de .main .info{display: flex;justify-content: space-between;align-items: center;font-size: 14px;color: #999;padding: 30px 0;border-bottom: 1px solid #DCDCDC;}
.news-de .main .content{padding: 5% 0;margin-bottom: 5%; font-size: 16px;line-height: 2;color: #666;border-bottom: 1px solid #DCDCDC;}

.nysxp{ position:relative;padding-right: 150px;}
.nysxp ul li{ line-height:2;}
.nysxp ul li a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #666;font-size: 14px;}
.nysxp ul li a:hover{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: var(--themeColor);}
.nysxp .return{ position:absolute; right:0; top:50%; transform:translateY(-50%)}
.nysxp .return a{ display:block; border-radius:30px; padding:10px 35px; border:1px solid #DCDCDC; font-size:14px;color: #333;}
.nysxp .return a:hover{ border-color:var(--themeColor); color:#fff;background: var(--themeColor);}


@media screen and (max-width:1024px) {
    .ny-banner .img-box {height: 70vw;}
	.ny-banner .img-box img {width: 100%;height: 100%;object-fit: cover;}
	.ny-banner .cont-box .entitle {font-size: 30px;}
	.ny-banner .cont-box .title {font-size: 22px;}

    .ny-cla{width: 90%;top: -32.5px;}
    .ny-cla .item{height: 65px;}
    .ny-cla .on:before{bottom: 15px;}
    .ny-cla .item:before{bottom: 15px;}
    .ny-cla .item p{font-size: 12px;top: -4px;}
    .ny-cla .item:hover p,.ny-cla .on p{font-size: 12px;top: -4px;}

    .ny-news .list .item .cont-box .title{font-size: 16px;}
    .ny-news .list .item .cont-box .date{font-size: 12px;}
    .ny-news .list .item .cont-box .note{font-size: 14px;}
    .ny-news .list .item .jt{display: none;}
    .ny-news .list .item .img-box{width: 30%;}

    .news-de .main .title{font-size: 20px;}
    .news-de .main .info{padding: 10px 0;font-size: 12px;}
    .news-de .main .content{font-size: 14px;}

    .nysxp { padding-right: 120px; }
    .nysxp ul li a { font-size: 12px; }
    .nysxp .return a {border-radius: 20px;padding: 5px 15px;font-size: 12px;}

    #allmap {height: 50vh;font-size: 12px;}
	.ny-ct-main{ padding:15px; margin-top:-60px;}
	.ny-ct-left{ width:100%; float:none;}
	.ny-ct-left .tit{ font-size:16px; font-weight:bold;}
	.ny-ct-left .note{ font-size:12px;}
	.ny-ct-left .cont{ margin-top:20px;}
	.ny-ct-left .cont p{ font-size:14px;}
	.ny-ct-left .cont p img{ width:20px; margin-right:5px;}
	.ny-ct-right{ width:100%; float:none; padding-left:0;}
	.mesipu .item .iput{width: 100%;float: none; margin-bottom: 10px;font-size: 12px;}
	.zbcg-mes .mesipu .item .iput,.zbcg-mes .mesipu .item .iput:nth-child(3){width:100%;}
	.mesipu .item .iput:last-child{margin-bottom: 0;}
	.mesipu .item .iput .bitian{font-size:12px;}
	.mesipu .item .iput .am-form-field{font-size: 12px;}
	.mesipu .item{margin-bottom: 10px;}
	.c-t-m-btn{ padding-right:10px;}
	.c-t-m-btn .am-btn{ padding:10px; width:140px; font-size:12px; display:block; margin:0 auto;}
	.c-t-m-btn .yzm .am-form-field{font-size: 12px;}
	.c-t-m-btn .yzm{ float:none; width:100%; margin-right:0; margin-bottom:10px;}
}

/* case-content */
.sshd{background-color: #f5f5f5;}
.sshd-main{display: flex;flex-wrap: wrap;}
.sshd-main .left{width: calc(75% - 40px);margin-right: 40px;padding: 2% 0;background-color: #fff;box-shadow: 0 1px 10px 0 rgb(206 223 241 / 20%);border-radius: 5px;}
.sshd-main .left .page-title{font-size: 30px;color: #333;text-align: center;margin-bottom: 2%;}
.sshd-main .left .main{margin: 0 2%;}
.sshd-main .left .main .swiper-box1{position: relative;padding: 0 50px;}
.sshd-main .left .main .swiper-box1 .img-box{}
.sshd-main .left .main .swiper-box1 .img-box img{width: 100%;}
.prev1{position: absolute;top: 50%;left: 0;transform: translateY(-50%);cursor: pointer;}
.next1{position: absolute;top: 50%;right: 0;transform: translateY(-50%);cursor: pointer;}
.sshd-main .left .main .swiper-box2{padding: 40px 5%;}
.sshd-main .left .main .swiper-box2 .img-box{cursor: pointer;position: relative;}
.sshd-main .left .main .swiper-box2 .img-box::after{content: '';background-color: rgba(255,255,255,.7);position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.sshd-main .left .main .swiper-box2 .swiper-slide-thumb-active .img-box::after{background-color: rgba(255,255,255,0);}
.sshd-main .left .main .swiper-box2 .img-box img{width: 100%;}
.sshd-main .left .main .content-box{font-size: 16px;color: #333;line-height: 1.75em;background-color: rgba(221,221,221,.2);padding: 21px 21px 24px;margin: 0 3%;overflow: hidden;}

.sshd-main .right{width: 25%;	background-color: #fff;padding: 2%;box-shadow: 0 1px 10px 0 rgb(206 223 241 / 20%);border-radius: 5px;}
.sshd-main .right .main{}
.sshd-main .right .main .page-title{font-size: 24px;color: #333;}
.sshd-main .right .main .item{padding: 5% 0;border-bottom: 1px dashed #c1c1c1;}
.sshd-main .right .main .item a{font-size: 16px;color: #666;}
.sshd-main .right .main .item a:hover{color: var(--themeColor);}

@media screen and (max-width:1024px) {
	.sshd-main .left {width: 100%;margin-right: 0;padding: 3% 0;background-color: #fff;margin-bottom: 20px;border-radius: 10px;}
	.sshd-main .left .main .swiper-box1 {position: relative;padding: 0 10px;}
	.prev1, .next1{display: none;}
	.sshd-main .left .main .swiper-box2 {padding: 15px 11px;}
	.sshd-main .left .page-title {font-size: 16px;margin-bottom: 3%;}
	.sshd-main .left .main .content-box {font-size: 14px;line-height: 1.75em;padding: 11px 11px 20px;}
	.sshd-main .right {width: 100%;padding: 3%;border-radius: 10px;}
	.sshd-main .right .main .page-title {font-size: 16px;}
	.sshd-main .right .main .item {padding: 3% 0;}
	.sshd-main .right .main .item a {font-size: 14px;line-height: 1;}
}

/* pagelist */
.pages{text-align:center; font-size:14px; margin:15px 0;}
.pages a{display: inline-block;padding: 5px 14px;border: 1px solid #ddd;margin-left: 4px; background:#fff;}
.pages a.on ,.pages a:hover{background: var(--themeColor);color: #FFF;}

@media screen and (max-width:1024px) {
	.pages {text-align: center;font-size: 10px;margin: 5px 0;}
	.pages a {display: inline-block;padding: 5px 10px;border: 1px solid #ddd;margin-left: 4px;background: #fff;}
}

/* ny-nav */
.ny-nav{padding: 20px 0;border-bottom: 1px solid #d0d0d0;}
.ny-nav p{font-size: 16px;color: #666;}
.ny-nav p a{color: #666;}
.ny-nav p a:hover{color: var(--themeColor);}
.ny-nav p span{padding: 0 4px;}
@media screen and (max-width:1024px) {
	.ny-nav{padding: 10px 0;border-bottom: 1px solid #d0d0d0;}
	.ny-nav p{font-size: 13px;color: #333;}
	.ny-nav p span{padding: 0 2px;}
}









.wechat-ses{ width: 70%; padding: 30px;background: #fff;border-radius: 10px;position: fixed;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%); z-index: 1404; display: none;}
.wechat-ses .icon{width: 44px;height: 44px;display: block;margin: 0 auto;}
.wechat-ses .tit{font-size: 18px;font-weight: bold;text-align: center; margin-top: 10px; margin-bottom: 15px;}
.wechat-ses .note{font-size: 14px;color: #777;text-align: center; margin-bottom: 15px;}
.wechat-ses .wxbtn{text-align: center;}
.wechat-ses .wxbtn a{font-size: 14px; display: inline-block; padding: 8px 30px;background-color: #1aad17;color: #fff;border-radius: 6px;}
.wechat-wrap{background: rgba(0, 0, 0, .6);width: 100%;height: 100%;position: fixed;left: 0;top: 0; z-index: 1400; display: none;}

.wechat-dialog{width:90%; background:#fff; border-radius:10px; padding:18px; position:fixed; left:5%; top:50%; transform:translate(0,-50%); z-index:1211; display:none;box-sizing:border-box;}
.wechat-dialog .tit{ text-align:center; font-size:20px;}
.wechat-dialog .copy-wx{ background:#f5f5f5; border-radius:10px; padding:20px; text-align:center; margin:15px 0; color:#666;}
.wechat-dialog .copy-wx .info{ font-size:12px; color:#999;}
.wechat-dialog .copy-wx p span{ color:#25ba45;}
.wechat-dialog .wx-close{ position:absolute; right:5px; top:5px; font-size:20px; padding:0 10px; cursor:pointer;}
.wechat-mask{ position:fixed; display:none; width:100%; height:100%; background:rgba(0,0,0,.5); left:0; top:0;z-index:1210;}

.wechat-ses{ width:400px; max-width: 70%; padding: 30px;background: #fff;border-radius: 10px;position: fixed;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%); z-index: 1404; display: none;box-shadow: 0 2px 20px 2px rgba(0,0,0,.5);}
.wechat-ses .icon{width: 44px;height: 44px;display: block;margin: 0 auto;}
.wechat-ses .tit{font-size: 18px;font-weight: bold;text-align: center; margin-top: 10px; margin-bottom: 15px;}
.wechat-ses .note{font-size: 14px;color: #777;text-align: center; margin-bottom: 15px;}
.wechat-ses .wxbtn{text-align: center;}
.wechat-ses .wxbtn a{font-size: 14px; display: inline-block; padding: 8px 30px;background-color: #1aad17;color: #fff;border-radius: 6px;}

.foot-bar{ position:fixed; width:100%; height:54px; background:var(--themeColor); left:0; bottom:0; z-index:999;}
.foot-bar ul li{ padding-top:8px;}
.foot-bar ul li a{ color:#fff; font-size:12px; display:block; text-align:center;}
.foot-bar ul li a img{ width:18px;}
.foot-bar ul li a span{ display:block; font-size:1rem;}



@media screen and (max-width: 1680px){
    .am-container{max-width: 1300px;}

    .header .main .top-menu ul li{margin-left: 40px;}
    .header .main .top-menu ul li .a{font-size: 18px;}
    .banner-swiper .cont-main .cont-box .p2{font-size: 90px;}
}
@media screen and (max-width: 1440px){
    .am-container{max-width: 1200px;}

    .header .main .top-menu ul li{margin-left: 30px;}
    .header .main .top-menu ul li .a{font-size: 18px;}
    .banner-swiper .cont-main .cont-box .p2{font-size: 70px;}
}


@media screen and (max-width:1024px){
    html {background: #fafafa;}
    body{
        /* max-width:768px; margin:0 auto;  */
        background:#fff;
        zoom:1;
        padding-bottom:54px;
    }
    .arccontent img{ height:auto !important;}

    /* 通用 */
    .all-pd{padding: 30px 0;}
    .all-pt{padding-top: 30px;}
    .all-pb{padding-bottom: 30px;}
    .all-title-box{text-align: center;width: 100%;}
    .all-title-box .entitle{font-size: 14px;}
    .all-title-box .title{font-size: 20px;}


    .l-more a{zoom: 0.7;}
    .circle-text img{width: 80px;}
    .circle-logo img{width: 90px;}

    .header .main{height: 70px;}
    .header .main .top-menu {display: none;}
    .header .main .top-logo img{height: 40px;}

    .banner-swiper .cont-main .cont-box .p1 { font-size: 20px; }
    .banner-swiper .cont-main .cont-box .p2 { font-size: 30px; }
    .banner-swiper .cont-main .cont-box .p3 { font-size: 12px; }
    .pa-box{bottom: 70px;}

    .ab .main .cont-box{padding: 20px 0;}
    .ab .main .cont-box .title{font-size: 20px;}
    .ab .main .cont-box .note{ font-size: 16px; margin-top: 20px;line-height: 2.1;}

    .ab-data .item { padding: 0; width: 33.33333%; }
    .ab-data .item .num-box .num{font-size: 30px;}
    .ab-data .item .num-box .dw { font-size: 14px; padding-left: 4px; }
    .ab-data .item .title { font-size: 14px; }
    .ab-video-play {margin: 40px auto;}


    .ty-top{flex-wrap: wrap;}
    .ty-top .cate{width: 100%;overflow-x: scroll;padding: 15px 0;}
    .ty-top .l-more{display: none;}
    .ty-top .cate li{ margin: 0 15px; }
    .ty-top .cate li a{ font-size: 14px; }

    .case .main { padding: 20px 0; }
    .case .list li { width: 50%; }
    .case .list li:last-child {display: none;}
    /* .case .list li a .cont-box {  } */
    .case .list li a .cont-box .title { font-size: 12px;  transform: translateY(0); }
    .case .list li a .cont-box .title::after {  bottom: -15px;}
    .case .list li a .cont-box .tags { font-size: 10px;  transform: translateY(0); }
    .more-btn { width: 160px; height: 40px; font-size: 14px; }
    .more-btn svg { zoom: 0.75; }
    .all-title-box .subtitle { font-size: 13px; }

    .ser .list li { width:50%; text-align: center; margin: 10px 0; padding: 0 10px; }
    .ser .list li .img-box{width: 100px; height: 100px; margin: 0 auto;}
    .ser .list li .title { font-size: 16px; margin: 10px 0 10px; }
    .ser .list li .entitle { font-size: 12px; }


    .ys { padding: 12% 0; }
    .x { width: 50px; height: 50px; margin: 10px auto; }
    .x::before, .x::after { width: 50px; }
    .ys .main .title { font-size: 28px; }
    .ys .main .subtitle { font-size: 30px; margin-bottom: 5%; }

    .news .main{padding: 20px 0;}
    .news .list li a .img-box { width: 30%; }
    .news .list li a .cont-box { flex: 1; padding: 0 10px; }
    .news .list li a .yuan{display: none;}
    .news .list li a .cont-box .time{font-size: 12px;}
    .news .list li a .cont-box .title { margin: 8px 0; font-size: 14px; }
    .news .list li a .cont-box .note { font-size: 12px; }

    .f-nav{display: none;}
    .foot .main .f-info .f-logo { margin: 30px 0; }
    .foot .main .f-info .f-logo img{height: 40px;}
    .foot .main .f-info .p1 { font-size: 14px; margin: 10px 0; }
    .foot .main { padding-bottom: 15px; }

    .copyright .main { padding: 15px 0; }
    .copyright .main .p1 { font-size: 12px; }

    .page-about{flex-wrap: wrap;}
    .page-about-txt { padding-left: 0px; width: 100%; }
    .page-about-txt-title{ position: relative; top: auto; left: auto; width: 100%; -ms-transform: none; -moz-transform: none; -webkit-transform: none; -o-transform: none; transform: none; }
    .page-about-txt-title h2 { width: 100%; font-size: 24px; line-height: 1; text-transform: uppercase; }
    .page-about-txt-title i { display: block; position: relative; right: auto; top: auto; margin: 15px 0 5px; }
    .page-about-txt h3 { font-size: 20px; padding: 0px 0 20px 0; }
    .page-about-txt h5 { font-size: 14px;margin: 0; line-height: 2; }
    .page-about-pic { width: 100%; padding-left: 0%;text-align: center; }

    .title-5 h3 { font-size: 24px; }
    .title-5 h4 { font-size: 20px; }
    .page-culture .title-5 h5 { padding-top: 2px; font-size: 12px; line-height: 2; }

    .page-culture .title-5 { margin-bottom: 30px; }
    .page-culture .main{flex-wrap: wrap;}
    .page-culture-pic { width: 100%; text-align: center;}
    .page-culture-txt { width: 100%; padding-left: 0; }
    .culture-txt li h5{padding: 10px;}


    .ryzz .main .top .cate li{padding: 10px;}
    .ryzz .main .top .cate li .total { font-size: 24px; }


}

@media screen and (max-width:768px) {
    .cndns-right{display: none!important;}
}