/* 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; }


html{font-size: 62.5%;}

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;
}

.animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* 全局 css 变量 */
:root{
    --themeColor: #277ce4;
    --themeColor2: #f0cb00;
}
/* #0f6ff9  #2d73f0*/

/* 全局样式 */
/* [class*=am-u-] { padding-left: 0; padding-right: 0; } */

.all-pd{padding: 10rem 0;}
.all-pb{padding-bottom: 10rem;}
.all-pt{padding-top: 10rem;}

.all-mr{margin: 20px 0;}

.themeColor{color: var(--themeColor)!important;}
.colorWhite{color: #fff!important;}
.all-title-box{position: relative;}
/* .all-title-box::before{content: "";width: 1.2rem;height: 1.2rem;background-color: var(--themeColor2);position: absolute;top: 1.4rem;left: -2.2rem;} */
.all-title-box .row{display: flex;align-items: baseline;}
.all-title-box .title{font-size: 4rem;font-weight: bold;color: #333;white-space: nowrap;line-height: 1;}
.all-title-box .subtitle{font-size: 1.6rem;color: #999;white-space: nowrap;}
.all-title-box .entitle{font-size: 2rem;color: #999;white-space: nowrap;line-height: 1;margin-top: 1.6rem;text-transform: uppercase;}
/* .all-title-box .entitle::first-letter { color: var(--themeColor); } */
.img100{width: 100%;}

.flex{display: flex;}
.order1{order: 1;}

.ohide{overflow: hidden;}
.ju-start{justify-content: flex-start!important;height: 90px;}

.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,.line-clamp-6{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;}
.line-clamp-6{-webkit-line-clamp: 6;}
.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:#8fc31f;  } */

.ty-btn{width: 18rem;height: 6.5rem;line-height: 6.5rem;border-radius: .6rem;background: var(--themeColor);display: block;color: #fff;font-size: 2rem;position: relative;text-align: center;border: none; }

.ty-btn::before, .ty-btn::after { content: ''; position: absolute; right: 0; top: 0; background: var(--themeColor);  }
.ty-btn::before { height: 0%; width: 2px; }
.ty-btn::after { width: 0%; height: 2px; }
.ty-btn:hover { background: transparent; }
.ty-btn:hover::before { height: 100%; transition: all 0.5s ease;}
.ty-btn:hover::after { width: 100%; transition: all 0.5s ease;}
.ty-btn > span { display: block; }
.ty-btn:hover > span { color: var(--themeColor); transition: all 0.5s ease;}
.ty-btn:hover > span::before { height: 100%; transition: all 0.5s ease;}
.ty-btn:hover > span::after { width: 100%; transition: all 0.5s ease;}
.ty-btn > span::before, .ty-btn > span::after { content: ''; position: absolute; left: 0; bottom: 0; background: var(--themeColor);  }
.ty-btn > span:before { width: 2px; height: 0%; }
.ty-btn > span:after { width: 0%; height: 2px; }

.ty-subtitle{ font-size: 4rem; color: #333; font-weight: 500;line-height: 6rem;letter-spacing: -0.05rem; }
.ty-hover-box{overflow: hidden;}
.ty-hover-box img{transition: all .5s ease-out;}
.ty-hover-box:hover img{transform: scale(1.1);}

/* ty-more */
.ty-more{display: flex;align-items: center;padding: 1.5rem 2.7rem;border-radius: 2.5rem;border: 1px solid #fff;line-height: 1;}
.ty-more .icon{display: flex;justify-content: center;align-items: center;transition: all .5s;}
.ty-more .icon svg,.ty-more .icon img{transition: all .5s;}
.ty-more .icon img{width: 1.1rem;}
.ty-more .tt{font-size: 1.4rem;color: #fff;padding-right: 2rem;}
.ty-more:hover .icon svg{transform: rotate(45deg);}
.ty-more:hover .icon img{transform: rotate(45deg);}


/*  */
.ny-title-box{position: relative;}
.ny-title-box .entitle{font-size: 4.2rem; line-height: 5.2rem; font-family: 'Century'; word-break: normal;}
.ny-title-box .cntitle{font-size: 3.2rem; line-height: 4.8rem; font-weight: 500; margin-top: 1.2rem;}
.ny-title-box .line{width: 10rem;height: .1rem;margin: 2rem auto;background: var(--themeColor2);}


/* heaser */
header{position: relative;min-height: 10rem;max-height: 100px;}
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: rgba(255, 255, 255, .8); box-shadow: 0 0 5px #999999; backdrop-filter: saturate(5) blur(20px);max-height: 100px;}
.header .main{display: flex;justify-content: space-between;align-items: center;}
.header .main .top-logo{flex-shrink: 0;}
.header .main .top-logo img{height: 4.4rem;}
.header .main .top-menu{flex: 1;}
.header .main .top-menu ul{display: flex;justify-content: flex-end;}
.header .main .top-menu ul li{position: relative;min-width: 5rem;margin: 0 2rem;}
.header .main .top-menu ul li .a{font-size: 1.8rem;color: #666;white-space: nowrap;line-height: 10rem;display: block;text-align: center;}
.header .main .top-menu ul li.on .a{color: var(--themeColor);font-weight: bold;}
/* .header .main .top-menu ul li::after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: .3rem; background: var(--themeColor2); transition: all .3s ease-out; transform: translateX(-50%); } */
/* .header .main .top-menu ul li.on::after{width: 100%;} */
/* .header .main .top-menu ul li:hover::after{width: 100%;} */
.header .main .top-tool{flex-shrink: 0;display: flex;align-items: center;margin-left: 4rem;}
.header .main .top-tool .top-language{cursor: pointer;position: relative;line-height: 10rem;display: flex;align-items: center;}
.header .main .top-tool .top-language img{height: auto;width: 2.6rem;}
.header .main .top-tool .top-language:hover .subnav {opacity: 1;visibility: visible;top: calc(95%);}

.subnav{position: absolute;min-width: 140%;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%);white-space: nowrap;}
.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 10px;line-height: 22px;text-align: center;display: block;transition: all .2s ease-in-out;font-size: 1.4rem;}
.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);font-size: 16px;}
.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;transition: all .5s;}
.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);}

.sm-menubar{cursor: pointer;display: none;}
.bar-line{width: 26px;height: 2px;background-color: #76838f;margin: 6px;}
.index_down .bar-line{background-color: #fff;}
.bar-line-top{transition: all .4s;}
.bar-line-center{opacity: 1;transition: all .4s;}
.bar-line-bottom{transition: all .4s;}
.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;width: 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;}
    .header .main .top-tool .top-search{margin: 0 1rem;}

    .header .main .top-tool .top-language{margin-right: 10px;}
}


/* banner */
.banner{position: relative;}
.banner-swiper{position: relative;}
.banner-swiper .item{position: relative;}
.banner-swiper .item .img-box{position: relative;overflow: hidden;}
.banner-swiper .item .img-box img{width: 100%;min-height: 400px;height: 100%;object-fit: cover;}
.banner-swiper .item .am-container{position: absolute;width: 100%;margin: 0 auto;height: 100%;top: 0;left:50%;transform: translateX(-50%);display: flex;justify-content: center;align-items: center;}
.banner-swiper .item .cont-box{width: 100%;display: flex;flex-direction: column;align-items: flex-start;}
.banner-swiper .item .cont-box .p1{font-size: 6rem;color: #fff;line-height: 1;font-weight: bold;}
.banner-swiper .item .cont-box .p2{font-size: 3rem;color: #fff;font-weight: lighter;line-height: 1;margin-top: 4rem;margin-bottom: 6rem;}
.banner-swiper .item .cont-box .p3{font-size: 4.8rem;color: #fff;line-height: 1;margin-bottom: 7rem;font-weight: bold;}
.banner-swiper .item .cont-box .more{}

.banner-swiper .banner-pa{ bottom: 4rem; top: initial; left: 50%; transform: translateX(-50%); background: rgb(168 168 168 / 20%); width: 160px;}
.banner-swiper .banner-pa .swiper-pagination-progressbar-fill{ background: var(--themeColor); }
.banner-swiper .banner-pa .swiper-pagination-bullet{width: 1rem;height: .4rem;border-radius: .2rem;background: #fff;opacity: 1;transition: all .5s ease-out;margin: 0 .5rem;}
.banner-swiper .banner-pa .swiper-pagination-bullet-active{width: 2rem;}
.banner .ty-more .icon{margin: 0 auto;}

.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;}

.scroll-tips{position: absolute;bottom: 3rem;left: 3rem;display: flex;align-items: center;z-index: 100;overflow: hidden;}
.scroll-tips .mouse{width: 2.2rem;height: 3.2rem;border-radius: 1.1rem;border: .2rem solid #fff;position: relative;}
.scroll-tips .txt{font-size: 1.4rem;color: #fff;margin-left: 1rem;}
.scroll-tips .mouse:before{content: '';position: absolute;left: 50%;top: .8rem;width: .2rem;height: .8rem;background: #fff;border-radius: 50%;margin-left: -.1rem;animation: scroll 2s infinite;}
@keyframes scroll{0%{opacity: 1;}100%{opacity: 0;transform: translateY(2rem);}}

@-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;background-repeat: no-repeat;background-size: cover;}

.ab .main{display: flex;padding: 4rem 0;}
.ab .main .left{width: 50%;flex-shrink: 0;}
.ab .main .left .subtitle{font-size: 2.6rem;font-weight: 500;color: #fff;margin-top: 8rem;margin-bottom: 3.5rem;}
.ab .main .left .note{font-size: 14px;color: #fff;line-height: 2;}
.ab .main .left .btn-box{margin: 6rem 0 7rem;display: flex;}
.ab .main .left .btn-box .ty-more{margin-right: 3.2rem;}

.ab-data{display: flex;justify-content: space-between;align-items: center;margin-bottom: 6rem;margin-top: 10rem;}
.ab-data .line{width: 1px;height: 4rem;background: rgba(215, 215, 215, .5);margin: 0 auto;}
.ab-data .item{line-height: 1;}
.ab-data .item .num-box{line-height: 1;}
.ab-data .item .num-box .num{font-size: 5.6rem;color: #fff;font-weight: bold;font-family: cursive;}
.ab-data .item .num-box .dw{font-size: 1.8rem;color: #fff;padding-left: 1rem;}
.ab-data .item .title{font-size: 1.6rem;color: rgba(215, 215, 215, .6);margin-top: 1.5rem;}

.ab .main .right{width: 50vw;position: absolute;top: 0;right: 0;height: 100%;display: flex;align-items: center;}
.ab-swiper{width:100%;margin-left: 11rem;}
.ab-swiper .item{display: block;position: relative;width: 50%;}
.ab-swiper .item .img-box{overflow: hidden;}
.ab-swiper .item .img-box img{width: 100%;transition: all .5s ease-out;}
.ab-swiper .item:hover .img-box img{transform: scale(1.1);}
.ab-swiper .item .icon{position: absolute;top: 5rem;left: 3rem;z-index: 10;width: 6.8rem;height: 6.8rem;background: #fff;border-radius: 100%;display: flex;justify-content: center;align-items: center;}
.ab-swiper .item .icon::before{content: "";width: 100%;height: 100%;;border-radius: 100%;position: absolute;top: 0;left: 0;z-index: -1;transform: scale(1.2);border: 1px solid #fff;}
.ab-swiper .item .icon img{width: 55%;}
.ab-swiper .item:hover .icon img{ animation: myshake .5s; /* animation-iteration-count: infinite; */ animation-direction: alternate; animation-timing-function: ease-in-out; }
.ab-swiper .item .title-box{position: absolute;width: 100%;height: auto;bottom: 5rem;line-height: 1;}
.ab-swiper .item .title-box .title{font-size: 2.4rem;color: #fff;font-weight: bold;padding-left: 3rem;}
.ab-swiper .item .title-box .entitle{font-size: 1.4rem;color: #fff;padding-left: 3rem;margin-top: 1rem;text-transform: uppercase;}

@keyframes myshake {
    0% {transform: translateX(0);}
    25% {transform: translateX(-5px) rotate(-5deg);}
    50% {transform: translateX(5px) rotate(5deg);}
    75% {transform: translateX(-5px) rotate(-5deg);}
    100% {transform: translateX(0);}
}

/* pro-cate */
.pro-cate{position: relative;}
.pro-cate .item{overflow: hidden;}
.pro-cate .item img{width: 100%;min-height:350px;object-fit: cover;}
.pro-cate .item.animated img{-webkit-animation: banner_outside 5s ease 1 forwards;-moz-animation: banner_outside 5s ease 1 forwards;-o-animation: banner_outside 5s ease 1 forwards;animation: banner_outside 5s ease 1 forwards;}
.pro-cate .cla{width: 100%;height: auto;position: absolute;left: 0;bottom: 0;display: flex;}
.pro-cate .cla li{width: 33.33333%;border-right: 1px solid rgba(215, 215, 215, .5);transition: all .5s ease-out;border-top: 1px solid rgba(215, 215, 215, .5);}
.pro-cate .cla li.on{background: rgb(39 124 228 / 80%);}
.pro-cate .cla li:last-child{border-right: none;}
.pro-cate .cla li a{display: block;display: flex;justify-content: center;align-items: center;line-height: 10rem;padding: 3rem 0;}
.pro-cate .cla li a img{flex-shrink: 0;height: 4.7rem;}
.pro-cate .cla li:hover a img{ animation: myshake .5s; }
.pro-cate .cla li a span{font-size: 2.2rem;color: #fff;font-weight: bold;padding-left: 3.5rem;}

/* case */
.case{position: relative;background: #f2f4f8;}
.case-container{position: relative;width: 92.708333%;margin: 0 auto;}
.case-list{padding-top: 4rem;display: flex;flex-wrap: wrap;}
.case-list li{padding: 1rem;}
.case-list li a{display: block;background: #fff;transition: all .5s ease-out;border-radius: .8rem;overflow: hidden;}
.case-list li a:hover{box-shadow: 1px 1px 10px rgb(39 124 228 / 20%);}
.case-list li a .img-box{overflow: hidden;}
.case-list li a .img-box img{width: 100%;transition: all .5s ease-out;}
.case-list li a:hover .img-box img{transform: scale(1.1);}
.case-list li a .cont-box{padding: 2rem;}
.case-list li a .cont-box .title{font-size: 1.8rem;color: #333;font-weight: bold;}
.case-list li a .cont-box .cate{font-size: 1.4rem;color: #999;margin-top: 1rem;line-height: 1;}

/* pro-design */
.pro-design{position: relative;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.pro-design .main{padding: 8% 0;}
.pro-design .main .t1{font-size: 3rem;color: #fff;font-weight: bold;line-height: 1;margin-top: 7rem;margin-bottom: 2.5rem;}
.pro-design .main .t2{font-size: 2rem;font-weight: 500;color: #fff;}
.pro-design .main .note{font-size: 14px;color: #fff;line-height: 2;margin: 6.5rem 0 7rem;max-width: 445px;}

/* news */
.news{position: relative;background-repeat: no-repeat;background-size: cover;}
.news .main{display: flex;padding: 8rem 0;}
.news .main .cate-box{display: flex;flex-direction: column;justify-content: space-between;flex-shrink: 0;min-width: 22rem;}
.news .main .cate-box .cate{}
.news .main .cate-box .cate ul{}
.news .main .cate-box .cate ul li{display: flex;align-items: center;padding: 2.5rem 0;}
.news .main .cate-box .cate ul li a{font-size: 1.8rem;color: #999999;}
.news .main .cate-box .cate ul li .line{width: 3rem;height: 2px;margin-right: 1.4rem;background: none;}
.news .main .cate-box .cate ul li.on .line{background: var(--themeColor);}
.news .main .cate-box .cate ul li.on a{font-weight: bold;color: var(--themeColor);}
.news .main .cate-box .more{display: flex;}
.news .main .cate-box .more .ty-more{background: var(--themeColor);}

.news .main .list-box{flex: 1;border-right: 1px solid #ebebeb;border-left: 1px solid #ebebeb;}
.news .main .list-box ul{display: flex;}
.news .main .list-box ul li{width: 33.3333%;}
.news .main .list-box ul li a{display: block;padding: 5rem 3rem;transition: all .5s ease-out;}
.news .main .list-box ul li a *{transition: all .5s ease-out;}
.news .main .list-box ul li a .date-box{position: relative;}
.news .main .list-box ul li a .date-box .d{font-size: 4rem;color: #333;font-weight: bold;line-height: 1;}
.news .main .list-box ul li a .date-box .ym{font-size: 1.4rem;color: #999;line-height: 1;line-height: 1;margin-top: 1.5rem;}
.news .main .list-box ul li a .title{font-size: 1.8rem;color: #333;margin: 2rem 0 3rem;}
.news .main .list-box ul li a .img-box{overflow: hidden;}
.news .main .list-box ul li a .img-box img{width: 100%;}
.news .main .list-box ul li a .note{font-size: 1.4rem;color: #999;line-height: 1.5;height: 4.2rem;margin: 3rem 0 4rem;}
.news .main .list-box ul li a .more{display: flex;}
.news .main .list-box ul li a .more span{font-size: 1.4rem;color: #999;}

.news .main .list-box ul li a:hover{ background: linear-gradient(to bottom right, #3c8ef1, #0155a6); }
.news .main .list-box ul li a:hover *{color: #fff!important;}
.news .main .list-box ul li a:hover .img-box img{transform: scale(1.1);}
.news .main .list-box ul li a .more span:hover{text-decoration: underline;}

/* 合作伙伴 */
.hzhb{background-repeat: no-repeat;background-size: cover;}
.hzhb .main{padding: 8rem 0;}
.hzhb .list{display: flex;flex-wrap: wrap;}
.hzhb .list li{width: calc(20% - 3rem);margin: 1.5rem;background: #fff;display: flex;justify-content: center;align-items: center;overflow: hidden;transition: all .5s ease-out;}
.hzhb .list li img{max-width: 80%;}
.hzhb .list li:hover{ box-shadow: 1px 1px 10px rgb(39 124 228 / 20%); transform: scale(1.1); }

/* footer */
footer{position: relative;background: #000813;}
.foot{position: relative;}
.foot .main{display: flex;border-bottom: 1px solid rgba(255, 255, 255, .3);justify-content: space-between;}
.f-info{margin-right: 7rem;}
.f-info .title{font-size: 2.2rem;color: #fff;line-height: 1;margin-bottom: 4rem;}
.f-info .p1{font-size: 1.8rem;color: rgba(255, 255, 255, .6);margin: 1rem 0;}

.f-nav{flex: 1;display: flex;flex-wrap: wrap;padding: 0 4%;}
.f-nav li{width: 50%;margin-bottom: 2rem;}
.f-nav li a{font-size: 1.8rem;color: rgba(255, 255, 255, .6);}
.f-nav li a:hover{color: #fff;}

.f-code{font-size: 1.4rem;color: #fff;text-align: center;}
.f-code img{max-width: 10rem;}
.f-code p{margin-top: 1rem;}

.f-icon{display: flex;margin: 3rem 0;}
.f-icon .item{width: 4rem;height: 4rem;border-radius: 4rem;background: #fff;display: flex;justify-content: center;align-items: center;margin-right: 1rem;}
.f-icon .item.kf{width: 12rem;}
.f-icon .item svg{}
.f-icon .item i{color: #999;line-height: 1;font-size: 1.8rem;}
.f-icon .item span{font-size: 1.6rem;color: #333;margin-left: 1rem;}

.f-copyright{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 4rem 0;}
.f-copyright .p1{font-size: 1.4rem;color: rgba(255, 255, 255, .5);}
.f-copyright .p1 a{color: rgba(255, 255, 255, .5);}
.f-copyright .p1 a:hover{color: #fff;}
.f-copyright .p1 a img{height: 2rem;margin-top: -.9rem;}

/* 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: 6rem;font-weight: bold;color: #fff; line-height: 1.3;text-transform: uppercase;}
.ny-banner .cont-box .title{display: block;color: #fff;font-size: 4.4rem;line-height: 1.3;font-weight: bold;}
@keyframes bigimgani{0%{transform:scale(1.0);} 100%{transform:scale(1.1);}}

/* ny-cla */
.ny-cla{position: relative;background-color: #f1f1f1; }
.ny-cla ul{display: flex;padding: 1.7rem 0;}
.ny-cla ul li{margin: 0 1.3rem 0;white-space: nowrap;}
.ny-cla ul li:first-child{margin-left: 0;}
.ny-cla ul li a{font-size: 1.6rem;color: #333;line-height: 1;line-height: 1;padding: 0 2.3rem;display: flex;justify-content: center;align-items: center;height: 3.6rem;border-radius: 1.8rem;font-weight: 300;}
.ny-cla ul li:hover a{background: #fff;color: var(--themeColor);}
.ny-cla ul li.on a{background: var(--themeColor);color: #fff;}

.ny-ab{position: relative;}
.ny-ab .main{display: flex;}
.ny-ab .main .left{width: 50%;}
.ny-ab .main .left .subtitle{color: #333;}
.ny-ab .main .left .note{color: #333;}
.ny-ab .main .img-box{width: 50%;padding-left: 11rem;}
.ny-ab .main .img-box img{width: 100%;}

.ny-ab-data{display: flex;justify-content: space-between;align-items: center;margin-bottom: 6rem;margin-top: 10rem;}
.ny-ab-data .line{width: 1px;height: 4rem;background: rgba(215, 215, 215, .5);margin: 0 auto;}
.ny-ab-data .item{line-height: 1;}
.ny-ab-data .item .num-box{line-height: 1;}
.ny-ab-data .item .num-box .num{font-size: 5.6rem;color: var(--themeColor);font-weight: bold;font-family: cursive;}
.ny-ab-data .item .num-box .dw{font-size: 1.8rem;color: var(--themeColor);padding-left: 1rem;}
.ny-ab-data .item .title{font-size: 1.6rem;color: var(--themeColor);margin-top: 1.5rem;}

#canvas{ position: absolute; left: 0; top: 0; z-index: -1; height: 100%;width: 100%;overflow: hidden;}
#canvas canvas { position: absolute; height: 100% !important; margin-top: 410px; }


.ab2 .ul1{width: 100%;height: 600px;background: url(../images/ab_2.jpg) center no-repeat;background-size: cover;display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 8rem;overflow: hidden;}
.ab2 .ul1 li{position: relative;width: 50%;overflow: hidden;color: #fff;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-line-pack: center;align-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.ab2 .ul1 li div{display: block;width: 100%;}
.ab2 .ul1 li .ico img{display: block;margin: 0 auto;}
.ab2 .ul1 li .ltt{margin: 4rem 0 3rem;font-size: 3.2rem;font-weight: 500;letter-spacing: .1em;}
.ab2 .ul1 li .ltc{font-size: 2.2rem;font-weight: 500;letter-spacing: .1em;}
.ab2 .ul1 li .xian2{display: block;width: 20px;height: 1px;background: rgba(255, 255, 255, 0.6);margin: 0 auto 30px;}
.ab2 .ul1 li .xian{display: block;width: calc(100% - 20px);height: calc(100% - 20px);border: 1px solid rgba(255, 255, 255, 0.3);position: absolute;top: 10px;left: 10px;z-index: 2;transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 0;}
.ab2 .ul1 li:hover{background: var(--themeColor);}
.ab2 .ul1 li:hover .xian{transform: scale(1);-webkit-transform: scale(1);opacity: 1;}
.ab2 .tt{font-size: 40px;}
.ab2 .en{margin: 23px 0 50px;font-size: 22px;}


/* 发展历程 */
.history-list { max-width: calc(100vw - 110px); margin-top: 40px; height: 700px; position: relative; }

.history-list:before { content: ''; position: absolute; width: 0%; left: 0; height: 1px; background-color: #c7c7c7; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); transition: ease width 1.5s 1s; }

.fp-section .history-list:before { width: 100%; }

.history-list .swiper-container { padding-left: 20px; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; /* display: flex; */ /* align-items: center; */ }

.history-list .swiper-slide { display: flex; flex-direction: column; height: 700px; }

.history-list .grid { width: 100%; padding-right: 80px; height: 350px; position: relative; display: flex; justify-content: flex-end; flex-direction: column; }

.history-list .grid:before { content: ''; display: block; position: absolute; left: 0; width: 20px; height: 20px; background-color: var(--themeColor); border-radius: 50%; }

.history-list .grid .grid-pic, .history-list .grid .grid-info { position: relative; display: flex; flex-direction: column; height: 212px; }

.history-list .grid .grid-info .info-content { line-height: 1.7; padding-left: 20px; position: relative; }

.history-list .grid .grid-info .info-content:before { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: var(--themeColor); position: absolute; top: 7px; left: 0px; }

.info-content p { line-height: 1.5; font-size: 14px; font-weight: 400; color: #fff; }

.history-list .grid .grid-pic { padding: 20px 0; max-width: 278px; }

.history-list .grid .date { font-size: 30px; color: #fff; }

.history-list .grid:after { content: ''; display: block; position: absolute; left: 0; width: 40px; height: 40px; border: 1px solid var(--themeColor); border-radius: 50%; }

.history-list .swiper-slide:nth-child(2n) .grid, .history-list .swiper-slide:nth-child(2n) { flex-direction: column-reverse; }

.history-list .swiper-slide:nth-child(2n) .grid:after, .history-list .swiper-slide:nth-child(2n) .grid:before { top: 0; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.history-list .swiper-slide:nth-child(2n) .date { padding-top: 30px; }

.history-list .swiper-slide:nth-child(2n+1) .date { padding-bottom: 30px; }

.history-list .swiper-slide:nth-child(2n+1) .grid:after, .history-list .swiper-slide:nth-child(2n+1) .grid:before { bottom: 0; -webkit-transform: translate(-50%,50%); -moz-transform: translate(-50%,50%); transform: translate(-50%,50%); }

.swiper-dev-next,.swiper-dev-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-dev-next { background-image: url(../images/jr.png)!important; right: -80px; }

.swiper-dev-prev { background-image: url(../images/jl.png)!important; left: -80px; }

@media screen and (max-width: 1024px){
    .ygfc-list{margin-top:45px;position:relative;/* padding:0 34px; */}
    .ygfc-list ul{ position:relative; padding-top:185px;}
    .ygfc-list ul:before{content:"";display:block;width:1px;height:100%;background: var(--themeColor);position:absolute;left:50%;top:0;}
    .ygfc-list ul:after{content:"";display:block;width:40px;height:40px;border-radius:50%;background:#fff;position:absolute;left:50%;top:0;margin-left:-20px;border: 2px solid var(--themeColor);}
    .ygfc-list ul li{ position:relative; margin-top:-130px;    pointer-events: none;}
    .ygfc-list ul li .img{ width:50%; position:relative; pointer-events: auto; cursor: pointer;}
    .ygfc-list ul li .img:before{content:"";display:block;width:18px;height:18px;border-radius:50%;background: var(--themeColor);position:absolute;bottom:45px;}
    .ygfc-list ul li .img i{ display:block; background:#fff; padding:20px; position:relative;box-shadow: 0 2px 20px 2px rgba(0,0,0,.05);}
    .ygfc-list ul li .img i em{ display:block; overflow:hidden;}
    .ygfc-list ul li .img i em img{ transition:all .3s linear;height: 84px;width: 100%;object-fit: cover;}
    .ygfc-list ul li .img i:hover em img{ transform:scale(1.05);}
    .ygfc-list ul li:nth-child(2n+1) .img{ padding-right:7%; }
    .ygfc-list ul li:nth-child(2n+1) .img:before{right:-9px;}
    .ygfc-list ul li:nth-child(2n) .img{ float:right; padding-left:7%;}
    .ygfc-list ul li:nth-child(2n) .img:before{ left:-9px;}
    .ygfc-list ul li:nth-child(2n+1) .img i:before{ content:"";width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #fff; position:absolute; right:-20px; top:50%; transform:translateY(-50%)}
    .ygfc-list ul li:nth-child(2n) .img i:before{ content:"";width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #fff; position:absolute; left:-20px; top:50%; transform:translateY(-50%)}

    .ygfc-list ul:after{width: 2rem;height: 2rem;margin-left: -1rem;}
    .ygfc-list ul li{margin-top: -6rem;}
    .ygfc-list{margin-top:3rem;padding:0;}
    .ygfc-list ul li .img i{ padding:1rem;}
    .ygfc-list ul li:nth-child(2n) .img i:before{    border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right: 10px solid #fff; left:-10px;}
    .ygfc-list ul li:nth-child(2n+1) .img i:before{border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 10px solid #fff;right: -10px;}
    .ygfc-list ul li .img:before{ width:1.4rem; height:1.4rem;}
    .ygfc-list ul li:nth-child(2n+1) .img:before{ right:-0.7rem;}
    .ygfc-list ul li:nth-child(2n) .img:before{ left:-0.7rem;}
    .ygfc-list ul{ padding-top:10rem;}
    .ygfc-list .date { color: #fff; font-size: 16px; font-weight: bold; }
    .ygfc-list .info-content { font-size: 14px; margin: 10px 0 20px; }
}


/* event */
.event{position: relative;background-repeat: no-repeat;
    background-size: cover;}
.event .top{display: flex;justify-content: space-between;align-items: center;}
.event .main{margin-top: 8rem;position: relative;}
.event .main::before { position: absolute; content: ""; width: 100%; left: 0; height: 1px; top: 23.1rem; background: #eeeeee; }
.event-swiper{}
.event-swiper .item{}
.event-swiper .item .year{font-size: 4.8rem;color: #333;line-height: 1;text-align: center;font-weight: bold;}
.event-swiper .item .note{font-size: 1.6rem;color: #333;padding: 0 2rem;text-align: center;line-height: 2;height: 9.6rem;overflow-y: auto;margin: 3rem 0;letter-spacing: .05em;font-weight: 500;}
.event-swiper .item .line{margin: 5rem auto;position: relative;width: .6rem;height: 1.5rem;background: var(--themeColor);}
.event-swiper .item .img-box{overflow: hidden;}
.event-swiper .item .img-box img{width: 100%;transition: all .5s ease-out;}
.event-swiper .item:hover .img-box img{transform: scale(1.08);}


/* 发展历程 */
.fzlc{background: #000;background-repeat: no-repeat;background-size: cover;}
.fzlc .main{position: relative;}
.fzlc .main .line{width: 100%;height: 1px;background: #fff;position: absolute;top: 50%;left: 0;}
.fzlc-swiper{position: relative;padding: 5% 0;}
.fzlc-swiper .swiper-slide{width: 33.33333%;min-height: 700px;position: relative;}
.fzlc-swiper .item{color: #fff;position: absolute;bottom: 50%;width: calc(100% - 20px);right: 0;padding: 0 0 15% 20px;}

.fzlc-swiper .item .line1{width: 1px;height: 15px;background: #fff;position: absolute;bottom: 0;left: 20px;}
.fzlc-swiper .item .line2{width: 1px;height: 25px;background: #fff;position: absolute;bottom: 0;left: 10px;}
.fzlc-swiper .item .line3{width: 1px;height: calc(100% - 56px);background: #fff;position: absolute;bottom: 0;left: 0;}
.fzlc-swiper .item .line3::after{content: "";width: 11px;height: 11px;border-radius: 100%;position: absolute;top: 0;left: -5px;background: linear-gradient(to bottom, #5df5fc 10%, #0066ff 90%);}
.fzlc-swiper .item::before{content: '';width: 1px;height: 25px;background: #fff;position: absolute;bottom: 0;left: -10px;}
.fzlc-swiper .item::after{content: '';width: 1px;height: 15px;background: #fff;position: absolute;bottom: 0;left: -20px;}

.fzlc-swiper .down{top: 50%;bottom: initial;padding: 15% 0 0 20px;}
.fzlc-swiper .down .line1{width: 1px;height: 15px;background: #fff;position: absolute;bottom: 0;top: 0;left: 20px;}
.fzlc-swiper .down .line2{width: 1px;height: 25px;background: #fff;position: absolute;bottom: 0;top: 0;left: 10px;}
.fzlc-swiper .down .line3{width: 1px;height: calc(100% - 45%);background: #fff;position: absolute;bottom: 0;top: 0;left: 0;}
.fzlc-swiper .down .line3::after{content: "";width: 11px;height: 11px;border-radius: 100%;position: absolute;top: initial;bottom: 0;left: -5px;background: linear-gradient(to bottom, #5df5fc 10%, #0066ff 90%);}
.fzlc-swiper .down::before{content: '';width: 1px;height: 25px;background: #fff;position: absolute;bottom: 0;top: 0;left: -10px;}
.fzlc-swiper .down::after{content: '';width: 1px;height: 15px;background: #fff;position: absolute;bottom: 0;top: 0;left: -20px;}

.fzlc-swiper .date{font-size: 2.2rem;margin-bottom: 2rem;line-height: 1.3;}
.fzlc-swiper .cont{font-size: 1.4rem;color: #fff;position: relative;margin-top: 1rem;}
.fzlc-swiper img{height: 150px;object-fit: cover;}
/* .fzlc .main */
.fzlc-btn{cursor: pointer; background: var(--themeColor); width: 60px;height: 50px;border: 0px solid #808080;border-radius: 25px;display: flex;justify-content: center;align-items: center;transition: all .25s ease-out;position: absolute;top:48%;transform: translateY(-50%);z-index: 100;}
.fzlc-btn.swiper-button-disabled{cursor: no-drop;}
.fzlc-btn svg{transition: all .25s ease-out;fill: #fff;}
.fzlc-prev{left: 3%;}
.fzlc-next{right: 3%;}
.fzlc-btn:hover{border-color: #fff;}
.fzlc-prev:hover svg{fill: #fff;margin-right: 10px;}
.fzlc-next:hover svg{fill: #fff;margin-left: 10px;}

.fzlc .year{margin-top: 3%;}
.fzlc .year ul{display: flex;justify-content: center;align-items: baseline;}
.fzlc .year ul li{ background: linear-gradient(to bottom, #5df5fc 40%, #0066ff 90%); -webkit-background-clip: text; color: transparent;font-size:40px;font-weight: bold;padding: 0 15px;cursor: pointer; }
.fzlc .year ul .on{font-size: 70px;}

@media screen and (max-width:1024px) {
	.fzlc-swiper .swiper-slide {width:80%;}
	/* .fzlc-swiper .date {font-size: 20px;margin-bottom: 10px;line-height: 1;}
	.fzlc-swiper .cont {font-size: 14px;color: rgb(255 255 255 / 70%);position: relative;} */
	.fzlc .main .fzlc-btn{z-index: 2;}

	.fzlc .main .fzlc-btn{width: 40px;height: 30px;}
	.fzlc .main .fzlc-btn svg{zoom: 0.7;}
}

/* 荣誉资质 */
.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: 2rem; background: #fff;cursor: url(../images/saf.cur),auto;}
.ryzz-swiper .item .img-box img{width: 100%;}
.ryzz-swiper .item:hover{box-shadow: 0px 2rem 4rem 0px rgb(25 42 51 / 10%);}
.ryzz-swiper .swiper-pagination-bullet-active{opacity: 1;background: var(--themeColor);}
.ryzz-swiper .item .title{font-size: 1.8rem;margin-top: 15px;line-height: 1;text-align: center;}


/* 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;}
}

/* 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{cursor: pointer;}
.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;}
}

/* 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;}
}

/* ny-news */
.ny-news{position: relative;background: #F6F6F6;}
.ny-news .list{margin: 0 -1.5rem;display: flex;flex-wrap: wrap;}
.ny-news .list li{padding: 1.5rem;}
.ny-news .list li *{transition: all .5s ease-out;}
.ny-news .list li a{display: block;background: #fff;padding: 3rem;border: 1px solid transparent;}
.ny-news .list li a .top{display: flex;justify-content: space-between;align-items: center;}
.ny-news .list li a .top .time-box{line-height: 1.2;color: #999;color: #999;}
.ny-news .list li a .top .time-box .y{display: block;font-size: 1.6rem;}
.ny-news .list li a .top .time-box .md{display: block;font-size: 1.2rem;}
.ny-news .list li a .top .icon{width: 3rem;height: 3rem;border-radius: 100%;background: #DBDBDB;color: #fff;font-size: 2.2rem;transition: all .5s ease-out;display: flex;justify-content: center;align-items: center;line-height: 1;}
.ny-news .list li a .top .icon i{transform: translate(1px, -1px);}
.ny-news .list li a .img-box{overflow: hidden;margin-top: 2.5rem;}
.ny-news .list li a .img-box img{width: 100%;transition: all .5s ease-out;}
.ny-news .list li a .cont-box{position: relative;}
.ny-news .list li a .cont-box .title{font-size: 1.6rem;margin-top: 2rem;color: #333;font-weight: initial;}
.ny-news .list li a .cont-box .note{font-size: 1.4rem;margin-top: 1.5rem;color: #999;}

.ny-news .list li a:hover{border-color: var(--themeColor);}
.ny-news .list li a:hover .top .time-box{color: var(--themeColor);}
.ny-news .list li a:hover .top .icon{background: var(--themeColor);}
.ny-news .list li a:hover .img-box img{transform: scale(1.1);}


/* 新闻详情 */
.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) {
    .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;}
}

/* 联系我们 */
.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:3.2rem; 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) {
	.ny-ct-main{ padding:30px 15px 15px; margin-top:-80px;}
	.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;}

    #allmap {height: 50vh;font-size: 12px;}
}

.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:#1c50a2; 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:10px;}



@media screen and (max-width: 1680px){
    html { font-size: 55.5%; }
    .am-container{max-width: 1300px;}
}
@media screen and (max-width: 1440px){
    html { font-size: 48.5%; }
    .am-container{max-width: 1200px;}
}


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

    .all-pd{padding: 5rem 0;}
    .all-pb{padding-bottom: 5rem;}
    .all-pt{padding-top: 5rem;}

    .all-title-box .title{font-size: 3rem;}
    .all-title-box .entitle{font-size: 1.8rem;}

    header { min-height: 70px; }
    .header .main{min-height: 70px;}
    .header .main .top-menu{display: none;}

    .banner-swiper .item .cont-box .p1{font-size: 3rem;}
    .banner-swiper .item .cont-box .p2 { font-size: 1.5rem; margin-top: 2rem; margin-bottom: 3rem; }
    .banner-swiper .item .cont-box .p3 { font-size: 2.4rem; margin-bottom: 3.5rem; }
    .banner-swiper .banner-pa { bottom: 2rem; height: .4rem; width: 16rem; }

    .scroll-tips { position: absolute; bottom: 1rem; left: 2rem;}

    .ab .main{flex-wrap: wrap;}
    .ab .main .left{width: 100%;}
    .ab .main .right { width: 100%; position: relative; height: 100%; display: flex; align-items: center; }

    .ab-data .item .num-box .num{font-size: 3.6rem;}
    .ab-swiper { width: 100%; margin-left: 0; }

    .ab-swiper .item .icon { top: 2rem; left: 2rem; width: 4.8rem; height: 4.8rem; }

    .pro-cate .cla li a{flex-direction: column;line-height: initial;padding: 2rem 0;}
    .pro-cate .cla li a span{font-size: 1.8rem;margin-top: 1rem;padding-left: 0;}
    .pro-cate .cla li a img{height: 3.7rem;}
    .ab-swiper .item .title-box{bottom: 2rem;}
    .ab-swiper .item .title-box .title,.ab-swiper .item .title-box .entitle{padding-left: 2rem;}

    .news .main{flex-wrap: wrap;padding: 4rem 0;}
    .news .main .cate-box{width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;}
    .news .main .cate-box .more{align-self: center;}
    .news .main .cate-box .cate ul li{padding: .5rem;}
    .news .main .list-box ul li{width: 70%;}

    .hzhb .main{padding: 4rem 0;}
    .hzhb .list li { width: calc(25% - 2rem); margin: 1rem; min-height: 50px; }

    .foot .main{flex-wrap: wrap;}
    .f-info{width: 100%;margin-right: 0;margin-bottom: 2rem;}
    .f-nav{display: none;}
    .f-icon{margin: 3rem 0 0;}
    .f-copyright{padding: 3rem 0;}

    .ny-banner .img-box { height: 350px; }
    .ny-banner .cont-box .entitle{font-size: 24px;}
    .ny-banner .cont-box .title{font-size: 18px;}
		
	 .ny-cla ul {overflow-x: auto;}
    .ny-cla ul li{margin: 0 1rem;}

    .ny-ab .main{padding-bottom: 0;}
    .ny-ab .main .img-box{width: 100%;padding-left: 0;}
    .ny-ab .main .left .subtitle { margin-top: 4rem; }
    .ab .main .left .subtitle { margin-top: 4rem; }
    .ab-data{margin-bottom: 5rem; margin-top: 5rem;}

    .ab2 .ul1 { width: 100%; height: auto; display: flex; margin-top: 5rem;overflow: auto; }
    .ab2 .ul1 li{width: 60%;flex-shrink: 0;padding: 3rem 0;}

    .ryzz .main .top .cate li{padding: 10px;}
    .ryzz .main .top .cate li .total { font-size: 24px; }
	
	 .f-info .title {font-size: 2rem;}
}

@media screen and (max-width: 768px) {
    .cndns-right{display: none;}
	.fzlc-btn{display: none;}
    .ny-banner .img-box { height: 250px; }
}