@import 'iconfont.css';
.wrap { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto }
.ver>* { display: inline-block; vertical-align: middle }
.hv-scale { overflow: hidden }
.hv-scale img { -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s }
.hv-scale:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) }
.t, .tran3 { transition: all .4s ease 0s }
.table-cell { display: table; width: 100% }
.table-cell>* { display: table-cell; vertical-align: middle; float: none }
.row-pv0 { margin-left: 0; margin-right: 0 }
.row-pv0>* { padding-left: 0; padding-right: 0 }
.mv0 { margin-left: 0 !important; margin-right: 0 !important }
.pv0 { padding-left: 0 !important; padding-right: 0 !important }
.pt0 { padding-top: 0px !important }
.pb0 { padding-bottom: 0px !important }
.mb0 { margin-bottom: 0 !important }
.mt0 { margin-top: 0 !important }
.bg-gray { background: #f1f1f1 }
.c { color: #3b8ac5 }
.bgc { background: #3b8ac5 }
.hv:hover { color: #3b8ac5 }
.hv-f:hover { color: #fff }
.cover-box { position: relative; display: block; overflow: hidden }
.cover-box .coverimg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1; transition: transform .6s ease 0s }
.cover-box ._bg { width: 100%; visibility: hidden; display: block }
 @media (min-width:993px) {
.cover-box:hover .cover-tip { opacity: 1; filter: alpha(opacity=1) }
.cover-box:hover .coverimg { transform: scale(1.05, 1.05) }
}
.cover-tip { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all .4s ease 0s; z-index: 3 }
.cover-tip .bgbox { display: block; width: 100%; height: 100%; background-color: #000; opacity: .6; filter: alpha(opacity=60) }
.cover-tip .stit { font-size: 16px; line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px; color: #fff }
.cover-tip .stit { font-size: 16px; line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px; color: #fff }
.cover-tip .line { display: inline-block; width: 100px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left: -50px; transition: all .6s ease 0s }
.cover-tip .linet { top: 0 }
.cover-tip .lineb { bottom: 0 }
.cover-tip:hover .line { width: 6px; margin-left: -3px; opacity: .6; filter: alpha(opacity=60) }
.c-red { color: #3b8ac5 }
.medium { font-family: medium }
.swiper-container { --swiper-theme-color: #3b8ac5
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .6s !important }
.iconfont { color: inherit }
.medium { font-family: medium }
footer { color: #fff; background: #252526 }
footer a { color: #bbb }
footer a:hover { color: #fff }
footer .ft-top { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: .88rem 0 .36rem
}
footer .ft-top .logo { width: 140px; height: 44px; display: block; background-image: url('/static/images/logo_ft.png') }
footer .ft-top .wxbox { margin-right: 4px }
footer .ft-top .wxbox .iconfont { font-size: 30px; color: #999; cursor: pointer }
footer .ft-top .wxbox .iconfont:hover { color: #fff }
 @media (min-width:993px) {
footer .ftnavs { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: .4rem 0 .2rem;
border-top: 1px solid #313131;  }
}
footer .navitem { line-height: 30px }
footer .navitem h4 { position: relative; margin-bottom: 12px; font-weight: bold; font-size: 16px }
footer .navitem .icon-jia { float: right; transition: .3s; display: none; margin-right: 10px }
footer .navitem .info a { display: block; line-height: 30px }
footer .ft-bottom { padding: 24px 0 30px; color: #666 }
footer .ft-bottom .copyright>*>* { display: inline-block; vertical-align: middle }
footer .ft-bottom .copyright .beian { margin-left: 5px }
footer .ft-bottom .copyright .skill { color: #666; margin-left: 10px }
footer .ft-bottom .copyright .skill:hover { color: #fff }
footer .ft-bottom a { color: #666 }
footer .ft-bottom a:hover { color: #fff }
 @media (min-width:993px) {
footer .ft-bottom { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between ;  border-bottom: 1px solid #313131}
}
.noborder { border:none}
 @media (max-width:992px) {
footer .ft-bottom { text-align: center }
footer .ft-bottom .ftlogo { margin-top: .2rem
}
}
 @media (max-width:640px) {
footer .ft-bottom .copyright { line-height: 1.8 }
footer .ft-bottom .copyright a { display: inline-block }
footer .ft-bottom .skill { font-size: 14px }
}
 @media (max-width:992px) {
footer .navitem { float: none; width: 100% }
footer .navitem .icon-jia { display: block }
footer .navitem h4 { position: relative; border-bottom: 1px solid #313131; height: 46px; line-height: 46px; margin: 0 }
footer .navitem .info { display: none; padding: 10px 30px; line-height: 2 }
footer .navitem .info a { color: rgba(255, 255, 255, 0.8) }
footer .navitem.active .iconfont { transform: rotate(135deg) }
}
 @media (max-width:992px) {
footer .navitem h4 { font-weight: normal }
footer .telbox { text-align: center; margin-bottom: .5rem
}
footer .telbox .logo { display: none }
}
 @media (max-width:768px) {
footer .ft-link { font-size: 12px }
footer .ft-link a { margin-right: 6px }
}
.foot-wx { position: relative }
.foot-wx:hover { opacity: 1 !important }
.foot-wx:hover .code { display: block }
.foot-wx .code { position: absolute; left: 50%; transform: translateX(-50%); z-index: 5; top: -170px; width: 150px; height: 150px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); display: none; max-width: none; max-height: none; border: 5px solid #fff; z-index: 555 }
.foot-wx .code img { width: 100% }
.foot-wx .code::after { content: ''; display: block; width: 0; height: 0; border: 10px solid transparent; border-top-color: #fff; z-index: 55; position: absolute; left: 50%; transform: translateX(-50%); z-index: 5; bottom: -22px }
 @media (max-width:992px) {
.foot-wx .code { left: auto; right: -20px; transform: translateX(0); top: -180px }
.foot-wx .code::after { left: auto; right: 20px; transform: translateX(0) }
}
.menu_btn_wrap { height: 80px; position: relative; min-width: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1 }
 @media (max-width:768px) {
.menu_btn_wrap { height: 60px }
}
.menu_btn { width: 50px; height: 60px; z-index: 101; cursor: pointer; left: 50%; top: 50%; position: absolute; transform-origin: center center; transform: translateY(-50%) translateX(-50%) scale(.8); -webkit-transform: translateY(-50%) translateX(-50%) scale(.8); -moz-transform: translateY(-50%) translateX(-50%) scale(.8); -ms-transform: translateY(-50%) translateX(-50%) scale(.8); -o-transform: translateY(-50%) translateX(-50%) scale(.8) }
.menu_btn i { position: absolute; width: 26px; height: 2px; background: #666; left: 12px; display: block; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out }
.menu_btn i:nth-of-type(1) { top: 20px }
.menu_btn i:nth-of-type(2) { top: 30px }
.menu_btn i:nth-of-type(3) { top: 40px; width: 14px }
.menu_btn.active i:nth-of-type(1) { -webkit-transform: rotate(225deg) translate(-7px, -7px); -moz-transform: rotate(225deg) translate(-7px, -7px); -ms-transform: rotate(225deg) translate(-7px, -7px); -o-transform: rotate(225deg) translate(-7px, -7px); transform: rotate(225deg) translate(-7px, -7px) }
.menu_btn.active i:nth-of-type(3) { opacity: 0 }
.menu_btn.active i:nth-of-type(2) { -webkit-transform: rotate(-225deg) translate(0, 0); -moz-transform: rotate(-225deg) translate(0, 0); -ms-transform: rotate(-225deg) translate(0, 0); -o-transform: rotate(-225deg) translate(0, 0); transform: rotate(-225deg) translate(0, 0) }
.menu_btn:hover i:nth-of-type(3) { width: 28px }
.header { background: #fff; transition: all .4s ease 0s; width: 100%; z-index: 9999; position: fixed; left: 0; right: 0; top: 0 }
.header .hdinner { width: 92%; margin-left: auto; margin-right: auto; overflow: visible; position: relative; z-index: 999; min-height: 80px; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
.header .logo { display: block; width: 240px; height: 80px; background: url('/static/images/logo.png') no-repeat 0 center }
 @media (max-width:992px) {
.header .hdinner { height: 80px }
.header .logo { height: 80px }
}
 @media (max-width:768px) {
.header .hd-tool, .header .hdinner { min-height: auto; height: 60px }
.header .logo { height: 60px; background-size: auto 50px }
}
 @media (max-width:480px) {
.header .logo { background-size: auto 100%;   }
.header .hd-tool ._line { margin: 0 10px }
}
.header.s2:not(:hover) { background: transparent }
.header.s2:not(:hover) .menu_btn i { background: #fff }
.header.s2:not(:hover) .logo { background-image: url('/static/images/logo_f.png') }
.header.s2:not(:hover) .pc-menus .tit { color: #fff }
.header.s2:not(:hover) .hd-tool a { color: #fff }
.header.s2:not(:hover) .hd-tool .t-item { color: #fff }
.header.s2:not(:hover) .hd-tool .t-item .iconfont { color: inherit }
.hd-tool { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; height: 80px }
.hd-tool ._line { border-left: 1px solid #ccc; margin: 0 20px }
.hd-tool .t-item { font-size: 16px; color: #999 }
.hd-tool .t-item .item { display: inline-block; padding: 0 5px; cursor: pointer }
.hd-tool .t-item .item .iconfont { color: #999; padding: 0 2px }
.hd-tool .t-item .item:hover { color: #3b8ac5 }
.hd-tool .t-item .item:hover .iconfont { color: #3b8ac5 }
.pc-menus { max-width: 1400px; margin: 0 .8rem;
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: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: relative }
.pc-menus li { text-align: center; transition: all .4s ease 0s }
.pc-menus .tit { white-space: nowrap; text-align: center; cursor: pointer; font-size: 18px; display: block; transition: all .4s ease 0s; line-height: 80px; height: 80px; position: relative }
.pc-menus .tit>.iconfont { font-size: 12px; margin-left: 5px }
.pc-menus .tit::after { content: ''; display: block; position: absolute; width: 0; left: 50%; bottom: 0; height: 3px; background: #3b8ac5; transform: translateX(-50%); transition: all .4s ease 0s }
.pc-menus .tit.active, .pc-menus li:hover .tit { color: #3b8ac5 }
.pc-menus .tit.active::after, .pc-menus li:hover .tit::after { width: 100% }
.pc-menus .tit-home.active::after, .pc-menus li:hover .tit-home::after { width: 100% }
 @media (max-width:1400px) {
.pc-menus .tit { font-size: 16px }
}
.hd-dropinfo { position: absolute; width: 100%; left: 0; top: 100%; z-index: 555; background: #fff; height: 0; overflow: hidden; opacity: 0; transition: all .4s ease 0s }
.hd-dropinfo ._bg { position: fixed; width: 100vw; background: #fff; background: linear-gradient(90deg, #fff 50%, #f1f1f1 50%, #f1f1f1 100%); height: 0; left: 0; top: 80px; transition: all .4s ease 0s }
 @media (max-width:1600px) and (min-width:1200px) {
.hd-dropinfo ._bg { background: linear-gradient(90deg, #fff 60%, #f1f1f1 60%, #f1f1f1 100%) }
}
.hd-dropinfo::before, .hd-dropinfo::after { transition: all .4s ease 0s; content: ''; display: block; position: absolute; width: 80vw; height: 100%; top: 0; z-index: 55 }
.hd-dropinfo::before { background: #fff; right: 50% }
.hd-dropinfo::after { background-color: #f1f1f1; left: 50% }
 @media (max-width:1600px) and (min-width:1200px) {
.hd-dropinfo::before { right: 40% }
.hd-dropinfo::after { left: 60% }
}
.hd-dropinfo .inners { position: relative; z-index: 222; display: -webkit-flex; display: flex; display: -webkit-box; display: box; margin-left: auto; margin-right: auto }
.hd-dropinfo .inners .navs {
 padding-top: .5rem; width: 50%; padding-right: 5% }
 @media (max-width:1600px) and (min-width:1200px) {
.hd-dropinfo .inners .navs { width: 60% }
}
.hd-dropinfo .inners .imgbox { 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; height: 0; background: #f1f1f1; transition: all .4s ease 0s }
.hd-dropinfo .navs a { transition: all .4s ease 0s; line-height: 0px; text-align: left; position: relative; display: block }
.hd-dropinfo .navs a .icon-jiantou_r { position: absolute; right: 0; top: 50%; transform: translateY(-50%) }
.hd-dropinfo .navs:not(s2) a { max-width: 260px }
.hd-dropinfo .navs.s2 a { width: 46%; float: left }
.hd-dropinfo .navs.s2 a:nth-child(2n) { float: right }
.pc-menus li:hover .hd-dropinfo { height: 365px; overflow: visible; opacity: 1 }
.pc-menus li:hover .hd-dropinfo ._bg { height: 365px }
.pc-menus li:hover .inners .imgbox {
 padding: .5rem 0 .5rem 5%; height: 240px }
.pc-menus li:hover .navs a { line-height: 46px; border-bottom: 1px solid #cfcfcf; margin-bottom: 10px; opacity: 1 }
.pc-menus li:hover .navs a:hover { border-bottom-color: #3b8ac5; color: #3b8ac5 }
 @media (max-width:1300px) {
.pc-menus li:hover .navs a { width: 100% !important; float: left !important }
.pc-menus li:hover .navs.s3 { padding-top: 20px }
}
.coverimg { transition: all .4s ease 0s; background-repeat: no-repeat; background-size: cover; background-position: center; display: block }
.coverimg img { visibility: hidden; display: block }
.coverimg.contain { background-size: contain }
main { overflow: hidden }
.m-menus { width: 100%; height: 100vh; position: fixed; top: 50px; right: -100%; background: #fff; overflow: hidden; line-height: 40px; font-size: 15px; z-index: 999; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
 @media (min-width:768px) {
.m-menus { top: 80px }
}
.m-menus .inner { height: calc((100vh - 50px)); overflow-y: auto; border-top: 1px solid #e3e3e3; padding-bottom: 30px }
.m-menus .hd-tel { text-align: center; display: block; margin: 50px 0 0 }
.m-menus .hd-tel .iconfont { font-size: 30px; margin-right: 10px; color: #000 }
.m-menus a { color: #333 }
.m-menus.active { right: 0 }
.m-menus ul { overflow-y: auto; border-bottom: 1px solid #e3e3e3 }
.m-menus .item:not(:first-child) { border-top: 1px solid #e3e3e3 }
.m-menus .item { cursor: pointer; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; position: relative }
.m-menus .item .iconfont { position: absolute; right: 8%; top: 50%; transform: translateY(-50%); font-size: 15px; color: #999; font-weight: bold; transition: .3s }
.m-menus .item>a, .m-menus h5 { display: block; padding: 0 8%; line-height: 54px; color: #333; position: relative; font-size: 16px }
.m-menus .xs-dropinfo { display: none; background: rgba(0, 0, 0, 0.05); padding: 15px 9%; font-size: 14px }
.m-menus .xs-dropinfo a { color: #666; display: block; line-height: 40px }
.m-menus .trans { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
.m-menus .open h5 { background: #3b8ac5; color: #fff; border-top: 0 }
.m-menus .open h5 .iconfont { color: #fff }
.m-menus .open h5 .iconfont::before { content: "\e625" }
.m-menus .open h5>a, .m-menus .open h5 p { font-weight: bold }
.m-menus .xs-dropinfo dl.br { border-right: 1px solid #ccc }
.m-menus .hd-tel { font-size: 26px; font-family: medium; color: #666 }
.hd-search-box { position: fixed; left: 0; right: 0; background: #fff; padding: 20px 5%; display: none }
.hd-search-box .inner { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: end; box-pack: end; -webkit-justify-content: end; justify-content: end }
.hd-search-box form { border: 1px solid #3b8ac5; max-width: 500px; display: block; position: relative; border-radius: 3px; width: 80%; min-width: 500px }
.hd-search-box .key { width: 90%; height: 40px; line-height: 40px; text-indent: 20px }
.hd-search-box .submit { position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-left: 1px solid #3b8ac5; text-align: center; width: 50px; font-size: 20px; line-height: 40px; height: 40px; color: #3b8ac5 }
.hd-search-box .submit .iconfont { font-size: 20px }
.hd-search-box .submit:hover { background: #3b8ac5; color: #fff }
.hd-search-box .close { float: right; height: 40px; line-height: 42px; width: 60px; text-align: center; font-size: 20px }
.hd-search-box .close:hover { color: #3b8ac5 }
 @media (min-width:993px) {
.hd-search-box { top: 80px }
}
 @media (max-width:768px) {
.hd-search-box { top: 50px }
.hd-search-box .inner { float: none; width: 100% }
.hd-search-box form { min-width: auto; width: 90% }
.hd-search-box .close { position: relative }
}
 @media (max-width:480px) {
.hd-search-box { bottom: 0; height: auto }
}
.pagination { text-align: center; margin-top: .3rem;
display: block }
.pagination li { margin: 0 5px }
 @media (max-width:480px) {
.pagination li { margin: 0 2px }
.pagination li>* { padding: 5px 12px }
}
.pagination .c>a, .pagination .c>span, .pagination .c>a:hover, .pagination .c>span:hover, .pagination .c>a:focus, .pagination .c>span:focus { background: #3b8ac5; color: #fff; border: 0 }
.pagination li>a, .pagination li>span { float: none; display: inline-block; cursor: pointer; color: #333; border-radius: 0 !important; border: 0; background: #fdfdfd; padding: 10px 15px }
.sbtn { text-align: center }
.sbtn::after { display: none }
.index-banner { position: relative; height: 9.5rem; max-height: 100vh }
.index-banner .swiper-pagination { bottom: .5rem
}
.index-banner .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.3); opacity: 1; transition: all .4s ease 0s; width: .16rem;
 height: .16rem;
border-radius: 50%; display: inline-block; border: 3px solid #fff; margin: 0 8px !important }
.index-banner .swiper-pagination-bullet-active { border-color: #3b8ac5 }
.index-banner .sbtn { color: #fff }
.index-banner .sbtn .iconfont { font-size: 36px }
.index-banner .sbtn .iconfont:hover { color: #3b8ac5 }
.index-banner .swiper-button-prev { left: 8vw }
.index-banner .swiper-button-next { right: 8vw }
.index-banner .wel-banner-bg { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(1); background-position: center !important; background-size: cover !important; transition: all 7.6s ease-in-out; box-sizing: border-box }
.index-banner .swiper-slide-active .wel-banner-bg { transform: scale(1.2) }
.index-banner .swiper-slide { background-size: cover !important; background-position: center; background-size: cover; background-repeat: no-repeat; text-align: center }
.index-banner .swiper-slide img { visibility: hidden; width: 100% }
.index-banner .content { position: absolute; left: 50%; top: 60%; transform: translateX(-50%) translateY(-50%); bottom: 0; width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; z-index: 55 }
.index-banner .textbox { color: #fff; width: 100% }
.index-banner h5 { font-size: 72px; margin-bottom: 10px }
.index-banner .en { font-size: 24px; color: rgba(255, 255, 255, 0.6); padding-bottom: .25rem;
 margin-bottom: .25rem;
line-height: 1.3; margin-top: .1rem
}
.index-banner .vmore { display: block; margin: 0 auto }
 @media (max-width:1680px) {
.index-banner { height: auto }
.index-banner h5 { font-size: 50px }
.index-banner .en { font-size: 18px }
.index-banner .swiper-pagination { bottom: .3rem
}
}
 @media (max-width:1200px) {
.index-banner { height: 7rem }
.index-banner h5 { font-size: .56rem
}
}
 @media (max-width:768px) {
.index-banner .swiper-pagination { bottom: .1rem
}
.index-banner .xsimg { width: 100% }
}
 @media (max-width:640px) {
.index-banner { height: 320px }
.index-banner .content { top: 50% }
.index-banner .swiper-slide { overflow: hidden }
.index-banner .swiper-slide img { height: 100%; max-width: none; position: relative; left: 50%; transform: translateX(-50%) }
.index-banner .textbox {
 padding: .3rem .1rem; text-align: center; line-height: 34px }
.index-banner .textbox .en { font-size: 16px }
.index-banner .textbox h5 { font-size: 26px; margin-bottom: 0 }
}
 @media (max-width:480px) {
.index-banner .swiper-pagination-bullet-active { border-width: 2px }
.index-banner .en { font-size: 14px; padding-bottom: 0 }
.index-banner h5 { font-size: 30px }
}
.vmore { border: 1px solid #fff; width: 160px; height: 42px; line-height: 42px; font-size: 16px; text-align: center; display: inline-block; color: #fff; transition: all .4s ease 0s }
.vmore em { display: inline-block; padding-right: 30px; background-image: url('/static/images/arr_r_f.png'); background-repeat: no-repeat; font-weight: bold; background-position: right center }
.vmore:hover { background: #3b8ac5; border-color: #3b8ac5; color: #fff }
.vmore.gray { color: #666; border-color: #666 }
.vmore.gray em { background-image: url('/static/images/arr_r_0.png') }
.vmore.gray:hover { background: #3b8ac5; color: #fff; border-color: #3b8ac5 }
.vmore.gray:hover em { background-image: url('/static/images/arr_r_f.png') }
.vmore.red { background: #3b8ac5; color: #fff; border-color: #3b8ac5 }
.vmore.red em { background-image: url('/static/images/arr_r_f.png') }
.vmore.red:hover { background: #000; border-color: #000 }
 @media (max-width:640px) {
.vmore { width: 120px; height: 36px; line-height: 36px; text-align: center; font-size: 14px }
}
.idata {
 padding: .8rem 0; text-align: center }
.idata ol { text-align: left }
.idata ol b {
 font-size: .36rem; font-family: medium }
.idata ol .desc { font-size: 16px; color: #666 }
.idata ol i { width: 30px; height: 30px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-size: contain; background-position: center; margin-right: 10px; position: relative; top: -2px }
.idata ol i.ic1 { background-image: url('/static/images/mj_1.png') }
.idata ol i.ic2 { background-image: url('/static/images/mj_2.png') }
.idata ol i.ic3 { background-image: url('/static/images/mj_3.png') }
.idata ol i.ic4 { background-image: url('/static/images/mj_4.png') }
 @media (min-width:992px) {
.idata ol { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
}
 @media (max-width:992px) {
.idata ol { overflow: hidden }
.idata ol li { width: 50%; float: left; margin-bottom: .5rem
}
}
 @media (max-width:640px) {
.idata ol li { width: 100%; float: none; border: 1px solid #dedede; padding: .4rem;
text-align: center; margin-bottom: .2rem
}
.idata ol li b { font-size: 36px; display: block; margin-bottom: 5px }
.idata ol li .desc { font-size: 14px }
.idata ol li:nth-child(3) { clear: both }
.idata ol li i {
 width: .4rem !important;
 height: .4rem !important; margin-right: 4px }
}
.igood { padding: 1rem 0; background: #f1f1f1 }
.igood .bd { width: 88vw; margin: .7rem auto 0;
max-width: 1800px; position: relative }
 @media (max-width:480px) {
.igood .bd { margin-top: .5rem
}
}
.igood .bd .sbtn .iconfont { color: #3b8ac5; font-size: 46px; outline: none }
.igood .bd .sbtn:hover .iconfont { color: #3b8ac5 }
.igood .bd .swiper-button-prev { left: -40px }
.igood .bd .swiper-button-next { right: -40px }
 @media (min-width:1800px) {
.igood .bd .swiper-button-prev { left: 2vw }
.igood .bd .swiper-button-next { right: 2vw }
.igood .bd .sbtn .iconfont { color: #999 }
}
.igood-swiper { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto }
.igood-swiper .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.3); opacity: 1; transition: all .4s ease 0s; width: 14px; height: 14px; border-radius: 50%; display: inline-block; border: 1px solid #c8c8c8; margin: 0 .08rem !important
}
.igood-swiper .swiper-pagination-bullet-active { border-color: #3b8ac5; background: #3b8ac5 }
 @media (max-width:1800px) {
.igood-swiper { width: 100% }
}
.igood-swiper li { background: #fff }
 @media (min-width:992px) {
.igood-swiper li { display: table; width: 100% }
.igood-swiper li>* { display: table-cell; vertical-align: middle; float: none }
.igood-swiper li .txbox { width: 34%; padding: .5rem 5%
}
.igood-swiper li .img { width: 66% }
}
.igood-swiper .txbox .tit { font-size: 24px; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: .24rem;
position: relative; margin-bottom: .3rem;
white-space: nowrap }
.igood-swiper .txbox .tit::before { content: ''; display: block; position: absolute; width: 1.12rem; height: .02rem;
background: #3b8ac5; bottom: 0; left: 0 }
.igood-swiper .txbox .desc { font-size: 16px; line-height: 30px; color: #666; margin-bottom: .84rem;
max-height: 120px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 4 }
 @media (max-width:1360px) {
.igood-swiper .txbox .tit { font-size: 20px }
.igood-swiper .txbox .desc { font-size: 14px; line-height: 26px; max-height: 104px }
}
.igood-swiper .img { background-position: center; background-size: cover }
.igood-swiper .img img { visibility: hidden }
 @media (max-width:1400px) and (min-width:992px) {
.igood-swiper .txbox { width: 40% }
.igood-swiper .txbox .desc { margin-bottom: .5rem
}
.igood-swiper .img { width: 60% }
}
 @media (max-width:992px) {
.igood-swiper { padding-bottom: .8rem
}
.igood-swiper .txbox { padding: .5rem
}
}
.ihd h2 { font-size: .36rem;
 margin-bottom: .1rem
}
.ihd .en { line-height: 1; font-size: .48rem;
font-family: medium; text-transform: uppercase; font-weight: bold; color: #999 }
.ihd.tc { text-align: center }
.isolutions { background-color: #f7f7f7; padding: .9rem 0 1rem
}
.isolutions .ihd { margin-bottom: .7rem
}
 @media (max-width:640px) {
.isolutions .ihd { margin-bottom: .5rem
}
.isolutions .en { text-align: center; margin: 0 8vw }
}
.isolutions-swiper { overflow: visible; padding-bottom: .9rem
}
 @media (max-width:1200px) {
.isolutions-swiper { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto }
}
.isolutions-swiper .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.3); opacity: 1; transition: all .4s ease 0s; width: 14px; height: 14px; border-radius: 50%; display: inline-block; border: 1px solid #c8c8c8; margin: 0 .08rem !important
}
.isolutions-swiper .swiper-pagination-bullet-active { border-color: #3b8ac5; background: #3b8ac5 }
.isolutions-swiper .sbtn .iconfont { color: #fff; margin-bottom: .9rem;
font-size: 46px }
.isolutions-swiper .swiper-button-prev { left: .3rem
}
.isolutions-swiper .swiper-button-next { right: .3rem
}
 @media (max-width:1200px) {
.isolutions-swiper .swiper-button-prev { left: -40px }
.isolutions-swiper .swiper-button-next { right: -40px }
}
 @media (max-width:768px) {
.isolutions-swiper .swiper-button-prev { left: -0.4rem }
.isolutions-swiper .swiper-button-next { right: -0.4rem }
}
 @media (max-width:992px) {
.isolutions-swiper { overflow: hidden }
}
.isolutions-swiper li { width: 25% }
.isolutions-swiper .coverimg { overflow: hidden; transition: all .4s ease 0s; background-repeat: no-repeat; background-size: cover; background-position: center; display: block }
.isolutions-swiper .coverimg img { visibility: hidden; display: block }
.isolutions-swiper .coverimg.contain { background-size: contain }
.isolutions-swiper .inner { position: relative; margin: 0 .1rem;
overflow: hidden; cursor: pointer }
 @media (min-width:992px) {
.isolutions-swiper .inner .cover { position: absolute; width: 100%; height: 100%; top: 100%; opacity: 0; transition: all .4s ease 0s; background-color: rgba(0, 5, 0, 0.8); color: #fff; padding: .5rem 10%
}
}
 @media (min-width:992px) and (max-width:480px) {
.isolutions-swiper .inner .cover { padding: .3rem .2rem 0
}
}
.isolutions-swiper .inner .c-inner { display: block; height: 100%; color: #fff; padding-bottom: .5rem;
display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-box-pack: center; box-pack: center }
 @media (max-width:992px) {
.isolutions-swiper .inner .c-inner { color: #333; padding: .2rem 5px
}
.isolutions-swiper .inner .c-inner .tit { margin-bottom: 10px }
}
.isolutions-swiper .inner .tit {
 font-size: .24rem; font-weight: bold; margin-bottom: 20px }
.isolutions-swiper .inner .desc { font-size: 16px; line-height: 1.8 }
.isolutions-swiper .inner:hover .cover { opacity: 1; top: 0 }
 @media (max-width:1200px) {
.isolutions-swiper .inner .tit { font-size: 18px }
.isolutions-swiper .inner .desc { font-size: 14px }
.isolutions-swiper li { width: 50% }
}
 @media (max-width:768px) {
.isolutions-swiper li { width: 100% }
.isolutions-swiper .swiper-pagination-bullet { width: 10px; height: 10px }
}
.iproduction { padding: 1.2rem 0; background: url(/static/images/ibg2.jpg) no-repeat left bottom #f7f7f7; background-size: 70% auto }
 @media (min-width:992px) {
.iproduction .inner { display: table; width: 100% }
.iproduction .inner>* { display: table-cell; vertical-align: middle; float: none }
.iproduction .inner .leftbox { width: 50%; padding-right: 8% }
.iproduction .inner .rightbox { width: 50% }
}
 @media (max-width:992px) {
.iproduction .leftbox { margin-bottom: .5rem
}
.iproduction .leftbox .data { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: center; box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center }
.iproduction .leftbox .data dt { font-size: 40px }
.iproduction .leftbox .data dd { font-size: 14px }
.iproduction .rightbox { text-align: center }
}
.iproduction .txt { font-size: 16px; color: #666; line-height: 30px; margin: .4rem 0 1.1rem
}
.iproduction .data { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center }
.iproduction .data dl+dl { margin-left: .8rem
}
.iproduction .data dt { font-size: 48px; font-family: medium }
.iproduction .data dd { font-size: 16px; color: #666 }
 @media (max-width:1200px) {
.iproduction .txt { margin-bottom: .5rem
}
}
 @media (max-width:768px) {
.iproduction { background-position: 100% auto }
.iproduction .data dl+dl { margin-left: 1.2rem }
.iproduction .data dt { line-height: 1 }
}
.ibrand {
 padding: .7rem 0; background: url(/static/images/i_gy_bg.jpg) no-repeat left bottom #f7f7f7; background-size: 100% auto }
 @media (min-width:992px) {
.ibrand .inner { display: table; width: 100% }
.ibrand .inner>* { display: table-cell; vertical-align: middle; float: none }
.ibrand .inner .leftbox { width: 50%; padding-right: 10% }
.ibrand .inner .rightbox { width: 50% }
}
 @media (max-width:1080px) {
.ibrand .inner .leftbox { padding-right: 5% }
}
 @media (max-width:992px) {
.ibrand .rightbox { text-align: center; padding-top: .5rem
}
.ibrand .leftbox { padding-right: 0 !important }
}
.ibrand .txt { font-size: 16px; color: #666; line-height: 30px; margin: .8rem 0 .7rem;
text-align: justify }
 @media (max-width:1360px) {
.ibrand .txt { margin: .4rem 0
}
}
 @media (max-width:768px) {
.ibrand .txt { font-size: 14px; line-height: 26px }
}
.ibrand .titbox { font-size: 20px; margin-left: -10%; margin-right: -10% }
.ibrand .titbox>* { padding-left: 10%; padding-right: 10% }
 @media (max-width:1360px) {
.ibrand .titbox { margin-left: -0.3rem; margin-right: -0.3rem }
.ibrand .titbox>* { padding-left: .3rem;
 padding-right: .3rem
}
}
.ibrand .titbox a {
 margin-bottom: .3rem; display: block }
.ibrand .titbox .tit { border-bottom: 1px solid #828282; padding-top: .2rem;
 padding-bottom: .2rem;
position: relative; display: block; font-weight: bold }
 @media (max-width:1360px) {
.ibrand .titbox .tit { font-size: 18px }
}
.ibrand .titbox a:hover { color: #3b8ac5; border-bottom-color: #3b8ac5 }
.ibrand .titbox a:hover .icon-jiantou_r { color: #3b8ac5 }
.ibrand .titbox .icon-jiantou_r { position: absolute; right: 0; top: 50%; transform: translateY(-50%) }
 @media (max-width:480px) {
.ibrand .titbox { margin-left: -10px; margin-right: -10px }
.ibrand .titbox>* { padding-left: 10px; padding-right: 10px }
.ibrand .titbox .tit { font-size: 16px }
}
.ibrand .linkbox {
 padding: .2rem 0; font-size: 16px; margin-left: 0; margin-right: 0 }
.ibrand .linkbox>* { padding-left: 0; padding-right: 0 }
.ibrand .linkbox a {
 padding-left: .38rem; display: block; background-image: url('/static/images/ic_zl.png'); background-repeat: no-repeat; background-size: contain; background-position: .1rem center;
 background-size: .2rem
}
.ibrand .linkbox a:hover { color: #3b8ac5; background-image: url('/static/images/ic_zl_on.png') }
 @media (max-width:640px) {
.ibrand .linkbox a {
 background-size: .28rem; background-position: 0 center; padding-left: .34rem
}
}
 @media (max-width:480px) {
.ibrand .linkbox a { background-size: .2rem;
 padding-left: .26rem
}
}
.ienterprise { padding: 1rem 0 1.2rem; border-bottom: 4px solid #f7f7f7 }
.ienterprise .inner { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto }
.ienterprise .row {
 margin-top: .7rem; margin-left: -0.12rem; margin-right: -0.12rem }
.ienterprise .row>* { padding-left: .12rem;
 padding-right: .12rem
}
.ienterprise li { margin-bottom: .24rem
}
.ienterprise li a { display: block; min-height: 3.8rem; border: 1px solid #dedede; text-align: center; position: relative; overflow: hidden; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-box-pack: center; box-pack: center; transition: .5s }
 @media (min-width:992px) {
.ienterprise li a { background-size: auto 120%; padding: 0 .2rem .8rem
}
}
.ienterprise li a::after { content: ''; display: block; width: .6rem;
 height: .02rem;
background: #3b8ac5; position: absolute; left: 50%; transform: translateX(-50%); z-index: 5; bottom: .8rem
}
 @media (max-width:768px) {
.ienterprise li a::after { bottom: .4rem
}
}
.ienterprise li b { font-size: 24px }
 @media (max-width:768px) {
.ienterprise li b { font-size: 20px }
}
.ienterprise li p { font-size: 16px; color: #666; padding: .1rem 0 .3rem
}
 @media (max-width:992px) {
.ienterprise li p { padding-bottom: .6rem
}
}
 @media (max-width:768px) {
.ienterprise li p { font-size: 14px }
}
.ienterprise li .ic { background-repeat: no-repeat; background-size: contain; background-position: center; width: 60px; height: 60px; display: block; margin: 0 auto .3rem;
line-height: 1.76 }
.ienterprise li .ic.ic1 { background-image: url('/static/images/ev_1.png') }
.ienterprise li .ic.ic2 { background-image: url('/static/images/ev_2.png') }
.ienterprise li .ic.ic3 { background-image: url('/static/images/ev_3.png') }
.ienterprise li .ic.ic4 { background-image: url('/static/images/ev_4.png') }
.ienterprise li a:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3) }
 @media (min-width:992px) {
.ienterprise li a:hover { background-image: url('/static/images/ibg3.png'); background-position: center; background-size: auto 100% }
}
 @media (max-width:992px) {
.ienterprise li a:hover { background: url('/static/images/ibg3.png') no-repeat center center; background-size: cover }
}
.ienterprise li a:hover::after { width: 43px; height: 12px; background-image: url('/static/images/arr2.png') }
.ienterprise li a:hover b, .ienterprise li a:hover p { color: #fff }
.ienterprise li a:hover .ic1 { background-image: url('/static/images/ev_1_f.png') }
.ienterprise li a:hover .ic2 { background-image: url('/static/images/ev_2_f.png') }
.ienterprise li a:hover .ic3 { background-image: url('/static/images/ev_3_f.png') }
.ienterprise li a:hover .ic4 { background-image: url('/static/images/ev_4_f.png') }
.ilogos { text-align: center; padding: .7rem 0 1.2rem;
width: 88vw; margin: 0 auto; max-width: 1800px }
.ilogos h2 { font-size: 30px; margin-bottom: 56px }
 @media (max-width:640px) {
.ilogos h2 { font-size: .36rem
}
}
.ilogos h2::after { content: ''; display: block; width: 48px; height: 3px; background: #999; margin: 15px auto 0 }
.ilogos .bd { padding-left: 6%; padding-right: 6%; width: 100%; overflow: visible; margin-bottom: .8rem;
position: relative }
.ilogos .swiper { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto }
.ilogos .swiper .swiper-wrapper { white-space: nowrap }
.ilogos .swiper .swiper-slide { width: 20% }
 @media (max-width:1400px) {
.ilogos .swiper .swiper-slide { width: 25% }
}
 @media (max-width:992px) {
.ilogos .swiper .swiper-slide { width: 33.3% }
}
 @media (max-width:768px) {
.ilogos .swiper .swiper-slide { width: 50% }
}
.ilogos .sbtn .iconfont { color: #999; font-size: 36px; outline: none }
.ilogos .sbtn:hover .iconfont { color: #3b8ac5 }
.ilogos .swiper-button-prev { left: 2vw }
.ilogos .swiper-button-next { right: 2vw }
.ilogos .link { width: 1.8rem; line-height: .48rem;
display: inline-block; font-size: 16px; margin: 0 12px; box-sizing: content-box }
.ilogos .btn_bg { border: 1px solid #3b8ac5; background: #3b8ac5; color: #fff; transition: all .4s ease 0s }
.ilogos .btn_bg:hover { color: #fff; box-shadow: 0 0 10px rgba(234, 95, 0, 0.5) }
.ilogos .btn_bor { border: 1px solid #3b8ac5; color: #3b8ac5; transition: all .4s ease 0s }
.ilogos .btn_bor:hover { background: #3b8ac5; color: #fff; box-shadow: 0 0 10px rgba(234, 95, 0, 0.5) }
.inews {
 padding: .9rem 0; width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto }
.inews .ihd { position: relative; margin-bottom: .5rem
}
.inews .ihd .vmore { position: absolute; right: 0; bottom: 0 }
.inews .bd { position: relative }
.inews .bd h4 { font-size: 20px; margin-bottom: .14rem;
overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis }
 @media (max-width:992px) {
.inews .bd h4 {
 margin-bottom: .1rem; font-size: 18px }
.inews .bd .desc { font-size: 13px }
}
.inews .newsnav .item { cursor: pointer }
.inews .imgbox { position: relative }
.inews .imgbox .time { font-size: 16px; color: #999; margin-bottom: 5px }
.inews .imgbox .tit { font-size: 26px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: .4rem
}
.inews .imgbox .desc { font-size: 16px; padding: .2rem
}
.inews .imgbox .img { display: block; overflow: hidden }
.inews .imgbox .coverimg { width: 100%; transition: all .4s ease 0s }
 @media (min-width:993px) {
.inews .imgbox { width: 50% }
.inews .imgbox .desc { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); color: #fff }
.inews .imgbox .txt { word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; line-height: 23px; max-height: 46px }
.inews .imgbox .img:hover .coverimg { transform: scale(1.1) }
}
 @media (max-width:1360px) {
.inews .imgbox .tit { font-size: 22px }
}
 @media (max-width:992px) {
.inews .imgbox { margin-bottom: .5rem
}
.inews .imgbox .desc {
 padding: .2rem 0; line-height: 1.8 }
}
 @media (max-width:640px) {
.inews .imgbox .tit { font-size: 18px }
.inews .imgbox .desc { font-size: 14px; line-height: 1.5 }
}
.inews .newsnav .date {
 padding: 0 .3rem; text-align: center; font-family: medium; line-height: 1 }
.inews .newsnav .day { font-size: 30px; margin-bottom: .14rem;
display: block }
.inews .newsnav li { border-top: 1px solid #dedede }
.inews .newsnav li:last-child { border-bottom: 1px solid #dedede }
.inews .newsnav .inner { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center }
.inews .newsnav .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 .newsnav .desc { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis }
 @media (min-width:993px) {
.inews .newsnav { position: absolute; left: 50%; top: 0; bottom: 0; right: 0; padding-left: 5% }
.inews .newsnav li { height: 25% }
.inews .newsnav .inner { height: 100%; transition: all .4s ease 0s }
.inews .newsnav .inner:hover { background: #3b8ac5; color: #fff }
}
 @media (max-width:1200px) {
.inews .newsnav { padding-left: 3% }
.inews .newsnav .date { padding: 0 .2rem 0 .1rem
}
}
 @media (max-width:992px) {
.inews .newsnav { padding-left: 0 }
.inews .newsnav .day { font-size: 26px; margin-bottom: .1rem
}
.inews .newsnav li { padding: .3rem 0
}
.inews .newsnav li .date { padding: 0; width: 1.1rem; text-align: left }
.inews .newsnav li .date .day { font-size: 22px; margin-bottom: 6px }
.inews .newsnav li .date .year { font-size: 12px }
}
 @media (max-width:640px) {
.inews .newsnav { padding-top: .1rem
}
}
.phd { line-height: 1.86 }
.phd h2 { font-size: .48rem
}
.phd .desc { font-size: 16px; color: #666 }
.p_introduce {
 padding: 1.3rem 0 .6rem; position: relative }
.p_introduce::after { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: url(/static/images/brand_bg.jpg) no-repeat right bottom; background-size: 48% auto; right: 0; bottom: 0; z-index: -1 }
.p_introduce .wrap { position: relative }
.p_introduce .inner { margin-right: 40% }
.p_introduce .playbtn { position: absolute; right: 25%; top: 30%; text-align: center; cursor: pointer }
.p_introduce .playbtn .icon { width: 1rem; height: 1rem; box-shadow: 0 .1rem .2rem rgba(234, 95, 0, 0.5);
border-radius: 50%; background-image: url('/static/images/play.png'); background-repeat: no-repeat; background-size: contain; background-position: center center; display: block; margin: 0 auto .2rem;
transition: all .4s ease 0s }
.p_introduce .playbtn .icon:hover { transform: scale(.9) }
.p_introduce .playbtn p { color: #bbb }
.p_introduce h2 { font-size: .36rem;
 margin-bottom: .2rem
}
.p_introduce .info { font-size: 16px; color: #999; line-height: 1.875 }
.p_introduce .info p { margin-bottom: 1em }
.p_introduce .data { padding: .7rem 0
}
 @media (min-width:768px) {
.p_introduce .data { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
.p_introduce .data ._line { width: 1px; height: .9rem;
background-color: #ccc }
}
.p_introduce .data .val { color: #3b8ac5; margin-bottom: .1rem
}
.p_introduce .data b { line-height: 1; font-size: .72rem;
font-family: medium; font-weight: normal }
.p_introduce .data li:not(:first-child) b { position: relative; left: -0.1rem }
.p_introduce .data .tit { font-size: 16px; color: #666 }
 @media (max-width:992px) {
.p_introduce .data { width: 80% }
}
 @media (max-width:768px) {
.p_introduce .data { padding-top: 0 }
.p_introduce .data ._line { display: none }
.p_introduce .data li { border-bottom: 1px solid #3b8ac5; padding: .4rem .1rem
}
}
 @media (max-width:1400px) {
.p_introduce::after { opacity: .1 }
.p_introduce .inner { margin-right: 20% }
.p_introduce .playbtn { right: 5%; top: 10% }
.p_introduce .inner { padding-right: 1rem }
}
 @media (max-width:992px) {
.p_introduce .inner { padding-right: 0; margin-right: 0 }
.p_introduce .playbtn { top: -0.8rem; right: 0 }
}
 @media (max-width:768px) {
.p_introduce { padding-bottom: 0 }
.p_introduce::after { background-size: contain }
.p_introduce .playbtn .icon { width: 40px; height: 40px; margin-bottom: .1rem
}
.p_introduce .playbtn p { font-size: 12px }
}
 @media (max-width:480px) {
.p_introduce .info { font-size: 14px }
}
.banner { height: 6.76rem; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative }
.banner .img { visibility: hidden }
.banner .wrap { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 5; height: 100% }
.banner .info { color: #fff; height: 100%; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-box-pack: center; box-pack: center }
.banner .info h2 {
 font-size: .48rem; font-weight: bold; margin-bottom: 5px }
.banner .info .desc { font-size: .36rem
}
 @media (max-width:640px) {
.banner { height: 5rem }
.banner .info h2 { font-weight: normal }
.banner .info .desc { font-size: 16px }
}
.banner .navbox { border-top: 1px solid rgba(255, 255, 255, 0.1); z-index: 55; width: 100%; position: absolute; left: 0; bottom: 0 }
.banner nav { bottom: 0; color: #fff; width: 80%; max-width: 1000px; text-align: center; margin: 0 auto; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: center; box-pack: center; -webkit-justify-content: center; justify-content: center }
.banner nav a { color: #fff; display: block; font-size: 16px; width: 20%; height: .8rem;
 line-height: .8rem;
transition: all .4s ease 0s }
.banner nav .active { background: #3b8ac5; color: #fff }
 @media (min-width:992px) {
.banner nav a:hover { background: #3b8ac5; color: #fff }
}
 @media (max-width:992px) {
.banner nav { width: 100% }
}
 @media (max-width:640px) {
.banner nav { width: 100vw; position: relative; left: -6vw }
.banner nav a { font-size: 14px }
}
.banner2 { background-repeat: no-repeat; background-size: cover; background-position: center }
.banner2 .inner { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; position: relative }
.banner2 .img { visibility: hidden }
.banner2 .info { color: #fff; height: 100%; padding: 2.2rem 0; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-box-pack: center; box-pack: center }
.banner2 .info h2 {
 font-size: .48rem; margin-bottom: 5px }
.banner2 .info .desc { font-size: .36rem
}
.banner2 .navbox { z-index: 55; position: relative; margin-top: -0.8rem }
.banner2 .navbox::before { content: ''; display: block; position: absolute; width: 150vw; height: 1px; background-color: rgba(255, 255, 255, 0.1); left: -20vw }
.banner2 nav { color: #fff; text-align: center; margin: 0 auto; max-width: 1400px; width: 88vw; margin-left: auto; margin-right: auto; display: flex }
.banner2 nav a { color: #fff; display: inline-block; font-size: 16px; width: 20%; height: .8rem;
 line-height: .8rem;
transition: all .4s ease 0s }
 @media (min-width:992px) {
.banner2 nav a:hover, .banner2 nav .active { background: #3b8ac5; color: #fff }
}
 @media (max-width:1400px) {
.banner2 nav a { font-size: 15px }
}
 @media (max-width:1200px) {
.banner2 nav { padding: .2rem 0
}
.banner2 nav a { width: 33.3%; text-align: left; float: left; height: auto; line-height: 2; padding-left: .3rem;
position: relative }
.banner2 nav a::before { content: ''; display: block; width: 5px; height: 5px; background: #fff; border-radius: 50%; opacity: .5; position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; left: 0 }
.banner2 nav a.active { background: none; color: #3b8ac5 }
}
 @media (max-width:1200px) and (max-width:992px) {
.banner2 nav a { width: 50% }
}
 @media (max-width:1200px) and (max-width:480px) {
.banner2 nav a { width: 100%; float: none }
}
 @media (max-width:992px) {
.banner2 nav { width: 100% }
}
 @media (max-width:640px) {
.banner2 nav { width: 100vw; position: relative; left: -6vw; padding: .4rem 8vw;
display: block }
.banner2 nav a { font-size: 14px }
}
 @media (max-width:640px) {
.banner2 .info { padding: 1.5rem 0 }
.banner2 .info h2 { font-weight: normal }
.banner2 .info .desc { font-size: 16px }
}
.banner2 .inner.s2 { padding-top: 40px }
.p_honner { background: url(/static/images/brand_bg2.jpg) no-repeat left bottom #f5f5f5; background-size: 30% auto; padding: 1.1rem 0 }
.p_honner .wrap { overflow: hidden }
.p_honner .hd { text-align: center; padding-bottom: .2rem;
line-height: 1.86 }
.p_honner .hd h2 { font-size: .48rem
}
.p_honner .hd .desc { font-size: 16px; color: #666 }
.honner-swiper { padding-bottom: .8rem
}
.honner-swiper li { width: 25%; padding: .4rem 0
}
.honner-swiper .img { padding: .4rem 10%
}
.honner-swiper .inner {
 margin: 0 .1rem; background: #fff; transition: all .4s ease 0s }
.honner-swiper .inner:hover { box-shadow: 0 .1rem .2rem rgba(0, 0, 0, 0.1)
}
.honner-swiper .tit {
 line-height: .7rem;
 padding: 0 .2rem; border-top: 1px solid #f5f5f5; text-align: center; font-size: 16px; color: #666 }
.honner-swiper .tit span { display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis }
.honner-swiper .pnext-box { position: absolute; left: 50%; transform: translateX(-50%); z-index: 5; bottom: 0; width: 1.16rem; min-width: 80px; height: 55px }
.honner-swiper .pnext-box .item {
 width: .48rem;
 height: .48rem; min-width: 36px; cursor: pointer; transition: all .4s ease 0s }
.honner-swiper .pnext-box .item::after { display: none }
.honner-swiper .pnext-box .swiper-button-prev { background-image: url('/static/images/pleft.png'); background-repeat: no-repeat; background-size: contain; background-position: center center; left: 0 }
.honner-swiper .pnext-box .swiper-button-prev:hover { background-image: url('/static/images/pleft_on.png') }
.honner-swiper .pnext-box .swiper-button-next { right: 0; background-image: url('/static/images/pright.png'); background-repeat: no-repeat; background-size: contain; background-position: center center }
.honner-swiper .pnext-box .swiper-button-next:hover { background-image: url('/static/images/pright_on.png') }
 @media (max-width:1200px) {
.honner-swiper .tit { font-size: 14px }
.honner-swiper li { width: 33.3% }
}
 @media (max-width:768px) {
.honner-swiper li { width: 50% }
}
 @media (max-width:480px) {
.honner-swiper li { width: 100% }
}
.p_history { padding: 1.3rem 0 }
.p_history .hd { line-height: 1.86; text-align: center; margin-bottom: .4rem
}
.p_history .hd h2 { font-size: .48rem
}
.p_history .hd .desc { font-size: 16px; color: #666 }
.p_history .hd .desc { text-transform: uppercase }
.p_history .inner { position: relative; width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; background-image: url('/static/images/history_bg.jpg'); background-repeat: no-repeat; background-size: contain; background-position: right bottom; background-size: 50% auto; height: 7.3rem; overflow: hidden; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center }
.p_history .tag { position: absolute; bottom: 0; color: #3b8ac5; z-index: 55; font-size: 1.5rem; font-weight: bold; left: 18%; font-family: medium }
.p_history .coverimg { width: 35%; height: 100% }
 @media (max-width:1200px) {
.p_history .tag { font-size: 1rem }
}
.p_history .list { 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; padding-left: 5%; height: 80%; overflow-y: auto }
 .p_history .list::-webkit-scrollbar {
 width: 2px;
 height: 2px
}
 .p_history .list::-webkit-scrollbar-thumb {
 border-radius: 5px;
 background: #3b8ac5
}
 .p_history .list::-webkit-scrollbar-track {
 border-radius: 5px;
 background: #c8c8c8
}
.p_history .list li { margin-bottom: .4rem
}
 @media (min-width:992px) {
.p_history .list li { opacity: .2; transition: all .4s ease 0s }
.p_history .list li:hover { opacity: 1 }
}
.p_history .list .year b {
 font-size: .6rem; font-family: medium }
.p_history .list .info { font-size: 16px; color: #666; line-height: 2 }
.p_history .list .info p {
 padding-left: .2rem; position: relative }
.p_history .list .info p::before { content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; left: 0; width: 5px; height: 5px; background-color: #000; opacity: .5; border-radius: 50% }
 @media (max-width:992px) {
.p_history { padding: .8rem 0
}
.p_history .list { height: 100%; padding-right: .2rem
}
}
 @media (max-width:768px) {
.p_history .coverimg { width: 25% }
.p_history .list { padding-left: 8% }
.p_history .list .year b { font-size: .4rem
}
.p_history .list .info { font-size: 14px }
}
.p_culture {
 padding: .8rem 0; background: url('/static/images/brand_bg3.jpg') no-repeat center center; background-size: cover; color: #fff; text-align: center }
.p_culture .hd { line-height: 1.86; margin-bottom: 1.1rem }
.p_culture .hd h2 { font-size: .48rem
}
.p_culture .hd .desc { font-size: 16px; color: #666 }
.p_culture .hd .desc { color: #fff }
.p_culture .row li {
 margin-bottom: .6rem; transition: all .4s ease 0s }
.p_culture .row li:hover { transform: translateY(-10px) }
.p_culture .row li:hover .ic { transform: rotateY(180deg); box-shadow: 0 5px 10px rgba(255, 255, 255, 0.5) }
.p_culture .row .ic { width: 1.2rem; height: 1.2rem; display: block; margin: 0 auto; background-color: #fff; border-radius: 50%; background-size: .5rem;
background-position: center; background-repeat: no-repeat; transition: all .4s ease 0s }
.p_culture .row .ic.ic1 { background-image: url('/static/images/wx_1.png') }
.p_culture .row .ic.ic2 { background-image: url('/static/images/wx_2.png') }
.p_culture .row .ic.ic3 { background-image: url('/static/images/wx_3.png') }
.p_culture .row .ic.ic4 { background-image: url('/static/images/wx_4.png') }
.p_culture .row h4 { font-size: .3rem;
 margin: .3rem 0 .1rem
}
.p_culture .row .tip { font-size: 16px }
 @media (max-width:992px) {
.p_culture .row li:nth-child(3) { clear: both }
}
 @media (max-width:768px) {
.p_culture .row li { margin-bottom: .8rem;
 padding-bottom: .5rem
}
.p_culture .row li h4 { font-size: 20px }
}
 @media (max-width:640px) {
.p_culture .row li { margin-bottom: .5rem
}
.p_culture .row li .tip { font-size: 14px }
.p_culture .row li:nth-child(3), .p_culture .row li:nth-child(4) { margin-bottom: 0 }
}
.p_news { background: #f1f1f1; padding: 1.1rem 0 1.4rem }
.p_news .row { margin-left: -0.2rem; margin-right: -0.2rem }
.p_news .row>* { padding-left: .2rem;
 padding-right: .2rem
}
.p_news .hd { position: relative; margin-bottom: .5rem;
line-height: 1.86 }
.p_news .hd h2 { font-size: .48rem
}
.p_news .hd .desc { font-size: 16px; color: #666 }
.p_news .hd .vmore { position: absolute; right: 0; bottom: 0 }
 @media (max-width:640px) {
.p_news .hd { padding-bottom: .8rem
}
.p_news .hd .vmore { left: 0 }
}
.p_news .row .inner {
 padding: .3rem .3rem .4rem; position: relative; background: #fff; border: 1px solid #dedede }
.p_news .row .inner::after { content: ''; display: block; position: absolute; width: 0; transition: all .4s ease 0s; height: 3px; background: #3b8ac5; left: 0; bottom: 0 }
.p_news .row .inner:hover::after { width: 100% }
.p_news .row li { margin-bottom: .4rem
}
.p_news .row li .tit { font-size: 20px; line-height: 30px; height: 60px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2 }
.p_news .row li .tit:hover { color: #3b8ac5 }
.p_news .row li .time {
 padding: .2rem 0 .26rem; color: #666 }
.p_news .row li .desc { font-size: 16px; line-height: 28px; height: 54px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; color: #666; margin: .3rem 0
}
.p_news .row li .more { color: #666; padding-right: 26px; display: inline-block; background-image: url('/static/images/arr_r_0.png'); background-repeat: no-repeat; background-size: contain; background-position: right center; transition: all .4s ease 0s }
.p_news .row li .more:hover { color: #3b8ac5; transform: translateX(5px); background-image: url('/static/images/arr_r_r.png') }
 @media (max-width:1200px) {
.p_news .row { margin-left: -0.1rem; margin-right: -0.1rem }
.p_news .row>* { padding-left: .1rem;
 padding-right: .1rem
}
}
 @media (max-width:992px) {
.p_news .row li { margin-bottom: .2rem
}
}
 @media (max-width:768px) {
.p_news .row li .inner { margin: 0 }
.p_news .row li .tit { max-height: 60px; height: auto }
}
 @media (max-width:640px) {
.p_news .row li .tit { font-size: 16px; line-height: 26px; min-height: 52px }
.p_news .row li .desc { font-size: 14px; line-height: 22px; height: auto; min-height: 44px }
}
.base_nav { background: #f1f1f1; margin-top: 80px }
.base_nav .wrap { height: 60px; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
.base_nav .crumbs { color: #999 }
.base_nav .crumbs a { color: #999 }
.base_nav .crumbs a:hover { color: #3b8ac5 }
.base_nav nav { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; height: 60px }
.base_nav nav a { margin-right: .5rem
}
.base_nav nav a:hover { color: #3b8ac5 }
.base_nav nav a.active { color: #3b8ac5 }
 @media (max-width:768px) {
.base_nav { margin-top: 60px }
.base_nav .wrap, .base_nav nav { height: 50px }
.base_nav nav { font-size: 16px }
}
.news-box { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; padding: .9rem 0 1.2rem
}
.news-box .row .inner {
 padding: .3rem .3rem .4rem; position: relative; background: #fff; border: 1px solid #dedede }
.news-box .row .inner::after { content: ''; display: block; position: absolute; width: 0; transition: all .4s ease 0s; height: 3px; background: #3b8ac5; left: 0; bottom: 0 }
.news-box .row .inner:hover::after { width: 100% }
.news-box .row li { margin-bottom: .4rem
}
.news-box .row li .tit { font-size: 20px; line-height: 30px; height: 60px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2 }
.news-box .row li .tit:hover { color: #3b8ac5 }
.news-box .row li .time {
 padding: .2rem 0 .26rem; color: #666 }
.news-box .row li .desc { font-size: 16px; line-height: 28px; height: 54px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; color: #666; margin: .3rem 0
}
.news-box .row li .more { color: #666; padding-right: 26px; display: inline-block; background-image: url('/static/images/arr_r_0.png'); background-repeat: no-repeat; background-size: contain; background-position: right center; transition: all .4s ease 0s }
.news-box .row li .more:hover { color: #3b8ac5; transform: translateX(5px); background-image: url('/static/images/arr_r_r.png') }
 @media (max-width:1200px) {
.news-box .row { margin-left: -0.1rem; margin-right: -0.1rem }
.news-box .row>* { padding-left: .1rem;
 padding-right: .1rem
}
}
 @media (max-width:992px) {
.news-box .row li { margin-bottom: .2rem
}
}
 @media (max-width:768px) {
.news-box .row li .inner { margin: 0 }
.news-box .row li .tit { max-height: 60px; height: auto }
}
 @media (max-width:640px) {
.news-box .row li .tit { font-size: 16px; line-height: 26px; min-height: 52px }
.news-box .row li .desc { font-size: 14px; line-height: 22px; height: auto; min-height: 44px }
}
.good-type { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; padding: 1.1rem 0 }
 @media (min-width:992px) {
.good-type .bd { display: table; width: 100% }
.good-type .bd>* { display: table-cell; vertical-align: middle; float: none }
.good-type .inner { width: 66%; padding-right: 10% }
.good-type .coverimg { width: 34% }
}
.good-type .hd { margin-bottom: 2px }
.good-type .hd h2 { font-size: .36rem
}
.good-type .hd .en { font-size: 16px; color: #999; position: relative }
.good-type .hd .en::after { content: ''; display: block; width: 50px; height: 3px; background: #3b8ac5; margin: .2rem 0 .4rem
}
 @media (max-width:768px) {
.good-type .hd .en { font-size: 14px }
}
 @media (max-width:480px) {
.good-type .hd .en { font-size: 12px }
}
.good-type .txt { font-size: 16px; color: #999; line-height: 1.875 }
 @media (max-width:1200px) and (min-width:992px) {
.good-type .inner { width: 60%; padding-right: 5% }
.good-type .coverimg { width: 40% }
}
 @media (max-width:992px) {
.good-type .inner { margin-bottom: .5rem
}
}
.good-list-box { background: #f1f1f1; padding: .9rem 0
}
.good-list-box .hd { text-align: center }
.good-list-box .hd h2 { font-size: .36rem
}
.good-list-box .hd .en { font-size: 16px; color: #999; position: relative }
.good-list-box .hd .en::after { content: ''; display: block; width: 50px; height: 3px; background: #3b8ac5; margin: .2rem 0 .4rem
}
 @media (max-width:768px) {
.good-list-box .hd .en { font-size: 14px }
}
 @media (max-width:480px) {
.good-list-box .hd .en { font-size: 12px }
}
.good-list-box .hd .en::after { display: block; margin-left: auto; margin-right: auto }
.good-list { margin-left: -0.11rem; margin-right: -0.11rem }
.good-list>* { padding-left: .11rem;
 padding-right: .11rem
}
.good-list .inner { background: #fff; border: 1px solid #dedede; position: relative }
.good-list .inner .cover-box { margin: .4rem
}
.good-list .inner .cover-box .coverimg { background-size: cover }
.good-list .inner::after { content: ''; display: block; position: absolute; width: 0; transition: all .4s ease 0s; height: 3px; background: #3b8ac5; left: 0; bottom: 0 }
.good-list .inner:hover::after { width: 100% }
.good-list li { margin-bottom: .4rem
}
.good-list li .tit { height: 70px; line-height: 70px; text-align: center; width: 100%; display: block; font-size: 16px; background: #fff; border-top: 1px solid #f5f5f5 }
 @media (max-width:992px) {
.good-list li { margin-bottom: .2rem
}
.good-list li .inner { padding-bottom: .4rem
}
.good-list li .tit { height: 50px; line-height: 50px; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 55 }
}
.case-list { margin-left: -0.11rem; margin-right: -0.11rem }
.case-list>* { padding-left: .11rem;
 padding-right: .11rem
}
.case-list .inner { background: #fff; position: relative }
.case-list .inner::after { content: ''; display: block; position: absolute; width: 0; transition: all .4s ease 0s; height: 3px; background: #3b8ac5; left: 0; bottom: 0 }
.case-list .inner:hover::after { width: 100% }
.case-list li { margin-bottom: .4rem
}
.case-list li .tit { height: 70px; line-height: 70px; text-align: center; width: 100%; display: block; font-size: 16px; background: #fff }
 @media (max-width:992px) {
.case-list li .inner { padding-bottom: .4rem
}
.case-list li .tit { height: 50px; line-height: 50px; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 55 }
}
.good-info { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; padding: 1.1rem 0 }
 @media (min-width:768px) {
.good-info .bd { display: table; width: 100% }
.good-info .bd>* { display: table-cell; vertical-align: middle; float: none }
.good-info .inner { width: 50%; padding-left: 10% }
.good-info .coverimg { width: 50% }
}
.good-info .hd { margin-bottom: 2px }
.good-info .hd h2 { font-size: .36rem
}
.good-info .hd .en { font-size: 16px; color: #999; position: relative }
.good-info .hd .en::after { content: ''; display: block; width: 50px; height: 3px; background: #3b8ac5; margin: .2rem 0 .4rem
}
 @media (max-width:768px) {
.good-info .hd .en { font-size: 14px }
}
 @media (max-width:480px) {
.good-info .hd .en { font-size: 12px }
}
.good-info .txt { font-size: 16px; color: #666; line-height: 1.875; margin-bottom: .7rem
}
.good-info .download { background: #3b8ac5; color: #fff; display: inline-block; text-align: center; width: 2.1rem; height: .52rem;
 line-height: .52rem
}
.good-info .download em {
 padding-left: .4rem; background-image: url('/static/images/download.png'); background-repeat: no-repeat; background-size: contain; background-position: left center; background-size: 20px; font-size: 16px }
.good-info .download:hover { background: #333 }
 @media (max-width:992px) {
.good-info .download { width: 140px; height: 38px; line-height: 38px; text-align: center }
.good-info .download em { font-size: 14px; background-size: 18px; padding-left: 26px }
}
 @media (max-width:1200px) and (min-width:768px) {
.good-info .inner { width: 60%; padding-right: 5% }
.good-info .coverimg { width: 40% }
}
 @media (max-width:992px) {
.good-info .inner { margin-bottom: .5rem
}
}
.good-features { background: url(/static/images/info_bg.jpg) no-repeat right center #f4f4f4; background-size: contain; padding: 1.2rem 0 1rem }
.good-features .hd { margin-bottom: 2px; text-align: center }
.good-features .hd h2 { font-size: .36rem
}
.good-features .hd .en { font-size: 16px; color: #999; position: relative }
.good-features .hd .en::after { content: ''; display: block; width: 50px; height: 3px; background: #3b8ac5; margin: .2rem 0 .4rem
}
 @media (max-width:768px) {
.good-features .hd .en { font-size: 14px }
}
 @media (max-width:480px) {
.good-features .hd .en { font-size: 12px }
}
.good-features .hd .en::after { margin-left: auto; margin-right: auto }
.good-features .row { margin-left: -0.4rem; margin-right: -0.4rem }
.good-features .row>* { padding-left: .4rem;
 padding-right: .4rem
}
.good-features .inner {
 padding: .8rem 10%; background: #fff; border: 1px solid #dedede; position: relative }
.good-features .inner .id {
 font-size: .6rem; opacity: .2; font-family: medium; font-weight: bold; margin-bottom: 20px; line-height: 1 }
.good-features .inner h4 { font-size: 24px; margin-bottom: 10px }
.good-features .inner .desc { font-size: 16px; color: #666; line-height: 1.76; height: 1.5rem; position: relative }
.good-features .inner .desc::after { content: ''; display: block; position: absolute; width: 34px; height: 4px; background-color: #dddddd; left: 0; bottom: 0 }
.good-features .inner::after { content: ''; display: block; position: absolute; width: 0; transition: all .4s ease 0s; height: 3px; background: #3b8ac5; left: 0; bottom: 0 }
.good-features .inner:hover h4 { color: #3b8ac5 }
.good-features .inner:hover::after { width: 100% }
.good-features li { margin-bottom: .4rem
}
.good-features li .tit { height: 70px; line-height: 70px; text-align: center; width: 100%; display: block; font-size: 16px; background: #fff; border-top: 1px solid #f5f5f5 }
 @media (max-width:1200px) {
.good-features .row { margin-left: -0.2rem; margin-right: -0.2rem }
.good-features .row>* { padding-left: .2rem;
 padding-right: .2rem
}
.good-features .inner h4 { font-size: 20px }
.good-features .inner .desc { font-size: 14px }
}
 @media (max-width:992px) {
.good-features .row { margin-left: -0.1rem; margin-right: -0.1rem }
.good-features .row>* { padding-left: .1rem;
 padding-right: .1rem
}
.good-features .inner { padding: .6rem 10px
}
.good-features .inner .desc { height: 2rem }
.good-features li { margin-bottom: .2rem
}
}
 @media (max-width:768px) {
.good-features .inner { padding: .6rem 5%
}
.good-features .inner .desc { height: auto; padding-bottom: .5rem
}
}
.good-area { padding: 1.1rem 0; width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto }
.good-area .hd { text-align: center }
.good-area .hd h2 { font-size: .36rem
}
.good-area .hd .en { font-size: 16px; color: #999; position: relative }
.good-area .hd .en::after { content: ''; display: block; width: 50px; height: 3px; background: #3b8ac5; margin: .2rem 0 .4rem
}
 @media (max-width:768px) {
.good-area .hd .en { font-size: 14px }
}
 @media (max-width:480px) {
.good-area .hd .en { font-size: 12px }
}
.good-area .hd .en:after { margin-left: auto; margin-right: auto }
.good-area .list { font-size: 16px; padding-top: .1rem
}
.good-area .list li { border-bottom: 1px solid #e5e5e5 }
.good-area .list li a {
 padding-left: .6rem; background-image: url('/static/images/r.png'); background-repeat: no-repeat; background-size: contain; background-position: .26rem center;
background-size: 16px; padding-top: .3rem;
 padding-bottom: .3rem;
display: inline-block }
.good-area .list li a:hover { color: #3b8ac5; background-image: url('/static/images/r_on.png') }
 @media (max-width:992px) {
.good-area .list li a { padding-left: 36px; background-position: 10px center }
}
.article-main {
 margin-top: .9rem; margin-bottom: 2rem }
.arc-sub-list h2 { font-size: 24px; margin-bottom: .36rem
}
 @media (max-width:768px) {
.arc-sub-list h2 { font-size: 22px }
}
.arc-sub-list li { margin-bottom: 35px }
.arc-sub-list li .tit { display: block; margin-top: .12rem;
font-size: 16px; line-height: 1.7 }
.arc-sub-list li .tit:hover { color: #3b8ac5 }
.articlebox h1 { font-size: .36rem
}
.articlebox .data { color: #666; padding: 20px 0 }
.articlebox .data span { color: #3b8ac5 }
.articlebox article {
 padding: .3rem 0 .8rem; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; font-size: 16px; line-height: 1.76 }
.articlebox article p { margin-bottom: 1.5em }
.articlebox article h4 { font-size: 20px; font-weight: bold; padding: 20px 0 20px; color: #333 }
.articlebox article img { display: block; margin: 0 auto }
.articlebox article a { text-decoration: underline }
.articlebox article a:hover { color: #3b8ac5 }
.arc-pnext { padding: 20px 0 50px }
.arc-pnext .item { display: block; margin-top: 20px; font-size: 16px; color: #999 }
.arc-pnext .item:hover { color: #3b8ac5 }
 @media (max-width:992px) {
.arc-pnext { border-bottom: 1px solid #f5f5f5; margin-bottom: 1rem }
}
.scheme-item { margin-bottom: .56rem
}
 @media (min-width:640px) {
.scheme-item { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center }
.scheme-item .img { width: 31% }
}
.scheme-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; padding-left: .54rem
}
.scheme-item .tit { font-size: 24px }
.scheme-item .desc { font-size: 16px; color: #666; line-height: 30px; height: 90px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; margin: 16px 0 30px }
.scheme-item:hover .tit { color: #3b8ac5 }
.scheme-item:hover .vmore { background: #3b8ac5; color: #fff; border-color: #3b8ac5 }
.scheme-item:hover .vmore em { background-image: url('/static/images/arr_r_f.png') }
.scheme-item:hover .vmore:hover { background: #000; border-color: #000 }
 @media (max-width:1080px) {
.scheme-item .img { width: 40% }
}
 @media (max-width:992px) {
.scheme-item .tit { font-size: 20px }
.scheme-item .desc { font-size: 14px; line-height: 22px; height: 66px; margin: 10px 0 20px }
.scheme-item .vmore { width: 130px; height: 36px; line-height: 36px; text-align: center; font-size: 14px }
}
 @media (max-width:768px) and (min-width:640px) {
.scheme-item .info { padding-left: .3rem
}
.scheme-item .desc { height: 44px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2 }
}
 @media (max-width:640px) {
.scheme-item { margin-bottom: 40px }
.scheme-item .img { width: 100%; margin-bottom: 10px }
.scheme-item .info { padding-left: 0 }
.scheme-item .vmore { width: 120px; height: 34px; line-height: 34px; text-align: center }
}
.scheme-top { background: #f1f1f1; padding: .4rem 0 .7rem;
margin-bottom: 1.14rem }
.scheme-top h2 { font-size: 30px; margin-bottom: 15px; padding-left: .2rem;
position: relative }
.scheme-top h2::before { content: ''; display: block; width: 3px; height: 60%; background: #3b8ac5; position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; left: 0 }
.scheme-top .desc { font-size: 16px; line-height: 1.76; color: #666 }
 @media (max-width:992px) {
.scheme-top h2 { font-size: 22px }
}
 @media (max-width:640px) {
.scheme-top h2 { margin-bottom: 10px }
.scheme-top .desc { font-size: 14px }
}
.scheme-list-box { padding-bottom: 1.5rem }
.scheme-list-box .pagination { padding-top: .6rem
}
.vhd h2 { font-size: .36rem
}
.vhd .en { font-size: 16px; color: #999; position: relative }
.vhd .en::after { content: ''; display: block; width: 50px; height: 3px; background: #3b8ac5; margin: .2rem 0 .4rem
}
 @media (max-width:768px) {
.vhd .en { font-size: 14px }
}
 @media (max-width:480px) {
.vhd .en { font-size: 12px }
}
.vhd_tc { text-align: center }
.vhd_tc h2 { font-size: .36rem
}
.vhd_tc .en { font-size: 16px; color: #999; position: relative }
.vhd_tc .en::after { content: ''; display: block; width: 50px; height: 3px; background: #3b8ac5; margin: .2rem 0 .4rem
}
 @media (max-width:768px) {
.vhd_tc .en { font-size: 14px }
}
 @media (max-width:480px) {
.vhd_tc .en { font-size: 12px }
}
.vhd_tc .en::after { margin-left: auto; margin-right: auto }
.scheme-info-top { padding: 1.1rem 0 1.2rem; width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto }
.scheme-info-top .bd { background: #f1f1f1 }
 @media (min-width:992px) {
.scheme-info-top .bd { display: table; width: 100% }
.scheme-info-top .bd>* { display: table-cell; vertical-align: middle; float: none }
.scheme-info-top .bd .info, .scheme-info-top .bd .coverimg { width: 50% }
}
.scheme-info-top .coverimg { height: 100% }
.scheme-info-top .coverimg img { width: 100% }
.scheme-info-top .info { padding: .7rem 5%
}
.scheme-info-top .info h3 { font-size: 24px }
.scheme-info-top .info .txt { font-size: 16px; color: #666; line-height: 1.86; margin: 20px 0 40px; min-height: 1.7rem }
.scheme-info-top .icons dd { display: inline-block; margin-right: .6rem;
text-align: center; margin-bottom: .3rem
}
.scheme-info-top .icons img {
 width: .8rem;
 height: .8rem; display: block; margin: 0 auto 12px }
 @media (max-width:1500px) {
.scheme-info-top .info .txt { min-width: auto }
}
 @media (max-width:640px) {
.scheme-info-top .bd { background: #fff }
.scheme-info-top .info { padding: .4rem 0%
}
.scheme-info-top .info h3 { font-size: 22px }
.scheme-info-top .info .txt { font-size: 14px }
.scheme-info-top .icons dd {
 margin-right: .3rem; font-size: 13px }
}
.scheme-info-img { background: url('/static/images/bg2.jpg') no-repeat center center; background-size: cover; padding: .86rem 0 .78rem
}
.scheme-info-img .bd { background: #fff; width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; padding: 1rem 5%; text-align: center; box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1) }
.scheme-process { padding: .9rem 0 1.5rem
}
.scheme-process .bd { width: 88vw; margin: .7rem auto 0;
max-width: 1800px; position: relative }
.scheme-process .bd .pnext { width: .48rem;
 height: .48rem
}
.scheme-process .bd .pnext::after { display: none !important }
.scheme-process .bd .swiper-button-prev { background-image: url('/static/images/pleft.png'); background-repeat: no-repeat; background-size: contain; background-position: center center; left: -0.48rem }
.scheme-process .bd .swiper-button-prev:hover { background-image: url('/static/images/pleft_on.png') }
.scheme-process .bd .swiper-button-next { background-image: url('/static/images/pright.png'); background-repeat: no-repeat; background-size: contain; background-position: center center; right: -0.48rem }
.scheme-process .bd .swiper-button-next:hover { background-image: url('/static/images/pright_on.png') }
 @media (min-width:1800px) {
.scheme-process .bd .swiper-button-prev { left: 2vw }
.scheme-process .bd .swiper-button-next { right: 2vw }
.scheme-process .bd .sbtn .iconfont { color: #999 }
}
.scheme-swiper { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto }
.scheme-swiper .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.3); opacity: 1; transition: all .4s ease 0s; width: 14px; height: 14px; border-radius: 50%; display: inline-block; border: 1px solid #c8c8c8; margin: 0 .08rem !important
}
.scheme-swiper .swiper-pagination-bullet-active { border-color: #3b8ac5; background: #3b8ac5 }
 @media (max-width:1800px) {
.scheme-swiper { width: 100% }
}
.scheme-swiper li { width: 33.33% }
 @media (max-width:992px) {
.scheme-swiper li { width: 50% }
}
 @media (max-width:640px) {
.scheme-swiper li { width: 100% }
}
.scheme-swiper .inner {
 margin: 0 .1rem; position: relative; background: #fff; border: 1px solid #dedede }
.scheme-swiper .inner .cover-box { margin: .4rem
}
.scheme-swiper .inner .cover-box .coverimg { background-size: contain }
.scheme-swiper .inner::after { content: ''; display: block; position: absolute; width: 0; transition: all .4s ease 0s; height: 3px; background: #3b8ac5; left: 0; bottom: 0 }
.scheme-swiper .inner:hover::after { width: 100% }
.scheme-swiper .inner:hover .info .id { color: #3b8ac5 }
.scheme-swiper .info { font-size: 20px; padding: .3rem 20px;
display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center }
.scheme-swiper .info .id {
 font-size: .36rem; color: #cecece; font-family: medium; line-height: 1; display: block; font-weight: bold; margin-right: 10px }
.scheme-swiper .info .tit { font-size: 18px; display: block }
.scheme-swiper .coverimg { display: block }
.scheme-swiper .img { background-position: center; background-size: cover }
.scheme-swiper .img img { visibility: hidden }
 @media (max-width:992px) {
.scheme-swiper { padding-bottom: 1rem }
.scheme-swiper .info .tit { font-size: 16px }
}
.service-site { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; padding: .9rem 0 1.1rem
}
 @media (min-width:992px) {
.service-site .bd { display: table; width: 100% }
.service-site .bd>* { display: table-cell; vertical-align: middle; float: none }
.service-site .map { width: 74%; padding-right: 6% }
.service-site .info { width: 26%; max-width: 340px }
}
.service-site .info { text-align: center }
.service-site .info h3 { background: #111; color: #fff; height: 48px; line-height: 48px; font-size: 24px }
 @media (max-width:992px) {
.service-site .info h3 { margin-right: 3px; margin-top: .4rem
}
}
 @media (max-width:768px) {
.service-site .info h3 { font-size: 20px }
}
.service-site .list { border: 1px solid #edeff2; border-top: 0; padding: 0 14px; position: relative }
 @media (min-width:992px) {
.service-site .list::before { content: ''; display: block; position: absolute; left: 50%; top: 10px; bottom: 10px; border-left: 1px dashed #edeff2 }
.service-site .list li { border-top: 1px dashed #edeff2 }
.service-site .list li:nth-child(1), .service-site .list li:nth-child(2) { border-top: 0 }
}
.service-site .list li { width: 50%; float: left; font-size: 16px; color: #666; padding: .32rem .1rem
}
.service-site .list .ic { background-repeat: no-repeat; background-size: contain; background-position: center; display: block; width: .48rem;
 height: .48rem;
margin: 0 auto 14px }
.service-site .list .ic.ic1 { background-image: url('/static/images/ic_fw1.png') }
.service-site .list .ic.ic2 { background-image: url('/static/images/ic_fw2.png') }
.service-site .list .ic.ic3 { background-image: url('/static/images/ic_fw3.png') }
.service-site .list .ic.ic4 { background-image: url('/static/images/ic_fw4.png') }
.service-site .list .ic.ic5 { background-image: url('/static/images/ic_fw5.png') }
.service-site .list .ic.ic6 { background-image: url('/static/images/ic_fw6.png') }
.service-site .list .ic.ic7 { background-image: url('/static/images/ic_fw7.png') }
.service-site .list .ic.ic8 { background-image: url('/static/images/ic_fw8.png') }
 @media (max-width:1200px) {
.service-site .list { padding: 0 }
.service-site .list li { font-size: 14px }
}
 @media (max-width:992px) {
.service-site .list { padding: 0; border: 0; overflow: hidden; border-left: 1px dashed #edeff2 }
.service-site .list li { width: 33.3%; border: 1px dashed #edeff2; position: relative; margin: -1px 0 0 -1px }
}
 @media (max-width:640px) {
.service-site .list li { width: 33.3% }
}
.service-tel { background: url('/static/images/fwbg.jpg') no-repeat center center; background-size: cover; padding: .9rem 0 2.8rem
}
 @media (max-width:640px) {
.service-tel { padding-bottom: 2rem }
}
.service-tel .bd {
 padding-top: .4rem; text-align: center }
.service-tel .bd .ictel { color: #3b8ac5; font-size: .86rem;
display: block; line-height: 1; margin-bottom: .5rem
}
.service-tel .bd .tel { font-family: medium; color: #3b8ac5; font-size: .72rem
}
.service-tel .bd .telbox { display: inline-block }
.service-tel .bd .tip { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 0 .1rem;
 font-size: .3rem;
color: #666; text-align: center }
.service-tel .bd .tip em { display: block }
 @media (max-width:640px) {
.service-tel .bd .ictel { font-size: .7rem
}
.service-tel .bd .tel { font-size: .6rem
}
.service-tel .bd .tip { font-size: .22rem
}
}
.hz-step { background: #f1f1f1; padding: 1.1rem 0 1.3rem }
.hz-ys { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; padding: 1rem 0 }
.hz-ys .txt { font-size: 16px; color: #666; line-height: 1.76; margin-bottom: 1rem }
 @media (max-width:480px) {
.hz-ys .txt { margin-bottom: .5rem
}
}
.hz-ys .list { text-align: center; font-size: 16px; color: #666 }
 @media (max-width:480px) {
.hz-ys .list { font-size: 14px }
}
.hz-ys .list li {
 margin-bottom: .6rem; transition: all .4s ease 0s }
.hz-ys .list .ic {
 width: .64rem;
 height: .64rem; display: block; margin: 0 auto 16px; background-repeat: no-repeat; background-size: contain; background-position: center }
.hz-ys .list .ic.ic1 { background-image: url('/static/images/sw1.png') }
.hz-ys .list .ic.ic2 { background-image: url('/static/images/sw2.png') }
.hz-ys .list .ic.ic3 { background-image: url('/static/images/sw3.png') }
.hz-ys .list .ic.ic4 { background-image: url('/static/images/sw4.png') }
.hz-ys .list .ic.ic5 { background-image: url('/static/images/sw5.png') }
.hz-ys .list .ic.ic6 { background-image: url('/static/images/sw6.png') }
.hz-ys .list .ic.ic7 { background-image: url('/static/images/sw7.png') }
.hz-ys .list .ic.ic8 { background-image: url('/static/images/sw8.png') }
.hz-ys .list li:hover { color: #3b8ac5 }
.hz-ys .list li:hover .ic1 { background-image: url('/static/images/sw1_on.png') }
.hz-ys .list li:hover .ic2 { background-image: url('/static/images/sw2_on.png') }
.hz-ys .list li:hover .ic3 { background-image: url('/static/images/sw3_on.png') }
.hz-ys .list li:hover .ic4 { background-image: url('/static/images/sw4_on.png') }
.hz-ys .list li:hover .ic5 { background-image: url('/static/images/sw5_on.png') }
.hz-ys .list li:hover .ic6 { background-image: url('/static/images/sw6_on.png') }
.hz-ys .list li:hover .ic7 { background-image: url('/static/images/sw7_on.png') }
.hz-ys .list li:hover .ic8 { background-image: url('/static/images/sw8_on.png') }
.hz-step .row { margin-left: -0.25rem; margin-right: -0.25rem }
.hz-step .row>* { padding-left: .25rem;
 padding-right: .25rem
}
.hz-step li { margin-bottom: .84rem
}
.hz-step li:hover .id { color: #3b8ac5 }
.hz-step li .id {
 font-size: .36rem; font-family: medium; color: #999; font-weight: bold; float: left }
.hz-step li .content {
 margin-left: .6rem; background: #fff; position: relative }
.hz-step li .content::after { content: ''; display: block; position: absolute; width: 0; transition: all .4s ease 0s; height: 3px; background: #3b8ac5; left: 0; bottom: 0 }
.hz-step li .content:hover::after { width: 100% }
.hz-step li .content img { width: 100% }
.hz-step li .content .img { overflow: hidden }
.hz-step li .content .img img { -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s }
.hz-step li .content .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) }
.hz-step li .info { padding: .2rem .2rem .24rem
}
.hz-step li .info h4 { font-size: 20px; font-weight: bold; margin-bottom: 5px }
.hz-step li .info p { color: #666 }
 @media (min-width:992px) {
.hz-step li:nth-child(3n+1) { clear: left }
}
 @media (max-width:992px) {
.hz-step li:nth-child(2n+1) { clear: left }
}
 @media (max-width:768px) {
.hz-step li .id { position: absolute; left: 0; top: 0; color: #3b8ac5; width: 1.2rem; text-align: center; float: none; font-size: .5rem
}
.hz-step li .content { margin-left: 0 }
}
 @media (max-width:640px) {
.hz-step li .info h4 { font-weight: normal }
}
.rc-box1 { width: 88%; max-width: 1400px; margin-left: auto; margin-right: auto; padding: .84rem 0 1.3rem
}
.rc-box1 .bd { position: relative }
.rc-box1 .bd .img { width: 100% }
.rc-box1 .info { background: #f1f1f1 }
 @media (min-width:992px) {
.rc-box1 .info { position: absolute; top: -0.98rem; right: .8rem;
width: 454px; padding: .5rem .3rem 1.2rem
}
}
.rc-box1 .info h3 {
 font-size: .3rem;
 padding-bottom: .2rem; position: relative }
.rc-box1 .info h3::after { content: ''; display: block; position: absolute; width: 50px; height: 3px; background: #3b8ac5; left: 0; bottom: 0 }
.rc-box1 .txt p { font-size: 16px; color: #666; margin-top: 30px; line-height: 1.9 }
 @media (max-width:1200px) {
.rc-box1 .info { width: 50% }
}
 @media (max-width:992px) {
.rc-box1 .bd { position: relative; padding: .4rem
}
.rc-box1 .bd img { display: none }
.rc-box1 .info { width: 100%; padding: .4rem .4rem .8rem
}
}
 @media (max-width:992px) and (min-width:640px) {
.rc-box1 .bd { background: url('/static/images/rc1.jpg') no-repeat center center; background-size: cover }
}
 @media (max-width:768px) {
.rc-box1 .info h3 { font-size: 22px }
.rc-box1 .info .txt { font-size: 14px; line-height: 1.8 }
.rc-box1 .info .txt p { margin-top: 15px }
}
 @media (max-width:640px) {
.rc-box1 { background: url('/static/images/rc1.jpg') no-repeat center center; background-size: cover; width: 100%; padding-left: 6vw; padding-right: 6vw }
.rc-box1 .bd { padding: 0 }
}
 @media (max-width:480px) {
.rc-box1 .info h3 { font-size: 20px }
.rc-box1 .info p { font-size: 14px }
}
.rc-box2 { background: #f1f1f1; padding: .86rem 0 1.1rem
}
.rc-box2 .item { margin-bottom: 10px }
.rc-box2 .item h5 { height: 60px; line-height: 60px; background: #fff; font-size: 16px; padding-left: .3rem;
position: relative; cursor: pointer }
.rc-box2 .item h5::after { content: ''; width: 24px; height: 24px; background-image: url('/static/images/ic_add.png'); background-repeat: no-repeat; background-size: contain; background-position: center center; position: absolute; right: .3rem;
top: 50%; transform: translateY(-50%) }
.rc-box2 .item .info { display: none; background: #fff; padding: .3rem;
color: #666; line-height: 1.8 }
 @media (max-width:640px) {
.rc-box2 .item h5::after { width: 20px; height: 20px }
}
.rc-box2 .item.open h5 { background: #3b8ac5; color: #fff }
.rc-box2 .item.open h5::after { background-image: url('/static/images/ic_add2.png') }
 @media (max-width:640px) {
.rc-box2 .item.open h5 { height: 50px; line-height: 50px }
}
.rc-box3 { padding: 1.1rem 0; position: relative }
 @media (max-width:992px) {
.rc-box3::after { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: url('/static/images/rc2.png') no-repeat center center; background-size: cover; z-index: 1; left: 0; top: 0; opacity: .2 }
}
.rc-box3 .bd { position: relative; z-index: 2 }
 @media (min-width:992px) {
.rc-box3 .bd { display: table; width: 100% }
.rc-box3 .bd>* { display: table-cell; vertical-align: middle; float: none }
.rc-box3 .bd .leftbox { width: 36% }
.rc-box3 .bd .rightbox { width: 64% }
}
.rc-box3 .bd .info { font-size: 16px; line-height: 2.2; margin: .5rem 0 1.1rem
}
.rc-box3 .bd .info .tip { color: #999 }
.rc-box3 .bd .wxbox .tip { margin-top: 10px; font-size: 12px; color: #999 }
 @media (max-width:992px) {
.rc-box3 .bd .info {
 margin: .3rem 0 .8rem; line-height: 2 }
.rc-box3 .bd .leftbox { text-align: center; position: relative; z-index: 2 }
.rc-box3 .bd .info { display: inline-block; text-align: left }
.rc-box3 .bd .vhd .en::after { margin-left: auto; margin-right: auto }
.rc-box3 .bd .img { display: none }
}
.rc-box4 { background: #f1f1f1; padding: .95rem 0 1.36rem
}
.rc-box4 .vhd_tc { margin-bottom: .8rem
}
.rc-box4 form .item { margin-bottom: 30px }
.rc-box4 form .tit { display: block; font-size: 16px; color: #000; margin-bottom: 16px }
.rc-box4 form .tit em { color: #3b8ac5; padding-left: 5px }
.rc-box4 form input, .rc-box4 form textarea { border: 1px solid #e4e4e4; border-radius: 4px; width: 100%; padding: 10px 14px; display: block; font-size: 16px }
.rc-box4 form input:focus, .rc-box4 form textarea:focus { background: #fff }
.rc-box4 form textarea { height: 2.8rem }
.rc-box4 form .submit { display: block; margin: .5rem auto 0
}
 @media (max-width:640px) {
.rc-box4 form .tit { margin-bottom: 10px }
}
.layer-video { overflow: visible !important }
 @media (min-width: 992px) {
.good-type .inner { width: 56%; padding-right: 5%; }
.good-type .coverimg { width: 44%; }
}