html { font-size: 10px; }

body { overflow-x: hidden; background: #f4f7fc; height: auto; font-family: '黑体,微软雅黑'; }

body,
li,
a,
em { color: #000; border: 0; padding: 0; margin: 0; list-style: none; text-decoration: none; font-style: normal; font-size: 1.6rem; }

a:hover, .detail .detaildir .item a:hover { color: #ff1a49; font-weight: bold; }
.footcon .item ul li a:hover { color: #ff1a49; font-weight: bold; }


.line { border-bottom: 1px solid #dfe4ee; width: 50%; display: inline-block; margin-top: -2rem; }

.mainw { width: 90%; margin: 0 auto; }

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

.visibility { visibility: hidden; }

.txtcenter { text-align: center; }

.banner { position: relative; }

.banner .navs { position: fixed; background: url(/Areas/Web/Templates/V4/images/navbg.png); top: 0; left: 0; z-index: 999; width: 100%; height: 16rem; display: flex; align-items: center; }

.banner .swiper-slide img { width: 100%; }

.banner .navs .logo { margin-right: 10rem; }

.banner .nav { justify-content: space-between; display: flex; width: 90%; margin: 0 auto; align-items: center; }

.nav .navr { flex: 2; }

.inputs { justify-content: flex-end; }

.sitem { position: relative; border-radius: .8rem; height: 4rem; font-weight: bold; }

.nav .inputcon .layui-input,
.sitem .layui-input { color: #033778; height: 4rem; width: 26rem; border-radius: 1rem; border: .1rem solid #4e63a2; font-size: 1.6rem; background: #c6cedc; }

.sitem .selecticon { position: absolute; right: 1.5rem; top: 50%; transform: translatey(-50%); font-size: 2rem; font-family: '黑体,微软雅黑'; }

.banner .nav .inputcon { margin-right: 2.5rem; position: relative; }

.nav .inputcon .layui-input { height: 4rem; width: 27.8rem; border-radius: 1rem; border: .1rem solid #4e63a2; }

.nav .inputcon img { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); }

.navlist { margin-top: 3rem; }

.navlist ul { height: 100%; margin: 0 auto; position: relative; text-align: right; }

.navlist li { width: calc(100% / 9); text-align: right; white-space: nowrap; }

.navlist li a { font-size: 1.6rem; font-weight: bold; padding: 1.5rem 2.5rem; }

.navlist li.cur a,
.navlist li:hover a { background: #ff1a49; border-radius: 1rem; height: 100%; /*display: inline-block; */ color: #fff; }

.mainabout { margin-top: 7rem; background: url(/Areas/Web/Templates/V4/images/abbg.png) no-repeat; border-radius: 1rem; background-size: cover; align-items: flex-start; }

.mainabout .abcon { font-size: 1.9rem; margin: 7rem 15rem 7rem; color: #fff; line-height: 3.8rem; background: rgb(113, 124, 168, 68%); border-radius: 1rem; padding: 5rem; }

.busarea { position: relative; background: url(/Areas/Web/Templates/V4/images/busabg.png) no-repeat; background-size: cover; background-position: center; padding: 16rem 0 13rem 0; margin-bottom: 2rem; }

.busarea .budir { position: absolute; right: 0; top: 48%; right: 17.5%; }

.busarea .buslist { width: 60%; margin-left: 10%; flex-wrap: wrap; }

.busarea .buslist .item { cursor: pointer; width: calc((100% - 4rem) / 4); overflow: hidden; white-space: nowrap; background: #fff; border-radius: 1rem; padding: 5rem 3.5rem; margin: 0 2rem 2rem 0; text-align: center; }

.busarea .buslist .item:hover { border-bottom: .6rem solid #df1627; }

.busarea .buslist .item a { font-family: '黑体,微软雅黑'; font-size: 1.8rem; color: #2b2b2b; }

.busarea .buslist .item a:hover { color: #ff1a49; }

.busarea .buslist .item:nth-child(3n) { margin-right: 0; }

.busarea .buslist .item:nth-child(1),
.busarea .buslist .item:nth-child(4) { width: calc(100% / 3); padding: 5rem 2rem; }

.busarea .buslist .item .sdesc { white-space: normal; word-wrap: break-word; text-align: center; margin-top: 2rem; font-family: 'centaur'; font-size: 1rem; color: #004ea2; opacity: .3; }

.indextitle { text-align: center; position: relative; }

.indextitle .innertitle { display: inline-block; text-align: center; }

.indextitle a { display: inline-block; text-align: center; font-size: 3.6rem; color: #ff1a49; font-family: 'SourceHanSans'; position: relative; overflow: hidden; }

.indextitle .more { position: absolute; bottom: 0; right: 0; }

.indextitle .more a { cursor: pointer; float: right; font-size: 1.6rem; color: #94a1ba; }

.indextitle .titlebg { color: #94a1ba; font-size: 1.8rem; margin-top: 1rem; font-family: 'SourceHanSans'; font-weight: bold; opacity: .9; }

.mainabout .ml { margin: 7rem 0 0 8.5rem; }

.mainabout .ml h2 { font-size: 6rem; white-space: nowrap; font-family: 'SourceHanSans'; color: #fff; font-weight: bold; opacity: .8; }

.mainabout .ml .atitle { font-size: 2.4rem; white-space: nowrap; font-family: 'SourceHanSans'; color: #fff; font-weight: bold; opacity: .8; }

.more { cursor: pointer; float: right; font-size: 1.8rem; color: #94a1ba; font-family: 'SourceHanSans'; }

.buarea { margin-top: 4rem; }

.buarea .lpro { font-size: 2.4rem; font-family: 'SourceHanSans'; }


.honors { background: url(/Areas/Web/Templates/V4/images/honbg.png) no-repeat; background-size: 100%; background-position: center; padding-bottom: 8.5rem; margin-top: 6rem; }

.honors .row { margin-bottom: 2.5rem; }

.honors .list { background: #fff; border-radius: 1rem; padding: 5rem 3.5rem 2.5rem; flex: 2; }

.honors .item .name { margin-top: 1rem; white-space: nowrap; }

.honors .list .swiper-slide { text-align: center; margin-right: 0rem; }

.honors .item .img { position: relative; background: url(/Areas/Web/Templates/V4/images/honorlbg.png) no-repeat; background-position: center bottom; padding-bottom: 9rem; }

.honors .item .img img { width: auto; height: 18rem; }

.honors img:hover { transform: scale(1.06); }

.honors img, .honors .item li .img { width: 100%; transition: transform 6s; cursor: pointer; overflow: hidden; max-width: 100% }

.news { align-items: flex-start; margin-top: 6rem; }

.news .item { border-radius: 1rem; background: #fff; padding: 3rem 0; width: calc((100% - 3rem) / 2); }

.news .item .ntitle { font-family: 'SourceHanSans'; padding: 0 4rem; }

.news .item .ntitle .name { font-size: 2.4rem; color: #033778; }

.news .item li { margin-top: 3.5rem; display: flex; align-items: center; }

.news .item li:first-child { padding: 2.4rem 0 0 !important; position: relative; display: block; margin-top: 0; }

.news .item li .firstcon { position: relative; /* left: 0.1rem; */ bottom: 0rem; width: 100%; padding: 1rem 2rem; margin-top: 0rem; background: #f0f3f9; overflow: hidden; width: calc(100% - 4rem); }

.news img:hover { transform: scale(1.06); }

.news img, .news .item li .img { width: 100%; transition: transform 6s; cursor: pointer; overflow: hidden; max-width: 100% }

.news .item li img { width: 100%; max-height: 48rem; }

.news .item li .date { font-family: 'SourceHanSans'; font-size: 4.8rem; color: #94a1ba; padding-left: 3rem; }

.news .item li .date span { font-size: 4.8rem; color: #2b2b2b; }

.news .item li .date em { font-size: 4.8rem; color: #004ea2; }

.news .item li:first-child a,
.news .item li:first-child .desc { /* color: #fff; */ }

.news .item li .title { margin-bottom: 1rem; font-weight: bold; }

.news .item li .title a,
.news .item li .desc { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.news .item li .nr { padding: 0 3rem 0; width: calc(100% - 20rem); }

.news .item:last-child .title { margin-top: 0rem; margin-bottom: 1.2rem; }

.news .item:last-child { margin-left: 3rem; }

.gg { margin: 4.5rem auto 9rem; }

.gg .item li:first-child { padding: 0 4rem !important; }

.gg .item li .title,
.gg .item:last-child .title { margin: 3rem 0 2.5rem; }

.gg .item li .title a { color: #2b2b2b; }

.gg .item li .title a:hover { color: #ff1a49; font-weight: bold; }


.gg .item li .desc { color: #94a1ba !important; }

.footer { background: linear-gradient(to top, #2e4c89, #193050); background-size: cover; font-size: 1.6rem; line-height: 2.8rem; color: #fff; margin-top: 5.5rem; }

.footcon { padding-top: 3rem; }

.footcon .item { font-family: '黑体,微软雅黑'; }

.footcon .item .title { max-width: 43rem; margin: 2rem 0; font-size: 1.6rem; font-weight: bold; line-height: 2.2rem; text-align: left; }

.footcon .item:last-child,
.footcon .item:last-child .title { text-align: left; }

.footcon .item ul li { margin-bottom: 1.6rem; white-space: nowrap; float: left; width: 45%; }

.footcon .item ul li a { color: #fff; }

.footcon .item ul li a { color: #fff; }

.footcon .item ul .li-item:nth-child(1) { margin-right: 10rem; }

.footcon .item:last-child ul .li-item { margin-right: 0; }

.footcon .item:last-child ul .li-item li { margin-bottom: 1rem; }

.footcon .item .address { white-space: nowrap; margin-top: 2.5rem; text-align: center; }

.priner { color: #6e7a94; text-align: center; background: #2e4065; margin-top: 4.5rem; font-weight: bold; }

.priner a { color: #6e7a94; font-size: 1.6rem; height: 6.8rem; line-height: 6.8rem; }

.swiper-button-next,
.swiper-button-prev { display: none !important; padding: 8rem 2.5rem; color: #fff !important; background: rgb(255 255 255 / 18%); }

.swiper-button-prev { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; }

.swiper-button-next { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; }

.swiper-container:hover .swiper-button-next,
.swiper-container:hover .swiper-button-prev { cursor: pointer; display: block !important; color: #fff }

/*maincontent*/
.maincontent { width: calc(90% - 17rem); padding: 0 8.5rem 7.5rem; margin: 4.5rem auto 5rem; background: #fff; border-radius: 2rem; }

.casedir { font-size: 1.6rem; color: #94a1ba; font-family: 'SourceHanSans'; padding: 4.5rem 0; border-bottom: .1rem solid #94a1ba; }

.casedir .title { font-size: 2rem; color: #2b2b2b; border-left: 1rem solid #ff1a49; padding-left: 1rem; }

.casedir .inputcon { position: relative; }

.casedir .inputcon .layui-input { border: .1rem solid #94a1ba; border-radius: 2.1rem; width: 34rem; height: 4.2rem; line-height: 4.2rem; }

.casedir .inputcon .stxt { cursor: pointer; font-size: 1.6rem; font-family: '黑体,微软雅黑'; position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); }

.mainlist.bu { display: none; }

.mainlist { margin-bottom: 7.5rem; }

.mainlist .item { margin-top: 5.5rem; display: flex; align-items: flex-start; position: relative; }

.mainlist .item .img { margin-right: 8.5rem; }

.mainlist .item .img img { width: 45rem; max-height: 30em; border-radius: 1rem; }

.mainlist .item .content { font-size: 1.6rem; }

.mainlist .item .content .name { font-weight: bold; margin-bottom: 2.5rem; }

.mainlist .item .content .desc { line-height: 3rem; overflow: hidden; display: -webkit-box; /* Safari */ -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.mainlist .item .content .date { color: #94a1ba; position: absolute; bottom: 0; }

/*pages*/
.pagination { text-align: center; }

.pages { display: inline-flex; }

.pages a { font-weight: bold; cursor: pointer; width: 3.2rem; height: 3.2rem; text-align: center; line-height: 3.2rem; background: #fff; border-radius: .4rem; margin-right: .8rem; border: 1px solid #dbe1e9; }

.pages a.a_cur { background: #1c45ff; }

.pages a.a_cur { color: #fff; }

.pages a { color: #000; }

.pages a.disabled { color: #dbe1e9; }

/*data*/
.data { padding: 0 12rem; margin-bottom: 0; }

.data .item { align-items: center; }

.data .item .img strong { margin: 0 7rem 0 2.5rem; display: inline-block; }

.data .item .img img { width: 5rem }
.data .item .desc { color: #94a1ba; flex: 2; }

.data .item .down a { background: #316cea; color: #fff; font-weight: bold; padding: 1rem 2.5rem; border-radius: 2.2rem; }

/*leftright*/
.leftright { margin-bottom: 2rem; align-items: flex-start; }

.leftright .left { margin: 6rem 10rem 0 0; white-space: nowrap; }

.leftright .left .item { font-family: 'SourceHanSans'; text-align: center; cursor: pointer; height: 4.5rem; line-height: 4.5rem; font-size: 2rem; color: #333847; margin-bottom: 4rem; }

.leftright .left .item a { display: block; width: 100%; padding: 0 2.5rem; }

.leftright .left .item.cur, .leftright .left .item.cur a,
.leftright .left .item:hover, .leftright .left .item:hover a { color: #fff; background: #e60012; border-radius: 1rem; }


.leftright .right .list { flex-wrap: wrap; }

.leftright .right .item { margin: 6rem 6rem 0 0; width: calc((100% - 6rem) / 2); }

.leftright .right .item:nth-child(2n) { margin-right: 0; }

.leftright .right .item .title { cursor: pointer; font-size: 2rem; font-family: 'SourceHanSans'; color: #316cea; margin: 4rem 0 3rem; }

.leftright .right .item .desc { line-height: 3.2rem; color: #2b2b2b; }

.leftright .right .class { margin-bottom: 6rem; }

.leftright .right .class .item { margin: 6rem 3rem 0 0; width: calc((100% - 6rem) / 3); }

.leftright .right .class .item img { max-height: 40rem; width: 100%; }

.leftright .right .class .item:nth-child(3n) { margin-right: 0; }

.leftright .right .class .item .desc { text-align: center; margin-top: 3rem; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { display: none !important; opacity: 0 !important }

video { max-width: 100% !important; height: auto; display: block; margin: 20px auto; box-shadow: 0 2px 4px #d8d8d8; border-radius: 4px; border: 1px solid #d8d8d8; border-radius: 14px; margin-right: 3.5rem; display: inline-block; clear: both; }


/*detail*/

.detail { background: #fff; border-radius: 1rem; padding: 3.6rem 5.5rem; margin-bottom: 6.2rem; text-align: center; }

.detail .detaildir { display: flex; font-size: 1.8rem }

.detail .detaildir .item { margin-right: 2rem; color: #586785 }

.detail .detaildir .item a { font-size: 1.8rem; color: #586785 }

.detail .detailtitle { font-size: 3.6rem; color: #000; text-align: center; font-weight: bold; margin: 8rem 0 3.5rem; max-width: 1200px; margin-left: auto; margin-right: auto; }

.detail .detaildesc { display: inline-flex; margin: 0 auto; width: auto; color: #586785 }

.detail .detaildesc div:first-child { margin-right: 7rem }

.detail .content { margin-top: 6rem; font-size: 1.8rem; color: #2b2b2b; line-height: 1.8rem; max-width: 1200px; margin-left: auto; margin-right: auto; }

.productPage { padding: 30px 0; line-height: 36px; }

.productPage a:hover { color: #e60012; }

.productPage div { width: 48%; overflow: hidden; height: 36px; text-align: left }
.productPage div:last-child { text-align: right }
.fl { float: left; }
.fr { float: right; }

.detail .content p img { height: auto !important; width: 1200px; }