/* 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:#1a1a1a;}
a:hover{color:var(--themeColor);}
img,video{ max-width:100%;}
.am-container{max-width: 83.33333%;}
.am-container{max-width: 74.47916666%;}
/* .am-container{max-width: 1430px;} */
.am-container-index{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; }
.t-center{text-align:center;}


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: #c33027;
    --themeColor2: #f0cb00;
}
/* #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: 600;color: #202020;white-space: nowrap;line-height: 1;}
.all-title-box .subtitle{font-size: 1.8rem;color: #999;white-space: nowrap; letter-spacing: .08em; margin-top: 1rem;}
.all-title-box .entitle{font-size: 2.4rem;color: #e3ecec;white-space: nowrap;line-height: normal;}
.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:var(--themeColor);  } */

.ty-btn{width: 18rem;height: 6rem;line-height: 6rem;border-radius: 0;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; }

.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;line-height: 1;justify-content: center;width: 4.8rem;height: 4.8rem;border-radius: 100%;background: var(--themeColor);}
.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.3rem;}
.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);}

/*  */
.cm-more{width: 18rem;height: 5rem;border-radius: 2.5rem;background: var(--themeColor);display: flex;justify-content: space-around;align-items: center;}
.cm-more .tt{font-size: 1.8rem;color: #fff;}
.cm-more .icon{width: 1.3rem;transition: all .5s;}
.cm-more:hover .icon{transform: rotate(45deg);}



/* 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: 5.2rem;}
.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: flex-end;}
.header .main .top-menu ul li{margin: 0 3rem;min-width: 6rem;position: relative;}
/* .header .main .top-menu ul li:last-child{margin-right: 0;} */
.header .main .top-menu ul li .a{font-size: 2rem;color: #333;white-space: nowrap;line-height: 9rem;display: block;text-align: center;position: relative;}
.header .main .top-menu ul li .a::after{ content: "";width: 0%;height: 2px;background-color: var(--themeColor);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);transition: all .3s ease-out; }
.header .main .top-menu ul li.on{color: var(--themeColor);}
.header .main .top-menu ul li.on .a{color: var(--themeColor);font-weight: bold;}
.header .main .top-menu ul li.on:hover .a{color: var(--themeColor);}
.header .main .top-menu ul li:hover .a{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;margin-left: 3rem;}
.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-language{display: flex;justify-content: center;align-items: center;color:#999;font-size: 2rem;margin: 0 2rem;}
.header .main .top-tool .top-language a{color: #999;line-height: 1;}
.header .main .top-tool .top-language a:hover{text-decoration: underline;}
.header .main .top-tool .top-language span{margin: 0 1rem; width: 1px;height: 1.7rem;background: #999;}

/* 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;position: relative;}
.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);}

/* sublist */
.sublist{position: absolute;top: 0;left: calc(100% + 15px);min-width: 100%;width: auto;overflow: hidden;}
.issub::before{content: '';position: absolute;top: 50%;right: -10px;margin-top: -5px;width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #fff;display: none;}
.issub:hover::before{display: block;}
.subnav .item .sublist a{display: block;border-bottom: 1px solid #f5f5f5;white-space: nowrap;padding: 8px 10px;}
.sublist a:hover{ background-color: #f5f5f5; }
.subnav .item .sublist{position: absolute;top: 30px;left: calc(100% + 15px);min-width: 100%;background-color: #fff;box-shadow: 0 2px 10px rgba(0,0,0,.05);border-radius: 5px;transition: all .36s ease;opacity: 0;visibility: hidden;z-index: 199;}

.subnav .item .sublist .item{border-bottom:1px solid #ededed;text-align: left;padding: 0 15px;}
.subnav .item .sublist .item h5{margin: 0;}
.subnav .item .sublist .item h5 a{font-size: 14px;color: #005bac;padding: 8px 10px;white-space: nowrap;font-weight: bold;}
.subnav .item .sublist .item a{border-bottom: none;font-size: 12px;border-radius: 5px;}

.subnav .item:hover .sublist{opacity: 1;visibility: visible;top: 0;}
.subnav .item .sublist a:first-child{ border-radius:5px 5px 0 0;}
.subnav .item .sublist a:last-child{ border-radius:0 0 5px 5px;}

/* 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;}
.banner-swiper .item .img-box{position: relative;overflow: hidden;}
.banner-swiper .item .img-box img{width: 100%;object-fit: cover;min-height: 300px;}
.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: flex-start;align-items: center;}
.banner-swiper .item .cont-box{display: flex;flex-direction: column;align-items: flex-start;}
.banner-swiper .item .cont-box .p1{color: #fff;line-height: 1;font-weight: 400;letter-spacing: .38em;}
.banner-swiper .item .cont-box .p1 img{height: 2.1rem;}
.banner-swiper .item .cont-box .p2{font-size: 6rem;color: #fff;line-height: 1;margin-top: 6rem;margin-bottom: 3rem;font-weight: bold;letter-spacing: 0.06em;}
.banner-swiper .item .cont-box .p3{font-size: 2.4rem;color: #fff;line-height: 1;margin-bottom: 6.5rem;text-transform: uppercase;font-weight: 300;letter-spacing: 0.16em;}
.banner-swiper .item .cont-box .btn{position: relative;}

.banner-swiper .banner-pa{position: absolute;bottom: 6rem;left: 50%;transform: translateX(-50%);    z-index: 60;
    display: flex;}
.banner-swiper .banner-pa .swiper-pagination-bullet{width: 4rem;height: 2px;margin: 0; margin-right: 1rem;background: rgb(255 255 255 / 50%);opacity: 1;}
.banner-swiper .banner-pa .swiper-pagination-bullet-active{background: var(--themeColor);opacity: 1;}

.banner-swiper .down{position: absolute;left: 50%;bottom: 5rem;transform: translateX(-50%);text-align: center;z-index: 20; }
.banner-swiper .down .mouse{ -webkit-animation: updown 2s linear infinite; animation: updown 2s linear infinite; }
.banner-swiper .down img{height: 3.4rem;}
.banner-swiper .down p{font-size: 1.4rem;color: #fff;line-height: 1;margin-top: 1rem;}

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



/* ab */
.ab{position: relative;}
.ab-main{display: flex;}
.ab-main .cont-box{width: 100%;max-width: 56.142857%;padding-right: 6rem;}
.ab-main .cont-box .subtitle{font-size: 3rem;color: #333;margin: 1rem 0 2rem;font-weight: 400;}
.ab-main .cont-box .cont{font-size: 14px;line-height: 2.3;color: #666;text-indent: 2em;text-align: justify;}

.ab-main .img-box{width: 100%;max-width: 43.857143%;position: relative;overflow: hidden;padding-bottom: 12rem;padding-top: 3rem;}
.ab-main .img-box .img{width: 100%;object-fit: cover;transition: all .5s;}
.ab-main .img-box .img:hover{transform: scale(1.05);}
.ab-main .img-box .play{ position: absolute; left: 50%; top: 50%; z-index: 10; width: 5.8rem; transform: translate(-50%,-50%); cursor: pointer; }

.ab-data{display: flex;margin: 3rem 0 5rem;justify-content: space-between;}
.ab-data .item{padding-right: 10%;}
.ab-data .item .num-box{display: flex;align-items:baseline;color: var(--themeColor);line-height: 1;}
.ab-data .item .num-box .num{font-size: 3.8rem;font-weight: bold;}
.ab-data .item .num-box .dw{font-size: 1.8rem;padding-left: 1.5rem;}
.ab-data .item .tt{font-size: 1.6rem;color: #999;line-height: 1;margin-top: 1rem;}

.ab-lc{position: relative; position: relative;}
.ab-lc::after{ content: "";width: 100%;border-bottom: 1px dashed #999;position: absolute;bottom: 7.4rem;left: 0; z-index: 1;}
.ablc-swiper{position: relative;z-index: 10;}
.ablc-swiper .item{text-align: center;}
.ablc-swiper .item .tt{font-size: 2rem;font-weight: bold;color: var(--themeColor);opacity: 0;height: 6rem;line-height: 1.5;}
.ablc-swiper .swiper-slide-active .item .tt{opacity: 1;}
.ablc-swiper .item .line{width: 100%;margin: 2rem 0;height: 1px;position: relative;}
.ablc-swiper .item .line .lt{ width: 1px;height: .8rem;background: #ddd;position: absolute;left: 0;bottom: 0%; }
.ablc-swiper .item .line .lt.center{height: 1.6rem;width: 2px;}
.ablc-swiper .item .line .lt.center::after{ content: "";width: 1.4rem;height: 1.4rem;border-radius: 50%;background: var(--themeColor); position: absolute;left: -.55rem;bottom: -.7rem;opacity: 0; }
.ablc-swiper .swiper-slide-active .item .line .lt.center::after{opacity: 1;}
.ablc-swiper .item .line .lt:nth-child(1){left: 0;}
.ablc-swiper .item .line .lt:nth-child(2){left: 16.66666%;}
.ablc-swiper .item .line .lt:nth-child(3){left: 33.33333%;}
.ablc-swiper .item .line .lt:nth-child(4){left: 50%;}
.ablc-swiper .item .line .lt:nth-child(5){left: 66.66666%;}
.ablc-swiper .item .line .lt:nth-child(6){left: 83.33333%;}
.ablc-swiper .item .line .lt:nth-child(7){left: 100%;}
.ablc-swiper .item .year{font-size: 3.4rem;font-weight: bold;color: #999;height: 5.4rem;transition: all .5s;cursor: pointer;}
.ablc-swiper .swiper-slide-active .item .year{ color: var(--themeColor);font-size: 4rem; }
.mySwiperab{height:100%;}
.mySwiperab .swiper-slide img{height:100%;object-fit: cover;}
/* mp4 */
.video_show{width:100%;height:100%;position: fixed;top:0;left:0;z-index:1999;background:rgba(0,0,0,.8);transform: scale(0); opacity: 0;transition: all .3s linear;}
.video_show.ab{ position:fixed;}
.video_show.on{transform: scale(1); opacity: 1;}
.videos_wrap{width:100%; height: 100%; position:absolute;box-sizing:border-box;top:0%;left:0%;background:#000;}
.videos_wrap video{width:100%;height:100%;}
.videos_wrap button {position: absolute;right:25px;top:25px;background: #fff;border-radius: 50%;width: 50px;height: 50px;outline: none;z-index: 99;}


/* 核心业务 */
.chbj{position: relative;}
.cybj .main{position: relative;}
.cybj-swiper{position: relative;}
.cybj-swiper .item{position: relative;width: 100%;overflow: hidden;}
.cybj-swiper .item .parallax-box{height: 100%;width: 100%;position: relative;}
.cybj-swiper .item .parallax-box .zwimg{width: 100%;height: 100%;object-fit: cover;min-height: 500px;}
.cybj-swiper .item .parallax-box .zwimg img{width: 100%;height: 100%;object-fit: cover;max-height: 100vh;}
.cybj-swiper .item .img-box{ overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; transition: all 5s linear; transform: scale(1.1);}
.cybj-swiper .item.swiper-slide-active .img-box.animated{ transform: scale(1);}
.cybj-swiper .item .img-box img{width: 100%;min-height: 96rem;object-fit: cover;}
.cybj-swiper .item .am-container{ width: 100%;height: 100%;position: absolute; left: 50%;transform: translateX(-50%);z-index: 2;top: 0; padding-top: 2rem;}
.cybj-swiper .item .cont-box{position: relative;padding-top: 7.416666vw;}
.cybj-swiper .item .cont-box .tt{font-size: 3rem;color: #fff;font-weight: bold;line-height: 1;margin: 5rem 0 2rem;}
.cybj-swiper .item .cont-box .note{font-size: 1.8rem;color: #fff;font-weight: 400;max-width: 560px;width: 100%;}
.cybj-swiper .item .cont-box .more{margin-top: 10rem;}

.cbbj-list{width: 100%;height: auto;position: absolute;left: 0;bottom: 0;z-index: 100;}
.cbbj-list ul{display: flex;flex-wrap: wrap;}
.cbbj-list ul li{width: 33.3333%;border: 1px solid rgba(255,255,255,.3);margin-left: -1px;margin-top: -1px;transition: all .5s;}
.cbbj-list ul li.on{background: var(--themeColor);border-color: var(--themeColor);z-index: 30;}
.cbbj-list ul li a{display: flex;height: 9.8rem;align-items: center;padding-left: 5rem;}
.cbbj-list ul li a .icon{width: 4rem;display: flex;justify-content: center;}
.cbbj-list ul li a:hover .icon{ animation: myshake .5s; animation-timing-function: ease-out; }
.cbbj-list ul li a .icon img{width: auto}
.cbbj-list ul li a .tt{font-size: 1.8rem;color: #fff;padding-left: 2.5rem;}

@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 */
.pro{position: relative;background-position: center bottom;overflow: hidden;}
.pro .top{display: flex;justify-content: space-between;align-items: center;}
.pro .top .cate{display: flex;}
.pro .top .cate li{margin: 0 3rem;position: relative;}
.pro .top .cate li:last-child{margin-right: 0;}
.pro .top .cate li::after{ content: "";width: 0%;height: 3px;background-color: var(--themeColor);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);transition: all .3s ease-out; }
.pro .top .cate li.on::after{ width: 100%; }
.pro .top .cate li:hover::after{ width: 100%; }
.pro .top .cate li a{display: block;padding-bottom: 1.5rem;font-size: 1.8rem;color: #333;}

.pro-swiper{position: relative;}
.pro-swiper .swiper-slide{width: 100%; opacity: 0.5;}
.pro-swiper .swiper-slide.swiper-slide-active{opacity:1;}
.pro-swiper .item{display: flex;background: rgba(0,0,0,0.05);padding: 3rem;}
.pro-swiper .item .cont-box{ width: 46.428571%;padding-right: 4rem; padding-top: 6rem;padding-left: 3rem;}
.pro-swiper .item .cont-box .title{font-size: 3rem;color: #333;}
.pro-swiper .item .cont-box .note{margin: 2rem 0;font-size: 1.5rem;color: #666;max-width: 428px;line-height: 1.8;}
/* .pro-swiper .item .cont-box .more{width: 18rem;height: 5rem;border-radius: 2.5rem;background: var(--themeColor);display: flex;justify-content: space-around;align-items: center;}
.pro-swiper .item .cont-box .more .tt{font-size: 1.8rem;color: #fff;}
.pro-swiper .item .cont-box .more .icon{width: 1.3rem;transition: all .5s;}
.pro-swiper .item .cont-box .more:hover .icon{transform: rotate(45deg);} */
.pro-swiper .item .img-box{width: 53.571428%;}
.pro-swiper .item .img-box img{width: 100%;height: 100%;object-fit: cover;}

.pro-tool{display: flex;align-items: center;}
.pro-pa{flex: 1;position: relative;height: .3rem;margin-right: 4rem;}
.pro-pa .swiper-pagination-progressbar-fill { background: var(--themeColor); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pro-switch{display: flex;}
.pro-switch .btn{width: 5rem;height: 5rem;border-radius: 50%;border: 1px solid #e1e1e1;color: #999;display: flex;justify-content: center;font-size: 1.8rem;align-items: center;margin-left: 3rem;cursor: pointer;}
.pro-switch .btn svg{transition: all .3s;fill: #999;}
.pro-switch .btn:hover{ background: var(--themeColor);border-color: var(--themeColor);color: #fff;}
.pro-switch .next:hover svg{ transform: translateX(5px); fill: #fff;}
.pro-switch .prev:hover svg{ transform: translateX(-5px); fill: #fff;}

.pro-swiper .sub-cate{margin:2rem 0;}
.pro-swiper .sub-cate ul{ display: flex;flex-wrap: wrap;}
.pro-swiper .sub-cate ul li{position:relative;padding-left:1.5rem;width: 100%;font-size: 2rem;}
.pro-swiper .sub-cate ul li:before{content:'';display:block;width:1rem;height:1rem;background:var(--themeColor);position:absolute;left:0; top:50%;transform:translateY(-50%);border-radius:2px;}
.pro-swiper .sub-cate ul li a{display:block;padding:0.5rem 0;}

/* wmap */
.wmap{position: relative;}
.wmap .main{position: relative; z-index: 10;}
.wmap .main .cont-box{position: absolute;
    max-width: 500px;}
.wmap .main .cont-box .wlist{margin-top: 10rem;max-width: 60rem;}
.wmap .main .cont-box .wlist .item{margin-bottom: 6rem;padding-left: 3rem;position: relative;color: #fff;}
.wmap .main .cont-box .wlist svg{position: absolute;top: 2px;left: 0;}
.wmap .main .cont-box .wlist .item .tt{font-size: 1.8rem;line-height: 1;margin-bottom: 2rem;}
.wmap .main .cont-box .wlist .item .note{font-size: 1.4rem;}
.wmap .main .cont-box .more{margin-top: 10rem;}
.wmap .main .cont-box .tip{font-size: 1.8rem;color: #fff;margin-top: 10rem;}

.wmap .img-box{width: 87.5%;margin: 0 auto;display: flex;justify-content: flex-end;}
.wmap .img-box .img-bg{display: flex;justify-content: flex-end;}
.wmap .img-box .img-bg img{width: auto;max-width: 123.8rem;}


/* news */
.news{position: relative;background-position: center bottom;}
.news .top{display: flex;justify-content: space-between;align-items: center;}
.news .top .switch-box{display: flex;}
.news .top .switch-box .btn{margin-left: 3rem;width: 5rem;height: 5rem; border-radius: 50%;border: 1px solid #e1e1e1;color: #999;display: flex;justify-content: center;font-size: 1.8rem;align-items: center;cursor: pointer;}
.news .top .switch-box .btn svg{transition: all .3s;fill: #999;}
.news .top .switch-box .btn:hover{ background: var(--themeColor);border-color: var(--themeColor);color: #fff;}
.news .top .switch-box .next:hover svg{ transform: translateX(5px); fill: #fff;}
.news .top .switch-box .prev:hover svg{ transform: translateX(-5px); fill: #fff;}

.news-swiper{margin: 0 -3rem;}
.news-swiper .item{padding: 3rem;display: block;}
/* .news-swiper .item:hover { box-shadow: 0 2px 2rem rgb(0 0 0 / 10%); } */
.news-swiper .swiper-slide-next .item{border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.news-swiper .item .date{font-size: 1.6rem;color: #999;line-height: 1;}
.news-swiper .item .tt{font-size: 1.8rem;line-height: 1.5;color: #333;margin: 4rem 0;height: 5.4rem;transition: all .3s;}
.news-swiper .item:hover .tt{color: var(--themeColor);}
.news-swiper .item .cate{display: flex;margin-bottom: 3rem;}
.news-swiper .item .cate span{display: block;line-height: 1;font-size: 1.4rem;padding: .8rem 1.6rem;color: #999;border: 1px solid #d7d7d7;border-radius: 1.6rem;}
.news-swiper .item .img-box{overflow: hidden;}
.news-swiper .item .img-box img{width: 100%;transition: all .5s;}
.news-swiper .item:hover .img-box img{transform: scale(1.1);}

/* icat */
.icat{position: relative;text-align: center;}
.icat .title{font-size: 2.4rem;color: #fff;line-height: 2;font-weight: 400;}
.icat .more{margin: 0 auto;display: flex;justify-content: center;}

/* foot */
footer{position: relative;background: #000000;}
.f-top{display: flex;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid rgba(255,255,255,.15);}
.f-logo{flex-shrink: 0;}
.f-logo img{height: 4.2rem;}
.f-nav{display: flex;}
.f-nav li{margin: 0 3rem;}
.f-nav li:last-child{margin-right: 0;}
.f-nav li a{font-size: 1.6rem;color: rgba(255,255,255,.7);}
.f-nav li a:hover{color: #fff;}
.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.4rem;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,.5);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;display: none;}
.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: 4.8rem;font-weight: bold;text-shadow: 3px 3px 3px rgba(0,0,0,0.4);}
.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;letter-spacing: .14em;text-shadow: 3px 3px 3px rgba(0,0,0,0.4);}
.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;box-shadow: 3px 3px 3px rgba(0,0,0,0.2);}
.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);}
}

.ny-banner .nav-box{width: 100%;position: absolute;left: 50%;transform: translateX(-50%);z-index: 20;bottom: 0;}
.ny-banner .nav-box ul{display: flex;width: 100%;}
.ny-banner .nav-box ul li{flex: 1;text-align: center;display: flex;justify-content: center;background: rgb(0 0 0 / 60%);border-right: 1px solid rgb(255 255 255 / 20%);}
.ny-banner .nav-box ul li:last-child{border-right: none;}
.ny-banner .nav-box ul li a{position: relative;font-size: 1.8rem;color: #fff;line-height: 8rem;}
.ny-banner .nav-box ul li a::after{ content: "";width: 0%;height: .4rem;background: var(--themeColor);position: absolute; left: 50%;transform: translateX(-50%);z-index: 10;transition: all .5s;bottom: 0; }
.ny-banner .nav-box ul li a:hover::after{width: 100%;}
.ny-banner .nav-box ul li.on a::after{width: 100%;}

/* ny-ab */
.ny-ab{position: relative;background-position: top center; background-size: 100% auto; }
.ny-ab .main{position: relative;}
.ny-ab .main .subtitle{font-size: 2.8rem;font-weight: 400;margin: 5rem 0;color: #333;}
.ny-ab .main .cont{font-size: 1.8rem;color: #666;line-height: 2.25;text-indent: 2em;text-align: justify;}
.ny-ab .main .cont p img{margin: 1rem 0;}

/* ab-video */
.ab-video{padding: 0rem;border-radius: 0rem;box-shadow: 0 0 0rem rgb(0 0 0 / 20%);background: #fff;}
.ab-video video{width: 100%;}

/* ny-qywh */
.ny-qywh{position: relative;}
.ny-qywh .list{position: relative; display: flex;flex-wrap: wrap;justify-content: space-between;}
.ny-qywh .list li{position: relative;margin-bottom: 3.5rem;width: 49%;}
.ny-qywh .list li:last-child{margin-bottom: 0;}
.ny-qywh .list li .img-box{overflow: hidden;}
.ny-qywh .list li .img-box img{width: 100%;height: 100%;object-fit: cover;min-height: 160px;}
.ny-qywh .list li .cont-box{position: absolute;top: 50%;left: 50%;max-width: 1400px;padding: 0 20px;text-align: center;color: #fff;top: 50%;transform: translate(-50%,-50%);width: 100%;text-shadow: 3px 3px 0px rgb(0 0 0 / 20%);}
.ny-qywh .list li .cont-box .tt{font-size: 2rem;font-weight: 400;margin-top: 1rem;}
.ny-qywh .list li .cont-box .subtt{font-size: 2.2rem;font-weight: bold;}

/* fzlc */
.fzlc{position: relative; padding: 4rem 0;}
.fzlc .thumb-swiper{position: relative;margin: 8rem 0;}
.fzlc .thumb-swiper::after{ content: ''; width: 100%; height: 2px; background: #8e8e8e; position: absolute; left: 0; top: 2.6rem}
.fzlc .thumb-swiper .swiper-slide{position: relative;cursor: pointer;}
.fzlc .thumb-swiper .swiper-slide .dot{ display: block; width: 1.5rem; height: 1.5rem; border-radius: 100%; margin: 2rem auto; border: 2px solid #8e8e8e; background: #17192a; transition: all .4s;}
.fzlc .thumb-swiper .swiper-slide.swiper-slide-thumb-active .dot{ background: var(--themeColor); border-color: #fff; }
.fzlc .thumb-swiper .swiper-slide .tt{ font-size: 2.4rem;color: rgb(255 255 255 / 50%);text-align: center; transition: all .4s;font-weight: 400;line-height: 1.5; min-height: 4.5rem;}
.fzlc .thumb-swiper .swiper-slide.swiper-slide-thumb-active .tt{ color: #fff; font-size: 3rem;font-weight: bold;}

.fzlc .cont-swiper{position: relative;}
.fzlc .cont-swiper .swiper-slide{position: relative;display: flex;justify-content: space-between;}
.fzlc .cont-swiper .swiper-slide .img-box{width: 45%;}
.fzlc .cont-swiper .swiper-slide .img-box img{width: 100%;}
.fzlc .cont-swiper .swiper-slide .cont-box{width: 45%;padding-top: 4rem;}
.fzlc .cont-swiper .swiper-slide .cont-box .tt{font-size: 4rem;color: #fff;line-height: 1;padding-bottom: 2.5rem;position: relative;}
.fzlc .cont-swiper .swiper-slide .cont-box .tt::after{ content: ''; width: 100%; height: 2px; background: #828282; position: absolute; left: 0; bottom: 0; }
.fzlc .cont-swiper .swiper-slide .cont-box .tt::before{ content: ''; width: 20%; height: 2px; background: var(--themeColor); position: absolute; left: 0; bottom: 0; z-index: 1; }
.fzlc .cont-swiper .swiper-slide .cont-box .cont{ font-size: 2rem; padding-top: 2.5rem; min-height: 9rem;color: #fff; }
.fzlc .cont-swiper .swiper-slide .cont-box .switch-box{ display: flex; align-items: center; padding-top: 2.5rem; }
.fzlc .cont-swiper .swiper-slide .cont-box .switch-box .btn{ width: 5rem; height: 5rem; border-radius: 50%;background: #fff; display: flex; justify-content: center;margin-right: 2rem; align-items: center; cursor: pointer; }
.fzlc .cont-swiper .swiper-slide .cont-box .switch-box .btn svg{ fill: #999;transition: all .3s; }
.fzlc .cont-swiper .swiper-slide .cont-box .switch-box .btn:hover{ background: var(--themeColor); }
.fzlc .cont-swiper .swiper-slide .cont-box .switch-box .btn:hover svg{ fill: #fff; }


/* ryzz */
.ryzz{position: relative;background: #f5f5f5;box-shadow: inset 0 .5rem 1rem 0px rgb(0 0 0 / 15%);}
.ryzz .main{display: flex;}
.ryzz .main .cont-box{height: 90vh;flex:1;display: flex;margin-left: 10%;}
.ryzz-swiper{height: 100%;width: 33.33333%;padding: 0 2rem;}
.ryzz-swiper .swiper-slide{height: auto;padding: 2rem;box-shadow: 0 2rem 2rem rgba(0, 0, 0, 0.1); background: #fff;margin-bottom: 4vw;}
.ryzz-swiper .swiper-slide img{width: 100%;}
.ryzz-swiper .swiper-wrapper { transition-timing-function: linear !important; }

/* ny-cla */
.ny-cla{position: relative;background: #fff;}
.ny-cla .cate{display: flex;align-items: center;background: #fff;padding: 3rem 0;}
.ny-cla .cate>li{margin-right: 3rem;flex-shrink: 0;position: relative;}
.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-cla .cate>li .subnav{position: absolute;width:120%;background-color: #FFF; margin:0; box-shadow: 0 2px 38px rgba(0,0,0,.1); height: auto;z-index: 199;top: 9rem;left: 50%;transform: translateX(-50%);opacity:0; visibility:hidden;transition: all .36s ease; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5; border-radius:5px;}
.ny-cla .cate>li .subnav:before{ content:""; display:block; position:absolute; left:50%; top:-8px; margin-left:-5px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 8px solid #fff;}
.ny-cla .cate>li:hover .subnav{opacity:1;visibility: visible;top:4.5rem;}
.ny-cla .cate>li .subnav li{border-bottom:1px solid #f5f5f5;width: 100%;    text-align: center;}
.ny-cla .cate>li .subnav li:first-child{ border-radius:5px 5px 0 0;}
.ny-cla .cate>li .subnav li:last-child{ border-radius:0 0 5px 5px;}
.ny-cla .cate>li .subnav li a{font-weight: 500;color: #666;padding: 8px 5px;line-height: 2;height: 44px;display: block;transition: all .2s ease-in-out;font-size: 14px;}
.ny-cla .cate>li .subnav li a:hover{ color:#333;}
.ny-cla .cate>li .subnav li a:before{display:none;}

/* ny-pro */
.ny-pro{position: relative;background: #f5f5f5;}
.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: 1.4rem;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: 1.8rem;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);}

.prolist ul{ margin:0 -1.5rem;display: flex;flex-wrap: wrap;justify-content: center;}
.prolist ul li{padding:1.5rem;}
.prolist ul li:nth-of-type(1),.prolist ul li:nth-of-type(2),.prolist ul li:nth-of-type(3){/* padding-top:0; */}
.prolist ul li a{display:block;background:#fff;text-align:center;/* padding:2rem; *//* padding-bottom:0; */}
.prolist ul li a i{ display:block; overflow:hidden;}
.prolist ul li a i img{transition: all .3s linear; width: 100%;}
.prolist ul li a:hover i img{transform: scale(1.06);}
.prolist ul li a .tit{ border-top:1px solid #f1f1f1; padding:1.5rem 0; text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

/* pro-de */
/**公共样式**/
.ny-warp{padding: 6rem 0; background:#f5f5f5;}
/**产品内容**/

.nypro-main{ position: relative;}

.product-content {margin-top: 0; overflow:hidden;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;background-color: #fff;-webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.08);box-shadow: 0 8px 24px rgba(0,0,0,0.08);}
.product-content-left {padding: 60px 100px 55px 90px;-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;min-width: 0;background-color: #fff;-webkit-box-shadow: 6px 0 12px -4px rgba(0,0,0,0.08);box-shadow: 6px 0 12px -4px rgba(0,0,0,0.08);}
.product-content-left .title-box {margin-bottom: 40px;text-align: center;}
.product-article {line-height: 1.8;overflow: hidden;font-size: 1.8rem;}
.product-article p img{margin: 1rem 0;}
.product-content-left .title-box .cn {font-size: 30px;color: #333;}
.product-content-left .title-box .en {margin-top: 3px;font-size: 12px;font-family: "Tahoma";color: #858585;letter-spacing: 4px;text-transform: uppercase;}
.product-content .product-related {padding:50px;}
.product-related {width: 373px;text-align: center;overflow: hidden;}

.product-related .title {margin-bottom: 32px;font-size: 22px;color: #333;}
.product-related-swiper {overflow: hidden;}
.product-related-swiper.no-init .swiper-wrapper {display: block;text-align: center;width: 100%;}
.product-related-swiper.no-init li:first-child {padding-top: 0;}
.product-related-swiper.no-init li {padding: 40px 0 30px;border-bottom: 1px dashed #cacaca;}
.product-related-swiper p {margin-top: 16px;font-size: 16px;color: #555;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.product-related-swiper .img{ padding:0; position:relative; overflow:hidden;}
.product-related-swiper .img img{ position:relative; width: 100%; transition: all .4s ease;}
.product-related-swiper .img:hover img{ transform: scale(1.1);}

@media screen and (max-width:1024px){
/**公共样式**/
.ny-warp{ padding:20px 0;}
/**产品内容**/	
	.nypro-head{ margin-top:0; padding:0; margin:0 -1.5rem;}
.nypro-head .nypro-head-pic{ width:100%; float:none;}
.nypro-head .nypro-head-txt{ width:100%; float:none; padding:15px;}
.nypro-head .nypro-head-txt h1{ font-size:18px;}
.nypro-head-txt .note{ font-size:12px; margin-top:8px;}
.nypro-head-txt .tel{ margin-top:8px;}
.nypro-head-txt .tel a{ font-size:18px;}
.nypro-head-txt .tel a svg{ width:20px; height:20px; bottom:-4px;}
.mySwiper-propic .swiper-pagination-bullet{ width:8px; height:8px;}
.nypro-main{ margin:0 -1.5rem;}
.product-content{ margin-top:1.5rem;}
.product-related{ display:none;}
.product-content-left{ padding:20px;}
.product-content-left .title-box{ margin-bottom:15px;}
.product-content-left .title-box .cn{ font-size:20px; font-weight:bold;}
.product-content-left .title-box .en{ font-size:12px;}
.product-article{ overflow-x:auto;}
	
}

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


.syst { font-family: "思源宋体"; }
.st { font-family: 宋体, SimSun; }
/* ny-news */
.ny-news{position: relative;background: #f5f5f5;}
.ny-news .first{position: relative;margin-bottom: 2rem;}
.ny-news .first a{display: flex;background: #fff;}
.ny-news .first a .img-box{width: 65.71428%;overflow: hidden;}
.ny-news .first a .img-box img{width: 100%;height: 100%;max-height: 500px;object-fit: cover;transition: all .7s;}
.ny-news .first a .img-box:hover img{transform: scale(1.05);}
.ny-news .first a .cont-box{flex: 1;margin-left: 2rem;background: #ffffff;padding: 3rem;display: flex;flex-direction: column;justify-content: center;}
.ny-news .first a .cont-box .date{font-size: 1.6rem;color: #333;line-height: 1;}
.ny-news .first a .cont-box .title{font-size: 2rem;margin: 2rem 0 4rem;font-weight: bold;color: #000;}
.ny-news .first a .cont-box .note{font-size: 1.4rem;color: #666;line-height: 2.4;text-align: justify;}
.ny-news .first a .cont-box .more{margin-top: 7rem;}

/* ny-news-list */
.ny-news-list{position: relative;}
.ny-news-list li{margin-bottom: 2rem;}
.ny-news-list li a{display: flex;padding: 2rem;background: #ffffff;}
.ny-news-list li a:hover{box-shadow: 0 5px 5px rgb(110 110 110 / 15%);}
.ny-news-list li a .img-box{width: 32rem;overflow: hidden;margin-right: 4rem;}
.ny-news-list li a .img-box img{width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.ny-news-list li a .cont-box{flex: 1;display: flex;flex-direction: column;justify-content: center;}
.ny-news-list li a .cont-box .date{font-size: 1.4rem;color: #333;margin-bottom: 2rem;line-height: 1;}
.ny-news-list li a .cont-box .title{font-size: 2rem;color: #000;line-height: 1;font-weight: bold;}
.ny-news-list li a .cont-box .note{font-size: 1.4rem;color: #666;line-height: 2.4;margin-top: 2.5rem;}
.ny-news-list li a .icon{align-self: center;margin: 0 2rem 0 4rem;font-size: 3rem;color: #999;transition: all .5s;}
.ny-news-list li a:hover .img-box img{transform: scale(1.05);}
.ny-news-list li a:hover .title{color: var(--themeColor);}
.ny-news-list li a:hover .icon{color: var(--themeColor);transform: translateX(1rem);}


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

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

.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;margin-left: -1.5rem;margin-right: -1.5rem;border-radius: 0;}
	.ny-news-r{width: auto;float:none;margin-top:15px;padding-top:10px;margin-left: -1.5rem;margin-right: -1.5rem;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;}
}

/* ny-hzhb */
.ny-hzhb{position: relative;background: #f5f5f5;}
.ny-hzhb .list{position: relative;display: flex;flex-wrap: wrap;margin: 0 -1.5rem;}
.ny-hzhb .list li{padding: 1.5rem;}
.ny-hzhb .list li .img-box{display: flex;justify-content: center;align-items: center;overflow: hidden;box-shadow: 0 0px 15px 5px rgba(0, 0, 0, .04);border-radius: 1.5rem;padding: 1.5rem;background: #fff;}
.ny-hzhb .list li .img-box img{width: auto;max-height: 100%;}

/* ny-cat */
.ny-cat{position: relative;}
.ny-cat .main{display: flex;background: #f9fafb;border-radius: .5rem;padding: 8rem 6rem;flex-wrap: wrap;}
.ny-cat .main .info{width:100%;}
.ny-cat .main .info .list{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap; margin:0 -2rem;}
.ny-cat .main .info .list li{margin-bottom: 3rem;width: 50%;padding: 0 2rem;}
.ny-cat .main .info .list li .box{background:#fff;    height: 100%;}
.ny-cat .main .info .list li .txt{padding:3rem;}
.ny-cat .main .info .list li:last-child{}
.ny-cat .main .info .list li .tt{font-size: 1.8rem;color: var(--themeColor);margin-bottom: 1.5rem;}
.ny-cat .main .info .list li .p1{font-size: 1.6rem;;line-height: 2;color: #666;}
.ny-cat .main .info .code{position: relative;display: flex;}
.ny-cat .main .info .code .item{text-align: center;margin-right: 2rem;}
.ny-cat .main .info .code img{max-width: 14rem;}
.ny-cat .main .info .code .tt{text-align: center;color: #666;line-height: 1;margin-top: 1rem;}

.ny-cat .main .msg{flex: 1;padding: 6rem;background: #fff;border-radius: .5rem;display: none;}
.ny-cat .main .msg form{position: relative;}
.ny-cat .main .msg form .item{margin-bottom: 2rem;}
.ny-cat .main .msg form .item:last-child{margin-bottom: 0;}
.ny-cat .main .msg form .item .tt{font-size: 1.8rem;color: #111827;margin-bottom: 1rem;}
.ny-cat .main .msg form .item input{width: 100%;padding: 1.2rem;outline: none; border-radius: 0.75rem; border: 1px solid #e5e7eb; font-size: 1.4rem;transition: all .3s;}
.ny-cat .main .msg form .item textarea{ width: 100%; padding: 1.2rem; outline: none; border-radius: 0.75rem; border: 1px solid #e5e7eb; font-size: 1.4rem; resize: none; height: 10rem; transition: all .3s;margin-bottom: 1.8rem;}
.ny-cat .main .msg form .item input:focus, .ny-cat .main .msg form .item textarea:focus{ border-color: var(--themeColor); box-shadow: 0 0 0 1px var(--themeColor); }
.ny-cat .main .msg form .item button{ border-radius: 0;border-radius: .75rem; }

.lx-bsc{margin-top:1rem;}
.lx-bsc .item{background:#fff;display:flex; margin-top:3rem;}
.lx-bsc .item .thumb{width:27%;}
.lx-bsc .item .txt{width:64%;padding:4rem;}
.lx-bsc .item .txt .tit{font-size:2rem; margin-bottom:1.5rem;font-weight:bold; color:var(--themeColor)}
.lx-bsc .item .txt .des{ line-height:2;}
/* bus */
.bus{position: relative;background: #f5f5f5;}
.bus .list{position: relative;}
.bus .list li{margin-bottom: 6rem;}
.bus .list li a{display: flex;justify-content: space-between;background: #fff;}
.bus .list li a .img-box{width: 55%;overflow: hidden;}
.bus .list li:nth-child(2n) a .img-box{order: 1;}
.bus .list li a .img-box img{width: 100%;transition: all .7s;height: 100%;object-fit: cover;}
.bus .list li a:hover .img-box img{transform: scale(1.07);}
.bus .list li a .cont-box{width: 45%;display: flex;flex-direction: column;justify-content: center;padding: 4rem 5rem;}
.bus .list li a .cont-box .title{font-size: 2.8rem;color: #333;}
.bus .list li a .cont-box .note{font-size: 1.8rem;line-height: 2;color: #666;margin: 4rem 0;}
.bus .list li a .cont-box .btn{position: relative;}






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

    .cm-more { width: 14rem; height: 4.6rem; }

    .header .main .top-menu { display: none; }
    .header .main .top-tool .top-search {margin-right: 3rem;}

    .ab-main{flex-wrap: wrap;}
    .ab-main .cont-box { width: 100%; max-width: 100%; padding-right: 0; }
    .ab-main .img-box { width: 100%; max-width: 100%; margin-top: 4rem;padding:0;}

    .wmap .main { position: relative; transform: translate(0,0); left: 0; top: 0; z-index: 10; }
    .wmap .main .cont-box .wlist { margin-top: 5rem; }
    .wmap .main .cont-box .wlist .item { margin-bottom: 5rem; }
    .wmap .main .cont-box .more { margin-top: 5rem; }
    .wmap .main .cont-box .tip { font-size: 1.8rem; color: #fff; margin: 5rem 0; }
	.wmap .main .cont-box {
    position: relative;
		
}
	.ny-cat .main .info .list li{width:100%;}
    .news-swiper{padding: 4rem 0;}
    .news-swiper .item .tt { margin: 2rem 0; }
    .switch-box .btn { margin-left: 2rem!important;}

    .icat { background-position: left top; }
    .f-nav{display: none;}

    .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-ab .main .subtitle { font-size: 2.2rem; margin: 3rem 0; }
    .ny-ab .main .cont { font-size: 1.8rem; line-height: 2; }
    .ab-video { padding: 2rem; }

    .ny-qywh .list li .cont-box .subtt { font-size: 2.4rem; }

    .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; }
	.lx-bsc .item{display:block;}
	.lx-bsc .item .thumb{width:100%;}
	.lx-bsc .item .txt{width:100%; padding: 2rem;}
	.wmap .img-box .img-bg img {max-width: 100%;}
}


@media screen and (max-width:768px){
    .all-title-box .title { font-size: 2.8rem; }

    .banner-swiper .item .cont-box .p2 { font-size: 2.4rem; margin: 3rem 0; font-weight: 500; }
    .banner-swiper .item .cont-box .p3 { font-size: 1.6rem;margin-bottom: 0; margin-bottom: 6rem;}
    .banner-swiper .banner-pa { display: flex;justify-content: center; bottom: 2rem;}
    
    .bus .list li { margin: 3rem 0; }
    .bus .list li a{flex-wrap: wrap;}
    .bus .list li a .img-box { width: 100%;}
    .bus .list li:nth-child(2n) a .img-box { order: 0; }
    .bus .list li a .cont-box { width: 100%; padding: 3rem 2rem; }
    .bus .list li a .cont-box .title { font-size: 2.4rem; }
    .bus .list li a .cont-box .note { font-size: 1.6rem; margin: 2rem 0; }

    .ab-main .cont-box .subtitle { font-size: 2.2rem; margin: 3rem 0 2rem; }
    .ab-main .cont-box .cont{font-size: 12.5px;line-height: 2;}
    .ab-data { display: flex; margin: 3rem 0 5rem; justify-content: space-between; }
    .ab-data .item { padding-right: 0; }
    .ab-data .item .num-box .num { font-size: 3.4rem; }
    .ab-data .item .num-box .dw { font-size: 1.6rem; padding-left: 0.5rem; }
    .ab-data .item .tt { font-size: 1.6rem; margin-top: 1.5rem; }

    .ab-lc{display: none;}
    .ablc-swiper .item .tt { font-size: 1.8rem; height: 5.4rem; }

    .cbbj-list ul li { width: 50%; }
    .cbbj-list ul li a { display: flex; min-height: 6.8rem; height: auto; align-items: center; padding: 0 1.5rem; }
    .cbbj-list ul li a .icon { width: 2.8rem; display: flex; justify-content: center; flex-shrink: 0; }
    .cbbj-list ul li a .tt { font-size: 1.6rem; color: #fff; padding-left: 1.5rem; }
    .cybj-swiper .item .cont-box .tt { font-size: 2.2rem; margin: 4rem 0 2rem; }
    .cybj-swiper .item .cont-box .more { margin-top: 5rem; }

    .pro .top { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
    .pro .top .cate { display: none; }
    .pro-swiper .item{flex-wrap: wrap;}
    .pro-swiper .item .cont-box { width: 100%; padding-right: 0; padding: 2rem 0; }
    .pro-swiper .item .cont-box .note { margin: 3rem 0; font-size: 1.6rem; color: #666; max-width: 100%; line-height: 2; }
    .pro-swiper .item .img-box { width: 100%; }
    .pro-swiper .item .cont-box .title { font-size: 2.2rem; }

    .f-cat .item { margin-bottom: 2rem; }

    .fzlc .thumb-swiper { position: relative; margin: 4rem 0;display: none; }
    .fzlc .cont-swiper{margin-top: 5rem;}
    .fzlc .cont-swiper .swiper-slide { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
    .fzlc .cont-swiper .swiper-slide .img-box { width: 100%; }
    .fzlc .cont-swiper .swiper-slide .cont-box { width: 100%; }
    .fzlc .cont-swiper .swiper-slide .cont-box .switch-box .btn { margin-right: 2rem;margin-left: 0!important; }


    .ryzz .main { display: flex;flex-wrap: wrap; }
    .ryzz .main .cont-box { height: 50vh; flex: auto; display: flex;width: 100%; margin: 0 -1rem; }
    .ryzz-swiper { padding: 0 1rem; }
    .ryzz-swiper .swiper-slide { height: auto; padding: 1rem; }

    .ny-news-list li a{flex-wrap: wrap;}
    .ny-news-list li a .img-box{width: 100%;margin-right: 0;margin-bottom: 3rem;}
    .ny-news-list li a .cont-box .note{margin-top: 2rem;}
    .ny-news-list li a .icon{display: none;}

    .ny-hzhb .list { margin: 0 -0.5rem; }
    .ny-hzhb .list li { padding: 0.5rem; } 
    .ny-hzhb .list li .img-box { padding: .5rem; }

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

    .ny-cat { position: relative; background: #f9fafb; }
    .ny-cat .main { display: flex; background: #f9fafb; border-radius: .5rem; padding: 4rem 2rem; flex-wrap: wrap; }
    .ny-cat .main .info { width: 100%; }
    .ny-cat .main .msg { flex: auto; width: 100%; padding: 4rem 2rem; margin: 0 -2rem; background: #fff; border-radius: .5rem; margin-top: 4rem; }


}

/*子公司介绍*/
.ab1{overflow:hidden;height:540px;background-color:#fff;margin-bottom:40px}
.ab1 .inner{display:block;height:100%}
.ab1 .am-fl{width:55%;height:100%;position:relative}
.ab1left{margin-left:5%;width:90%;text-align:justify;padding-top: 3rem;}
.ab1left .comlogo{max-width:150px;margin-bottom:15px;margin-top:40px}
.ab1left h3{color:#222;font-size:24px;line-height:44px;overflow:hidden}
.ab1left h3 a{color:#222}
.ab1left .txt{font-size:1.6rem;color:#666;line-height:2;margin-top:1rem}
.ab1left .more{margin-top:20px;position:absolute;bottom:40px}
.ab1 .pic{float:right;width:45%;height:100%;position:relative;overflow:hidden}
.ab1 .pic a{display:block;overflow:hidden}
.ab1 .pic img{position:absolute;width:100%;height:100%;left:50%;top:0;z-index:0;transform:translateX(-50%);transition:all .3s linear}
.ab1 .pic a:hover img{transform:scale(1.1);transform:translateX(-50%) scale(1.1)}
.am-path{padding:15px 0;font-size:14px;color:#666;background:#ddd}
@media screen and (max-width:1440px){.ab1left h3{font-size:20px}
.ab1left .txt span{font-size:14px!important}
}
@media screen and (max-width:1024px){.ab1{max-width:630px;height:auto;padding:15px;margin:0 auto 40px}
.ab1 .am-fl{float:none;width:100%;height:auto}
.ab1left{position:static;transform:none;width:100%;margin-left:0}
.ab1 .pic{float:none;width:100%;height:auto}
.ab1 .pic img{position:static;margin-left:0;width:100%;transform:none}
.ab1left .comlogo{margin:0 auto}
.ab1left .more{position:static;margin-bottom:20px}
}
@media screen and (max-width:750px){.ab1left h3{font-size:16px;line-height:normal;height:auto;text-align:center}
.ab1left .txt{font-size:14px;line-height:30px;margin-top:20px}
.ab1:last-child{margin-bottom:0}
}

























