@import 'iconfont.css';
.iconfont { font-size: inherit; }
h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-size: inherit; }
h2, h3 { font-weight: bold; }
input, button, textarea { outline: none; border: 0; background: none; box-shadow: none; }
dl, dt, dd, ol, ul, li { list-style: none; margin: 0; padding: 0; }
P { margin-bottom: 0; }
em { font-style: normal; }
body { -webkit-overflow-scrolling: touch; font-family: '思源黑体', '微软雅黑', '宋体', Helvetica, sans-serif; }
a:hover, a { color: #333; }
.xs { font-size: 12px!important; }
.line-b { border-bottom: 1px solid #f0f0f0; }
.shadow { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
img { max-width: 100%; }
.ic { background-repeat: no-repeat; background-position: center; display: inline-block; }
.text-info { color: #666; }
a { text-decoration: none !important; }
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color: #bbbbbb;
}
 input:-moz-placeholder, textarea:-moz-placeholder {
 color: #bbbbbb;
}
 input::-moz-placeholder, textarea::-moz-placeholder {
 color: #bbbbbb;
}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 color: #bbbbbb;
}
.mnav { display:none}
.scene-list h3, .scene-list li:hover .info { color: #fff }
.js-m-3 { opacity: 0; -webkit-transform: translate(-10px, -30px); -ms-transform: translate(-10px, -30px); transform: translate(-10px, -30px); -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }
.delay01 { -webkit-transition-delay: 0.06s !important; transition-delay: 0.06s !important; }
.delay02 { -webkit-transition-delay: 0.12s !important; transition-delay: 0.12s !important; }
.delay03 { -webkit-transition-delay: 0.18s !important; transition-delay: 0.18s !important; }
.delay04 { -webkit-transition-delay: 0.24s !important; transition-delay: 0.24s !important; }
.delay05 { -webkit-transition-delay: 0.3s !important; transition-delay: 0.3s !important; }
.delay06 { -webkit-transition-delay: 0.36s !important; transition-delay: 0.36s !important; }
.delay07 { -webkit-transition-delay: 0.42s !important; transition-delay: 0.42s !important; }
.js-m-3.animate { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.mt0 { margin-top: 0!important; }
.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; }
@font-face { font-family: medium; src: url('../fonts/din medium.ttf'), url('../fonts/din medium.eot'), url('../fonts/din medium.eot');/* IE9+ */ }
.medium { font-family: medium; }
.flex { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; }
.flex-x { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; }
.flex-x-center { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -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; }
.flex-between { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -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; }
.flex-between-t { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.flex-x-bottom { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-align: end; box-align: end; -webkit-align-items: flex-end; align-items: flex-end; }
.flex-y { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-y-center { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -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; text-align: center; }
.flex-grow-0 { min-width: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
.flex-grow-1 { 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; }
.ver > * { display: inline-block; vertical-align: middle; }
.myrow { display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; }
.row1 { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.row2 { display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; }
.row3 { display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 3; }
.hv-scale { overflow: hidden; display: block; margin: 0 auto; }
.hv-scale img { -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.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); }
.hv-scale-xs { overflow: hidden; }
.hv-scale-xs img { -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; display: block; }
.hv-scale-xs:hover img { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
.c-green { color: #24ddc7; }
.bg-green { background-color: #24ddc7; }
.bg-gray { background: #f4f4f4; }
.c-blue { color: #0d4e9b; }
.bg-blue { background-color: #0d4e9b; }
.c-red { color: #dd2e1b; }
.bg-red { background-color: #dd2e1b; }
.c-orange { color: #ff0000; }
.bg-orange { background: #ff0000; }
.hv-f:hover { color: #fff; }
.hv-orange:hover { color: #ff0000; }
.hv:hover { color: #0d4e9b; }
.hv-red:hover { color: #dd2e1b; }
.hv-bg:Hover { background-color: #09366c; color: #fff; }
.bg-white { background: #fff; }
.tran3 { transition: all 0.3s; }
.bg-gray { background: #f5f5f9; }
/* 手机端菜单*/

.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: 28px; height: 1px; 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; }
.menu_btn._center { /*right: 18%;*/ }
.m-menus { width: 100%; position: fixed; left: 0; top: 80px; right: 0; background: #fff; z-index: -1; overflow: hidden; opacity: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; height: 0; font-size: 14px; line-height: 40px; color: #333; }
.m-menus.active { bottom: 0; z-index: 99; opacity: 1; height: auto; }
.m-menus .item { border-bottom: 1px solid rgba(255, 255, 255, 0.15); transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; position: relative; }
.m-menus .icon-right { position: absolute; right: 6%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 12px; color: #999; }
.m-menus a { display: block; width: 100%; padding: 0 6%; line-height: 46px; color: #000; position: relative; box-sizing: border-box; border-bottom: 1px solid #dcdcdc; }
.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 a.active { font-weight: normal; color: #009fd6; }
.banner_index { width: 100%; height: 100%; position: relative; display: table; table-layout: fixed; overflow: hidden; }
.banner_index video { position: absolute; left: 0; top: 0; display: table; z-index: 1; width: 100% !important; height: 100% !important; object-fit: cover; }
.sp_bg {/* width: 100%; height: 100%; background: rgba(0, 30, 37, 0.73); position: absolute; top: 0px; left: 0px; z-index: 2; */}
#about .mai_kai { padding-top: 60px; }
.banner_indexx { height: calc(100vh); }
.banner_text { width: 100%; height: 100%; position: absolute; z-index: 3; display: table; }
.banner_text div { display: table-cell; vertical-align: middle; position: relative; width: auto; height: auto; text-align: center; }
.banner_text div h3 { font-size: 50px; color: #ff0000; font-weight: normal; }
.banner_text div strong { font-weight: normal; font-size: 30px; display: block; line-height: 40px; padding-bottom: 15px; }
.banner_text div em { font-size: 20px; color: #fff; display: block; margin: 0 auto; width: 50% }
.ifuwu { background: #f4f4f4; background: #f5f5f9; }
.section-title { text-align: center; margin-bottom: 50px; font-size: 32px; font-weight: 700 }
.section-title small { display: block; font-weight: 400; font-size: 18px }
.section-title:after { display: block; content: ''; background: url(../images/cptit.jpg) no-repeat center bottom/auto 100%; height: 18px; margin-top: 20px }
.bg2 { background: url(../images/rzbg.jpg) no-repeat center/cover; color: #fff; padding: 70px }
.bg2 .section-title:after { background-image: url(../images/cptit.png) }
.bg2 .container { width: 1230px }
.in-rz { margin-left: -82px }
.in-rz li { float: left; width: 131px; margin-left: 82px }
.in-rz li .wrap { display: table; width: 100%; height: 131px; position: relative }
.in-rz li .wrap:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: url(../images/rzico.png) no-repeat 0 0; -webkit-transition: all .5s; transition: all .5s; -webkit-transform: rotate(0deg); transform: rotate(0deg) }
.in-rz li .inner { display: table-cell; vertical-align: middle; text-align: center; padding: 0 25px }
.in-rz li .inner p { margin: 0 }
.in-rz li:nth-child(2) .wrap:before { background-position: -214px 0 }
.in-rz li:nth-child(3) .wrap:before { background-position: -427px 0 }
.in-rz li:nth-child(4) .wrap:before { background-position: -642px 0 }
.in-rz li:nth-child(5) .wrap:before { background-position: -855px 0 }
.in-rz li:nth-child(6) .wrap:before { background-position: -1068px 0 }
.in-rz li .wrap:hover:before { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
.in-rz-tel { margin-top: 50px; text-align: center }
.in-rz-tel p { margin: 0 auto; width: 590px; background: url(../images/rztel.png) no-repeat 0 0; height: 64px; padding-left: 110px; font-size: 16px; line-height: 40px }
.in-rz-tel strong { color: #f7c433; font-size: 30px; font-family: Impact }
.in-rz-tel .btn { display: block; width: 190px; line-height: 45px; color: #fff; background-color: #ff0000; margin: 20px auto 0 }
.copyright a { color: #999; }
.copyright a:hover { color: #fff; }
.header .logo { background: url(../images/hd_logo_1_.png) no-repeat 0 center; }
.header:hover .logo, .header.on .logo { background-image: url(../images/hd_logo_2.png); }
footer .ft-bottom .inner { /* background: url(../images/ft_logo_.png) no-repeat 0 center;*/ }
.ibox2 { padding-top: 1.1rem }



/*

.pb0 { height:100%}

section, footer { clear:both}

*/

@media (max-width: 1200px) {
.m-menus { top: 80px; }
}
 @media (max-width: 920px) {
.m-menus { top: 50px; }
}

/*网站单位设置*/

@-webkit-keyframes move { from {
 top: 100%;
}
to { top: -100%; }
}
.toTop { position: fixed; width: 1.2rem; height: 1.2rem; line-height: 1.2rem; text-align: center; z-index: 555; right: 50px; bottom: 1.4rem; color: #fff; cursor: pointer; transition: all 0.3s; overflow: hidden; background: rgba(255, 0, 0, 0.8); }
.toTop .icon-ltop { font-size: 0.6rem; transition: all 0.3s; position: relative; }
.toTop .icon-top { display: none; }
 @media (min-width: 641px) {
.toTop .icon-ltop { animation: move 2s infinite linear; }
}
 @media (max-width: 920px) {
.toTop { display: block; background-color: #f00; display: inline-block; background-size: auto 160px; width: 40px; height: 40px; background-position: -600px 0; background-repeat: no-repeat; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; -ms-filter: "alpha(opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; right: 0; bottom: 100px; }
.toTop .icon-ltop { display: none; }
.toTop .icon-top { display: block; line-height: 40px; }
}
.wrap { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; }
.w1400 { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; max-width: 1400px; }
.w1300 { width: 88%; max-width: 1300px; position: relative; margin-left: auto!important; margin-right: auto!important; }
.tabBd .cItem { display: none; }
.tabBd .cItem.active { display: block; }
.tab-hd .item { cursor: pointer; }
.cover-wrap { position: relative; overflow: hidden; cursor: pointer; }
.cover-wrap img { width: 100%; display: block; transform: translateZ(0); transition: transform 0.3s ease 0s; }
.cover-wrap .cover { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s; background: rgba(0, 0, 0, 0.5); }
.cover-wrap p { margin: 0; }
.cover-wrap .text { font-size: 16px; line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #fff; padding: 10px 0; }
.cover-wrap .text::before, .cover-wrap .text::after { content: ''; position: absolute; display: block; width: 100px; height: 2px; background-color: #f2f2f2; left: 50%; margin-left: -50px; transition: all 0.6s ease 0s; z-index: 99; }
.cover-wrap .text::before { top: 0; }
.cover-wrap .text::after { bottom: 0; }
.cover-wrap:hover img { transform: scale(1.05, 1.05); }
.cover-wrap:hover .cover { opacity: 1; }
.cover-wrap:hover .text::before, .cover-wrap:hover .text::after { width: 6px; margin-left: -3px; opacity: 0.6; filter: alpha(opacity=60); }
.sliding-menu { overflow: hidden; position: relative; }
.sliding-menu ul { float: left; margin: 0; }
.sliding-menu li { list-style: none; margin: 0; }
.sliding-menu a { display: block;/* padding: 1em; */ }
/* .sliding-menu a:hover {

    background: #333;

    color: #FFF;

} */

.sliding-menu a.nav:before { content: '\3009'; float: right; margin-left: 1em; }
.sliding-menu a.back { background: #555; color: #FFF; }
.sliding-menu a.back:before { content: '\3008'; float: left; margin-right: 0.3rem; }
.bgcover { background-position: center; background-repeat: no-repeat; background-size: cover; }
.bgcontain { background-position: center; background-repeat: no-repeat; background-size: contain; }
.more1 { display: inline-block; font-size: 16px; position: relative; overflow: hidden; border: 1px solid #333; color: #333; padding: 0 0.64rem; transition: all 0.3s; line-height: 0.8rem; }
.more1 span { position: relative; z-index: 5; }
.more1::after { content: ''; display: block; position: absolute; left: -20%; bottom: 0; top: 0; background: #ff0000; transition: all 0.3s; width: 0; z-index: 1; transform: skew(45deg); }
.more1:hover { border-color: #ff0000 !important; }
.more1:hover::after { width: 150%; }
 @media (max-width: 920px) {
.more1 { line-height: 34px; }
}
 @media (max-width: 640px) {
.more1 { line-height: 26px; font-size: 14px; padding: 0 20px; }
}
.more1::after { background: #fff; }
.more1:hover { border-color: #fff !important; color: #333 !important; }
.more2 { display: inline-block; font-size: 16px; position: relative; overflow: hidden; border: 1px solid #333; color: #333; padding: 0 0.64rem; transition: all 0.3s; line-height: 0.8rem; }
.more2 span { position: relative; z-index: 5; }
.more2::after { content: ''; display: block; position: absolute; left: -20%; bottom: 0; top: 0; background: #ff0000; transition: all 0.3s; width: 0; z-index: 1; transform: skew(45deg); }
.more2:hover { border-color: #ff0000 !important; }
.more2:hover::after { width: 150%; }
 @media (max-width: 920px) {
.more2 { line-height: 34px; }
}
 @media (max-width: 640px) {
.more2 { line-height: 26px; font-size: 14px; padding: 0 20px; }
}
.more2:hover { color: #fff; }
 @media (max-width: 920px) {
.more2 { line-height: 34px; }
}
 @media (max-width: 640px) {
.more2 { line-height: 26px; font-size: 14px; }
}
.more3 { display: inline-block; font-size: 16px; position: relative; overflow: hidden; border: 1px solid #333; color: #333; padding: 0 0.64rem; transition: all 0.3s; line-height: 0.8rem; background: #ff0000; color: #fff; border-color: #ff0000; padding: 0 0.8rem; }
.more3 span { position: relative; z-index: 5; }
.more3::after { content: ''; display: block; position: absolute; left: -20%; bottom: 0; top: 0; background: #ff0000; transition: all 0.3s; width: 0; z-index: 1; transform: skew(45deg); }
.more3:hover { border-color: #ff0000 !important; }
.more3:hover::after { width: 150%; }
 @media (max-width: 920px) {
.more3 { line-height: 34px; }
}
 @media (max-width: 640px) {
.more3 { line-height: 26px; font-size: 14px; padding: 0 20px; }
}
.more3::after { background: #fff; }
.more3:hover { background: #e4650d; color: #ff0000; }
 @media (max-width: 1200px) {
.more3 { line-height: 34px; font-size: 14px; }
}
 @media (max-width: 640px) {
.more3 { line-height: 26px; font-size: 12px; }
}
.hd-search { height: 100%; position: absolute; right: 0; top: 0; }
.hd-search button { width: 0.5rem; border: 0; box-shadow: none; color: #fff; background: none; width: 106px; text-align: center; height: 28px; position: relative; top: 50%; transform: translateY(-50%); height: 30px; line-height: 30px; }
.hd-search button .iconfont { font-size: 24px; }
.hd-search-pop { z-index: 999; height: 0; overflow: hidden; transition: all 0.3s; position: absolute; background: #f7f7f7; max-width: 573px; right: 0; top: 100%; width: 40%; }
.hd-search-pop .inner { position: relative; margin: 0 8%; }
.hd-search-pop .inner > * { height: 1.2rem; line-height: 1.2rem; margin-top: 10px; }
.hd-search-pop .icon-guanbi1 { display: none; }
.hd-search-pop .key { text-indent: 12px; width: 100%; color: #ff0000; border-bottom: 1px solid #ff0000; font-size: 16px; }
.hd-search-pop button { width: 20%; font-size: 20px; color: #ff0000; position: absolute; right: 0; text-align: right; top: 0; }
.hd-search-pop.show { height: auto; padding-bottom: 20px; }
 @media (max-width: 992px) {
.hd-search-pop { left: 0; top: 0; right: 20px; max-width: none; width: 100%; padding: 0; transition: 0s; }
.hd-search-pop.show { height: 100%; padding: 0 !important; padding-top: 20px; }
.hd-search-pop .inner { margin: 15px 12% 0 10px; }
.hd-search-pop .inner input { font-size: 14px; }
.hd-search-pop .inner input, .hd-search-pop .inner button { height: 49px; line-height: 50px; border-bottom: 0; color: #fff; margin-top: 0; }
.hd-search-pop .icon-guanbi1 { position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 20px; display: block; }
}
 @media (max-width: 920px) {
.hd-search-pop { padding-top: 0; background: #000; }
.hd-search-pop .inner { margin-top: 0; }
.hd-search-pop .icon-guanbi1 { color: #fff; }
}
.header:hover, .header.on { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.header:hover .logo, .header.on .logo { background-image: url(../images/hd_logo_2.png); }
.header:hover .pc-menus .item a, .header.on .pc-menus .item a { color: #666; }
.header:hover .pc-menus .item a:hover, .header.on .pc-menus .item a:hover { color: #ff0000; }
.header:hover .pc-menus .item .active, .header.on .pc-menus .item .active { color: #ff0000; }
.header:hover .hd-search button .iconfont, .header.on .hd-search button .iconfont { color: #666; }
.header:hover .menu_btn i, .header.on .menu_btn i { background: #333; }
.header.on .pc-menus .item.active > a { border-bottom-color: #ff0000; color: #ff0000; }
.pop-product-tab { text-align: left; overflow: hidden; opacity: 1; transition: all 0.3s; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.03); height: 0; position: absolute; top: 100%; margin-top: 2px; background: #fff; width: 680px; }
.pop-product-tab .tab-hd { width: 200px; float: left; }
.pop-product-tab .tab-hd .hitem { height: 80px; line-height: 80px; background: #ff0000; color: #fff; font-size: 18px; text-indent: 40px; cursor: pointer; transition: all 0.3s; }
.pop-product-tab .tab-hd .hitem + .hitem { border-top: 1px solid #f7a66f; }
.pop-product-tab .tab-hd .active { background: #fff; color: #ff0000; }
.pop-product-tab .tab-bd { width: 480px; float: left; padding-left: 42px; overflow: hidden; padding-right: 35px; }
.pop-product-tab .tab-bd h4 { font-size: 18px; color: #666; margin-bottom: 26px; padding-top: 33px; font-weight: bold; }
.pop-product-tab .info a { display: block; width: 45%; line-height: 36px; color: #666; float: left; }
.pop-product-tab .info a:hover { color: #ff0000; }
.pop-product-tab .s2 .icon-right { color: #ff0000; font-size: 16px; }
.pop-product-tab .info-text { font-size: 14px; line-height: 1.6; color: #666; border-top: 1px solid #eaeaea; padding-top: 30px; }
.m-menus { height: cale(100%-50px); overflow-y: auto; }
.header { transition: all 0.3s; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; height: 80px; z-index: 666; position: fixed; left: 0; right: 0; top: 0; font-size: 16px; background: rgba(0, 0, 0, 0.1); }
.header .logo { background: url(../images/hd_logo_1.png) no-repeat 0 center; transition: all 0.3s; position: absolute; height: 100%; padding-left: 30px; width: 80%; }
.header .logo img { max-height: 80%; }
.header .logo span { height: 28px; line-height: 28px; border-left: 1px solid rgba(255, 255, 255, 0.3); padding-left: 20px; margin-top: 26px; display: block; color: #fff; letter-spacing: 1px; }
.header .pc-menus { transition: all 0.3s; text-align: center;  margin-left: 320px;}
.header .pc-menus .item { font-size: 16px; display: inline-block; line-height: calc(80px); transition: all 0.3s; position: relative; padding: 0 25px; }
.header .pc-menus .item > a { color: #fff; display: block; position: relative; padding: 0 6px; transition: all 0.3s; height: 78px; }
.header .pc-menus .item .hd-item-pop { font-size: 14px; border-top: 4px solid #ff0000; opacity: 0; transition: all 0.3s; position: absolute; top: 100%; margin-top: 1px; left: 0; right: 0; background: rgba(255, 255, 255, 0.95); z-index: 9999; }
.header .pc-menus .item .hd-item-pop a { color: #666; height: 0; line-height: 36px; display: block; transition: all 0.3s; }
.header .pc-menus .item .hd-item-pop a:hover { color: #ff0000; }
.header .pc-menus .item:hover > a { color: #ff0000; }
.header .pc-menus .item:hover .hd-item-pop { opacity: 1; padding: 20px 0 24px; }
.header .pc-menus .item:hover .hd-item-pop a { height: 36px; }
.header .pc-menus .item:hover .pop-product-tab { opacity: 1; height: 320px; border-top: 1px solid #ff0000; }
.header .pc-menus .item.active > a { border-bottom: 2px solid #fff; }
 @media (max-width: 1520px) {
.header .pc-menus { margin-left: 290px; }
.header .pc-menus .item { padding: 0 20px; }
}
 @media (max-width: 920px) {
.header { height: 50px; }
.header .hd-search { border-left: 0; }
.header .hd-search button { width: 50px; }
.header .logo { background-size: auto 30px !important; margin-left: 10px; }
.header m-nav { top: 50px; }
.header .logo { left: 0; }
.header .logo img { left: 15px; }
}
 @media (max-width: 640px) {
.header .logo { background-size: auto 26px !important; }
footer .ft-bottom {  margin-bottom:49px }
}
/* footer */

footer { background: #222222; color: #fff; color: #999; }
footer .ic-police { background-image: url('../images/ic_ico.png'); width: 20px; height: 30px; vertical-align: middle; margin-right: 2px; }
footer .content { padding: 90px 0 86px; border-bottom: 1px solid #3e3e3e; }
footer .item-nav { line-height: 30px; float: left; margin-left: 2.36rem; color: #fff; }
footer .item-nav:first-child { margin-left: 0; }
footer .item-nav h4 { font-size: 18px; margin-top: 0; position: relative; margin-bottom: 20px; }
footer .item-nav .icon-jia { float: right; opacity: 0; transition: 0.3s; display: none; }
footer .item-nav .info a { display: block; color: #999; }
footer .item-nav .info a:Hover { color: #fff; }
footer .item-contact { float: right; }
footer .code-wrap { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -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; text-align: center; }
footer .code-wrap p { opacity: 0.5; padding-top: 10px; }
footer .code-wrap .citem + .citem { margin-left: 30px; }
footer .tel { font-size: 26px; font-weight: bold; height: 30px; line-height: 30px; font-family: medium; background: url('../images/ft_tel.png') no-repeat left center; padding-left: 40px; float: right; }
footer .week { text-align: right; clear: both; padding: 20px 0; }
footer .ft-bottom { padding-top: 40px; padding-bottom: 56px; line-height: 30px;  }
footer .ft-bottom .inner { /*position: relative; padding-left: 90px; background: url(../images/ft_logo.png) no-repeat 0 center;*/ }
footer .ft-bottom .skill { position: absolute; color: #999; right: 0; top: 0px; }
footer .ft-bottom .skill:hover { color: #fff; }
footer .ft-bottom .link a { color: #999; display: inline-block; padding: 0 2px; }
footer .ft-bottom .link a:hover { color: #fff; }
footer .ft-bottom .link a:first-child { padding-left: 0; }
footer .ft-bottom .ft-nav a { display: inline-block; padding-left: 13px; margin-right: 34px; color: #bbb; position: relative; }
footer .ft-bottom .ft-nav a::before { content: ''; display: block; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-left: 5px solid #fff; left: 0; top: 50%; transform: translateY(-50%); }
footer .ft-bottom .ft-nav a:hover { color: #fff; }
footer .copyright span { display: inline-block; margin-right: 10px; }
 @media (max-width: 1500px) {
footer .item-nav { margin-left: 1.5rem; }
}
 @media (max-width: 1300px) {
footer .item-nav { margin-left: 1.3rem; }
footer .code-wrap img { width: 108px; }
footer .ft-bottom .inner { padding-left: 0; background: none; }
}
 @media (max-width: 1080px) {
footer .content { padding-bottom: 56px; }
footer .ft-navs { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
footer .item-nav { width: auto; max-width: none; margin-right: 0; }
footer .item-contact { float: none; clear: both; padding-top: 50px; width: 100%; text-align: center; }
footer .item-contact h4 { display: none; }
footer .tel { font-size: 30px; font-weight: bold; float: none; display: inline-block; }
footer .week { padding: 10px 0 25px; text-align: center; }
}
 @media (max-width: 768px) {
.scene-list h3, .scene-list li:hover .info { color: #333 }
.banner_text div { padding: 0 15px }
.banner_text div h3 { font-size: 44px }
.banner_text div em { width: 94%; text-align: justify }
.bg2 { padding: 30px 0 }
.bg2 .container { width: 100% }
.section-title { font-size: 20px; margin-bottom: 20px }
.section-title small { font-size: 12px }
.section-title:after { height: 12px; margin-top: 5px }
.in-rz { margin: -20px 0 0 }
.in-rz li { width: 50%; margin: 20px 0 0 }
.in-rz li .wrap { width: 131px; margin: 0 auto }
.in-rz-tel { margin-top: 30px }
.in-rz-tel p { background: 0 0; width: auto; padding: 0; height: auto }
.in-rz-tel strong { display: block }
footer .ft-navs { display: block !important; margin-bottom: 30px; }
footer .content { padding: 30px 0; }
footer .content .wrap { padding: 0; }
footer .item-nav { margin-left: 0; }
footer .item { float: none; width: 100%; }
footer .item .icon-jia { display: block; transition: 0.3s; opacity: 1; font-size: 12px; }
footer .item h4 { font-size: 14px; position: relative; border-bottom: 1px solid #3e3e3e; height: 42px; line-height: 42px; color: #fff; margin-bottom: 0; }
footer .item .info { display: none; font-size: 13px; padding: 10px 30px; line-height: 2; }
footer .item-nav.active .iconfont { transform: rotate(135deg); }
footer .item-contact { font-size: 12px; padding-top: 0; }
footer .code-wrap img { width: 90px; }
footer .tel { font-size: 20px; background-size: 24px; padding-left: 32px; }
footer .ft-bottom { font-size: 12px; padding-top: 30px; padding-bottom: 30px; }
footer .ft-bottom .skill { position: static; }
}
.swiper-banner { height: calc((100vh - 150px)); overflow: hidden; }
.swiper-banner .pnext { width: 90%; position: absolute; top: 50%; left: 5%; transform: translateY(-50%); z-index: 55; --swiper-navigation-color: #fff;
 --swiper-navigation-size: 0.8rem;
}
.swiper-banner .pnext .item { opacity: 0.7; transition: 0.3s; }
.swiper-banner .pnext .item:hover { opacity: 1; }
 @media (max-width: 768px) {
.swiper-banner .pnext { display: none; }
}
.swiper-banner .swiper-slide { overflow: hidden; width: 100%; }
.swiper-banner .bg { width: 100%; height: 100%; background-size: contain; transform: scale(1.2); background-position: center !important; background-size: cover !important; transition: all 7.6s cubic-bezier(0.04, 0.79, 1, 1) !important; box-sizing: border-box; }
.swiper-banner .more1 { color: #fff; border-color: #fff; }
.swiper-banner .more1:hover { border-color: #fff !important; }
.swiper-banner .more1:hover span { color: #333 !important; }
.swiper-banner .swiper-slide-active .bg { transform: scale(1); }
.swiper-banner .swiper-pagination { line-height: 4px; bottom: 0.6rem; }
.swiper-banner .swiper-pagination-bullet { width: 0.6rem; height: 0.04rem; background: rgba(255, 255, 255, 0.4); border-radius: 0px; opacity: 1; margin: 0 0.1rem !important; overflow: hidden; }
.swiper-banner .swiper-pagination-bullet-active { background: #ff0000; }
.swiper-banner .content { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; max-width: 70%; padding-top: 50px; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); left: 50%; position: absolute; color: #fff; font-size: 16px; }
.swiper-banner .content h3 { font-size: 1.2rem; margin-bottom: 10px; }
.swiper-banner .content h4 { font-size: 0.72rem; margin: 15px 0 30px; }
.swiper-banner .content .desc { line-height: 1.8; max-width: 560px; margin-bottom: 1rem; }
 @media (max-width: 920px) {
.swiper-banner { height: 500px; }
}
 @media (max-width: 480px) {
.swiper-banner { height: 440px; }
.swiper-banner .content { font-size: 12px; }
}
.banner { transition: all 0.3s; height: calc((100vh - 200px)); max-height: 680px; position: relative; overflow: hidden; }
.banner .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: contain; transform: scale(1.2); background-position: center !important; background-size: cover !important; transition: all 7.6s cubic-bezier(0.04, 0.79, 1, 1) !important; box-sizing: border-box; }
.banner .bg.animated { transform: scale(1); }
.banner .more1 { color: #fff; border-color: #fff; }
.banner .more1:hover { border-color: #fff !important; }
.banner .more1:hover span { color: #333 !important; }
.banner .content { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; position: absolute; margin-top: 25px; color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 0.48rem; }
.banner .model { margin-bottom: 0.72rem; font-family: medium; font-weight: normal; text-transform: uppercase; }
.banner .title { font-size: 0.96rem; }
.banner .info { font-size: 0.36rem; }
.banner .en { text-transform: uppercase; margin: 0 0 1rem; }
 @media (max-width: 1200px) {
.banner { height: 500px; }
.banner .en { margin-top: 0; }
}
 @media (max-width: 480px) {
.banner { height: 280px; }
.banner .title { font-size: 1.3rem; line-height: 1; }
.banner .en { margin-top: 0.15rem; font-size: 16px; }
}
.banner.s2 h2 { font-size: 0.9rem; font-weight: normal; margin-bottom: 20px; }
.banner.s2 .desc { font-size: 18px; }
 @media (max-width: 640px) {
.banner.s2 h2 { font-size: 25px; }
.banner.s2 .desc { font-size: 16px; }
}
.banner.s3 { height: 12rem; }
 @media (max-width: 640px) {
.banner.s3 { height: 8rem; }
}
.banner._sm { height: 9.2rem; }
.ibox1 { padding-top: 1.1rem; }
.ibox1 h2 { text-align: center; font-size: 0.72rem; margin-bottom: 1.8rem; }
.ibox1 .tab-hd-box { box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03); position: relative; z-index: 5; }
.ibox1 .tab-hd { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -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; font-size: 0.4rem; }
.ibox1 .tab-hd .item { width: 25%; height: 4.3rem; display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -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; transition: all 0.3s; }
.ibox1 .tab-hd .inner { width: 100%; }
.ibox1 .tab-hd .ic { height: 1.2rem; display: block; width: 100%; margin-bottom: 0.4rem; background-position: center; background-repeat: no-repeat; background-size: contain; }
.ibox1 .tab-hd .ic1 { background-image: url('../images/ic_a1.png'); }
.ibox1 .tab-hd .ic2 { background-image: url('../images/ic_a2.png'); }
.ibox1 .tab-hd .ic3 { background-image: url('../images/ic_a3.png'); }
.ibox1 .tab-hd .ic4 { background-image: url('../images/ic_a4.png'); }
.ibox1 .tab-hd .active { color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url('../images/bg1.jpg'); }
.ibox1 .tab-hd .active .ic1 { background-image: url('../images/ic_a1_on.png'); }
.ibox1 .tab-hd .active .ic2 { background-image: url('../images/ic_a2_on.png'); }
.ibox1 .tab-hd .active .ic3 { background-image: url('../images/ic_a3_on.png'); }
.ibox1 .tab-hd .active .ic4 { background-image: url('../images/ic_a4_on.png'); }
.ibox1 .tab-bd { background: url('../images/bg2.png') no-repeat 0 center; background-color: #f5f5f9; }
 @media (min-width: 992px) {
.ibox1 .tab-bd { min-height: 420px; }
}
.ibox1 .cItem { padding-top: 1.8rem; padding-bottom: 1.8rem; }
.ibox1 h4 { font-size: 30px; }
.ibox1 .more2 { border: 0; margin-bottom: 0.2rem; }
.ibox1 .info { margin: 0.6rem 0 0.3rem; font-size: 16px; line-height: 1.7; max-width: 335px; }
.ibox1 .cItem.s2 { text-align: center; }
.ibox1 .cItem.s2 .info { max-width: 825px; margin-left: auto; margin-right: auto; }
.ibox1 .icons { line-height: 3; color: #666; }
.ibox1 .icons a:hover { color: #ff0000; }
.ibox1 .icons img { margin-right: 0.1rem; }
 @media (max-width: 992px) {
.ibox1 { text-align: center; }
.ibox1 .tab-hd { font-size: 16px; }
.ibox1 .tab-bd { background-size: cover; }
.ibox1 .info { max-width: none; text-align: left; }
.ibox1 .icons { text-align: left; }
.ibox1 .more2 { margin-top: 0.5rem; }
}
 @media (max-width: 640px) {
.ibox1 .tab-hd { padding: 0; font-size: 15px; width: 100%; }
.ibox1 .tab-hd .item { height: calc(25vw); }
.ibox1 h4 { font-size: 20px; }
.ibox1 .info { font-size: 14px; }
.ibox1 .icons { line-height: 2.4; font-size: 13px; }
.ibox1 .icons img { margin-right: 0.1rem; width: 26px; }
}
.ibox1 .more { font-size: 0.48rem; color: #999; font-style: italic; text-align: center; display: block; line-height: 1; }
.ibox1 .more._s1 { padding-bottom: 0.7rem; margin-left: 33.33%; text-align: left; }
.ibox1 .more._s2 { padding: 0.5rem 0 0.8rem; }
 @media (max-width: 992px) {
.ibox1 .more._s1 { margin-left: 0; text-align: center; padding-top: 0.6rem; }
}
 @media (max-width: 640px) {
.ibox1 .more { font-size: 17px; }
}
 @media (max-width: 480px) {
.ibox1 .more._s1 { padding-bottom: 0.9rem; }
}
.ibox2 { overflow: hidden; margin-left: 0; margin-right: 0; max-width: 1920px; margin-left: auto; margin-right: auto; }
.ibox2 > * { padding-left: 0; padding-right: 0; }
.ibox2 .img img { width: 100%; transition: all 0.3s; }
.ibox2 .item { overflow: hidden; cursor: pointer; background-size: 100% auto; position: relative; transition: all 0.3s; }
.ibox2 .item::after { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0); transition: all 0.3s; z-index: 2; }
.ibox2 .hover { transition: all 0.3s; z-index: 5; border-bottom: 4px solid #ff0000; color: #fff; padding: 40px; position: absolute; left: 8%; right: 8%; bottom: 10%; }
.ibox2 .en { font-size: 18px; text-transform: uppercase; margin-bottom: 10px; }
.ibox2 .en > * { display: inline-block; vertical-align: middle; }
.ibox2 .en .line { width: 40px; height: 1px; background: #fff; display: inline-block; margin-left: 5px; }
.ibox2 h4 { font-size: 30px; }
.ibox2 .text { margin-top: 40px; line-height: 1.65; font-size: 16px; display: none; }
 @media (min-width: 1200px) {
.ibox2 .item.on .text { display: block; }
.ibox2 .item.on::after, .ibox2 .item.active::after { background: rgba(0, 0, 0, 0.5); }
.ibox2 .item.on .img img, .ibox2 .item.active .img img { transform: scale(1.2); filter: blur(10px); -webkit-filter: blur(10px); }
.ibox2 .item.on .hover, .ibox2 .item.active .hover { background: #ff0000; }
}
 @media (max-width: 1500px) {
.ibox2 h4 { font-size: 20px; }
.ibox2 .text { margin-top: 20px; font-size: 14px; }
.ibox2 .hover { padding: 20px; }
}
 @media (max-width: 1200px) {
.ibox2 { padding-top: 40px; }
.ibox2 .text { font-size: 14px; display: block; }
.ibox2 .hover { background: rgba(243, 128, 49, 0.9); }
.ibox2 .item { height: auto; background-size: 120% auto; margin-bottom: 30px; }
.ibox2 .en .line { background: #333; }
.ibox2 h4 { font-size: 20px; }
.ibox2 .hover { position: static; background: #fff; color: #333; border-bottom: 0; }
}
.ihd { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -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.8rem; }
.ihd h2 { font-size: 30px; font-weight: normal; }
.ihd .more { font-size: 16px; color: #666; }
 @media (max-width: 480px) {
.ihd h2 { font-size: 18px; font-weight: bold; }
.ihd .more { font-size: 13px; }
}
.inews { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; padding-top: 87px; padding-bottom: 110px; }
.inews .bd-item { width: 50%; }
.inews .bd { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-align-items: stretch; align-items: stretch; -webkit-box-align: stretch; box-align: stretch; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.inews .tab-hd { display: flex; flex-direction: column; flex-wrap: wrap; }
.inews .tab-hd .item { background: #f4f4f4; background: #f5f5f9; 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; overflow: hidden; padding: 0 35px; display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -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; width: 100%; }
.inews .tab-hd .item:not(last-child)::after { content: ''; display: block; position: absolute; left: 0; right: 0; border-bottom: 2px solid #fff; bottom: 0; }
.inews .tab-hd .item .iconfont { position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #fff; font-size: 30px; right: -120px; }
.inews .tab-hd .item .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; }
.inews .tab-hd .item .date { font-family: medium; line-height: 1.2; text-align: center; width: 80px; margin-right: 30px; }
.inews .tab-hd .item .date b { display: block; font-size: 50px; }
.inews .tab-hd .item h4 { font-size: 20px; margin-bottom: 10px; }
.inews .tab-hd .item p { font-size: 16px; color: #999999; }
.inews .tab-hd .item h4, .inews .tab-hd .item p { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.inews .tab-hd .item .info, .inews .tab-hd .item .date { transition: all 0.3s; }
.inews .tab-hd .active { background: #ff0000; color: #f5f5f9; }
.inews .tab-hd .active p { color: #eee; }
.inews .tab-hd .active .info, .inews .tab-hd .active .date { transform: translateX(-110px); }
.inews .cItem a { position: relative; overflow: hidden; display: block; margin: 0 auto; }
.inews .cItem a img { -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.inews .cItem a: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); }
.inews .cItem .txt { position: absolute; left: 0; bottom: 0; right: 0; font-size: 20px; line-height: 80px; color: #fff; background: rgba(0, 0, 0, 0.6); padding: 0 5%; }
.inews .cItem .txt span { display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
 @media (min-width: 1140px) {
.inews .tab-bd { padding-right: 20px; }
.inews .tab-hd { padding-left: 20px; }
}
 @media (max-width: 1280px) {
.inews .item h4 { font-size: 18px; }
.inews .item p { font-size: 14px; }
}
 @media (max-width: 768px) {
.inews { padding-bottom: 0; }
}
 @media (max-width: 640px) {
.inews { border-top: 1px solid #eaeaea; }
}
 @media (max-width: 480px) {
.inews { padding-top: 50px; margin-top: 20px; }
}
.inews-list { margin-left: -20px; margin-right: -20px; padding-bottom: 0.5rem; }
.inews-list li { padding-left: -20px; padding-right: -20px; margin-bottom: 40px; cursor: pointer; }
.inews-list .inner { background: #f4f4f4; border: 1px solid #fff; padding: 0.32rem 0; overflow: hidden; transition: all 0.3s; }
.inews-list .date { width: 1.4rem; text-align: center; min-width: 100px; font-family: medium; border-right: 1px solid #e5e5e5; padding-bottom: 15px; }
.inews-list .date b { font-size: 48px; line-height: 1.4; }
.inews-list .date p { color: #999999; }
 @media (min-width: 992px) {
.inews-list li:hover .inner { border-color: #0d4e9b; background: none; }
.inews-list li:hover .inner .date > * { color: #0d4e9b; }
.inews-list h4 { font-size: 18px; margin-bottom: 15px; margin-top: 5px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.inews-list .inner { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -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; }
.inews-list .inner .content { 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; }
.inews-list .info { color: #999; 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; }
.inews-list .content { padding: 0 0.42rem 0 0.3rem; }
}
 @media (max-width: 991px) {
.inews-list { margin: 0; }
.inews-list .inner { background: none; }
.inews-list li { margin-bottom: 10px; border-bottom: 1px solid #e1e1e1; padding: 0; }
.inews-list .date2 { color: #bbb; font-family: medium; font-size: 0.95em; margin: 0.5em 1em 0.25em 0; }
.inews-list h4 { margin: 0.5em 0 1em 0; font-size: 16px; line-height: 1.3; }
.inews-list h4:after { content: ''; display: block; width: 30px; height: 1px; background-color: #e1e1e1; margin-top: 1em; }
.inews-list .more { display: inline-block; font-family: "Roboto Slab", Arial, Verdana, "Noto Sans TC", "Microsoft JhengHei", PMingLiU, sans-serif; margin-top: 0.8em; color: #D9A300; border-bottom: 1px dotted #fff; }
.inews-list .info { color: #666; font-size: 14px; line-height: 20px; height: 60px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
}
.icase { background: #f4f4f4; background: #f5f5f9; padding: 1.4rem 0 2.2rem; }
 @media (max-width: 640px) {
.icase { padding-bottom: 1rem; }
}
.case-swiper { --swiper-theme-color: #ff0000;

  /* 设置Swiper风格 */

  --swiper-navigation-color: #fff;

  /* 单独设置按钮颜色 */

  --swiper-navigation-size: 0.3rem;
/* 设置按钮大小 */

}
 @media (min-width: 992px) {
.case-swiper .swiper-pagination { display: none; }
.case-swiper .inner { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-align-items: stretch; align-items: stretch; -webkit-box-align: stretch; box-align: stretch; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; background: #fff; margin: 0 1rem; }
.case-swiper .item { width: 50%; 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; display: block; }
.case-swiper .img { position: absolute; top: 46%; transform: translateY(-50%); left: 0; right: 0; }
}
 @media (min-width: 992px) and (max-width: 1580px) {
.case-swiper .inner { margin: 0 0.5rem; }
}
.case-swiper .content { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -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; text-align: center; text-align: left; }
 @media (min-width: 992px) {
.case-swiper .content { margin-left: 50%; }
}
.case-swiper .content .c-inner { margin: 1.2rem 7% 1.8rem; }
 @media (max-width: 1580px) {
.case-swiper .content .c-inner { margin: 0.8rem 7% 1.2rem; }
}
.case-swiper h4 { font-size: 0.4rem; }
.case-swiper .info { font-size: 16px; color: #999; margin: 0.6rem 0 0.4rem; line-height: 1.6; min-height: 6.4em; overflow: hidden; }
 @media (max-width: 1340px) {
.case-swiper .info { font-size: 14px; }
}
.case-swiper .icons { padding-bottom: 0.46rem; }
.case-swiper .icons img { margin-right: 0.4rem; margin-bottom: 0.4rem; }
.case-swiper .swiper-wrapperseo { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; }
.case-swiper .swiper-slide { width: 73vw !important; }
.case-swiper .swiper-button-next, .case-swiper .swiper-button-prev { width: 1.28rem; height: 1.6rem; margin-top: -0.8rem; background-color: rgba(0, 0, 0, 0.3); transition: all 0.3s; }
.case-swiper .swiper-button-next:hover, .case-swiper .swiper-button-prev:hover { background: #ff0000; }
.case-swiper .swiper-button-next { right: 12vw; }
.case-swiper .swiper-button-prev { left: 12vw; }
 @media (max-width: 1200px) {
.case-swiper .inner { margin-left: 0.3rem; margin-right: 0.3rem; }
.case-swiper .icons { padding-bottom: 0.4rem; padding-top: 0.1rem; }
.case-swiper .icons img { height: 0.3rem; }
.case-swiper .content .c-inner { margin: 0.5rem 7%; }
}
 @media (max-width: 992px) {
.case-swiper { padding-bottom: 1rem; }
.case-swiper .swiper-pagination { display: block; }
.case-swiper .inner { margin-left: 0.15rem; margin-right: 0.15rem; }
.case-swiper .img { display: block; }
.case-swiper .swiper-button-next, .case-swiper .swiper-button-prev { display: none; }
.case-swiper .icons img { height: 18px; }
.case-swiper .content .c-inner { margin-top: 0.6rem; }
.case-swiper h4 { font-size: 26px; }
.case-swiper .info { font-size: 14px; margin-top: 0.4rem; }
}
 @media (max-width: 768px) {
.case-swiper h4 { font-size: 20px; }
.case-swiper .info { font-size: 12px; }
}
.base-h2 { font-size: 0.6rem; text-align: center; }
.base-h2::after { content: ''; display: block; width: 0.96rem; height: 4px; background: #ff0000; margin: 0.52rem auto 0; transition: all 0.3s; }
.base-h2:hover::after { width: 2.4rem; }
 @media (max-width: 480px) {
.base-h2 { font-size: 20px; }
}
.pro-introduct { width: 88%; max-width: 1300px; position: relative; margin-left: auto!important; margin-right: auto!important; /*text-align: center; */ padding: 2rem 0 2.4rem; }
.pro-introduct .desc, .pro-advantage .desc { max-width: 1030px; margin: 0.46rem auto 0; font-size: 18px; color: #666666; line-height: 2; }
 @media (max-width: 768px) {
.pro-introduct .desc { font-size: 14px; text-align: left; }
}
.pro-advantage { background: #f4f4f4; background: #f5f5f9; padding: 2rem 0; margin: 0 auto !important }
{
width:88%;
max-width:1300px;
}
.pro-advantage ul { width: 88%; max-width: 1300px; position: relative; margin-left: auto!important; margin-right: auto!important; margin-left: 0; margin-right: 0; text-align: center; }
.pro-advantage ul > * { padding-left: 0; padding-right: 0; }
.pro-advantage ul:not(.s2) { margin-top: 1.4rem; }
.pro-advantage ul img { max-width: 18%; }
.pro-advantage ul h5 { font-size: 18px; margin: 0.5rem 0 0.4rem; }
.pro-advantage ul .info { color: #999999; min-height: 4.5em; max-width: 460px; margin: 0 auto; }
 @media (min-width: 768px) {
.pro-advantage ul li { padding: 30px 4%; border: 1px dotted #d7d7d7; margin-left: -1px; margin-top: -1px; transition: all 0.3s; }
.pro-advantage ul li:hover { background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
.pro-advantage ul li:hover h5 { color: #ff0000; }
}
 @media (max-width: 768px) {
.pro-advantage ul li { border: 1px solid #dcdcdc; padding: 0.5rem 0.8rem; margin-bottom: 0.6rem; }
.pro-advantage ul img { max-width: 12%; }
.pro-advantage ul .info { margin-top: 8px; color: #333; min-height: auto; }
}
 @media (max-width: 480px) {
.pro-advantage ul h5 { font-size: 20px; }
}
 @media (max-width: 768px) {
.pro-advantage { background: #fff; padding-top: 0; }
}
.base-h2.mb { margin-bottom: 1.4rem; }
.pro-scene { padding: 2rem 0 2.4rem; max-width: 1920px; margin-left: auto; margin-right: auto; }
.pro-scene .base-h2 { margin-bottom: 1.8rem; }
 @media (max-width: 768px) {
.pro-scene { padding-bottom: 0; }
}
 @media (max-width: 480px) {
.pro-scene { padding-bottom: 0; }
.pro-scene .base-h2 { margin-bottom: 0.5rem; }
}
.scene-box { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; }
 @media (max-width: 1420px) {
.scene-box .scene-list { text-align: left; }
.scene-box li { margin-bottom: 0.3rem; }
}
 @media (max-width: 1200px) {
.scene-box { width: 94%; }
.scene-box ul li { text-align: left; margin-bottom: 40px; }
.scene-box ul li .bg { position: static; display: block; height: 5.6rem; }
.scene-box ul li i { margin-bottom: 20px; }
.scene-box ul li .content { padding-left: 16px; height: auto; background: none; color: #333; }
.scene-box ul li h3 { font-size: 22px; position: relative; font-weight: normal; color:#333 }
.scene-box ul li h3::before { content: ''; display: inline-block; width: 5px; height: 25px; vertical-align: middle; margin-right: 10px; background-color: #b81b22; }
.scene-box ul li .info { line-height: 22px; padding-left: 15px; }
}
.scene-list { color: #fff; /*text-align: center; */ font-size: 0px; margin: 0 auto; width: 84.8% }
.scene-list .info, .scene-list .inner, .scene-list .bg, .scene-list .content, .scene-list h3 { transition: all 0.3s; }
.scene-list h3 { font-size: 18px; height: 50px; line-height: 50px; margin-top: 0px; }
.scene-list .bg { background-position: center; background-repeat: no-repeat; background-size: cover; }
.scene-list li { position: relative; overflow: hidden; font-size: 14px; }
 @media (min-width: 1200px) {
.scene-list .inner { height: 280px; position: relative; overflow: hidden; }
.scene-list li { display: inline-block; height: 280px; text-align: center; padding: 0 20px;  width:calc((100% / 3))}
.scene-list .content { background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; right: 0; bottom: 0; height: 50px; }
.scene-list .info { margin: 0 5% 0; overflow: hidden; }
.scene-list .bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.scene-list li:hover .bg { transform: scale(1.2); filter: blur(8px); -webkit-filter: blur(8px); }
.scene-list li:hover .content { height: 100%; }
.scene-list li:hover h3 { margin-top: 70px; }
.scene-list li:hover .info { margin-top: 10px; line-height: 20px; }
.prolist li { margin-bottom: 2.8% }
}
 @media (min-width: 1420px) {
.scene-list li { width: calc((100% / 3)); padding: 0 20px; }
}
 @media (min-width: 1200px) {
.scene-list._s3 { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -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; }
}
.scene-swiper { height: auto !important; width: 100%; }
.scene-swiper-wrap { position: relative; margin-left: 70px; margin-right: 70px; padding-left: 5%; padding-right: 5%; box-sizing: content-box; --swiper-theme-color: #ff0000;

  /* 设置Swiper风格 */

  --swiper-navigation-color: #fff;

  /* 单独设置按钮颜色 */

  --swiper-navigation-size: 0.2rem;
/* 设置按钮大小 */

}
.scene-swiper-wrap .swiper-button-next, .scene-swiper-wrap .swiper-button-prev { width: 64px; height: 76px; background-color: rgba(0, 0, 0, 0.3); transition: all 0.3s; margin-top: -32px; outline: none; }
.scene-swiper-wrap .swiper-button-next:hover, .scene-swiper-wrap .swiper-button-prev:hover { background: #ff0000; }
.scene-swiper-wrap .swiper-button-next { right: 0; }
.scene-swiper-wrap .swiper-button-prev { left: 0; }
 @media (min-width: 1200px) {
.scene-swiper-wrap .scene-list li { width: calc((100% / 3)); padding: 0 15px; }
}
 @media (min-width: 1420px) {
.scene-swiper-wrap .scene-list li { width: calc((100% / 3)); padding: 0 20px; }
}
.pro-framework { padding: 2rem 0; background: #f4f4f4; background: #f5f5f9; }
.pro-framework .bd { margin: 1.2rem auto 0; text-align: center; width: 88%; padding: 0.8rem 0.5rem 0.5rem; max-width: 1158px; background: #fff; }
.pro-framework .bd2 { margin: 1.2rem auto 0; text-align: center; width: 88%; max-width: 1200px; }
 @media (max-width: 768px) {
.pro-framework { background: #fff; }
.pro-framework .bd { margin: 0 auto; padding: 0; max-width: 80%; }
}
.c-service { width: 88%; margin-left: auto; margin-right: auto; max-width: 1600px; max-width: 1200px; margin-top: 1.8rem; position: relative; }
.c-service .to { color: #666; line-height: 1; text-align: center; font-size: 0.48rem; }
.c-service .to img { max-width: 20%; }
 @media (min-width: 768px) {
.c-service .to { top: 0.4rem; position: absolute; right: 0; left: 0; }
}
.c-service .item ul { background: #fff; padding: 0.8rem; border: 1px dotted #eaeaea; color: #666; border: 1px solid #eaeaea; }
.c-service .item ul li { padding-left: 45px; line-height: 46px; font-size: 16px; background-position: 0 10px; background-repeat: no-repeat; background-size: 24px; }
.c-service .info1 li { background-image: url('../images/ic_select.png'); }
.c-service .info2 li { background-image: url('../images/ic_select2.png'); }
.c-service .head { text-align: center; margin-bottom: 1rem; position: relative; font-size: 0.48rem; }
.c-service .head .ic { width: 1.6rem; margin-bottom: 0.3rem; display: inline-block; }
 @media (max-width: 1200px) {
.c-service .item ul li { font-size: 14px; padding-left: 30px; background-size: 18px; line-height: 38px; }
}
 @media (max-width: 768px) {
.c-service { margin-left: 0; margin-right: 0; margin-left: auto; margin-right: auto; }
.c-service > * { padding-left: 0; padding-right: 0; }
.c-service .to { margin: 1rem 0; }
}
 @media (max-width: 480px) {
.c-service .head { margin-bottom: 0.8rem; font-size: 18px; }
.c-service .head img { max-width: 20%; margin-bottom: 10px; }
.c-service .to img { max-width: 36%; margin-top: 0.2rem; }
.c-service .item .info li { font-size: 14px; padding-left: 14px; background: none; position: relative; line-height: 1.6; }
.c-service .item .info li::before { content: ''; width: 5px; height: 5px; background: #ff0000; display: inline-block; vertical-align: middle; border-radius: 50%; position: absolute; top: 0.4rem; left: 0; }
.c-service .item .info2 li::before { background: #0d4e9b; }
}
.case-box { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; max-width: 1300px; padding-top: 2rem; padding-bottom: 3.4rem; }
.base-head { text-align: center; margin-bottom: 1.6rem; width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; max-width: 1300px; }
.base-head h2 { margin-bottom: 0.4rem; }
.base-head h2::after { display: none; }
.base-head .desc { font-size: 16px; color: #666; line-height: 1.76; }
 @media (max-width: 768px) {
.base-head h2 { font-size: 24px; font-weight: normal; }
.base-head .desc { font-size: 14px; }
}
.case-list { text-align: center; color: #fff; margin-left: -20px; margin-right: -20px; }
.case-list li { padding-left: 20px; padding-right: 20px; margin-bottom: 40px; }
 @media (max-width: 640px) {
.case-list { margin-left: -5px; margin-right: -5px; }
.case-list li { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }
.mnav { display:flex; height:50px;  position:fixed; bottom:0; background:#f00; width:100%; justify-content: space-around}
.mnav img { display:block; float:left; width:40px;  padding-top:5px}
.mnav  a  ,.mnav { color:#fff; line-height:50px; font-size:16px;}
.mnav .mtel ,.mnav .mwx ,.mnav .mlianxi { width:33.3%; text-align:center;}


}
.case-list a { color: #fff; }
.case-list li { margin-bottom: 40px; }
.case-list .img img { transition: all 0.3s; width: 100%; }
.case-list .inner { position: relative; transition: all 0.3s; overflow: hidden; }
.case-list h4 { line-height: 50px; font-size: 18px; transition: all 0.3s; }
.case-list .info { overflow: hidden; transition: all 0.3s; font-size: 16px; text-align: left; }
 @media (min-width: 992px) {
.case-list .cover { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); height: 50px; transition: all 0.3s; }
.case-list .c-inner { padding: 0 30px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; }
.case-list .info { line-height: 0; opacity: 0; }
.case-list li:hover h4 { font-size: 24px; padding-bottom: 10px; }
.case-list li:hover .cover { height: 100%; }
.case-list li:hover .info { line-height: 1.625; opacity: 1; }
.case-list li:hover .img img { filter: blur(15px); -webkit-filter: blur(15px); transform: scale(1.2); }
}
 @media (max-width: 1200px) {
.case-list { margin-left: -10px; margin-right: -10px; }
.case-list li { padding-left: 10px; padding-right: 10px; margin-bottom: 20; }
.case-list .info { font-size: 13px; }
}
 @media (max-width: 1200px) and (max-width: 640px) {
.case-list { margin-left: -5px; margin-right: -5px; }
.case-list li { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }
}
 @media (max-width: 992px) {
.case-list { margin-left: 0; margin-right: 0; }
.case-list > * { padding-left: 0; padding-right: 0; }
.case-list li { text-align: left; margin-bottom: 40px; }
.case-list li .img { height: 5.6rem; overflow: hidden; }
.case-list li i { margin-bottom: 20px; }
.case-list li .cover { padding-left: 16px; margin-top: 10px; color: #333; }
.case-list li h4 { font-size: 22px; position: relative; font-weight: normal; }
.case-list li h4::before { content: ''; display: inline-block; width: 5px; height: 25px; vertical-align: middle; margin-right: 10px; background-color: #b81b22; }
.case-list li .info { font-size: 15px; line-height: 22px; padding-left: 15px; }
}
.case-summary { padding-top: 1.7rem; }
.case-summary .bd { background: #f8f8f8; }
.case-summary .cItem h5 { font-size: 0.6rem; margin-bottom: 0.6rem; }
.case-summary .info { font-size: 16px; color: #666666; line-height: 1.76; }
.case-summary .navs { text-align: center; display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; }
.case-summary .navs .item { margin-right: 38px; cursor: pointer; }
.case-summary .navs .ic { width: 2rem; height: 2rem; opacity: 0.5; transition: all 0.3s; border-radius: 50%; border: 1px solid #dcdcdc; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: contain; background-size: 80%; }
.case-summary .navs .ic_mt { background-image: url('../images/ic_mt.jpg'); }
.case-summary .navs .ic_tn { background-image: url('../images/ic_tn.jpg'); }
.case-summary .navs span { display: block; padding-top: 0.4rem; font-size: 16px; }
.case-summary .navs .active { color: #ff0000; }
.case-summary .navs .active .ic { opacity: 1; }
 @media (min-width: 1200px) {
.case-summary .cItem { display: table; width: 100%; }
.case-summary .cItem .item-box { display: table-cell; width: 50%; vertical-align: middle; }
.case-summary .cItem .info { font-size: 16px; color: #666666; max-width: 530px; height: 3.2rem; margin-bottom: 1rem; }
.case-summary .cItem .content { text-align: right; }
.case-summary .cItem .inner { max-width: 650px; display: inline-block; text-align: left; width: 92%; }
}
 @media (max-width: 1200px) {
.case-summary .bd { padding: 1rem 0 0; }
.case-summary .content { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; }
.case-summary .navs { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -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; margin: 0.8rem 0; }
.case-summary .cItem { text-align: center; }
.case-summary .info { text-align: left; }
}
 @media (max-width: 640px) {
.case-summary .info { font-size: 13px; }
}
.customers { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; max-width: 1200px; padding-top: 2.4rem; text-align: center; padding-bottom: 3.16rem; }
.customers .list img { width: 100%; padding: 0 5%; border: 1px solid #eaeaea; }
 @media (min-width: 992px) {
.customers .list li { width: 20%; padding: 0 0.8% calc((1.6%-0px)); float: left; }
}
 @media (max-width: 992px) {
.customers .list { margin-left: -5px; margin-right: -5px; }
.customers .list li { padding-left: 5px; padding-right: 5px; margin-bottom: 10; }
.customers .list li { margin-bottom: 20px; }
}
 @media (max-width: 992px) and (max-width: 640px) {
.customers .list { margin-left: -5px; margin-right: -5px; }
.customers .list li { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }
}
.crumbs .wrap { max-width: 1300px; }
.crumbs .inner { height: 1.4rem; line-height: 1.4rem; color: #999; background: #f7f7f7; border-bottom: 1px solid #dcdcdc; }
.crumbs .inner a { color: #999; }
.crumbs .inner a:hover { color: #0d4e9b; }
.crumbs .inner .icon-caidan05 { font-size: 18px; margin-right: 0.1rem; }
.crumbs .inner .icon-sright { font-size: 12px; margin: 0 0.1rem; transform: scale(0.8); }
.fixed-navs { color: #666; z-index: 555; }
.fixed-navs .item { height: 1.4rem; line-height: 1.4rem; }
.fixed-navs .item:hover { color: #ff0000; }
.fixed-navs .navs-inner { font-size: 16px; }
 @media (min-width: 992px) {
.fixed-navs {/* max-width: 650px; width: 50%;*/ white-space: nowrap; font-size: 0; position: relative;/* left: 50%;*/ margin-top: -1.4rem; text-align: right; float: right }
.fixed-navs .item { display: inline-block; padding: 0 26px; cursor: pointer; }
.fixed-navs .item:hover, .fixed-navs .active { color: #fff; background: #ff0000; background: linear-gradient(90deg, #ff0000, #F30); }
}
 @media (max-width: 1300px) {
.fixed-navs { width: auto; left: auto; right: 0; }
}
 @media (max-width: 992px) {
.fixed-navs { text-align: center; margin-top: 0.5rem; margin-bottom: 0.5rem; border-bottom: 1px solid #ccc; }
.fixed-navs .navs-inner { display: -webkit-flex; display: flex; -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; width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; max-width: 1300px; flex-flow: wrap; justify-content : start }
.fixed-navs .item { 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; position: relative; display: block; width: 24.9% }
.fixed-navs .active { color: #ff0000; font-weight: bold; }
}
 @media (max-width: 992px) and (min-width: 640px) {
.fixed-navs .item::after { content: ''; display: block; position: absolute; width: 1px; height: 0.3rem; border-left: 1px solid #ff0000; top: 50%; transform: translateY(-50%) rotate(30deg); left: 0; }
.fixed-navs .item:first-child::after { display: none; }
}
 @media (max-width: 640px) {
.fixed-navs .item { font-size: 14px; }
.fixed-navs .navs-inner { width: 100%; }
}
.fixed-navs.fixed { height: 80px; border-bottom: 0; width: 100%; max-width: 100%; position: fixed; top: 0; left: 0; right: 0; background: #fff; margin-top: 0; text-align: center; z-index: 99; }
.fixed-navs.fixed .item { height: 80px; line-height: 80px; padding: 0 50px; }
 @media (max-width: 992px) {
.fixed-navs.fixed { height: auto; }
.fixed-navs.fixed .item { height: 50px; line-height: 50px; font-size: 14px; padding: 0; }
}
 @media (max-width: 480px) {
.fixed-navs.fixed .navs-inner { width: 100%; }
}
.news-list { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; max-width: 1400px; color: #969696; }
.news-list li { margin-bottom: 0.4rem; cursor: pointer; }
.news-list h3 { font-weight: normal; color: #333; }
 @media (min-width: 768px) {
.news-list .inner { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; background: #fff; padding: 0.66rem; transition: all 0.3s; }
.news-list img { width: 163px; display: block; }
.news-list .content { 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 6% 0 3%; }
.news-list .desc { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 14px; line-height: 22px; height: 40px; }
.news-list h3 { font-size: 18px; margin-bottom: 10px; color: #333; margin-right: 5%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.news-list li:hover { color: #fff; }
.news-list li:hover .inner { background: #ff0000; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); }
.news-list li:hover h3 { color: #fff; }
}
 @media (min-width: 768px) and (max-width: 1300px) {
.news-list .inner { padding: 0.46rem; }
.news-list .content { padding: 0 3%; }
}
 @media (max-width: 1200px) {
.news-list img { width: 200px; }
.news-list h3 { font-size: 0.4rem; font-weight: bold; margin-bottom: 15px; }
.news-list .desc { margin-top: 18px; }
}
 @media (max-width: 767px) {
.news-list img { display: none; }
.news-list li { margin-bottom: 1rem; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); padding-bottom: 1rem; }
.news-list h3 { font-size: 18px; line-height: 1.4; margin-bottom: 10px; }
.news-list .desc { line-height: 20px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 60px; }
}
.news-list2 li { margin-bottom: 0.84rem; }
.news-list2 img { width: 100%; display: block; }
.news-list2 a { display: block; transition: all 0.3s; }
 @media (min-width: 992px) {
.news-list2 a:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); background: #ff0000; }
.news-list2 a:hover .content { color: #fff; }
.news-list2 a:hover .time::before { background: #fff; }
}
.news-list2 .time { font-size: 12px; padding: 0.4rem 0 0.46rem; }
.news-list2 .time::before { content: ''; display: inline-block; width: 0.46rem; height: 1px; background: #333; vertical-align: middle; margin-right: 0.1rem; }
.news-list2 .content { padding-bottom: 0.6rem; }
.news-list2 h3 { font-size: 0.4rem; line-height: 0.6rem; padding: 0 0.6rem 0; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 1.2rem; }
 @media (max-width: 768px) {
.news-list2 h3 { font-size: 18px; line-height: 22px; height: 44px; }
.page .allpage, .page .pagenum, .page .c { display: none }
}
.news-box2 { padding-top: 1.6rem; padding-bottom: 1.6rem; width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; max-width: 1400px; }
.news-box { padding-bottom: 2rem; background: #f7f7f7; padding-top: 2rem; }
.news-box h2 { font-size: 0.6rem; font-weight: normal; }
.news-box ul { padding-bottom: 0.8rem; }
.page { line-height: 34px; text-align: center; font-size: 15px; }
.page li { float: left }
.page a { display: inline-block; height: 34px; line-height: 34px; border: 1px solid #d2d2d2; /*width: 34px;*/ text-align: center; vertical-align: middle; margin: 0 2px; color: #8a95ab; }
.page a.on, .page a:hover { color: #fff; background: #ff0000; border-color: #ff0000; }
.page a.prev:hover { background-position: left bottom; }
.page a.next:hover { background-position: right bottom; }
.page a.pnext.disabled:hover, .page a.pnext.disabled { opacity: 0.8; filter: alpha(opacity=80); border-color: #e4e6ea; cursor: default; background-color: #fff; background-position: 0 0; cursor: not-allowed; color: #666; }
.page a.next.disabled, .page a.next.disabled:hover { background-position: right 0; }
.page._s2 { margin: 1.6rem 0 2rem; }
.artical { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; max-width: 1300px; }
.artical-hd { margin-bottom: 40px; padding-top: 1.8rem; }
.artical-hd h2 { font-size: 0.72rem; margin-bottom: 0.48rem; font-weight: normal; }
.artical-hd .data { font-size: 16px; color: #999; font-family: medium; }
.artical-hd .data > * { display: inline-block; vertical-align: middle; }
.artical-hd .data p { margin-right: 40px; }
.artical-hd .data .iconfont { margin-right: 5px; font-size: 18px; }
 @media (max-width: 992px) {
.artical-hd { text-align: center; }
}
 @media (max-width: 640px) {
.artical-hd { margin-bottom: 10px; }
.artical-hd h2 { font-size: 18px; font-weight: bold; }
.artical-hd .data { font-size: 14px; }
}
.news-details-bd > * { padding-top: 50px; }
.artical-bd { background: #f4f5f8; color: #666; font-size: 16px; line-height: 1.76; padding: 45px; }
.artical-bd p { padding-top: 20px; }
.artical-bd img { display: block; margin: 20px auto 0; }
.artical-bd .end { margin-top: 1.8rem; text-align: center; color: #999; position: relative; }
.artical-bd .end::before, .artical-bd .end::after { content: ''; display: block; position: absolute; width: 40%; top: 50%; background: rgba(0, 0, 0, 0.1); height: 1px; }
.artical-bd .end::before { left: 0; }
.artical-bd .end::after { right: 0; }
 @media (max-width: 992px) {
.artical-bd { background: none; padding: 0; }
}
 @media (max-width: 640px) {
.artical-bd { font-size: 15px; }
.artical-bd .end { font-size: 12px; }
.artical-bd .end::before, .artical-bd .end::after { width: 36%; }
}
.artical-pnext { margin: 1rem 0 1rem; font-size: 16px; line-height: 2.2; }
.artical-pnext a { display: block; color: #666; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.artical-pnext a:hover { color: #ff0000; }
 @media (max-width: 480px) {
.artical-pnext { font-size: 14px; }
}
.artical-row { margin-left: 0; margin-right: 0; margin-bottom: 2rem; }
.artical-row > * { padding-left: 0; padding-right: 0; }
 @media (min-width: 1200px) {
.artical-left { width: 69%; float: left; }
.artical-right { width: 31%; float: right; padding-left: 40px; }
}
.hot-artical h2 { font-size: 20px; padding-left: 17px; position: relative; font-weight: normal; }
.hot-artical h2::before { content: ''; display: block; position: absolute; width: 4px; height: 20px; left: 0; top: 50%; margin-top: -10px; background: #ff0000; }
.hot-artical li { margin-top: 25px; }
.hot-artical li:hover a { color: #ff0000; }
.hot-artical .img { overflow: hidden; display: block; margin: 0 auto; margin-bottom: 20px; }
.hot-artical .img img { width: 100%; }
.hot-artical .img img { -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.hot-artical .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); }
.hot-artical .title { font-size: 16px; color: #666; line-height: 1.76; }
.hot-artical .title:hover { color: #ff0000; }
 @media (max-width: 480px) {
.hot-artical .img { margin-bottom: 12px; }
.hot-artical .title { font-size: 14px; }
}
.notice-box { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; max-width: 1300px; margin-top: 1.6rem; margin-bottom: 2.4rem; }
.notice-box h2 { font-size: 0.6rem; font-weight: normal; border-bottom: 3px solid #ff0000; line-height: 2; margin-bottom: 20px; }
.notice-box ul { margin-bottom: 1rem; }
.notice-box li { border-bottom: 1px solid #dcdcdc; font-size: 16px; padding: 25px 0; font-weight: bold; }
.notice-box li a { display: block; line-height: 30px; }
.notice-box li .time { color: #bbbbbb; width: 20%; float: left; }
.notice-box li .title { margin-left: 20%; color: #666; transition: all 0.3s; }
.notice-box li .title:hover { color: #ff0000; }
.notice-box li .ic { width: 22px; height: 22px; margin-right: 0.4rem; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url('../images/pdf.png'); vertical-align: middle; }
.notice-box li:hover .time { color: #ff0000; }
.notice-box li:hover .title { transform: translateX(-10px); }
.notice-box li:hover .ic { background-image: url('../images/pdf_on.png'); }
 @media (max-width: 768px) {
.notice-box li { padding: 16px 0; font-weight: normal; }
.notice-box li .time { float: none; width: auto; font-size: 14px; margin-bottom: 10px; }
.notice-box li .title { margin-left: 0; line-height: 1.76; }
}
 @media (max-width: 480px) {
.notice-box h2 { font-size: 22px; font-weight: normal; }
}
.about-1 { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; max-width: 1300px; background: url(../images/logo_bg.png) no-repeat center; background-size: auto 9rem; padding: 2rem 0 2.2rem; }
.about-1 h2 { text-align: center; margin-bottom: 1.2rem; }
.about-1 .info { font-size: 16px; color: #666; line-height: 1.76; margin-bottom: 2rem; }
.about-1 .info p + p { margin-top: 20px; }
 @media (max-width: 992px) {
.about-1 .info { margin-bottom: 1rem; }
}
 @media (max-width: 480px) {
.about-1 .info { font-size: 14px; }
}
.base-title { font-size: 0.6rem; font-weight: normal; font-family: medium; }
 @media (max-width: 640px) {
.base-title { font-size: 22px; }
}
.about-datas { text-align: center; }
.about-datas b { font-size: 1.44rem; color: #ff0000; font-family: medium; font-weight: normal; }
.about-datas p { font-size: 16px; color: #666; }
.about-datas li { margin-bottom: 0.6rem; }
 @media (max-width: 480px) {
.about-datas b { font-size: 1.8rem; }
.about-datas p { font-size: 12px; }
}
.about-2 ul { margin-left: 0; margin-right: 0; }
.about-2 ul > * { padding-left: 0; padding-right: 0; }
.about-2 li { position: relative; overflow: hidden; display: block; margin: 0 auto; }
.about-2 li img { -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.about-2 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); }
.about-2 .bg { width: 100%; }
.about-2 .ic { max-width: 15%; }
.about-2 h5 { font-size: 30px; margin: 20px 0 10px; }
.about-2 p { font-size: 16px; margin: 0 5%; }
.about-2 .cover { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; text-align: center; color: #fff; background: rgba(0, 0, 0, 0); transition: all 0.3s; }
.about-2 li:hover .bg { filter: blur(5px); -webkit-filter: blur(5px); }
 @media (max-width: 1200px) {
.about-2 h5 { font-size: 20px; }
.about-2 p { font-size: 14px; }
}
 @media (max-width: 768px) {
.about-2 { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; }
.about-2 h5 { font-size: 22px; }
.about-2 li { border: 1px solid #dcdcdc; padding: 0.5rem 0.8rem; margin-bottom: 0.6rem; }
.about-2 .ic { max-width: 12%; }
.about-2 .info { margin-top: 8px; color: #333; min-height: auto; }
}
.about-3 { background: #f9f9f9; padding: 2.6rem 0 4rem; }
.about-3 .wrap { max-width: 1300px; }
.about-3 .content { position: relative; z-index: 5; }
.about-3 .text { font-size: 16px; color: #666; line-height: 1.76; padding-top: 0.3rem; }
.about-3 .box { margin-top: 1.68rem; max-width: 430px; }
.about-3 .box dd { line-height: 37px; }
.about-3 .box dd p { position: relative; }
.about-3 .box dd p::before { content: ''; display: inline-block; margin-right: 0.3rem; vertical-align: middle; width: 3px; height: 3px; background: #ff0000; border-radius: 50%; }
.about-3 dt { border-bottom: 1px solid #e1e2e5; font-size: 18px; color: #666; font-weight: bold; line-height: 1.2rem; }
.about-3 dt i { width: 22px; height: 22px; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; vertical-align: text-bottom; margin-right: 0.3rem; }
.about-3 dt .ic1 { background-image: url('../images/ic_ab03.png'); }
.about-3 dt .ic2 { background-image: url('../images/ic_ab4.png'); }
 @media (max-width: 1200px) {
.about-3 .map { right: -5%; }
}
 @media (min-width: 768px) {
.about-3 .map { position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }
}
 @media (max-width: 768px) {
.about-3 .map { position: relative; top: 1rem; }
.about-3 dt { padding-bottom: 0.2rem; }
.about-3 .text { font-size: 14px; line-height: 30px; }
}
.about-4 { padding: 2rem 0 2.4rem; width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; max-width: 1300px; }
.about-4 h2 { border-bottom: 3px solid #333; line-height: 2rem; }
 @media (max-width: 480px) {
.about-4 { width: 93%; margin-left: 6%; margin-right: 1%; }
.about-4 h2, .about-4 .course-years { margin-right: 5%; }
}
.course { margin-top: 50px; position: relative; }
.course-info { margin-right: 197px; height: 14.9rem; overflow-y: scroll; }
.course-info .item { opacity: 0.5; direction: ltr; transition: all 0.3s; }
.course-info .item.active { opacity: 1; }
.course-info h6 { font-size: 16px; color: #bbbbbb; padding-left: 146px; position: relative; margin-bottom: 32px; }
.course-info h6::before, .course-info h6::after { content: ''; display: block; position: absolute; width: 122px; height: 1px; background: #bbb; left: 0; top: 50%; }
.course-info dd { margin-bottom: 52px; font-size: 16px; color: #666; }
.course-info dt { font-size: 24px; color: #ff0000; font-weight: normal; margin-bottom: 5px; }
 .course-info::-webkit-scrollbar {
 width: 2px;
 height: 2px;
}
 .course-info::-webkit-scrollbar-thumb {
 border-radius: 5px;
 background: rgba(0, 0, 0, 0.2);
}
 .course-info::-webkit-scrollbar-track {
 border-radius: 5px;
 background: rgba(0, 0, 0, 0.1);
}
 @media (max-width: 992px) {
.course-info { margin-right: 0; }
}
 @media (max-width: 768px) {
.course-info dt { font-size: 20px; }
.course-info dd { font-size: 14px; margin-bottom: 30px; }
}
 .course-years::-webkit-scrollbar {
 width: 2px;
 height: 2px;
}
 .course-years::-webkit-scrollbar-thumb {
 border-radius: 5px;
 background: rgba(0, 0, 0, 0.2);
}
 .course-years::-webkit-scrollbar-track {
 border-radius: 5px;
 background: rgba(0, 0, 0, 0.1);
}
.course-years .item { position: relative; }
.course-years span { width: 84px; height: 84px; border-radius: 50%; border: 1px solid #a3a3a3; color: #a3a3a3; font-size: 24px; text-align: center; line-height: 84px; display: inline-block; cursor: pointer; transition: all 0.3s; }
 @media (min-width: 992px) {
.course-years { width: 196px; position: absolute; right: 0; top: 0; bottom: 0; overflow-y: auto; }
.course-years .item { padding: 0.4rem 0 0.25rem 0.9rem; }
.course-years .item::before { content: ''; display: block; position: absolute; width: 45px; height: 1px; background: #a3a3a3; left: 0; top: 50%; }
}
.course-years .item:hover span, .course-years .active span { background: #ff0000; color: #fff; border-color: #ff0000; }
 @media (max-width: 992px) {
.course-years { margin-bottom: 30px; overflow: hidden; }
.course-years .item { float: left; width: 16.66666667%; }
.course-years span { width: 1.8rem; height: 1.8rem; border-radius: 50%; border: 0; color: #a3a3a3; font-size: 24px; text-align: center; line-height: 1.8rem; display: inline-block; cursor: pointer; transition: all 0.3s; }
}
 @media (max-width: 640px) {
.course-years span { font-size: 16px; }
}
.about-plan { padding-top: 1.8rem; }
.about-plan h2, .about-plan .dese { text-align: center; }
.about-plan .desc { margin-bottom: 1.4rem; margin-top: 0.6rem; font-size: 16px; color: #666; line-height: 1.76; }
 @media (min-width: 1200px) {
.about-plan .bd { background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url('../images/bg3.jpg'); }
.about-plan ul { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; max-width: 1300px; color: #fff; display: table; height: 768px; line-height: 1.76; }
.about-plan ul li { width: 28%; padding: 90px 30px 0 50px; border-left: 1px solid rgba(255, 255, 255, 0.1); display: table-cell; overflow: hidden; }
.about-plan ul li:first-child { border-left: 0; }
.about-plan ul li:first-child .id::before { display: none; }
.about-plan ul > * { transition: all 0.3s; }
.about-plan ul .id { font-size: 60px; position: relative; font-family: medium; }
.about-plan ul .id::before { content: ''; display: block; position: absolute; width: 3px; height: 76px; background: #ff0000; left: -51px; top: 50%; margin-top: -38px; }
.about-plan ul .title { font-size: 40px; margin-bottom: 20px; line-height: 1.3; }
.about-plan ul .info { font-size: 16px; line-height: 36px; overflow: hidden; transition-delay: 0.3s; opacity: 0; transition: all 0.3s ease-in; transform: translateY(200%); }
.about-plan ul .en { font-size: 18px; opacity: 0.5; transition: all 0.3s; overflow: hidden; }
.about-plan ul li.active { width: 44%; }
.about-plan ul li.active .info { transform: translateY(0px); opacity: 1; }
.about-plan ul li.active .en { opacity: 0; display: none; }
}
 @media (max-width: 1450px) and (min-width: 1200px) {
.about-plan ul { width: 100%; height: 700px; }
.about-plan ul li { padding: 60px 20px 0 40px; }
.about-plan ul .title { font-size: 30px; }
.about-plan ul .info { font-size: 15px; line-height: 1.76; }
}
 @media (max-width: 1200px) {
.about-plan { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; }
.about-plan li { margin-bottom: 50px; text-align: center; }
.about-plan .id { height: 190px; font-size: 100px; line-height: 160px; color: #000000; text-align: center; }
.about-plan .id::after { content: ''; display: block; margin: 0 auto; height: 1px; width: 110px; background-color: #000; }
.about-plan .title { margin-top: 30px; font-size: 20px; font-weight: 700; color: #000000; text-align: center; }
.about-plan .title br { display: none; }
.about-plan .en { text-transform: uppercase; font-size: 13px; margin: 10px 0 30px; }
.about-plan .info { font-size: 16px; line-height: 1.4; color: #555555; }
}
 @media (max-width: 640px) {
.about-plan .desc { font-size: 16px; line-height: 1.4; }
}
 @media (max-width: 480px) {
.about-plan .info { text-align: left; }
}
.joinus { padding: 1.6rem 0 2.5rem; }
.joinus h2 { text-align: center; margin-bottom: 1.2rem; }
.recruit-box { border: 1px solid #ebebeb; overflow: hidden; width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; max-width: 1300px; }
.recruit-box .arrow { transition: all 0.3s; }
.recruit-box .item-hd li, .recruit-box .hd-wrap li { width: 14%; float: left; }
.recruit-box .hd-wrap { background: #ff0000; padding: 0 22px; }
.recruit-box .hd { height: 48px; line-height: 48px; font-size: 16px; color: #fff; padding: 0 22px; }
.recruit-box .item { padding: 0 22px; }
.recruit-box .item-hd { padding-top: 30px; padding-bottom: 30px; position: relative; }
.recruit-box li p { display: inline-block; }
.recruit-box .item + .item { border-top: 1px solid #ebebeb; }
.recruit-box .item-hd { font-size: 16px; cursor: pointer; line-height: 1.8; }
.recruit-box .item-hd .tit { display: none; }
.recruit-box .item-bd { color: #666; display: none; padding: 30px 15px; }
.recruit-box .active .item-bd { border-top: 1px solid #ebebeb; }
.recruit-box .active .arrow { transform: rotate(180deg); display: inline-block; }
.recruit-box .arrow { float: right; font-size: 14px; color: #333; }
.recruit-box dd { margin: 10px 0 30px; }
.recruit-box dt, .recruit-box dd { line-height: 2; }
 @media (max-width: 1200px) {
.recruit-box .hd-wrap { display: none; }
.recruit-box .item { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; width: 96%; }
.recruit-box .item-hd { font-size: 16px; }
.recruit-box .item-hd .tit { margin-right: 4px; display: inline-block; }
.recruit-box .item-hd li { width: 33%; }
.recruit-box .item-bd { padding: 20px 0; margin: 0; }
.recruit-box .arrow { position: absolute; right: 0; bottom: 30px; }
}
 @media (max-width: 992px) {
.recruit-box .item-hd li { width: 50%; }
}
 @media (max-width: 640px) {
.recruit-box { border: 0; width: 100%; }
.recruit-box .item { padding: 20px 0; width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; }
.recruit-box .item-hd { padding: 0; line-height: 1.5; font-size: 15px; }
.recruit-box .item-hd .tit { margin-right: 4px; }
.recruit-box .item-hd li { padding-left: 0; width: 100%; }
.recruit-box .item-bd { padding: 20px 0 0; margin: 20px 0 0; color: #333; }
.recruit-box .item-bd dd { font-size: 14px; line-height: 1.5; }
}
.about-team { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; max-width: 1300px; padding: 2rem 0 2.8rem; }
.about-team h2 { text-align: center; }
.about-team ul { margin-top: 1.3rem; }
 @media (min-width: 768px) {
.about-team .inner { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; }
.about-team .content { width: 80%; padding-left: 7%; 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; }
.about-team .pic { width: 20%; width: 146px; max-width: 8vw; }
}
.about-team li { margin-bottom: 2%; font-size: 16px; }
.about-team li .inner { background: #fff; padding: 40px 8%; border: 1px solid #f7f7f7; transition: all 0.3s; }
.about-team li .inner:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
.about-team li .pic { border-radius: 50%; }
.about-team li .info { color: #999; margin-top: 16px; line-height: 1.4; height: 3em; }
.about-team li .name { font-weight: bold; }
.about-team li:nth-child(2n+1) { clear: both; }
 @media (max-width: 992px) {
.about-team li .pic { max-width: 12vw; }
}
 @media (max-width: 768px) {
.about-team li { margin-bottom: 30px; text-align: center; }
.about-team li .inner { border-color: #ddd; padding: 40px 8%; }
.about-team li .pic { max-width: 28vw; }
.about-team li .name { margin-top: 20px; font-size: 18px; }
.about-team li .info { color: #333; font-size: 14px; }
}
.about-zs { padding: 2rem 0 1.6rem; background: #f7f7f7; }
.about-zs h2 { margin-bottom: 1.6rem; text-align: center; }
.about-zs .bd { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; max-width: 1300px; }
.about-zs .list li { margin-bottom: 30px; }
 @media (max-width: 640px) {
.about-zs .list li { padding-left: 14px; padding-right: 14px; }
}
.swiper-zs { height: auto !important; padding-bottom: 72px; }
.swiper-zs .swiper-slide { display: inline-block; width: 20%; padding: 0 13px; }
 @media (max-width: 1200px) {
.swiper-zs .swiper-slide { width: 25%; }
}
.about-honor { padding: 2rem 0 2.5rem; width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; max-width: 1300px; }
.about-honor h2 { margin-bottom: 1.6rem; text-align: center; }
.about-honor li { text-align: center; margin-bottom: 60px; cursor: pointer; }
.about-honor li .img { position: relative; overflow: hidden; display: block; margin: 0 auto; }
.about-honor li .img img { -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.about-honor 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); }
.about-honor li .img img { width: 100%; }
.about-honor li .cover { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(243, 128, 49, 0.9); transition: all 0.3s; opacity: 0; }
.about-honor li .cover .search { background: url('../images/ic_search.png') no-repeat center; background-size: 48px; width: 48px; height: 48px; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); left: 50%; position: absolute; }
.about-honor li .title { font-size: 16px; color: #666; padding: 20px 0 20px; border-bottom: 2px solid #eee; position: relative; height: 3em; box-sizing: content-box; }
.about-honor li .title::before { content: ''; display: block; position: absolute; left: 0; height: 2px; bottom: -2px; background: #ff0000; transition: all 0.3s; width: 0; }
.about-honor li:hover .cover { opacity: 1; }
.about-honor li:hover .title { color: #ff0000; }
.about-honor li:hover .title::before { width: 100%; }
.map-box { position: relative; }
.map-box h5 { font-size: 30px; margin-bottom: 20px; }
.map-box .info { font-size: 16px; line-height: 1.7; }
 @media (min-width: 992px) {
.map-box .contact { background: rgba(0, 0, 0, 0.8); width: 50%; padding: 60px 2% 40px 4%; color: #fff; position: absolute; right: 0; bottom: 0; z-index: 10; min-width: 600px; }
}
 @media (max-width: 992px) {
.map-box .contact { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; padding-top: 50px; }
}
 @media (max-width: 640px) {
.map-box .contact { padding-bottom: 50px; padding-top: 30px; }
.map-box .contact h5 { font-size: 24px; }
.map-box .contact .info { font-size: 14px; }
}
.about-leaving { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; max-width: 1190px; padding: 2rem 0 4rem; }
.about-leaving h2 { text-align: center; margin-bottom: 60px; }
.contact-form { font-size: 16px; }
.contact-form input, .contact-form textarea, .contact-form button { border: 0; box-shadow: none; outline: none; resize: none; background: none; font-size: 16px; }
.contact-form label { color: #666; font-weight: normal; }
.contact-form li { min-height: 64px; line-height: 64px; margin-bottom: 40px; transition: all 0.3s; }
.contact-form li .inner { border-bottom: 1px solid #cdcdcd; display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; }
.contact-form li input { 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; display: block; }
.contact-form li label { min-width: 50px; margin-right: 30px; position: relative; }
.contact-form li.active .inner { border-color: #ff0000; }
.contact-form li.active input, .contact-form li.active label { color: #ff0000; }
.contact-form li.textarea-box label::before { display: none; }
.contact-form textarea { display: block; height: 170px; border: 1px solid #cdcdcd; width: 100%; padding: 20px; line-height: 1.76; }
.contact-form textarea:focus { border-color: #ff0000; }
.contact-form .submit { background: #ff0000; color: #fff; width: 170px; height: 48px; line-height: 48px; display: block; margin: 0 auto; font-size: 16px; transition: all 0.3s; }
.contact-form .submit:hover { box-shadow: 0 0 10px rgba(209, 31, 55, 0.5); }
 @media (max-width: 992px) {
.contact-form li { margin-bottom: 30px; }
}
 @media (max-width: 768px) {
.contact-form li { min-height: 50px; line-height: 50px; }
}
 @media (max-width: 640px) {
.contact-form li { min-height: 40px; line-height: 40px; }
.contact-form .submit { margin-top: 20px; height: 40px; line-height: 40px; width: 120px; }
}
 @media (max-width: 480px) {
.contact-form { font-size: 14px; }
.contact-form input, .contact-form textarea { font-size: 14px; }
.contact-form li { margin-bottom: 10px; }
.contact-form li label { margin-right: 10px; min-width: 40px; }
}
/*  map */

.BMap_cpyCtrl, .anchorBL { display: none; }
#map { height: 736px; }
 @media (max-width: 992px) {
#map { height: 400px; }
}
 @media (max-width: 640px) {
#map { height: 300px; }
}
#map label, #map img { max-width: none; }
.msg-list { text-align: center; }
.msg-list .bd { padding-top: 1.64rem; padding-bottom: 2rem; background: #f4f4f4; background: #f5f5f9; }
.msg-list ul { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; max-width: 1300px; }
.msg-list li { margin-bottom: 30px; }
.msg-list .inner { background: #fff; padding: 48px 8% 20px; transition: all 0.3s; }
.msg-list .info { font-size: 16px; line-height: 1.5; min-height: 6em; color: #666; }
.msg-list h5 { font-size: 24px; margin: 20px 0; }
.msg-list img { max-width: 20%; }
 @media (max-width: 992px) {
.msg-list .inner { padding: 48px 8%; }
.msg-list .info { min-height: auto; }
}
 @media (max-width: 480px) {
.msg-list li { background: #fff; margin-bottom: 20px; }
.msg-list h5 { font-size: 22px; }
.msg-list .info { font-size: 14px; }
}
.pro-apply { padding: 2.4rem 0 3rem; }
.pro-apply h2 { margin-bottom: 1.5rem; }
 @media (max-width: 480px) {
.pro-apply { padding-bottom: 0; }
}
.apply-list { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; max-width: 1300px; text-align: center; font-size: 24px; color: #666; }
.apply-list .icon { width: 15vw; height: 15vw; transition: 0.5s; max-width: 200px; max-height: 200px; border-radius: 50%; display: block; margin: 0 auto; background-color: #fde6d6; display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -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; margin-bottom: 0.5rem; }
.apply-list li:hover .icon { transform: rotateY(180deg); }
 @media (max-width: 768px) {
.apply-list li { margin-bottom: 8%; }
.apply-list .icon { width: 25vw; height: 25vw; }
}
 @media (max-width: 480px) {
.apply-list { font-size: 16px; }
.apply-list img { max-width: 60%; }
}
.apply-list2 { margin-left: -20px; margin-right: -20px; }
.apply-list2 li { padding-left: 20px; padding-right: 20px; margin-bottom: 40; }
 @media (max-width: 640px) {
.apply-list2 { margin-left: -5px; margin-right: -5px; }
.apply-list2 li { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }
}
.apply-list2 .img { overflow: hidden; display: block; margin: 0 auto; }
.apply-list2 .img img { -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.apply-list2 .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); }
.apply-list2 .img img { width: 100%; }
.apply-list2 .content { background: #f4f4f4; background: #f5f5f9; padding: 20px 8% 30px; }
.apply-list2 .title { font-size: 24px; margin-bottom: 10px; }
.apply-list2 .info { font-size: 16px; line-height: 1.7; color: #666; }
.apply-list2 .info p { position: relative; }
.apply-list2 .info p::before { content: ''; width: 6px; height: 6px; background: #ff0000; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 15px; }
 @media (max-width: 992px) {
.apply-list2 { margin-left: 0; margin-right: 0; }
.apply-list2 > * { padding-left: 0; padding-right: 0; }
.apply-list2 li { padding-left: 0; padding-right: 0; }
.apply-list2 li + li { margin-top: 20px; }
}
 @media (max-width: 640px) {
.apply-list2 .content { padding: 10px 0 20px; background: #fff; }
.apply-list2 .title { font-size: 20px; }
.apply-list2 .info { font-size: 14px; }
}
.swiper-popup-wrap { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99999; background: rgba(0, 0, 0, 0.8); display: none; }
.swiper-popup-wrap .swiper-box { max-width: 1300px; margin-left: auto; margin-right: auto; position: relative; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); left: 50%; position: absolute; width: 90%; }
.swiper-popup-wrap .inner { max-width: 1000px; position: relative; margin-left: auto; margin-right: auto; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); background: #fff; padding: 1rem 1rem 0.5rem; }
.swiper-popup-wrap .swiper-slide { text-align: center; }
.swiper-popup-wrap .swiper-slide img { width: 100%; }
.swiper-popup-wrap .swiper-slide .tit { font-size: 24px; height: 1.5rem; line-height: 1.5rem; margin-top: 0.3rem; }
.swiper-popup-wrap .swiper-pagination { display: none; color: #dd2e1b; text-align: right; padding-right: 20px; }
.swiper-popup-wrap .pnext { background: none; width: 1rem; height: 2rem; line-height: 2rem; margin-top: -1rem; text-align: center; transition: all 0.3s; outline: none; --swiper-theme-color: #ff0000;
 --swiper-navigation-color: #fff;
 --swiper-navigation-size: 1.2rem;
}
.swiper-popup-wrap .pnext:hover { --swiper-navigation-color: #ff0000;
}
.swiper-popup-wrap .swiper-button-prev { left: 0; }
.swiper-popup-wrap .swiper-button-next { right: 0; }
 @media (max-width: 1500px) {
.swiper-popup-wrap .pnext { width: 60px; height: 60px; line-height: 60px; margin-top: -30px; }
.swiper-popup-wrap .tit { font-size: 16px; }
}
 @media (max-width: 1300px) {
.swiper-popup-wrap .pnext { display: none; }
.swiper-popup-wrap .swiper-pagination { display: block; text-align: center; color: #fff; }
.swiper-popup-wrap .swiper-box { padding-top: 1rem; padding-bottom: 1rem; }
}
 @media (max-width: 768px) {
.swiper-popup-wrap .inner { padding: 0.5rem 0.5rem 0.3rem; }
}
 @media (max-width: 480px) {
.swiper-popup-wrap .swiper-box { padding-top: 2rem; padding-bottom: 2rem; }
.swiper-popup-wrap .inner .tit { font-size: 14px; }
}
.swiper-popup { text-align: center; }
 @media (max-width: 480px) {
.swiper-popup .tit { font-size: 13px; height: 1rem; line-height: 1rem; }
}
.swiper-close { position: absolute; right: -20px; top: -20px; z-index: 999; background: #fff; border-radius: 50%; border: 4px solid #fff; cursor: pointer; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 44px; height: 44px; text-align: center; transition: all 0.3s; background: linear-gradient(to right, #1b1b1b, #434343); }
.swiper-close .iconfont { font-size: 20px; display: block; line-height: 1; color: #fff; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); left: 50%; position: absolute; transition: all 0.3s; }
.swiper-close:hover { background: linear-gradient(to right, #9f051a, #d11f37); }
.swiper-close:hover .iconfont { color: #fff; transform: translateY(-50%) translateX(-50%) rotate(180deg); }
 @media (max-width: 768px) {
.swiper-close { border: 2px solid #fff; top: -12px; right: -12px; width: 30px; height: 30px; }
.swiper-close .iconfont { font-size: 14px; }
}
.ban-search { background: #fff; width: 90%; max-width: 710px; height: 48px; line-height: 48px; margin-left: auto; margin-right: auto; position: relative; }
.ban-search .key { color: #dd2e1b; font-size: 18px; width: 100%; text-indent: 15px; display: block; }
.ban-search .icon-sousuo { color: #666; position: absolute; right: 10px; top: 0; font-size: 20px; }
.ban-search .icon-sousuo:hover { color: #dd2e1b; }
 @media (max-width: 640px) {
.ban-search { height: 40px; line-height: 40px; }
}
.search-count { margin-top: 1.6rem; color: #666; width: 88%; max-width: 1300px; position: relative; margin-left: auto!important; margin-right: auto!important; }
.fixed-menu { width: 58px; position: fixed; right: 0; top: 50%; margin-top: -116px; z-index: 555; border: 1px solid #f1f1f1; }
.fixed-menu .hd { width: 58px; height: 58px; background: #fff; cursor: pointer; }
.fixed-menu .hd:hover { background: #f1f1f1; }
.fixed-menu li + li { border-top: 1px solid #f1f1f1; }
.fixed-menu i { width: 58px; height: 58px; display: block; background-repeat: no-repeat; background-position: center; }
.fixed-menu .ic1 { background-image: url('../images/ic_menu_1.png'); }
.fixed-menu .ic2 { background-image: url('../images/ic_menu_2.png'); }
.fixed-menu .ic3 { background-image: url('../images/ic_menu_3.png'); }
.fixed-menu .ic4 { background-image: url('../images/ic_menu_4.png'); }
.fixed-menu li { position: relative; }
.fixed-menu .pop { position: absolute; right: 0; top: 50%; padding-right: 76px; transform: scale(0) translateY(-50%); transition: 0.2s; }
.fixed-menu li:hover .pop { transform: scale(1) translateY(-50%); }
.fixed-menu .codepop .inner { width: 120px; height: 120px; border: 1px solid #f1f1f1; background: #fff; box-sizing: content-box; padding: 5px; }
.fixed-menu .poptel .inner { font-family: medium; width: 200px; height: 53px; line-height: 53px; text-align: center; font-size: 26px; background: #fff; border: 1px solid #f1f1f1; }
.pop-service { display: none; }
.pop-service .title { background: url('../images/pop_bg.png') no-repeat center; background-size: cover; color: #fff; text-align: center; height: 3rem; line-height: 3rem; font-size: 30px; position: relative; }
.pop-service .icon-guanbi1 { font-size: 20px; position: absolute; right: 20px; top: 20px; line-height: 1; cursor: pointer; }
.pop-service .icon-guanbi1:hover { color: #0d4e9b; }
.pop-service .content { padding: 36px 40px 76px; }
.pop-service .input-div { margin-bottom: 18px; }
 @media (min-width: 768px) {
.pop-service .input-div { display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; }
.pop-service .input-div input, .pop-service .input-div textarea { 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; }
}
.pop-service .input-div label { font-size: 16px; font-weight: normal; width: 7em; display: block; }
.pop-service .input-div label em { color: #ff0000; }
.pop-service .input-div input, .pop-service .input-div textarea { border: 1px solid #e0e0e0; height: 40px; line-height: 40px; display: block; padding: 0 14px; }
.pop-service .input-div textarea { padding: 5px 14px; height: 120px; line-height: 1.6; resize: none; }
.pop-service .submit { width: 150px; height: 48px; line-height: 48px; background: #ff0000; color: #fff; font-size: 16px; font-weight: bold; }
.pop-service .submit:hover { opacity: 0.9; display: block; }
 @media (max-width: 768px) {
.pop-service .title { font-size: 20px; }
.pop-service .content { padding: 20px; }
.pop-service .input-div { margin-bottom: 10px; }
.pop-service .input-div label { font-size: 14px; margin-bottom: 5px; color: #666; }
.pop-service .input-div input { height: 34px; line-height: 34px; }
.pop-service .input-div input, .pop-service .input-div textarea { width: 100%; }
.pop-service .submit { height: 40px; line-height: 40px; margin-left: auto; margin-right: auto; display: block; }
}
 @media (max-width: 480px) {
.pop-service .title { height: 2.4rem; line-height: 2.4rem; }
}
.honner-2 { background: #f9f9f9; padding: 2.2rem 0 2.2rem; }
.honner-2 .row { width: 88%; max-width: 1300px; position: relative; margin-left: auto!important; margin-right: auto!important; }
.honner-2 h3 { font-size: 18px; color: #666; margin-bottom: 30px; }
.honner-2 h3 > * { display: inline-block; vertical-align: middle; }
.honner-2 h3 i { width: 28px; height: 28px; margin-right: 8px; background-repeat: no-repeat; background-position: center; display: inline-block; }
.honner-2 h3 .ic1 { background-image: url('../images/ic_zz1.png'); }
.honner-2 h3 .ic2 { background-image: url('../images/ic_zz2.png'); }
.honner-2 h3 .ic3 { background-image: url('../images/ic_zz3.png'); }
.honner-2 .info { font-size: 16px; line-height: 1.9; color: #666; }
 @media (max-width: 992px) {
.honner-2 .row { margin-left: 0; margin-right: 0; }
.honner-2 .row > * { padding-left: 0; padding-right: 0; }
.honner-2 li { margin-bottom: 40px; }
.honner-2 h3 { margin-bottom: 20px; }
}
 @media (max-width: 480px) {
.honner-2 .info { font-size: 14px; }
}
.honner-1 { background: #fff; width: 88%; max-width: 1300px; position: relative; margin-left: auto!important; margin-right: auto!important; text-align: center; padding: 2rem 0 2.6rem; }
 @media (max-width: 480px) {
.honner-1 { width: 100%; padding-bottom: 1.6rem; }
.honner-1 h2 { margin-bottom: 20px; }
}
.pro-framework .bd._bor { background-color: transparent; }
.banner .more1 { border-color: #fff !important; }
.swiper-scheme { --swiper-theme-color: #ff0000;
 --swiper-navigation-color: rgba(0, 0, 0, 0.6);
 --swiper-navigation-size: 30px;
/* 设置按钮大小 */

}
.ibox1 .icons._s2 { max-width: 500px; margin: 0px auto; }
.ibox1 .cItem.a1 { padding-bottom: 1.2rem; }
 @media (max-width: 992px) {
.ibox1 .icons._s2 { margin: 0 auto 0.4rem; }
}
 @media (max-width: 480px) {
.ibox1 .icons._s2 { margin: 0 auto 0.6rem; }
}
.banner-video .ic_play { background-image: url(../images/play-btn.png); background-repeat: no-repeat; cursor: pointer; height: 50px; width: 50px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; }
.banner-video .ic_play:hover { background-image: url('../images/play-btn2.png'); }
.layui-layer-content { border: 0.5rem solid #fff; border-radius: 10px; }
.videobox { display: none; width: 100%; height: 100%; }
.videobox .video-js { width: 100%; height: 100%; }
.videobox video { object-fit: cover; }
.videobox .video-js .vjs-big-play-button { height: 2.2em; line-height: 2.2em; width: 2.2em; border-radius: 50%; margin-top: -1.1em; margin-left: -1.1em; font-size: 30px; }
 @media (max-width: 1199px) {
.solvebox { padding-bottom: 2rem; }
}
.solve-navs { text-align: center; background: #f5f5f9; font-size: 18px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); transition: 0.3s; position: fixed; left: 0; right: 0; top: 0; z-index: -1; }
.solve-navs.fixed { z-index: 55555; }
.solve-navs .inner { width: 88%; margin-left: auto; margin-right: auto; max-width: 1600px; max-width: 1200px; display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -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; }
.solve-navs a { width: 25%; display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -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; }
.solve-navs i { width: 0.8rem; height: 0.8rem; margin-right: 10px; background-repeat: no-repeat; background-position: center; display: inline-block; display: block; background-size: contain; }
.solve-navs span { height: 2rem; line-height: 2rem; }
.solve-navs .icon1 { background-image: url('../images/ic_k_1.png'); }
.solve-navs .icon2 { background-image: url('../images/ic_k_2.png'); }
.solve-navs .icon3 { background-image: url('../images/ic_k_3.png'); }
.solve-navs .icon4 { background-image: url('../images/ic_k_4.png'); }
.solve-navs .active { color: #ff0000; }
.solve-navs .active .icon1 { background-image: url('../images/ic_k_1_on.png'); }
.solve-navs .active .icon2 { background-image: url('../images/ic_k_2_on.png'); }
.solve-navs .active .icon3 { background-image: url('../images/ic_k_3_on.png'); }
.solve-navs .active .icon4 { background-image: url('../images/ic_k_4_on.png'); }
 @media (min-width: 992px) {
.solve-navs a:hover { color: #ff0000; }
.solve-navs a:hover .icon1 { background-image: url('../images/ic_k_1_on.png'); }
.solve-navs a:hover .icon2 { background-image: url('../images/ic_k_2_on.png'); }
.solve-navs a:hover .icon3 { background-image: url('../images/ic_k_3_on.png'); }
.solve-navs a:hover .icon4 { background-image: url('../images/ic_k_4_on.png'); }
}
 @media (max-width: 1200px) {
.solve-navs { font-size: 16px; }
}
 @media (max-width: 992px) {
.solve-navs a { padding: 0.3rem 0; }
.solve-navs a span { display: block !important; height: auto; line-height: 0.6rem; }
}
 @media (max-width: 768px) {
.solve-navs .inner { width: 100%; }
.solve-navs span, .solve-navs i { display: block; }
}
 @media (max-width: 640px) {
.solve-navs { font-size: 15px; }
.solve-navs li { padding: 0 5px; }
.solve-navs i { margin-right: 0; margin-bottom: 7px; }
.solve-navs span { width: 6em; overflow: hidden; display: block; margin: 0 auto; box-sizing: content-box; }
}
 @media (max-width: 480px) {
.solve-navs { font-size: 13px; }
.solve-navs a { padding: 6px 0; }
.solve-navs i { width: 26px; height: 26px; }
.solve-navs span { width: 4em; line-height: 1.6; }
}
 @media (max-width: 768px) {
.solve-navs i { width: 0.6rem; }
}
 @media (max-width: 640px) {
.solve-navs i { display: none !important; }
.solve-navs a { height: 50px; line-height: 50px; padding: 0; }
.solve-navs span { width: 6em; overflow: hidden; display: block; white-space: nowrap; line-height: 50px; }
}
.solve-content { max-width: 1920px; margin: 2rem auto; }
.solve-item .inner .list li a { font-size: 18px; color: #f00 }
.solve-item h3 { font-size: 30px; }
.solve-item h3::after { content: ''; display: block; width: 1rem; height: 3px; background: #ff0000; margin-top: 0.5rem; transition: all 0.3s; }
.solve-item h3:hover::after { width: 2rem; }
.solve-item .desc { font-size: 16px; color: #666; padding: 0.5rem 0 0.2rem; }
 @media (min-width: 1200px) {
.solve-item { display: table; width: 100%; }
.solve-item .img, .solve-item .content { display: table-cell; vertical-align: middle; width: 50%; }
.solve-item .inner { max-width: 650px; padding: 5% 20px 5% 11%; }
.solve-item .img { width: 100%; max-width: 960px; }
.solve-item:nth-child(2n) .inner { float: right; padding: 5% 11% 5% 20px; }
}
 @media (min-width: 1200px) and (max-width: 1600px) {
.solve-item .desc { padding-top: 0.3rem; }
}
 @media (min-width: 1200px) and (max-width: 1300px) {
.solve-item .desc { font-size: 14px; }
.solve-item h3 { font-size: 26px; }
}
.solve-item .list li { padding-top: 0.8rem; display: -webkit-flex; display: flex; display: -webkit-box; display: box; position: relative; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; }
.solve-item .list 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; }
 @media (max-width: 1600px) {
.solve-item .list li { padding-top: 0.4rem; }
}
 @media (max-width: 1300px) {
.solve-item .list li { padding-top: 0.3rem; }
.solve-item .list li h5 { margin-bottom: 5px; }
}
.solve-item .list h5 { font-size: 18px; margin-bottom: 10px; }
.solve-item .list p { color: #999; }
.solve-item .list i { width: 0.96rem; height: 0.96rem; background-repeat: no-repeat; background-position: center; display: inline-block; margin-right: 0.4rem; background-size: contain; }
.solve-item .list .ic-a1 { background-image: url('../images/ic_a_1.png'); }
.solve-item .list .ic-a2 { background-image: url('../images/ic_a_2.png'); }
.solve-item .list .ic-a3 { background-image: url('../images/ic_a_3.png'); }
.solve-item .list .ic-a4 { background-image: url('../images/ic_a_4.png'); }
.solve-item .list .ic-b1 { background-image: url('../images/ic_b_1.png'); }
.solve-item .list .ic-b2 { background-image: url('../images/ic_b_2.png'); }
.solve-item .list .ic-b3 { background-image: url('../images/ic_b_3.png'); }
.solve-item .list .ic-b4 { background-image: url('../images/ic_b_4.png'); }
.solve-item .list .ic-c1 { background-image: url('../images/ic_c_1.png'); }
.solve-item .list .ic-c2 { background-image: url('../images/ic_c_2.png'); }
.solve-item .list .ic-c3 { background-image: url('../images/ic_c_3.png'); }
.solve-item .list .ic-c4 { background-image: url('../images/ic_c_4.png'); }
.solve-item .list .ic-d1 { background-image: url('../images/ic_d_1.png'); }
.solve-item .list .ic-d2 { background-image: url('../images/ic_d_2.png'); }
.solve-item .list .ic-d3 { background-image: url('../images/ic_d_3.png'); }
.solve-item .list .ic-d4 { background-image: url('../images/ic_d_4.png'); }
 @media (max-width: 1199px) {
.solve-item { width: 88%; margin-left: auto; margin-right: auto; position: relative; max-width: 1600px; padding-top: 1rem; }
.solve-item .img { margin-bottom: 0.6rem; width: 100%; }
}
 @media (max-width: 640px) {
.solve-item h3 { font-size: 22px; }
.solve-item .desc { padding-top: 0.8rem; }
.solve-item .list .ic { width: 1rem; height: 1rem; }
.solve-item .list h5 { font-size: 16px; }
.solve-item .list li { margin-top: 0.8rem; }
}
.copyright a { color: #999; }
.copyright a:hover { color: #fff; }