/* 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: #0b6da9;
    --themeColor2: #1da149;
    --themeColor3: #1285cc;
}
/* #0f6ff9  #2d73f0*/

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

.all-pd{padding: 10rem 0;}
.all-pd-8{padding: 8rem 0;}
.all-pd-6{padding: 6rem 0;}

.all-pb{padding-bottom: 10rem;}
.all-pb-8{padding-bottom: 8rem;}
.all-pb-6{padding-bottom: 6rem;}

.all-pt{padding-top: 10rem;}
.all-pt-8{padding-top: 8rem;}
.all-pt-6{padding-top: 6rem;}

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

.themeColor{color: var(--themeColor)!important;}
.colorWhite{color: #fff!important;}

.all-title-box{position: relative;}
.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.4rem; color: #999; white-space: nowrap; margin-top: 1rem; }
.all-title-box .entitle{font-size: 2.4rem;color: #999;font-weight: bold; white-space: nowrap;line-height: normal;margin-top: 1rem;text-transform: uppercase;}
.all-title-box .line{width: 5rem;height: 3px;background: var(--themeColor);margin: 1rem 0;}

.img100{width: 100%;}
.fixbg{ width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; -webkit-background-attachment: fixed; /* background-attachment: scroll\9; */ position: relative; }

.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: 17rem;height: 6rem;line-height: 6rem;border-radius: 0rem;background: var(--themeColor);display: block;color: #fff;font-size: 1.8rem;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; }

.wty-btn:hover span{color: #fff;}
.wty-btn::before{background: #fff;}
.wty-btn::after{background: #fff;}
.wty-btn span::before{background: #fff;}
.wty-btn span::after{background: #fff;}

.wty-btn.act { background: transparent; }
.wty-btn.act::before { height: 100%; transition: all 0.5s ease;}
.wty-btn.act::after { width: 100%; transition: all 0.5s ease;}
.wty-btn.act > span { color: var(--themeColor); transition: all 0.5s ease;}
.wty-btn.act span{color: #fff;}
.wty-btn.act > span::before { height: 100%; transition: all 0.5s ease;}
.wty-btn.act > span::after { width: 100%; transition: all 0.5s ease;}

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

.ty-bgimg{ background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; position: relative; overflow: hidden; }

/*  */
.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: 9rem;}
.header{position: relative;top: 0;left: 0;width: 100%;z-index: 999;transition: all .3s ease-out;background: #fff;box-shadow: 0 3px 12px rgba(98,107,181,.25);}
/* .header *{transition: all .3s ease-out;} */
.header.down{ box-shadow: 0 3px 12px rgba(98,107,181,.25);}

.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.5rem;}
.header .main .top-logo .def{display: block;}
.header .main .top-logo .act{display: none;}
.header .main .top-menu{flex: 1;}
.header .main .top-menu ul{display: flex;justify-content: center;}
.header .main .top-menu ul li{margin: 0 1rem;min-width: 10rem;position: relative;}
/* .header .main .top-menu ul li:last-child{margin-right: 0;} */
.header .main .top-menu ul li .a{font-size: 1.8rem;color: #666;white-space: nowrap;line-height: 9rem;display: block;text-align: center;position: relative;transition: all .3s;}
/* .header .main .top-menu ul li .a::after{ content: "";width: 0%;height: 2px;background-color: #666;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);transition: all .3s ease-out; } */
/* .header .main .top-menu ul li.on{color: #333;} */
.header .main .top-menu ul li.on .a{color: #fff;background-color: var(--themeColor);}
/* .header .main .top-menu ul li.on:hover .a{color: #333;} */
.header .main .top-menu ul li:hover .a{color: #fff;background-color: var(--themeColor);}
/* .header .main .top-menu ul li.on .a::after{width: 100%;} */
/* .header .main .top-menu ul li:hover .a::after{width: 100%;} */

/* top-tool */
.header .main .top-tool{flex-shrink: 0;display: flex;align-items: center;}
.header .main .top-tool .top-wzdt{display: flex;align-items: center;font-size: 1.8rem;color: #666;}
.header .main .top-tool .top-wzdt img{width: 2rem;margin-right: 1rem;}
.header .main .top-tool .line{width: 1px;height: 1.4rem;background: #ebebeb;margin: 0 2.5rem;}
.header .main .top-tool .top-search{display: flex;justify-content: center;align-items: center;position: relative;min-height: 9rem;}
.header .main .top-tool .top-search img{width: 2.1rem;cursor: pointer;}
.header .main .top-tool .top-btn{margin-left: 4rem;}
.header .main .top-tool .top-btn a{width: 8rem;height: 3.6rem;display: flex;justify-content: center;align-items: center;background-color: var(--themeColor2);font-size: 1.4rem;color: #fff;border-radius: 2rem;font-weight: bold;transition: all .3s;}
.header .main .top-tool .top-btn a:hover{background-color: var(--themeColor);}

/* hd-search */
.hd-search{ position: absolute;right: 0;top: calc(100% + 15px); display: none;right: -2rem;}
.hd-search form{ display: flex; box-shadow: 0 3px 12px rgba(98,107,181,.25); border-radius: 0.5rem; overflow: hidden; }
.hd-search form input{ border: none; background: #fff;border-radius: .5rem  0 0 .5rem; padding: 1.2rem; outline: none; }
.hd-search form button{ white-space: nowrap; border: none;outline: none; background: var(--themeColor); color: #fff; width: 8rem;border-radius: 0 .5rem .5rem 0; }

/* subnav */
.subnav{position: absolute;min-width: 160%;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{position: relative;}
.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;}
.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;}
}

/* banner */
.banner{position: relative;}
.banner-swiper{position: relative;}
.banner-swiper .item{position: relative;overflow: hidden;}
.banner-swiper .item .img-box{position: relative;overflow: hidden;}
.banner-swiper .item .img-box img{width: 100%;max-height: calc(100vh - 12.9rem);object-fit: cover;min-height: 300px;}
.banner-swiper .item .img-box.pc{display: block;}
.banner-swiper .item .img-box.mobile{display: none;}

/* 动画 */
/* .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)}}


/* banner-cont */
.banner-cont{position: absolute;z-index: 10;display: flex;flex-wrap: wrap;border-radius: 3rem 3rem 0 0;overflow: hidden;width: 100%;bottom: 0;left: 0;}
.banner-cont .left{width: 50%;padding: 4rem 0;background-color: var(--themeColor);display: flex;}
.banner-cont .left .item{width: 50%;text-align: center;}
.banner-cont .left .item:nth-child(1){border-right: 1px solid rgba(255,255,255,.3);}
.banner-cont .left .item .num{font-size: 4.2rem;color: #fff;line-height: 1;font-weight: bold;}
.banner-cont .left .item .tt{font-size: 1.6rem;color: #fff;line-height: 1;margin-top: 1.8rem;font-weight: 400;}
.banner-cont .right{width: 50%;padding: 4rem 6rem;position: relative;background-color: #2b3942;display: flex;justify-content: space-between;align-items: center;}
.banner-cont .right .cont{max-width: 70%;}
.banner-cont .right .cont .tt{font-size: 1.6rem;color: #fff;line-height: 1;margin-bottom: 1.6rem;padding-bottom: 1.6rem;border-bottom: 1px solid rgba(255,255,255,.3);}
.banner-cont .right .cont .txt{font-size: 2rem;font-weight: bold;color: #fff;}

.ricon{width: 5.6rem;height: 5.6rem;background-color: #fff;position: relative;border-radius: 50%;transition: all .5s;}
.ricon::before{ content: "";width: 2.6rem;height: .3rem;background-color: var(--themeColor); position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); }
.ricon::after{ content: "";width: .3rem;height: 2.6rem;background-color: var(--themeColor); position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); }
.ricon:hover{transform: rotate(360deg);}


/* solu */
.solu{position: relative;}
.solu .main{display: flex;margin: 0 -1rem;}
.solu .main .left{width: 50%;}
.solu .main .item{position: relative;padding: 1rem;width: 50%;}
.solu .main .item.w100{width: 100%;}
.solu .main .item .img-box{overflow: hidden;position: relative;border-radius: 1rem;}
.solu .main .item .img-box img{width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.solu .main .item:hover .img-box img{transform: scale(1.1);}
.solu .main .item .cont-box{width: 100%;position: absolute;bottom: 0;left: 0;padding-bottom: 3.5rem;padding-left: 3rem;z-index: 10;}
.solu .main .item .tt{font-size: 2.4rem;font-weight: bold;color: #fff;position: relative;}
.solu .main .item .tt::after{ content: "";width: 2em;height: 1px;background-color: #fff;position: absolute; bottom: -1.3rem;left: 0; transition: all .5s;}
.solu .main .item:hover .tt::after{width: 4em;}
.solu .main .right{width: 50%;display: flex;flex-wrap: wrap;}


/* pro */
.pro{position: relative;overflow: hidden;}
.pro .top{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.pro .top .note{font-size: 2.4rem;line-height: 1.8;color: #fff;font-weight: bold;}
.pro-swiper{position: relative;overflow: visible;}
.pro-swiper .item{position: relative;}
/* .pro-swiper .item a{position: relative;transition: all .5s;top: 0;} */
/* .pro-swiper .item a:hover{top: -3rem;box-shadow: 0 3px 1rem #000;} */
.pro-swiper .item .img-box{overflow: hidden;border-radius: 1rem;}
.pro-swiper .item .img-box img{width: 100%;transition: all .5s;}
.pro-swiper .item .img-box:hover img{transform: scale(1.08);}
.pro-swiper .item .cont-box{position: relative;padding-top: 3.5rem;}
.pro-swiper .item .cont-box .tt{font-size: 2.2rem;color: #fff;}

.ty-more2{font-size: 1.6rem;color: #fff;padding: 1.3rem 3.8rem;border-radius: 3rem;background-color: var(--themeColor);}
.ty-more2:hover{color: #fff;background-color: var(--themeColor3);}

/* ab */
.ab{position: relative;}
.ab .main{display: flex;justify-content: space-between;}
.ab .main .cont-box{width: 50%;padding-right: 3.5%;}
.ab .main .cont-box .note{margin: 6rem 0;font-size: 16px;color: #333;line-height: 2;text-indent: 2em;}
.ab .main .cont-box .btn{position: relative;display: flex;}
.ab .main .img-box{width: calc(50% - 1rem);overflow: hidden;border-radius: 1rem;}
.ab .main .img-box img{transition: all .5s;width: 100%;height: 100%;object-fit: cover;}
.ab .main .img-box:hover img{transform: scale(1.1);}

/* ab-icon */
.ab-icon{position: relative;display: flex;align-items: center;justify-content: space-between;}
.ab-icon .item{display: flex;align-items: center;justify-content: center;}
.ab-icon .item .icon{width: 8rem;height: 8rem;border-radius: 50%;background-color: var(--themeColor);display: flex;justify-content: center;align-items: center;margin-right: 1.7rem;flex-shrink: 0;}
.ab-icon .item .icon img{max-width: 55%;}
.ab-icon .item .cont{font-size: 2.4rem;color: #333;line-height: 1.666;}
.ab-icon .line{width: 1px;height: 5rem;background-color: #d2d2d2;}

/* ys-list */
.ys{position: relative;}
.ys-list{display: flex;margin: 0 -2rem;flex-wrap: wrap;}
.ys-list .item{padding: 2rem;position: relative;}
.ys-list .item:nth-child(2n){top: 5rem;}
.ys-list .item .box{background: #fff;border-radius: 1rem;overflow: hidden;height: 100%;}
.ys-list .item .img-box{overflow: hidden;}
.ys-list .item .img-box img{width: 100%;}
.ys-list .item .cont-box{position: relative;padding: 3rem;}
.ys-list .item .cont-box .icon{margin: 0 auto;display: flex;justify-content: center;margin-top: -5.6rem;}
.ys-list .item .cont-box .icon .ricon{background: var(--themeColor);}
.ys-list .item .cont-box .icon .ricon::before,.ys-list .item .cont-box .icon .ricon::after{background: #fff;}
.ys-list .item .cont-box .tt{font-size: 2.4rem;line-height: 1;margin: 3rem 0;text-align: center;}
.ys-list .item .cont-box .note{font-size: 1.6rem;}

.ys-list .item .hover-box{ position: absolute;width: 100%;height: 100%; top: 100%;left: 0;display: flex;align-items: center;justify-content: center;color: #fff; background: var(--themeColor); transition: all .5s;}
.ys-list .item .hover-box .ricon{margin: 0 auto;}
.ys-list .item:hover .hover-box{top: 0;}

/* case */
.case{position: relative;background-color: #f4f5f6;}
.case .cont{text-align: center;}
.case .cont .t1{font-size: 2.8rem;color: #333;}
.case .cont .t2{font-size: 1.6rem;color: #999;margin-top: 3rem;}
.case-swiper{position: relative;overflow: hidden;}
.case-swiper .swiper-wrapper { transition-timing-function: linear !important; }
.case-swiper .item{text-align: center;}
.case-swiper .item .img{border-radius: 50%;overflow: hidden;}
.case-swiper .item .img img{width: 100%;height: 100%;object-fit: cover;aspect-ratio: 1;}
.case-swiper .item .tt{font-size: 2rem;margin-top: 2rem;font-weight: 400;}

/* news */
.news{position: relative;background-repeat: no-repeat;background-size: cover;background-position: center bottom;}
.news .main{display: flex;justify-content: space-between;}
.news .main .left{width: 50%;}
.news .main .left a{display: flex;flex-direction: column;height: 100%;background: #f8f8f8;border-radius: 1rem;overflow: hidden;}
.news .main .left a .img-box{overflow: hidden;/* border-radius: 1rem; */position: relative;}
.news .main .left a .img-box img{width: 100%;transition: all .5s ease-out;aspect-ratio: 5/3;
    object-fit: cover;}
.news .main .left a:hover .img-box img{transform: scale(1.1);}
.news .main .left a .img-box .date{position: absolute;bottom: 0rem;left: 0rem;background-color: var(--themeColor);padding: 1.7rem 1.5rem;border-radius: 0rem 1rem 0 0;font-size: 1.4rem;color: #333;font-weight: bold;z-index: 5;font-size: 2.2rem;color: #fff;line-height: 1;}
.news .main .left a .cont-box{padding: 4rem 3rem;}
.news .main .left a .cont-box .tt{font-size: 1.8rem;color: #333;font-weight: bold;margin-bottom: 2rem;}
.news .main .left a:hover .cont-box .tt{color: var(--themeColor);}
.news .main .left a .cont-box .note{font-size: 1.4rem;color: #999;line-height: 1.7;}
.news .main .right{width: calc(50% - 5rem);}
.news .main .right ul{position: relative;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.news .main .right ul li{padding: 2rem 0;border-bottom: 1px solid #ebebeb;position: relative;}
.news .main .right ul li::after{ content: "";width: 0%;height: 1px;background-color: var(--themeColor);display: block; position: absolute;bottom: 0;left: 0;transition: all .5s ease-out; }
.news .main .right ul li:hover::after{width: 100%;}
.news .main .right ul li:first-child{padding-top: 0;}
.news .main .right ul li a{display: flex;flex-direction: column;align-items: flex-start;}
.news .main .right ul li a .date{font-size: 1.4rem;color: #999;line-height: 1;}
.news .main .right ul li a .tt{font-size: 1.8rem;color: #333;font-weight: bold;line-height: 1;margin: 1.5rem 0 2rem;}
.news .main .right ul li a:hover .tt{color: var(--themeColor);}
.news .main .right ul li a .cate{font-size: 1.2rem;color: #fff;line-height: 1;padding: .6rem .7rem;border-radius: 1.2rem;background-color: var(--themeColor);}


/* footer */
footer{position: relative;background: #081620;border-top: 10px solid var(--themeColor);}
.f-top{display: flex;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid rgba(255,255,255,.15);}
.f-slogan{flex-shrink: 0;font-size: 2.4rem;font-weight: bold;color: #fff;}
.f-logo img{height: 4.2rem;}
.f-nav{display: flex;}
.f-nav li{margin-right: 5rem;}
.f-nav li:last-child{margin-right: 0;}
.f-nav li a{font-size: 1.8rem;color: rgba(255,255,255,.7);}
.f-nav li a:hover{color: #fff;}

.f-icon{display: flex;}
.f-icon a{margin-left: 4rem;width: 6rem;height: 6rem;border-radius: 50%;border: .2rem solid #fff;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 2.6rem;}
.f-icon a i{line-height: 1;}
.f-icon a:hover i{ animation:  myshake .5s ease-in-out; }

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

.f-cat{display: flex;flex-wrap: wrap;}
.f-cat .item{margin-right: 7.14285%;min-width: 200px;}
.f-cat .item.addr{flex: 1;}
.f-cat .item .icon{height: 4.2rem;}
.f-cat .item .tt{font-size: 1.8rem;color: rgba(255,255,255,.7);line-height: 1;margin: 2.5rem 0;font-weight: 400;}
.f-cat .item .p1{font-size: 1.6rem;color: #fff;line-height: 2;}
.f-cat .f-code{text-align: center;}
.f-cat .f-code img{max-width: 10rem;}
.f-cat .f-code .tt{margin-top: 1rem;font-size: 1.6rem;color: rgba(255,255,255,.7);line-height: 1;}
.f-link{position: relative;padding-bottom: 3rem;}
.f-link span{font-size: 1.4rem;color: rgba(255,255,255,.5);}
.f-link a{font-size: 1.4rem;color: rgba(255,255,255,.5);padding-right: 1rem;}
.f-link a:hover{color: #fff;text-decoration: underline;}

.copyright{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;border-top: 1px solid rgba(255,255,255,.15);}
.copyright .p1{font-size: 1.4rem;color: rgba(255,255,255,.5);}
.copyright .p1 a{color: rgba(255,255,255,.5);}
.copyright .p1 a:hover{text-decoration: underline;color: #fff;}
.copyright .p1 a img{height: 2rem;margin-top: -1rem;}

/* ny-banner */
.ny-banner{position: relative;overflow: hidden;}
.ny-banner .img-box{overflow: hidden;}
.ny-banner .img-box img{width: 100%;object-fit: cover;animation: bigimgani 5000ms 1 ease forwards;}
.ny-banner .cont-box{width: 100%;height: 100%;position: absolute;left: 50%;transform: translateX(-50%);z-index: 10;display: flex;align-items: center;top: 0;}
.ny-banner .cont-box .cont{color: #fff;line-height: 1;max-width: 500px;}
.ny-banner .cont-box .cont .title{font-size: 4rem;font-weight: bold;}
.ny-banner .cont-box .cont .entitle{font-size: 2rem;margin: 3rem 0 8rem;}
.ny-banner .cont-box .cont .subtitle{font-size: 2rem;margin: 3rem 0 8rem;line-height: 1.5;text-transform: uppercase;}
.ny-banner .cont-box .cont .jt{width: 4.8rem;height: 4.8rem;background: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.ny-banner .cont-box .cont .jt .icon{height: 1.6rem;}

.updown { -webkit-animation: updown 2s linear infinite; animation: updown 2s linear infinite; }

@keyframes bigimgani{0%{transform:scale(1.1);} 100%{transform:scale(1.0);}}
@keyframes updown {
    0% { transform: translate(0px, 0px); }
    25% { transform: translate(0px, -10px);}
    50% { transform: translate(0px, 0px);}
    75% { transform: translate(0px, 10px);}
    100% { transform: translate(0px, 0px);}
}


/* qywh */
.qywh{position: relative;}
.qywh .main{position: relative;}
/* .qywh .main .img-box{width: 60%;}
.qywh .main .img-box img{} */
.qywh .main .list{display: flex;flex-wrap: wrap;}
.qywh .main .list .item{padding: 1.5rem;}
.qywh .main .list .item .cont{background: rgb(255 255 255 / 50%);padding: 4rem 2rem;position: relative;border-radius: 1rem;box-shadow: 0 5px 10px rgb(0 0 0 / 10%);top: 0;transition: all .5s;}
.qywh .main .list .item:hover .cont{top: -1.5rem;}
.qywh .main .list .item .tt{font-size: 2.8rem;text-align: center;padding-bottom: 2rem;margin-bottom: 2rem;position: relative;line-height: 1;}
.qywh .main .list .item .tt::after{ content: "";width: 3rem;height: 4px;background: var(--themeColor); position: absolute;left: 50%;bottom: 0;transform: translateX(-50%); }
.qywh .main .list .item .note{margin: 2rem 0;text-align: center;font-size: 2rem;}
.qywh .main .list .item .icon{width: 8rem;height: 8rem;border-radius: 50%;background-color: var(--themeColor);display: flex;justify-content: center;align-items: center;margin: 3rem auto;}
.qywh .main .list .item .icon img{max-width: 55%;}
.qywh .main .list .item:hover .icon img{ animation:  myshake .5s ease-in-out; }


/* 公司风采 */
.gsfc{position: relative;}
.gsfc-swiper{position: relative;}
.gsfc-swiper .swiper-slide{position: relative;}
.gsfc-swiper .swiper-slide .img-box{overflow: hidden;border-radius: 1rem;}
.gsfc-swiper .swiper-slide .img-box img{width: 100%;transition: all .5s;}
.gsfc-swiper .swiper-slide .img-box:hover img{transform: scale(1.08);}

.rzzs-pa{display: flex;justify-content: center;align-items: center;position: relative;margin: 0 2rem;}
.rzzs-pa .swiper-pagination-bullet{ width: 1.5rem; height: 1.5rem;margin: 0 1rem;display: flex;border-radius: 100%;border: 1px solid transparent; border-radius: 100%; background: none;position: relative;justify-content: center;align-items: center; opacity: .5; }
.rzzs-pa .swiper-pagination-bullet::after{ content: "";width: .5rem;height: .5rem;background: var(--themeColor);border-radius: 100%;transition: all .3s ease-out; display: block; }
.rzzs-pa .swiper-pagination-bullet-active{ border: 1px solid var(--themeColor);opacity: 1; }

.rzzs-tool{display: flex;justify-content: center;align-items: center;}
.rzzs-tool .btn{display: flex;justify-content: center;align-items: center;cursor: pointer;}
.rzzs-tool .btn svg{transition: all .3s ease;}
.rzzs-tool .btn:hover svg{fill: var(--themeColor);transform: scale(1.1);}


/* ny-cla */
.ny-cla{position: relative;background: #fff;}
.ny-cla .cate{display: flex;align-items: center;background: #fff;padding: 3rem 0;overflow-x: auto;}
.ny-cla .cate li{margin-right: 3rem;flex-shrink: 0;}
.ny-cla .cate li *{transition: all .3s;}
.ny-cla .cate li a{ display: inline-block; vertical-align: middle; font-size: 1.8rem; padding: .5rem 2.5rem; box-sizing: border-box; border: 1px solid transparent; border-radius: 2.5rem;white-space: nowrap;}
.ny-cla .cate li.on a{ border-color: var(--themeColor); color: var(--themeColor); }
.ny-cla .cate li:hover a{ border-color: var(--themeColor); color: var(--themeColor); }


/* ny-pro */
.ny-pro{position: relative;background-color: #f5f5f5;}
.ny-pro .list{margin: 0 -1rem;display: flex;flex-wrap: wrap;}
.ny-pro .list li{padding: 1rem;}
.ny-pro .list li a{display: block;background-color: #fff;overflow: hidden;border-radius: 0rem;transition: all .5s;position: relative;top: 0;}
.ny-pro .list li a:hover{box-shadow: 0 4px 16px 0 rgba(0,0,0,.12);top: -1rem;}
.ny-pro .list li a .img-box{overflow: hidden;position: relative;display: flex;justify-content: center;align-items: center;padding: 5%;}
.ny-pro .list li a .img-box img{width: 100%;transition: all .5s;max-width: 80%;}
.ny-pro .list li a .img-box:before { position: absolute; top: 0; left: -90%; z-index: 2; display: block; content: ""; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); transition: all .5s ease-out; }
.ny-pro .list li a:hover .img-box::before { -webkit-animation: shine 1s ease-out; animation: shine 1s ease-out; }
.ny-pro .list li a .cont-box{padding: 2rem;border-top: 1px solid #eee;}
.ny-pro .list li a .cont-box .tt{font-size: 1.6rem;color: #333;text-align: center;}

@keyframes shine{ 0%{ left: -100%; } 100%{ left: 100%; } }

/* 产品列表样式二 */
.pro-list{display: flex;flex-wrap: wrap;margin: 0 -1rem;}
.pro-list li{padding: 1rem;position: relative;}
.pro-list li *{transition: all .4s ease;}
.pro-list li a{display: block;background: #fff;border-radius: 1rem;overflow: hidden;}
.pro-list li a:hover{box-shadow: 0px 15px 60px 0px rgba(5, 15, 26, 0.1);}
.pro-list li a .cont-box{padding: 3rem;}
.pro-list li a .cate{display: flex;}
.pro-list li a .cate h2{ font-size: 12px; border: 1px solid var(--themeColor); padding: 5px 20px; border-radius: 50px;font-weight: 400; color: #000; text-align: center; display: inline-block; color: var(--themeColor); }
.pro-list li a .tt{ font-size: 2.2rem;color: #1a1a1a; margin-top: 1rem;}
.pro-list li a:hover .tt{color: var(--themeColor);}
.pro-list li a .img-box{overflow: hidden;margin: 0 3rem;}
.pro-list li a .img-box img{width: 100%;}
.pro-list li a:hover .img-box img{transform: scale(1.06);}
.pro-list li a .more{padding: 3rem;text-align: center;display: flex; justify-content: center; align-items: center; line-height: 1;}
.pro-list li a .more i{position: relative;width: 2.2rem;height: 2.2rem;border: 2px solid #333;border-radius: 100%;display: inline-block;vertical-align: middle;box-sizing: border-box;transition: all .4s ease;}
.pro-list li a .more i::before,.pro-list li a .more i::after {content: '';position: absolute;left:50%;top:50%;background: #333;}
.pro-list li a .more i::before {width: .2rem;height: 1rem;margin: -.5rem 0 0 -.1rem;}
.pro-list li a .more i::after {width: 1rem;height: .2rem;margin: -.1rem 0 0 -.5rem;}
.pro-list li a .more span{display: inline-block;vertical-align: middle;font-size: 1.8rem;margin-left: 1rem;}
.pro-list li a:hover .more i{transform: rotate(180deg);border: 2px solid var(--themeColor);}
.pro-list li a:hover .more i::before,.pro-list li a:hover .more i::after {background: var(--themeColor);}
.pro-list li a:hover .more span {color: var(--themeColor);}

/* 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-pro-de */
.ny-pro-de{position: relative;background: #fff;}

.ny-pro-de .main{display: flex;align-items: flex-start;justify-content: space-between;position: relative;}

.ny-pro-de .main .left{width: 38%;padding: 3rem;background: #fff;box-shadow: 0 3px 12px rgba(98,107,181,.25);border-radius: 1rem;overflow: hidden;flex-shrink: 0;position: sticky; top: 12rem;margin-right: 4rem;}

.pro-swiper1{width: 100%;overflow: hidden;}
.pro-swiper1 .img-box{overflow: hidden;}
.pro-swiper1 .img-box img{width: 100%;cursor: zoom-in;}

.ny-pro-de .main .left .tool{display: flex;margin-top: 1.5rem;}
.ny-pro-de .main .left .tool .btn{width: 3rem;display: flex;justify-content: center;align-items: center;background: #f8f8f8;cursor: pointer;transition: all .2s ease;}
.ny-pro-de .main .left .tool .btn:hover{color: var(--themeColor);background: #efefef;}

.pro-swiper2{width: 100%;overflow: hidden;margin: 0 .75rem;}
.pro-swiper2 .swiper-slide{width: 33.3333%;padding: 0 .75rem;max-height: 15rem;cursor: pointer;}
.pro-swiper2 .img-box{overflow: hidden;height: 100%;border: 2px solid transparent;border-radius: .5rem;}
.pro-swiper2 .swiper-slide-thumb-active .img-box{overflow: hidden;height: 100%;border: 2px solid var(--themeColor);}
.pro-swiper2 .img-box img{width: 100%;height: 100%;object-fit: cover;}

.ny-pro-de .main .right{width:100%;box-shadow: 0 3px 12px rgba(98,107,181,.25);border-radius: 1rem;overflow: hidden;padding: 3rem;position: relative;}
.ny-pro-de .main .right .hd{position: relative;}
.ny-pro-de .main .right .hd .tt-box{display: flex;flex-wrap: wrap;align-items: center;}
.ny-pro-de .main .right .hd .tt{font-size: 3.2rem;font-weight: bold;color: var(--themeColor);margin-right: 2rem;flex: 1;}
.ny-pro-de .main .right .back{display: flex;justify-content: flex-end;align-items: center;color: #999;font-size: 1.6rem;flex-shrink: 0;}
.ny-pro-de .main .right .back img{height: 1.9rem;margin-right: 1.6rem;transition: all.3s;}
.ny-pro-de .main .right .back:hover{color: var(--themeColor);}
.ny-pro-de .main .right .back:hover img{transform: translateX(1rem);}
.ny-pro-de .main .right .hd .cate{font-size: 1.8rem;font-weight: 400;padding: 1rem 2rem;border-radius: 3rem;border: 1px solid #666;line-height: 1;color: #666;}
.ny-pro-de .main .right .hd .cate:hover{border-color: var(--themeColor);background: var(--themeColor);color: #fff;}
.ny-pro-de .main .right .hd .note{color: #999;padding: 2rem 0;border-top: 1px solid #B5B5B5;border-bottom: 1px solid #B5B5B5;margin: 3rem 0;    line-height: 2;
    font-size: 1.8rem;}

.ny-pro-de .main .right .bd{position: relative;}
.ny-pro-de .main .right .bd .cont{line-height: 2;color: #666;}
.ny-pro-de .main .right .bd .cont h1{color: #1f1f1f;margin-bottom: 1.5rem;font-size: 2.2rem;}
.ny-pro-de .main .right .bd .cont h2{color: #1f1f1f;margin-bottom: 1.5rem;font-size: 2rem;}
.ny-pro-de .main .right .bd .cont h3{color: #1f1f1f;margin-bottom: 1.5rem;font-size: 1.8rem;}

/* protj */
.protj{position: relative;background: #f5f5f5;}


/* ny-zzzs */
.ny-zzzs{position: relative;background-color: #f5f5f5;}
.ny-zzzs .list{display: flex;flex-wrap: wrap;margin: 0 -1rem;}
.ny-zzzs .list li{padding: 1rem;}
.ny-zzzs .list li a{display: block;background-color: #fff;padding: 2rem;box-shadow: 0 3px 10px rgb(0 0 0 / 10%);overflow: hidden;border-radius: .8rem;height: 100%;}
.ny-zzzs .list li a .img-box{overflow: hidden;}
.ny-zzzs .list li a .img-box img{width: 100%;transition: all .5s;}
.ny-zzzs .list li a .img-box:hover img{transform: scale(1.08); }
.ny-zzzs .list li a .cont-box{padding-top: 2rem;border-top: 1px solid #eee;}
.ny-zzzs .list li a .cont-box .tt{font-size: 1.8rem;text-align: center;}


.syst { font-family: "思源宋体"; }
.st { font-family: 宋体, SimSun; }

/* ny-news */
.ny-news{background: #f5f5f5;}
.ny-news-list{display: flex;flex-wrap: wrap;margin: 0 -1.5rem;}
.ny-news-list li{padding: 1.5rem;}
.ny-news-list li a{display: block;background-color: #fff;position: relative;border-radius: 0.8rem; overflow: hidden;}
.ny-news-list li a::after{ content: ''; position: absolute; bottom: 0; left: 50%; width: 0%; height: .4rem; background: var(--themeColor); transition: all .4s ease; -webkit-transition: all .4s ease; }
.ny-news-list li a:hover::after{ width: 100%; left: 0%; }
.ny-news-list li a .img-box{overflow: hidden;}
.ny-news-list li a .img-box img{width: 100%;transition: all .5s;}
.ny-news-list li a:hover .img-box img{transform: scale(1.1);}
.ny-news-list li a .cont-box{padding: 2rem 3rem;}
.ny-news-list li a .cont-box .title{ font-size: 2rem; line-height: 1.5; height: 6rem; font-weight: 400;}
.ny-news-list li a .cont-box .tc{ font-size: 1.4rem; color: #666666; margin-top: 2rem; font-family: arial; }


/* 新闻内容 */
.ny-news-de{background-color: #f5f5f5;}

.ny-news-l{width: calc(100% - 480px);float: left;background: #ffffff;padding: 50px 3%;box-sizing: border-box;box-shadow: 0 0 3rem 0 rgba(0, 0, 0, .07);border-radius: 0;}
.ny-news-r{width: 440px;float: right;padding: 30px 2.3% 0;box-sizing: border-box;background: #fff;border-radius: 0;}

.nynews-head{ border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:20px;}
.nynews-head h1{ font-size:26px; margin-bottom:10px;}
.nynews-head .info{ font-size:14px; color:#999;}
.nynews-head .info span{ display:inline-block; margin-right:15px;}
.nynews-boxarc{ border-bottom:1px solid #eee; margin-bottom:30px; line-height:2; padding-bottom:20px;min-height: 200px;}
.nynews-boxarc p{line-height:2!important;}
.nynews-boxarc img{margin-bottom: 10px;}
.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;}
.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 #ddd; font-size:14px;}
.nysxp .return a:hover{ border-color:var(--themeColor); background:var(--themeColor); color:#fff;}

.ny-news-r .title{font-size: 20px;padding-bottom: 10px;line-height: 3;font-weight: bold;border-bottom: 1px solid #eee;}
.right_list a{display:block;padding:0 0 20px;width:100%;border-top:1px dashed #e5e5e5}
.right_list a:first-child{border-top:0}
.right_list .picture{width:100%; overflow:hidden;}
.right_list .picture img{ transition:all .3s linear;}
.right_list .picture:hover img{ transform:scale(1.06)}
.right_list .lans{width:100%}
.right_list .t1{font-size:16px;line-height:26px;color:#333;margin:21px 0 15px}
.right_list .t2{font-size:14px;color:#999}
.right_list a:hover .t1{color:var(--themeColor);}

@media screen and (max-width:1024px) {
    .ny-news-l{width: auto;float:none;padding:15px;border-radius: 0;}
	.ny-news-r{width: auto;float:none;margin-top:15px;padding-top:10px;padding-left: 1.5rem;padding-right: 1.5rem;}

	.nynews-head h1{ font-size:16px;}
	.nynews-head .info{ font-size:1.4rem;}
	.nynews-head .info span{ margin-right:5px;}
	.nynews-boxarc p,.nynews-boxarc{ font-size:13px;}
	.nysxp{ position:relative;padding-right: 0px;}
	.nysxp ul li{font-size:12px;}
	.nysxp ul li a{ font-size:12px;}
	.nysxp .return{ position:relative; top:0; transform:translate(0); text-align:center; margin-top:20px;}
	.nysxp .return a{ display:inline-block; padding:5px 20px; font-size:12px;}
	.ny-news-r .title{ font-size:18px; line-height:2;}
	.right_list .t2{ font-size:12px;}
	.right_list .t1{font-size: 14px;line-height: 26px;margin: 10px 0 6px;}
	.right_list a {padding: 0 0 10px;}
}

/* catinfo */
.catinfo{position: relative;background-color: #f5f5f5;}
.catinfo .main{display: flex;justify-content: space-between;}
.catinfo .main .left{width: calc(45% - 3rem);padding: 4rem;background-color: #fff;border-radius: 1rem;}
.catinfo .main .left .t1{font-size: 2.4rem;margin-bottom: 3.5rem;}
.catinfo .main .left .t2{font-size: 2rem;margin-bottom: 1rem;}
.catinfo .main .left .txt{font-size: 1.8rem;line-height: 2;margin-bottom: 3.5rem;}

.catinfo .main .right{width: 55%;}
.catinfo .main .right .item{display: flex;padding: 4rem;background-color: #fff;margin-bottom: 3rem;border-radius: 1rem;}
.catinfo .main .right .item:last-child{margin-bottom: 0;}
.catinfo .main .right .item .cont{flex: 1;}
.catinfo .main .right .item .cont .t1{font-size: 2.4rem;margin-bottom: 2rem;}
.catinfo .main .right .item .cont .txt{font-size: 1.8rem;line-height: 2;}
.catinfo .main .right .item .code{align-self: flex-end;flex-shrink: 0; padding: 0.5rem; background: #f5f5f5;}
.catinfo .main .right .item .code img{max-width: 12rem;}


/* ny-msg */
.ny-msg{position: relative;background: #fff;}
.ny-msg .main{display: flex;justify-content: space-between;}
.ny-msg .msg{width: 40%;}
.ny-msg .msg .item{position: relative;margin: 3rem 0;}
.ny-msg .msg .item .tt{position: relative;font-size: 1.8rem;color: #333;}
.ny-msg .msg .item .tt.req::after{ content: "*"; position: absolute; left: -10px; top: 1px; color: #ff0000; font-size: 1.8rem; }
.ny-msg .msg .item input{width: 100%;border: none;border-bottom: 1px solid #666;background: none;outline: none;font-size: 1.6rem;line-height: 5rem;}
.ny-msg .msg .item .btn{position: relative;}

.ny-msg .map{width: 55%;}
.ny-msg .map .mapimg{width: 100%;}

/* 地图 */
.map-box{width: 100%;height: 100%; position: relative;border: 1rem solid #f5f5f5;}
#allmap{ height:100%;min-height: 280px;}
#allmap img{ max-width:inherit;}



@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;}
    .arccontent img{ height:auto !important;max-width: 100%!important;}

    .am-container{padding-left: 20px;padding-right: 20px;}

    .all-pd{padding: 5rem 0;}
    .all-pd-8{padding: 4rem 0;}
    .all-pd-6{padding: 3rem 0;}

    .all-pb{padding-bottom: 5rem;}
    .all-pb-8{padding-bottom: 4rem;}
    .all-pb-6{padding-bottom: 3rem;}

    .all-pt{padding-top: 5rem;}
    .all-pt-8{padding-top: 4rem;}
    .all-pt-6{padding-top: 3rem;}

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

    .ty-btn { width: 14rem; height: 5rem; line-height: 5rem; font-size: 1.6rem; }

    .header .main { min-height: 9rem; }
    .header .main .top-menu { display: none; }
    .header .main .top-tool .top-btn { margin-left: 2rem; margin-right: 2rem; }

    .banner-cont {position: relative; border-radius: 0; margin: 0 -20px; width: auto; }
    .banner-cont .left { width: 100%; padding: 3rem 0; }
    .banner-cont .left .item .num { font-size: 3.2rem; }
    .banner-cont .right { width: 100%; padding: 3rem 3rem; }

    .f-nav { display: none; }
    .f-cat .item { margin-bottom: 2rem; }
    .f-cat .item .tt { margin: 1.5rem 0; }
    .copyright { padding: 2rem 0; }
    .f-icon a { margin-left: 0; margin-right: 4rem; }
    
    .ny-banner .img-box img { min-height: 40vh; }
    .ny-banner .cont-box .cont .title { font-size: 2.8rem; }
    .ny-banner .cont-box .cont .subtitle { font-size: 1.8rem; margin: 3rem 0 5rem; }

    .ny-cla .cate { padding: 2rem 0;overflow-x: auto; }
    .ny-cla .cate li { margin-right: 1rem; flex-shrink: 0;}
    .ny-cla .cate li a { white-space: nowrap; }

    .ny-pro-de .main {flex-wrap: wrap;}
    .ny-pro-de .main .left { width: 100%; padding: 3rem; border-radius: 1rem; position: relative; top: 0; margin-right: 0;}
    .ny-pro-de .main .right { width: 100%; padding: 3rem; margin-left: 0; margin-top: 3rem; }
    .ny-pro-de .main .right .hd .tt { font-size: 2.8rem; margin-right: 1.5rem; }
    .ny-pro-de .main .right .hd .cate { font-size: 1.6rem; font-weight: 400; }
    
}


@media screen and (max-width:767px){
    .header .main .top-logo img { height: 4rem; }
    .header .main .top-tool .top-search {display: none;}

    .banner-swiper .item .img-box.pc{display: none;}
    .banner-swiper .item .img-box.mobile{display: block;}

    .solu .main {flex-wrap: wrap;}
    .solu .main .right { width: 100%; }
    .solu .main .left { width: 100%; }
    .solu .main .item .tt { font-size: 2rem; }
    .solu .main .item .cont-box { padding-left: 2rem; }

    .pro .top .note { font-size: 2rem; }

    .ab .main {flex-wrap: wrap;}
    .ab .main .cont-box { width: 100%; padding-right: 0; padding-bottom: 3rem;}
    .ab .main .cont-box .note { margin: 3rem 0; font-size: 14px; }
    .ab .main .img-box { width: 100%; }

    .ab-icon {flex-wrap: wrap;}
    .ab-icon .line { width: 100%; height: 1px; }
    .ab-icon .item { width: 100%;margin: 2rem 0; flex-direction: column;}
    .ab-icon .item .icon{margin-right: 0;}
    .ab-icon .item .cont { margin-top: 1rem; }

    .ys-list .item:nth-child(2n) { top: 0rem; }

    .case .cont .t1 { font-size: 2rem; }
    .case-swiper .item .tt { font-size: 1.8rem; margin-top: 2rem; }

    .news .main {flex-wrap: wrap; }
    .news .main .left { width: 100%; }
    .news .main .right { width: 100%; }
    .news .main .right ul li:first-child { padding-top: 2rem; }

    .catinfo .main { flex-wrap: wrap; }
    .catinfo .main .left {width: 100%;margin-bottom: 3rem;padding: 3rem;}
    .catinfo .main .right { width: 100%; }
    .catinfo .main .right .item { display: flex; padding: 3rem; }

    .ny-msg .main { display: flex;flex-wrap: wrap; }
    .ny-msg .msg { width: 100%; }
    .ny-msg .map { width: 100%; }

    .ricon{width: 5rem;height: 5rem;}
    .ricon::before{width: 2rem;height: .3rem;}
    .ricon::after{width: .3rem;height: 2rem;}


}