@import 'iconfont.css';
.wrap { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; }
.ver > * { display: inline-block; vertical-align: middle; }
.hv-scale { overflow: hidden; }
.hv-scale img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.hv-scale:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.bg-gray { background: #f5f5f5; }
.c-base { color: #2466ad; }
.bg-base { background: #2466ad; }
.hv:hover { color: #2466ad; }
.hv-f:hover { color: #fff; }
.tran3 { transition: 0.3s; }
.table-cell { display: table; width: 100%; }
.table-cell > * { display: table-cell; vertical-align: middle; }
.row-pv10 { margin-left: -5px; margin-right: -5px; }
.row-pv10 > * { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }
.row-pv0 { margin-left: 0; margin-right: 0; }
.row-pv0 > * { padding-left: 0; padding-right: 0; }
.row-pv12 { margin-left: -6px; margin-right: -6px; }
.row-pv12 > * { padding-left: 6px; padding-right: 6px; margin-bottom: 12px; }
.row-pv20 { margin-left: -10px; margin-right: -10px; }
.row-pv20 > * { padding-left: 10px; padding-right: 10px; }
.mv0 { margin-left: 0!important; margin-right: 0!important; }
.pv0 { padding-left: 0!important; padding-right: 0!important; }
.pt0 { padding-top: 0px !important; }
.pb0 { padding-bottom: 0px !important; }
.mb0 { margin-bottom: 0 !important; }
.mt0 { margin-top: 0!important; }
body { font-family: "Helvetica Neue", '微软雅黑', '思源黑体', Helvetica, Arial, sans-serif; overflow-x: hidden; }
.swiper-container { --swiper-theme-color: #2466ad;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.6s !important; }
.medium { font-family: medium; }
body.bg-gray { background: #f3f3f3; }
/* footer s*/

footer { color: #fff; padding-bottom: 5px; background: #525252; overflow: hidden; }
footer a { color: #bbb; }
footer a:hover { color: #fff; }
footer .content { padding: 0.7rem 0 1.1rem; }
footer .telbox { line-height: 1.8; }
footer .telbox .tit { font-size: 16px; }
footer .telbox .tel { font-size: 30px; font-family: medium; color: #fff; }
footer .telbox .logo { margin-top: 10px; }
 @media (min-width: 993px) {
footer .leftbox { float: left; width: 25%; }
footer .ftnavs { float: right; width: 73.5%; }
footer .ftnavs ul { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
}
footer .navitem h4 { font-size: 16px; position: relative; margin-bottom: 12px; }
footer .navitem .icon-jia { float: right; transition: 0.3s; display: none; margin-right: 10px; }
footer .navitem .info a { display: block; line-height: 38px; }
footer .ft-bottom { height: 40px; line-height: 40px; background: #424242; position: relative; color: #777777; text-align: center; }
footer .ft-bottom .copyright > * > * { display: inline-block; vertical-align: middle; }
footer .ft-bottom .copyright .beian { margin-left: 5px; color: #777777; }
footer .ft-bottom .copyright .beian:hover { color: #2466ad; }
 @media (max-width: 992px) {
footer .navitem { float: none; width: 100%; }
footer .navitem .icon-jia { display: block; }
footer .navitem h4 { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.3); height: 46px; line-height: 46px; margin: 0; }
footer .navitem .info { display: none; font-size: 15px; padding: 10px 30px; line-height: 2; }
footer .navitem .info a { color: rgba(255, 255, 255, 0.8); }
footer .navitem.active .iconfont { transform: rotate(135deg); }
footer .content { padding: 40px 0; }
footer .ft-bottom { font-size: 12px; }
footer .ft-bottom .company { color: #fff; font-size: 13px; }
footer .ft-bottom a, footer .ft-bottom span { display: inline-block; }
}
 @media (max-width: 992px) {
footer .navitem h4 { font-weight: normal; }
footer .telbox { text-align: center; margin-bottom: 0.5rem; }
footer .telbox .logo { display: none; }
}
 @media (max-width: 768px) {
footer .ft-link { font-size: 12px; }
footer .ft-link a { margin-right: 6px; }
footer .navitem h4 { font-size: 16px; }
footer .ft-bottom { padding-left: 11%; padding-right: 11%; padding-left: 6%; padding-right: 6%; width: 100%; height: auto; line-height: 1.7; padding-top: 0.2rem; padding-bottom: 0.2rem; font-size: 14px; }
footer .ft-bottom > * { display: inline-block; }
}
/* footer e*/

/* 手机端菜单*/

.menu_btn { width: 60px; height: 60px; z-index: 101; cursor: pointer; position: absolute; right: 12px; transform-origin: center center; top: 50%; transform: translateY(-50%) scale(0.8); -webkit-transform: translateY(-50%) scale(0.8); -moz-transform: translateY(-50%) scale(0.8); -ms-transform: translateY(-50%) scale(0.8); -o-transform: translateY(-50%) scale(0.8); }
.menu_btn i { position: absolute; width: 26px; height: 2px; background: #fff; left: 12px; display: block; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }
.menu_btn i:nth-of-type(1) { top: 20px; }
.menu_btn i:nth-of-type(2) { top: 30px; }
.menu_btn i:nth-of-type(3) { top: 40px; width: 14px; }
.menu_btn.active i:nth-of-type(1) { -webkit-transform: rotate(225deg) translate(-7px, -7px); -moz-transform: rotate(225deg) translate(-7px, -7px); -ms-transform: rotate(225deg) translate(-7px, -7px); -o-transform: rotate(225deg) translate(-7px, -7px); transform: rotate(225deg) translate(-7px, -7px); }
.menu_btn.active i:nth-of-type(3) { opacity: 0; }
.menu_btn.active i:nth-of-type(2) { -webkit-transform: rotate(-225deg) translate(0, 0); -moz-transform: rotate(-225deg) translate(0, 0); -ms-transform: rotate(-225deg) translate(0, 0); -o-transform: rotate(-225deg) translate(0, 0); transform: rotate(-225deg) translate(0, 0); }
.menu_btn:hover i:nth-of-type(3) { width: 28px; }
.header { transition: 0.3s; width: 100vw; z-index: 99999999; position: fixed; left: 0; right: 0; top: 0; }
.header .wrap { height: 100px; margin-right: 1%; max-width: none; width: 100vw; overflow: visible; position: relative; }
.header .logo { height: 100%; width: 246px; background: url('/static/images/logo.png') no-repeat 0.3rem center; }
.header .hd-tel { color: #fff; font-size: 20px; margin-right: 40px; }
.header .hd-tel > * { display: inline-block; vertical-align: middle; }
.header .hd-tel .iconfont { font-size: 26px; margin-right: 12px; font-weight: bold; }
.header .hd-tel em { line-height: 100px; font-family: medium; }
.header .head-menu { transition: 0.3s; height: 100%; }
 @media (min-width: 1200px) {
.header .head-menu { position: absolute; left: 50%; transform: translateX(-50%); z-index: 5; top: 0; }
}
 @media (max-width: 1400px) {
.header .pc-menus .item b { font-size: 16px; }
}
 @media (max-width: 1199px) {
.header .wrap { height: 80px; }
.header .pc-menus { height: 80px; float: right; margin-right: 5%; width: 60vw; }
.header .pc-menus .tit { line-height: 80px; }
.header .logo { height: 80px; width: 220px; background-size: auto 60%; }
.header .hd-tel { margin-right: 100px; }
.header .hd-tel em { line-height: 80px; }
}
 @media (max-width: 992px) {
.header .pc-menus .tit { font-size: 14px; }
}
 @media (max-width: 640px) {
.header .logo, .header .wrap { height: 50px; }
.header .logo { background-size: auto 36px; width: 50%; }
.header .hd-tel em { line-height: 50px; }
}
 @media (max-width: 480px) {
.header .menu_btn { right: 0; }
.header .logo { background-size: 48%; }
}
.pc-menus { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 100px; max-width: 820px; min-width: 500px; width: 50vw; }
.pc-menus li { text-align: center; transition: 0.3s; position: relative; }
.pc-menus .tit { white-space: nowrap; text-align: center; cursor: pointer; font-size: 16px; display: block; color: #fff; transition: 0.3s; line-height: 100px; }
.pc-menus .active, .pc-menus .tit:hover { color: #2466ad !important; }
.pc-menus .dropinfo { display: none; background: #fff; border-top: 3px solid #2466ad; padding: 6px 0; font-size: 14px; position: absolute; width: 190px; top: 100%; left: 50%; transform: translateX(-50%); }
.pc-menus .dropinfo a { display: block; position: relative; height: 46px; line-height: 46px; color: #333; }
.pc-menus .dropinfo a:hover { color: #2466ad; background-color: #fff; }
.pc-menus li:hover .tit { color: #2466ad; }
.pc-menus li:hover .dropinfo { display: block; box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1); }
.header.active, .header.fixed { background: #fff !important; }
.header.active .pc-menus .tit, .header.fixed .pc-menus .tit { color: #333; }
.header.active .pc-menus .tit.active, .header.fixed .pc-menus .tit.active { color: #2466ad; }
.header.active .hd-tel, .header.fixed .hd-tel { color: #666; }
.header.active .hd-tel .iconfont, .header.fixed .hd-tel .iconfont { color: #2466ad; }
.header.active .logo, .header.fixed .logo { background-image: url('/static/images/logo_red.png'); }
.header.active .menu_btn i, .header.fixed .menu_btn i { background: #333; }
.header-shadow { box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); }
 @media (max-width: 480px) {
.header-shadow { box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); }
}
.header + *:not(.indexmain) { margin-top: 100px; }
 @media (max-width: 1199px) {
.header + *:not(.indexmain) { margin-top: 80px; }
}
 @media (max-width: 640px) {
.header + *:not(.indexmain) { margin-top: 50px; }
}
.m-menus { width: 100%; height: 100vh; position: fixed; top: 50px; right: -100%; background: #fff; overflow: hidden; line-height: 40px; font-size: 15px; z-index: 999; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.m-menus .inner { height: calc((100vh - 50px )); overflow-y: auto; border-top: 1px solid #e3e3e3; padding-bottom: 30px; }
.m-menus .hd-tel { text-align: center; display: block; margin: 30px 0 0; }
.m-menus a { color: #333; }
.m-menus.active { right: 0; }
.m-menus ul { overflow-y: auto; border-bottom: 1px solid #e3e3e3; }
.m-menus .item:not(:first-child) { border-top: 1px solid #e3e3e3; }
.m-menus .item { cursor: pointer; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; position: relative; }
.m-menus .item .iconfont { position: absolute; right: 8%; top: 50%; transform: translateY(-50%); font-size: 15px; color: #999; font-weight: bold; transition: 0.3s; }
.m-menus .item > a, .m-menus h5 { display: block; padding: 0 8%; line-height: 54px; color: #333; position: relative; font-size: 16px; }
.m-menus .xs-dropinfo { display: none; background: rgba(0, 0, 0, 0.05); padding: 15px 50px; font-size: 14px; }
.m-menus .xs-dropinfo a { color: #666; display: block; line-height: 40px; }
.m-menus .trans { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.m-menus .open h5 { background: #2466ad; color: #fff; border-top: 0; }
.m-menus .open h5 .iconfont { color: #fff; }
.m-menus .open h5 .iconfont::before { content: "\e625"; }
.m-menus .open h5 > a, .m-menus .open h5 p { font-weight: bold; }
.m-menus .xs-dropinfo dl.br { border-right: 1px solid #ccc; }
.ibanner-box { background-color: #ccc; }
.index-banner { width: 88%; max-width: 1400px;height:460px; margin-left: auto; margin-right: auto; max-width: 1920px; position: relative; width: 100% !important; }
.index-banner .swiper-pagination-bullet { background: none; opacity: 1; border: 1px solid #2466ad; transition: 0.3s; width: 10px; height: 10px; }
.index-banner .swiper-pagination-bullet-active { background: #2466ad; }
.index-banner .swiper-button-prev { left: 2%; }
.index-banner .swiper-button-next { right: 2%; }
.index-banner .swiper-button-next, .index-banner .swiper-button-prev { color: rgba(255, 255, 255, 0.5); transition: 0.3s; }
.index-banner .swiper-button-next:hover, .index-banner .swiper-button-prev:hover { color: #fff; }
.index-banner .swiper-slide { background-position: center; background-size: cover; background-repeat: no-repeat; }
.index-banner .swiper-slide img { visibility: hidden; }
.index-banner .content { position: absolute; left: 50%; top: 100px; transform: translateX(-50%); bottom: 0; width: 88%; max-width: 1400px; }
.index-banner .textbox { color: #fff; line-height: 72px; text-align: center; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 5; width: 100%; }
.index-banner .textbox h5 { font-size: 60px; margin: 0; letter-spacing: 2px; margin: 0.1rem 0 0; }
.index-banner .textbox .en { font-size: 24px; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; }
 @media (min-width:1800px) and (max-width: 2560px) {
.index-banner { /*max-height: 70vh;*/ height:700px  }
}
 @media (max-width: 1440px) {
.index-banner { /*max-height: 70vh;*/ height:460px }
.index-banner .swiper-pagination { bottom: 0.3rem; }
}
 @media (max-width: 1200px) {
.index-banner .textbox { line-height: 0.72rem; }
.index-banner .textbox .en { font-size: 0.26rem; }
.index-banner .textbox .entit, .index-banner .textbox h5 { font-size: 0.66rem; }
}
 @media (max-width: 992px) {
.index-banner .content { top: 80px; }
}
 @media (max-width: 768px) {
.index-banner .swiper-pagination { bottom: 0.1rem; }
}
 @media (max-width: 640px) {
.index-banner { max-height: 70vh;}	 
.index-banner { height: 300px; }
.index-banner .content { top: 60px; }
.index-banner .swiper-slide { overflow: hidden; }
.index-banner .swiper-slide img { height: 100%; max-width: none; position: relative; left: 50%; transform: translateX(-50%); }
.index-banner .textbox { padding: 0.3rem 0.1rem; text-align: center; line-height: 34px; }
.index-banner .textbox .en { font-size: 16px; }
.index-banner .textbox h5 { font-size: 32px; }
}
 @media (max-width: 480px) {
.index-banner .textbox .en { font-size: 14px; }
.index-banner .textbox h5 { font-size: 26px; }
}
.ihd h2 { font-size: 36px; margin-bottom: 5px; }
.ihd .en { font-size: 16px; color: #bbb; position: relative; }
.ihd .en::after { content: ''; display: block; margin-top: 20px; width: 34px; height: 4px; background: #2466ad; }
 @media (max-width: 1200px) {
.ihd h2 { font-size: 30px; }
.ihd .en { font-size: 14px; }
.ihd .en::after { margin-top: 15px; }
}
 @media (max-width: 992px) {
.ihd h2 { font-size: 30px; }
.ihd .en { font-size: 14px; }
.ihd .en::after { margin-top: 10px; }
}
 @media (max-width: 640px) {
.ihd h2 { font-size: 24px; }
.ihd .en { font-size: 12px; }
.ihd .en::after { margin-top: 10px; height: 2px; }
}
 @media (max-width: 480px) {
.ihd h2 { margin-bottom: 0; }
}
.igood { padding: 0.9rem 0; width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; }
.igood .hd { margin-bottom: 0.52rem; }
 @media (min-width: 641px) {
.igood .hd { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.igood .goodnav { width: 60%; max-width: 500px; }
}
.igood .goodnav { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; text-align: center; }
.igood .goodnav .item { font-size: 16px; color: #666; transition: 0.3s; cursor: pointer; }
.igood .goodnav .icon { width: 74px; height: 74px; border-radius: 50%; background-color: #ececec; display: block; margin: 0 auto 10px; transition: 0.3s; background-position: center; background-repeat: no-repeat; }
.igood .goodnav .ic1 { background-image: url('/static/images/ic_nav1.png'); }
.igood .goodnav .ic2 { background-image: url('/static/images/ic_nav2.png'); }
.igood .goodnav .ic3 { background-image: url('/static/images/ic_nav3.png'); }
.igood .goodnav .ic4 { background-image: url('/static/images/ic_nav4.png'); }
.igood .goodnav .ic5 { background-image: url('/static/images/ic_nav5.png'); }
.igood .goodnav .item:Hover, .igood .goodnav .active { color: #2466ad; }
.igood .goodnav .item:Hover .icon, .igood .goodnav .active .icon { background-color: #2466ad; }
.igood .goodnav .item:Hover .ic1, .igood .goodnav .active .ic1 { background-image: url('/static/images/ic_nav1_on.png'); }
.igood .goodnav .item:Hover .ic2, .igood .goodnav .active .ic2 { background-image: url('/static/images/ic_nav2_on.png'); }
.igood .goodnav .item:Hover .ic3, .igood .goodnav .active .ic3 { background-image: url('/static/images/ic_nav3_on.png'); }
.igood .goodnav .item:Hover .ic4, .igood .goodnav .active .ic4 { background-image: url('/static/images/ic_nav4_on.png'); }
.igood .goodnav .item:Hover .ic5, .igood .goodnav .active .ic5 { background-image: url('/static/images/ic_nav5_on.png'); }
 @media (max-width: 992px) {
.igood .goodnav .icon { width: 60px; height: 60px; background-size: 60%; }
}
 @media (max-width: 480px) {
.igood .goodnav .icon { width: 50px; height: 50px; background-size: 60%; }
.igood .goodnav .item { font-size: 14px; }
}
 @media (max-width: 640px) {
.igood .ihd { text-align: center; }
.igood .ihd .en:after { margin-left: auto; margin-right: auto; }
.igood .goodnav { margin-top: 0.5rem; }
}
.igood .inner { background: #f5f5f5; position: relative; text-align: center; overflow: hidden; }
 @media (min-width: 641px) {
.igood .row { margin-left: -0.2rem; margin-right: -0.2rem; }
.igood .row > * { padding-left: 0.2rem; padding-right: 0.2rem; }
.igood .col2 .inner { padding-bottom: 0.68rem; }
.igood .col3 .inner { padding-bottom: 0.4rem; }
.igood li { overflow: hidden; margin-bottom: 0.2rem; }
.igood li .tit { height: 0.68rem; line-height: 0.68rem; font-size: 0.24rem; position: absolute; left: 0; width: 100%; bottom: 0; transition: 0.3s; }
.igood li img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.igood li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.igood li:hover .tit { background: #2466ad; color: #fff; }
.igood .col3 li .tit { height: 0.48rem; line-height: 0.48rem; font-size: 16px; }
}
 @media (max-width: 640px) {
.igood .row { margin-left: -8px; margin-right: -8px; }
.igood .row > * { padding-left: 8px; padding-right: 8px; }
.igood li { margin-bottom: 8px; }
.igood li .inner { padding-bottom: 0.1rem; }
.igood li .tit { font-size: 12px; line-height: 18px; min-height: 36px; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-box-pack: center; box-pack: center; -webkit-box-align: center; box-align: center; -webkit-align-items: center; align-items: center; }
.igood.s2 li .tit { font-size: 14px; }
}
.isolutions { padding: 1rem 0 1.3rem; }
.isolutions .hd { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; margin-bottom: 0.74rem; }
.isolutions .hd .desc { font-size: 16px; color: #999; line-height: 24px; }
 @media (min-width: 641px) {
.isolutions .hd { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.isolutions .hd .desc { width: 60%; max-width: 600px; }
}
 @media (max-width: 768px) {
.isolutions .hd .desc { font-size: 14px; line-height: 1.5; }
}
 @media (max-width: 640px) {
.isolutions .desc { margin-top: 0.3rem; }
}
.isolutions-swiper { padding-bottom: 0.8rem; }
.isolutions-swiper .swiper-pagination { bottom: 0; height: 3px; line-height: 1; font-size: 0; width: 30%; max-width: 400px; background: #e6e6e6; left: 50%; transform: translateX(-50%); display: flex; }
.isolutions-swiper .swiper-pagination .swiper-pagination-bullet { min-width: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; border-radius: 0; height: 3px; margin: 0; }
.isolutions-swiper .swiper-pagination .swiper-pagination-bullet { background: #e6e6e6; }
.isolutions-swiper .swiper-pagination .swiper-pagination-bullet-active { background: #2466ad; }
.isolutions-swiper li { padding: 0 0.1rem; cursor: pointer; width: 25%; }
.isolutions-swiper .inner { position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; }
.isolutions-swiper .img { visibility: hidden; }
.isolutions-swiper .content { position: absolute; left: 0; top: 0; width: 80%; height: 100%; }
.isolutions-swiper .cinner { position: absolute; min-width: 40%; padding: 0.1rem 0.16rem 0.1rem 0.1rem; border-left: 4px solid #2466ad; background: #fff; top: 50%; transform: translateY(-50%); }
.isolutions-swiper .icon { width: 0.3rem; height: 0.3rem; position: absolute; right: 0.2rem; top: 0.2rem; }
.isolutions-swiper h4 { font-size: 16px; margin-bottom: 20px; }
.isolutions-swiper .info { font-size: 16px; color: #999; line-height: 1.6; }
 @media (max-width: 1400px) {
.isolutions-swiper li { padding: 0 0.3rem; }
.isolutions-swiper .cinner { padding: 0.3rem 1rem 0.3rem 0.4rem; }
.isolutions-swiper .inner { height: 340px; }
.isolutions-swiper .info { font-size: 14px; }
.isolutions-swiper h4 { font-size: 24px; }
}
 @media (max-width: 1200px) {
.isolutions-swiper li { padding: 0 0.2rem; }
.isolutions-swiper .inner { height: 340px; }
}
 @media (max-width: 992px) {
.isolutions-swiper li { width: 60%; }
}
 @media (max-width: 768px) {
.isolutions-swiper li { width: 80%; }
}
 @media (max-width: 640px) {
.isolutions-swiper li { width: 86%; padding: 0 5px; }
.isolutions-swiper h4 { font-size: 20px; }
}
.iabout { padding-top: 2.2rem; background: url(/static/images/iaboutbg.jpg) no-repeat center; background-size: cover; position: relative; }
.iabout .inner { position: relative; }
.iabout .inner::after { content: ''; display: block; position: absolute; width: 50vw; top: 0; bottom: 0; right: 0; background: url(/static/images/iaboutbg2.jpg) no-repeat right bottom #fff; background-size: contain; z-index: 1; }
.iabout .wrap { padding: 1.4rem 0 1.6rem 1.1rem; background: #fff; }
.iabout .ihd { text-align: right; position: relative; z-index: 5; }
.iabout .ihd .en:after { margin: 10px 0 0 auto; }
.iabout .bd { position: relative; z-index: 5; margin-top: -0.3rem; max-width: 750px; }
.iabout .bd .ic-logo { width: 165px; height: 50px; background-image: url('/static/images/logo2.png'); background-repeat: no-repeat; background-size: contain; background-position: center center; display: block; }
.iabout .bd h2 { font-size: 30px; margin: 0.4rem 0 0.2rem; }
.iabout .bd .desc { font-size: 16px; color: #666; line-height: 1.5; margin-bottom: 0.6rem; }
.iabout .bd .more { border-radius: 2em; width: 150px; height: 44px; line-height: 44px; text-align: center; background: #2466ad; color: #fff; display: block; text-transform: uppercase; transition: 0.3s; }
.iabout .bd .more .iconfont { font-size: 14px; display: inline-block; animation-duration: 1.3s; }
.iabout .bd .more:hover { transform: translateY(-5px); box-shadow: 0 0 5px rgba(255, 87, 34, 0.8); }
 @media (max-width: 992px) {
.iabout { padding: 1rem 0; }
.iabout .wrap { padding: 1rem 1rem 1.4rem; background: url(/static/images/iaboutbg2.jpg) no-repeat right bottom #fff; background-size: contain; }
.iabout .inner:after { display: none; }
}
 @media (max-width: 640px) {
.iabout .wrap { padding: 0.8rem 0.3rem; width: 96%; }
.iabout .bd .ic-logo { height: 40px; }
.iabout .bd h2 { font-size: 20px; }
.iabout .bd .desc { font-size: 14px; }
.iabout .bd .more { font-size: 12px; width: 130px; height: 36px; line-height: 36px; text-align: center; }
}
.icase { background: #f5f5f5; padding: 1.7rem 0 2rem; padding-left: 11%; padding-right: 11%; padding-left: 6%; padding-right: 6%; width: 100%; }
.icase .row { margin-left: 0; margin-right: 0; }
.icase .row > * { padding-left: 0; padding-right: 0; }
 @media (min-width: 992px) {
.icase .row { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; }
.icase .row .contentbox { width: 50%; }
}
.icase .more { border-radius: 2em; width: 150px; height: 44px; line-height: 44px; text-align: center; background: #2466ad; color: #fff; display: inline-block; text-transform: uppercase; transition: 0.3s; }
.icase .more .iconfont { font-size: 14px; display: inline-block; animation-duration: 1.3s; }
.icase .more:hover { transform: translateY(-5px); box-shadow: 0 0 5px rgba(255, 87, 34, 0.8); }
.icase .logobox { text-align: center; }
.icase .desc { font-size: 16px; color: #666; line-height: 1.5; margin: 0.4rem 0 0.7rem; }
 @media (min-width: 993px) {
.icase .contentbox { padding-left: 5%; }
.icase .desc { max-width: 580px; }
}
 @media (max-width: 992px) {
.icase .inner { text-align: center; }
.icase .logobox img { max-width: 600px; }
.icase .ihd .en:after { margin-left: auto; margin-right: auto; }
.icase .contentbox { margin-bottom: 1rem; }
.icase .desc { font-size: 14px; }
.icase .more { font-size: 12px; width: 130px; height: 36px; line-height: 36px; text-align: center; }
}
 @media (max-width: 480px) {
.icase { padding-top: 1rem; padding-bottom: 1rem; }
.icase .contentbox { margin-bottom: 0.5rem; }
}
.banner { position: relative; text-align: center; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; }
.banner .content { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 5; color: #fff; text-align: left; line-height: 2.5; }
.banner h3 { font-size: 0.48rem; margin-bottom: 0.36rem; }
.banner .en { font-size: 0.2rem; font-weight: normal; }
.banner .img { width: 100%; visibility: hidden; max-width: none; }
 @media (max-width: 992px) {
.banner { height: 5rem; }
}
 @media (max-width: 768px) {
.banner .en { font-size: 14px; }
}
 @media (max-width: 640px) {
.banner h3 { font-size: 0.5rem; }
}
 @media (max-width: 480px) {
.banner { height: 190px; }
.banner .img { height: 190px; }
.banner .content { margin-top: 3 0px; }
}
main { overflow-x: hidden; }
.basenav-box { width: 100vw; }
.basenav { position: relative; overflow: hidden; width: 100vw; margin: -78px auto 0; }
.basenav::after { background: rgba(255, 255, 255, 0.85); content: ''; display: block; position: absolute; width: 95vw; top: 0; height: 100%; left: 50%; margin-left: -700px; }
 @media (max-width: 1600px) {
.basenav::after { left: 6%; margin-left: 0; }
}
.basenav .inner { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; position: relative; z-index: 5; text-align: center; }
.basenav .crumb { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); color: #8b8b8b; }
.basenav .crumb a { color: #8b8b8b; }
.basenav .crumb a:hover { color: #2466ad; }
.basenav .crumb .icon-right { margin: 0 4px; font-size: 14px; }
.basenav .crumb em { color: #2466ad; }
.basenav .nav { display: block; padding: 0 60px; font-size: 16px; height: 78px; transition: 0.3s; white-space: nowrap; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-box-pack: center; box-pack: center; -webkit-box-align: center; box-align: center; -webkit-align-items: center; align-items: center; font-weight: bold; line-height: 1.5; }
.basenav .nav em { font-size: 12px; text-transform: uppercase; display: block; margin: 0 auto; color: #999; }
.basenav .nav:hover { background: #fff; }
.basenav .nav.active { background: #2466ad; color: #fff; }
.basenav .nav.active em { color: #fff; }
.basenav .inner { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; }
.basenav .nav { padding: 0 0.5rem; }
.basenav .nav:not(.active):hover { color: #2466ad; }
 @media (max-width: 992px) {
.basenav { margin-top: -70px; }
.basenav .nav { font-size: 16px; height: 70px; }
.basenav .crumb { font-size: 14px; }
}
 @media (max-width: 892px) {
.basenav { margin-top: -60px; }
.basenav .nav { height: 60px; }
.basenav .crumb { display: none; }
}
 @media (max-width: 640px) {
.basenav { margin-top: 0; border-bottom: 1px solid #e5e5e5; height: 44px; }
.basenav .nav { position: relative; min-width: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; padding: 0; font-size: 14px; height: 44px; }
.basenav .nav em { display: none; }
.basenav .inner { width: 100%; }
.basenav .inner .active { background: #f5f5f5; color: #2466ad; }
.basenav .inner .active em { color: #2466ad; }
.basenav .inner .active::after { content: ''; display: block; position: absolute; width: 100%; height: 2px; background: #2466ad; left: 0; bottom: 0; }
}
.pagination { text-align: center; margin-top: 0.5rem; display: block; }
.pagination li { margin: 0 2px; }
.pagination li > a, .pagination li > span { float: none; display: inline-block; cursor: pointer; color: #333; border-radius: 0!important; border: 0; font-size: 16px; }
.pagination .active > a, .pagination .active > span, .pagination .active > a:hover, .pagination .active > span:hover, .pagination .active > a:focus, .pagination .active > span:focus { background: #2466ad; color: #fff; border: 0; }
.pagination li.c a { background: #2466ad; color: #fff; border: 0; }
.good-content { padding: 1rem 0 2.3rem; }
.good-content .content { padding-left: 0.7rem; }
.good-content h2 { font-size: 30px; border-bottom: 1px solid #e5e5e5; margin-bottom: 28px; line-height: 0.9rem; font-weight: bold; }
.good-content .info { font-size: 14px; color: #666; line-height: 1.875; }
 @media (max-width: 992px) {
.good-content .swiperbox { max-width: 80%; margin: 0 auto; }
.good-content .content { padding-left: 0; margin-top: 0.4rem; }
.good-content h2 { border-bottom: 0; margin-bottom: 0.1rem; text-align: center; }
}
 @media (max-width: 768px) {
.good-content .swiperbox { max-width: 100%; }
}
 @media (max-width: 480px) {
.good-content { padding: 0.8rem 0 1.2rem; }
.good-content h2 { font-size: 22px; }
}
.swiperImgs img { width: 100%; }
.swiperdots { margin-top: 0.2rem; }
.swiperdots .swiper-slide { position: relative; cursor: pointer; }
.swiperdots .swiper-slide::after { content: ''; display: block; position: absolute; width: 100%; height: 100%; border: 2px solid transparent; left: 0; top: 0; transition: 0.3s; }
.swiperdots .swiper-slide-thumb-active::after { border-color: #2466ad; }
.solutions-box { padding: 0.9rem 0 1.6rem; }
.solutions-box .list { overflow: hidden; }
.solutions-box .item { margin-bottom: 0.5rem; transition: 0.3s; }
.solutions-box .item .img { overflow: hidden; display: block; position: relative; }
 @media (min-width: 769px) {
.solutions-box .item { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; }
.solutions-box .item .img { max-width: 420px; min-width: 260px; height: 228px; width: 30%; }
.solutions-box .item .img img { height: 100%; width: auto; max-width: none; position: absolute; left: 50%; transform: translateX(-50%); transition: 0.3s; }
.solutions-box .item .img:hover img { transform: scale(1.06) translateX(-50%); }
.solutions-box .item .content { padding: 0.2rem 0.5rem; min-width: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; }
.solutions-box .item:hover { background: #f5f5f5; }
.solutions-box .item:hover h3 a { color: #2466ad; }
}
.solutions-box .item h3 { font-size: 30px; }
.solutions-box .item .info { color: #666; line-height: 24px; height: 48px; display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; margin: 15px 0 26px; }
.solutions-box .item .more { width: 145px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #cecece; color: #666; display: block; border-radius: 4px; transition: 0.3s; }
.solutions-box .item .more:hover { border-color: #2466ad; color: #fff; background: #2466ad; background: #ee3900; }
 @media (max-width: 1360px) {
.solutions-box .item .img { height: 200px; }
}
 @media (max-width: 992px) {
.solutions-box .item h3 { font-size: 22px; }
.solutions-box .item .more { width: 110px; height: 34px; line-height: 34px; text-align: center; }
}
 @media (max-width: 768px) {
.solutions-box .item { margin-bottom: 0.8rem; }
.solutions-box .item .img { height: auto; margin-bottom: 0.4rem; }
.solutions-box .item .img img { width: 100%; }
.solutions-box .item .info { margin: 0.2rem 0 0.4rem; }
}
 @media (max-width: 480px) {
.solutions-box .item .img { margin-bottom: 0.26rem; }
.solutions-box .item .info { margin: 0.14rem 0 0.24rem; }
}
.solutions-article { padding: 0.9rem 0 1.2rem; }
 @media (min-width: 993px) {
.solutions-main { max-width: 1000px; float: left; width: 68%; }
}
.solutions-main h2 { height: 0.9rem; font-size: 36px; font-weight: bold; text-align: center; border-bottom: 1px solid #e5e5e5; margin-bottom: 0.46rem; }
.solutions-main .article { font-size: 16px; line-height: 1.76; }
.solutions-main .article img { display: block; margin: 10px auto; }
 @media (max-width: 1200px) {
.solutions-main h2 { font-size: 30px; }
}
 @media (max-width: 480px) {
.solutions-main h2 { font-size: 22px; height: 0.7rem; }
}
.solutions-sub { border: 1px solid #f5f5f5; }
 @media (min-width: 993px) {
.solutions-sub { margin-top: 0.9rem; width: 28%; max-width: 342px; float: right; }
}
.solutions-sub .swiper-pagination { top: 0; bottom: auto; text-align: right; height: 54px; line-height: 54px; padding-right: 0.1rem; }
.solutions-sub .hd { height: 54px; line-height: 54px; background: #f5f5f5; padding-left: 0.2rem; font-size: 18px; font-weight: bold; }
.solutions-sub ol { padding: 0 0.2rem 0.2rem; }
.solutions-sub li { margin-top: 0.2rem; }
 @media (min-width: 769px) {
.solutions-sub li { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; }
.solutions-sub li .img { width: 40%; display: block; margin-right: 0.1rem; overflow: hidden; }
.solutions-sub li .img img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.solutions-sub li .img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.solutions-sub li .info { min-width: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; }
}
.solutions-sub li h4 { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: 0.04rem; }
.solutions-sub li .keywords { color: #999; }
.solutions-sub li:hover h4 a { color: #2466ad; }
 @media (max-width: 992px) {
.solutions-sub { padding-bottom: 0.2rem; margin-top: 0.5rem; }
.solutions-sub li { width: 50%; float: left; padding-right: 5%; }
}
 @media (max-width: 768px) {
.solutions-sub { margin-top: 0.5rem; }
.solutions-sub ol { padding: 0 0.1rem; }
.solutions-sub li { padding: 0 0.1rem 0.2rem; margin-bottom: 0.24rem; }
.solutions-sub li img { width: 100%; }
.solutions-sub li h4 { margin-top: 0.2rem; }
}
.intrduction-nav { background: #fff; padding: 0.6rem 0; }
.intrduction-nav .inner { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: center; box-pack: center; -webkit-justify-content: center; justify-content: center; cursor: pointer; }
.intrduction-nav .inner .item { width: 20%; text-align: center; }
.intrduction-nav .inner .icon { width: 50px; height: 50px; display: block; margin: 0 auto 10px; background-repeat: no-repeat; background-size: contain; background-position: center; }
.intrduction-nav .inner .ic1 { background-image: url('/static/images/ic_case_1.jpg'); }
.intrduction-nav .inner .ic2 { background-image: url('/static/images/ic_case_2.jpg'); }
.intrduction-nav .inner .ic3 { background-image: url('/static/images/ic_case_3.jpg'); }
.intrduction-nav .inner .item:hover, .intrduction-nav .inner .active { color: #2466ad; }
.intrduction-nav .inner .item:hover .icon, .intrduction-nav .inner .active .icon { background-blend-mode: lighten; background-size: cover; }
.intrduction-nav .inner .item:hover .ic1, .intrduction-nav .inner .active .ic1 { background-image: url('/static/images/ic_case_1.jpg'), linear-gradient(#2466ad, #2466ad); }
.intrduction-nav .inner .item:hover .ic2, .intrduction-nav .inner .active .ic2 { background-image: url('/static/images/ic_case_2.jpg'), linear-gradient(#2466ad, #2466ad); }
.intrduction-nav .inner .item:hover .ic3, .intrduction-nav .inner .active .ic3 { background-image: url('/static/images/ic_case_3.jpg'), linear-gradient(#2466ad, #2466ad); }
 @media (max-width: 768px) {
.intrduction-nav .inner .item { width: 33%; }
}
.cItem:not(.active) { display: none; }
.intrduction-box .cItem { padding: 0.6rem 0 1.9rem; background: #f5f5f5; }
 @media (max-width: 480px) {
.intrduction-box .cItem { padding-bottom: 1rem; }
}
.intrduction-logos { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; background: #fff; padding: 0.7rem; }
.intrduction-logos li { float: left; transition: 0.5s; margin-bottom: 0.3rem; padding: 0 0.2rem; }
.intrduction-logos li:hover { box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1); position: relative; transform: translateY(-5px); }
 @media (min-width: 993px) {
.intrduction-logos li { width: 20%; }
}
 @media (max-width: 992px) {
.intrduction-logos li { width: 25%; }
}
 @media (max-width: 768px) {
.intrduction-logos li { width: 33.3%; }
}
 @media (max-width: 640px) {
.intrduction-logos { padding: 0.4rem 0.2rem 0.2rem; width: 96%; }
}
.case-box { padding: 1.1rem 0 1.5rem; }
 @media (max-width: 480px) {
.case-box { padding: 0.5rem 0 0.6rem; }
}
.case-list { margin-left: -0.24rem; margin-right: -0.24rem; }
.case-list > * { padding-left: 0.24rem; padding-right: 0.24rem; }
.case-list li { margin-bottom: 0.3rem; }
.case-list li img { width: 100%; }
.case-list a { border: 1px solid #dedede; display: block; text-align: center; font-size: 20px; transition: 0.3s; }
.case-list a .tit { height: 0.7rem; line-height: 0.7rem; }
.case-list a:hover { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); color: #2466ad; transform: translateY(-10px); }
.case-list .img { overflow: hidden; }
.case-list .img img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.case-list .img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
 @media (max-width: 992px) {
.case-list .tit { font-size: 16px; }
}
 @media (max-width: 768px) {
.case-list .tit { height: 46px; line-height: 46px; }
}
 @media (max-width: 480px) {
.case-list .tit { font-size: 14px; }
}
.news-list-box { padding: 0.6rem 0 1.8rem; }
.news-list { margin-bottom: 1rem; }
.news-list li { position: relative; }
.news-list .bottom { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.news-list .bottom .time { font-size: 18px; color: #666; }
.news-list .bottom .link { font-size: 16px; transition: 0.3s; position: relative; }
.news-list .bottom .link::before { content: ''; display: inline-block; transition: 0.3s; vertical-align: middle; margin-right: 0.15rem; background: #2466ad; width: 0; height: 3px; }
.news-list .info { line-height: 24px; color: #666; margin-bottom: 0.8rem; font-size: 16px; }
 @media (min-width: 769px) {
.news-list li { display: table; width: 100%; padding: 0.5rem 0; border-bottom: 1px solid #e5e5ee; }
.news-list li > * { display: table-cell; vertical-align: middle; }
.news-list li::after { content: ''; display: block; position: absolute; width: 0px; height: 1px; background: #2466ad; left: 0; bottom: -1px; transition: 0.5s ease-in; }
.news-list .img { width: 32%; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; }
.news-list .img img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.news-list .img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.news-list .img img { width: 100%; visibility: hidden; }
.news-list .content { width: 68%; padding-left: 0.5rem; }
.news-list h3 { font-size: 24px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: 0.14rem; }
.news-list .bottom { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.news-list .bottom .time { font-size: 18px; font-family: medium; }
.news-list li:hover::after { width: 100%; }
.news-list li:hover h3 a { color: #2466ad; }
.news-list li:hover .link { color: #2466ad; }
.news-list li:hover .link::before { width: 30px; }
.news-list .info { height: 48px; display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; }
}
 @media (max-width: 1360px) {
.news-list .content h3 { font-size: 22px; }
.news-list .content .info { font-size: 14px; }
.news-list .bottom .link { font-size: 14px; }
.news-list .bottom .time { font-size: 16px; }
}
 @media (max-width: 768px) {
.news-list { border-bottom: 1px solid #e5e5e5; }
.news-list li { margin-bottom: 0.5rem; }
.news-list .img img { width: 100%; }
.news-list .content { padding-top: 0.3rem; }
.news-list .info { margin: 0.2rem 0; height: 72px; display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 3; }
.news-list .bottom { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.news-list .bottom .link { color: #2466ad; }
.news-list .bottom .link::before { width: 30px; }
.news-list .bottom .time { font-size: 14px; }
}
.article-pnext { margin-top: 0.3rem; font-size: 16px; }
.article-pnext a { color: #999; display: block; }
.article-pnext a:hover { color: #2466ad; }
.article-pnext .pnext { cursor: pointer; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.article-pnext .return { color: #666; }
.article-pnext .return:hover { color: #2466ad; }
.article-pnext .next { padding-right: 0.2rem; position: relative; }
 @media (min-width: 769px) {
.article-pnext { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: relative; }
.article-pnext .pnext { max-width: 30%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.article-pnext .return { position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); left: 50%; }
.article-pnext .next { text-align: right; }
.article-pnext .next .iconfont { position: absolute; right: 0; top: 0; }
}
 @media (max-width: 768px) {
.article-pnext { font-size: 16px; line-height: 2; text-align: left; }
.article-pnext .pnext .iconfont { display: none; }
.article-pnext .return { color: #666; }
}
.articlebox { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; padding: 1rem 0; max-width: 1000px; }
.articlebox h1 { font-size: 36px; font-weight: bold; line-height: 1.4; }
.articlebox .data { font-size: 16px; color: #bbb; margin-top: 0.2rem; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 0.2rem; }
.articlebox article { padding-bottom: 1.4rem; padding-top: 0.6rem; font-size: 16px; color: #666; line-height: 2; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.articlebox article img { display: block; margin: 10px auto; width: 750px; }
 @media (max-width: 768px) {
.articlebox h1 { font-size: 28px; }
}
 @media (max-width: 640px) {
.articlebox { padding: 0.7rem 0; }
.articlebox h1 { font-size: 22px; }
.articlebox .date { font-size: 14px; }
.articlebox article { line-height: 1.76; text-indent: 2em; }
.articlebox article > * { margin-bottom: 0.3rem; }
}
 @media (max-width: 640px) {
.articlebox article { font-size: 15px; }
}
.quality-box { padding: 0.5rem 0 0.4rem; width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; }
.quality-box li { padding: 0.4rem 0; border-bottom: 1px dashed #e5e5e5; position: relative; }
.quality-box li::after { content: ''; display: block; position: absolute; width: 9px; height: 9px; background: #2466ad; border-radius: 50%; right: 0; bottom: -5px; }
.quality-box h4 { font-size: 24px; padding-top: 0.34rem; }
.quality-box .info { font-size: 16px; color: #666; line-height: 24px; }
.quality-box .info p { margin-top: 20px; }
 @media (min-width: 769px) {
.quality-box li { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.quality-box li .content { max-width: 930px; width: 70%; }
}
 @media (max-width: 768px) {
.quality-box li { padding: 0.5rem 0; }
.quality-box .ihd { margin-bottom: 0.3rem; }
.quality-box h4 { font-size: 20px; }
.quality-box .info { font-size: 14px; }
.quality-box .info p { margin-top: 10px; }
}
.servicehd {/* border-bottom: 1px solid #e5e5e5; */ line-height: 1rem; font-size: 0.36rem; }
.download-box { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; padding: 0.4rem 0 2rem; }
.download-box .row { margin-left: -0.2rem; margin-right: -0.2rem; padding-top: 0.5rem; }
.download-box .row > * { padding-left: 0.2rem; padding-right: 0.2rem; }
.download-box .row li { margin-bottom: 0.2rem; }
.download-box .row .icon { background-image: url('/static/images/pdf.png'); background-repeat: no-repeat; background-size: contain; background-position: center center; display: block; margin: 0 0.4rem 0 0.5rem; width: 0.48rem; height: 0.48rem; }
.download-box .row a { background: #f5f5f5; display: block; height: 1.55rem; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; font-size: 0.24rem; transition: 0.3s; border: 1px solid #f8f8f8; }
.download-box .row a:hover { background-color: #fff; border-color: #e5e5e5; color: #2466ad; }
.download-box .row a:hover .icon { background-image: url('/static/images/pdf_on.png'); }
 @media (max-width: 480px) {
.download-box { padding: 0.6rem 0 0.8rem; }
.download-box .row a { height: 1.2rem; }
}
.contact-box { background: url('/static/images/service_bg.png') no-repeat center bottom; padding: 1.2rem 0 0; position: relative; }
.contact-box .wrap { height: 7rem; max-width: 1200px; }
.contact-box .content { margin-top: 1.2rem; float: right; }
.contact-box .content .item { margin-bottom: 0.4rem; font-size: 16px; }
.contact-box .content .icon { margin-right: 0.2rem; }
 @media (min-width: 1921px) {
.contact-box { background-size: 1920px; }
}
 @media (max-width: 1920px) {
.contact-box { background-size: auto 100%; }
.contact-box .content { margin-top: 1rem; }
}
 @media (max-width: 768px) {
.contact-box { background-size: 160vw; background-position: 0 bottom; }
.contact-box .content { float: none; margin-top: 1rem; }
.contact-box .content .icon { width: 40px; height: 40px; }
.contact-box .content .item { font-size: 14px; }
}
 @media (max-width: 480px) {
.contact-box { background-size: 200vw; }
}
.form-box { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; max-width: 1200px; padding: 1.1rem 0 1.5rem; }
.form-box h2 { font-size: 0.36rem; text-align: center; margin-bottom: 0.7rem; }
.form-box form { margin-top: 0.6rem; }
.form-box .item { margin-bottom: 0.36rem; }
.form-box .item label { display: block; margin-bottom: 0.16rem; }
.form-box .item label em { color: #2466ad; }
.form-box .item textarea, .form-box .item input { border: 1px solid #e5e5e5; display: block; width: 100%; transition: 0.3s; }
.form-box .item textarea:focus, .form-box .item input:focus { border-color: #2466ad; }
.form-box .item input { height: 36px; line-height: 36px; padding-left: 0.14rem; }
.form-box .item textarea { height: 2.8rem; padding: 0.14rem; }
.form-box .submit { margin: 0.5rem auto 0; width: 154px; height: 42px; line-height: 42px; text-align: center; background: #2466ad; color: #fff; border-radius: 2em; cursor: pointer; transition: 0.3s; }
.form-box .submit:hover { transform: translateY(-5px); box-shadow: 0 0 5px rgba(255, 87, 34, 0.8); }
.about1 { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; padding-top: 1.2rem; }
.about1 h2 { font-size: 0.36rem; margin-bottom: 0.4rem; }
.about1 .info { color: #666; line-height: 1.7; padding-bottom: 1.2rem; margin-left: -0.3rem; margin-right: -0.3rem; }
.about1 .info > * { padding-left: 0.3rem; padding-right: 0.3rem; }
 @media (max-width: 480px) {
.about1 .info { padding-bottom: 0.5rem; }
}
.about1 .datas { border-top: 1px solid #e5e5e5; padding: 0.7rem 0; text-align: center; }
.about1 .datas .val { font-size: 0.6rem; color: #2466ad; font-family: medium; line-height: 1; }
.about1 .datas .tit { font-size: 16px; color: #666; }
.about1 .datas .valbox { position: relative; display: inline-block; margin-bottom: 0.3rem; }
.about1 .datas .ic { width: 0.8rem; height: 0.8rem; position: absolute; right: -0.3rem; top: 0; z-index: -1; }
.about1 .datas .ic1 { background-image: url('/static/images/ic_about1.jpg'); background-repeat: no-repeat; background-size: contain; background-position: center center; }
.about1 .datas .ic2 { background-image: url('/static/images/ic_about2.jpg'); background-repeat: no-repeat; background-size: contain; background-position: center center; }
.about1 .datas .ic3 { background-image: url('/static/images/ic_about3.jpg'); background-repeat: no-repeat; background-size: contain; background-position: center center; }
.about1 .datas .ic4 { background-image: url('/static/images/ic_about4.jpg'); background-repeat: no-repeat; background-size: contain; background-position: center center; }
 @media (max-width: 992px) {
.about1 .datas li { margin-bottom: 0.6rem; }
}
 @media (max-width: 480px) {
.about1 .datas .tit { font-size: 14px; }
}
.about2 { padding: 0.8rem 0 0.9rem; background: #f5f5f5; padding-left: 11%; padding-right: 11%; padding-left: 6%; padding-right: 6%; width: 100%; }
.about2 .row { margin-left: -5px; margin-right: -5px; }
.about2 .row > * { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }
.about2 .top { background: #fff; text-align: center; padding: 0.5rem 0.2rem 0; height: 1.9rem; }
.about2 .top .tit { font-size: 0.2rem; margin-bottom: 0.2rem; position: relative; }
.about2 .top .tit::after { content: ''; display: block; width: 17px; height: 1px; background: #2466ad; margin: 10px auto 0; }
.about2 .top h3 { font-size: 0.24rem; }
.about2 .img { overflow: hidden; }
.about2 .img img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.about2 .img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.about2 .img img { width: 100%; }
 @media (max-width: 768px) {
.about2 .top { height: auto; padding-bottom: 0.5rem; }
.about2 .top .tit { font-size: 16px; }
.about2 .top h3 { font-size: 20px; }
}
.about3 { padding: 1rem 0 1.8rem; border-bottom: 1px solid #e5e5e5; background: url(/static/images/bg2.jpg) no-repeat center; background-size: cover; }
.about3 .ihd { margin-bottom: 1rem; }
.about3 .tit { font-size: 0.3rem; }
.about3 .tit em { color: #2466ad; }
.about3 .info { font-size: 0.16rem; color: #666; margin: 0.2rem 0 0.4rem; }
.about3 .imgs img { width: 0.6rem; min-width: 40px; margin-right: 0.4rem; }
 @media (max-width: 1200px) {
.about3 .tit { font-size: 20px; }
.about3 .info { font-size: 14px; }
}
 @media (max-width: 768px) {
.about3 .content { margin-bottom: 1rem; }
}
.zsSwiper { text-align: center; }
.zsSwiper img { width: 70%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
.zsSwiper .swiper-button-next, .zsSwiper .swiper-button-prev { color: #fff; border-radius: 50%; width: 36px; height: 36px; background: #dcdcdc; }
.zsSwiper .swiper-button-next::after, .zsSwiper .swiper-button-prev::after { font-size: 14px; }
.zsSwiper .swiper-button-next:hover, .zsSwiper .swiper-button-prev:hover { background: #2466ad; }
 @media (max-width: 480px) {
.zsSwiper .swiper-button-next, .zsSwiper .swiper-button-prev { width: 28px; height: 28px; }
}
.about4 { padding: 0.9rem 0 1.2rem; text-align: center; }
.about4 .ihd { margin-bottom: 0.9rem; }
.about4 .ihd .en:after { margin-left: auto; margin-right: auto; }
.about4 .bd { position: relative; }
.about4 .bd::after { content: ''; display: block; position: absolute; width: 100%; height: 1px; background-color: #f5f5f5; top: 80px; }
.historySwiper { padding-bottom: 1rem; padding-top: 20px; }
.historySwiper .swiper-button-next, .historySwiper .swiper-button-prev { color: #fff; border-radius: 50%; bottom: auto; top: 85px; width: 36px; height: 36px; background: #dcdcdc; }
.historySwiper .swiper-button-next::after, .historySwiper .swiper-button-prev::after { font-size: 14px; }
.historySwiper .swiper-button-next:hover, .historySwiper .swiper-button-prev:hover { background: #2466ad; }
 @media (max-width: 480px) {
.historySwiper .swiper-button-next, .historySwiper .swiper-button-prev { width: 28px; height: 28px; }
}
.historySwiper li { width: 25%; padding: 0 0.5rem 0; }
.historySwiper li .year { font-size: 30px; font-family: medium; color: #666; position: relative; transition: 0.3s; line-height: 30px; height: 30px; }
.historySwiper li .year::after { content: ''; display: block; width: 8px; height: 8px; background: #dcdcdc; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); bottom: -39px; border: 4px solid #fff; box-sizing: content-box; z-index: 5; transition: 0.3s; }
.historySwiper li .info { font-size: 16px; color: #999; padding-top: 76px; position: relative; }
.historySwiper li .info::after { content: ''; display: block; width: 8px; height: 8px; background: #fff; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); z-index: 5; top: 25px; border: 1px solid #2466ad; box-sizing: content-box; z-index: 6; opacity: 0; transition: 0.3s; }
.historySwiper li .info::before { content: ''; display: block; width: 1px; height: 23px; background: #dcdcdc; position: absolute; left: 50%; transform: translateX(-50%); z-index: 5; top: 42px; }
 @media (min-width: 641px) {
.historySwiper .swiper-slide-active + .swiper-slide .info { color: #333; }
.historySwiper .swiper-slide-active + .swiper-slide .year { transform: translateY(-20px); }
.historySwiper .swiper-slide-active + .swiper-slide .year:after { background: #fff; }
.historySwiper .swiper-slide-active + .swiper-slide .info:after { opacity: 1; }
}
 @media (max-width: 1200px) {
.historySwiper li { width: 33.33%; }
}
 @media (max-width: 992px) {
.historySwiper li .info { font-size: 14px; }
}
 @media (max-width: 768px) {
.historySwiper { width: 100%; }
}
 @media (max-width: 640px) {
.historySwiper li { width: 50%; padding: 0 0.3rem; }
.historySwiper li .year { font-size: 20px; padding-top: 15px; }
.historySwiper .swiper-slide-active .info { color: #333; }
.historySwiper .swiper-slide-active .year { transform: translateY(-10px); }
.historySwiper .swiper-slide-active .year:after { background: #fff; }
.historySwiper .swiper-slide-active .info:after { opacity: 1; }
}
.logosbox .inner { max-width: 710px; position: relative; height: 4.8rem; margin: 0 auto; }
 @media (max-width: 992px) {
.logosbox .inner { height: 6rem; }
}
 @media (max-width: 768px) {
.logosbox .inner { height: 7rem; }
}
 @media (max-width: 640px) {
.logosbox .inner { height: 5.5rem; }
}
 @media (max-width: 480px) {
.logosbox .inner { height: 4.5rem; }
}
.logosbox img { box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); border-radius: 50%; position: absolute; width: 18%; max-width: 100px; }
.logosbox .logo1 { top: 10px; left: 0; animation-duration: 0.5s; animation-delay: 0.2s; max-width: 90px; }
.logosbox .logo2 { left: 30%; top: 5%; animation-duration: 2s; animation-duration: 0.5s; max-width: 86px; }
.logosbox .logo3 { right: 0; top: 0; animation-duration: 0.3s; animation-delay: 1s; max-width: 75px; }
.logosbox .logo4 { left: 20%; top: 40%; animation-delay: 0.4s; animation-duration: 0.8s; width: 22%; max-width: 120px; }
.logosbox .logo5 { left: 60%; top: 30%; animation-duration: 2s; width: 25%; max-width: 150px; }
.logosbox .logo6 { left: 5%; bottom: 0px; animation-delay: 0.5s; animation-duration: 0.4s; max-width: 100px; }
.logosbox .logo7 { left: 50%; bottom: 10%; animation-duration: 0.5s; }
.logosbox .logo8 { right: 5%; bottom: 0px; animation-delay: 0.3s; animation-duration: 0.4s; }
.bshare-custom .iconfont { padding-left: 0; margin-left: 15px; background: #fff !important; font-size: 20px; color: #cccccc; text-decoration: none!important; }
.bshare-custom .iconfont:hover { color: #2466ad; }
.bshare-custom .bshare-weixin::after { content: "\e615"; }
.bshare-custom .bshare-qqim::after { content: "\e612"; }
.bshare-custom .bshare-sinaminiblog::after { content: "\e63e"; }
.bsBox, .bsBox * { box-sizing: content-box; }

/*# sourceMappingURL=css.css.map */