/* common */
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
@media screen and (max-width: 1024px) { .mt10 { margin-top: 8px !important; }
  .mt20 { margin-top: 16px !important; }
  .mt30 { margin-top: 24px !important; }
  .mt45 { margin-top: 36px !important; }
  .mt50 { margin-top: 40px !important; }
  .mt60 { margin-top: 48px !important; } }
@media screen and (max-width: 768px) { .mt10 { margin-top: 6px !important; }
  .mt20 { margin-top: 12px !important; }
  .mt30 { margin-top: 18px !important; }
  .mt45 { margin-top: 27px !important; }
  .mt50 { margin-top: 30px !important; }
  .mt60 { margin-top: 36px !important; } }
@media screen and (max-width: 480px) { .mt10 { margin-top: 0.16rem !important; }
  .mt20 { margin-top: 0.32rem !important; }
  .mt30 { margin-top: 0.48rem !important; }
  .mt45 { margin-top: 0.72rem !important; }
  .mt50 { margin-top: 0.8rem !important; }
  .mt60 { margin-top: 0.96rem !important; } }
/* common btn */
.btn { width: 100px; height: 30px; color: #fff; font-size: 14px; line-height: 30px; text-align: center; cursor: pointer; border-radius: 15px; border: 1px solid #d3271f; display: inline-block; vertical-align: top; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; color:#d3271f }
.btn-big { width: 150px; height: 44px; line-height: 44px; border-radius: 22px; }
.btn-blue { color: #fff; border-color: #29166f; background-color: #29166f; }
.btn-white { color: #666; border-color: #fff; background-color: #fff; }
.btn:hover { border-color: #d50a1d;color: #fff;background:#d50a1d; }
@media screen and (max-width:1024px) {
  .btn { width: 96px; height: 28px; font-size: 14px; line-height: 28px; border-radius: 14px; }
  .btn-big { width: 132px; height: 42px; line-height: 42px; border-radius: 21px; }
}
@media screen and (max-width:768px) {
  .btn { width: 90px; height: 27px; font-size: 13px; line-height: 27px; border-radius: 14px; }
  .btn-big { width: 120px; height: 36px; line-height: 36px; border-radius: 18px; }
}
@media screen and (max-width:480px) {
  .btn { width: 2.24rem; height: 0.64rem; font-size: 0.32rem; line-height: 0.64rem; border-radius: 0.32rem; }
  .btn-big { width: 2.56rem; height: 0.8rem; line-height: 0.8rem; border-radius: 0.48rem; }
}
/* common tit */
.tit { text-align: center; white-space: nowrap; font-weight: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; }
.tit-sub { color: #858585; font-size: 24px; line-height: 1; }
.tit-main { color: #333; font-size: 28px; line-height: 2.43; }
.tit-left { text-align: left; }
@media screen and (max-width: 1199px) { .tit-sub { font-size: 22px; }
  .tit-main { font-size: 26px; } }
@media screen and (max-width: 1024px) { .tit-sub { font-size: 20px; }
  .tit-main { font-size: 24px; } }
@media screen and (max-width: 768px) { .tit-sub { font-size: 18px; }
  .tit-main { font-size: 21px; } }
@media screen and (max-width: 480px) { .tit-sub { font-size: 0.4rem; }
  .tit-main { font-size: 0.48rem; } }
/* common tit */
.txt { color: #666; font-size: 14px; line-height: 1.75; }
.txt-ctr { text-align: center; }
.txt-fs16 { font-size: 16px; }
@media screen and (max-width:1023px) {
  .txt { font-size: 13px; }
  .txt-fs16 { font-size: 15px; }
}
@media screen and (max-width:768px) {
  .txt { font-size: 12px; }
  .txt-fs16 { font-size: 14px; }
}
@media screen and (max-width:480px) {
  .txt { font-size: 0.32rem; }
  .txt-fs16 { font-size: 0.373334rem; }
}
/* common tip */
.tip { color: #333; font-size: 14px; text-align: center; line-height: 1.72; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.tip-fs16 { font-size: 16px; line-height: 1.88; }
@media screen and (max-width:1024px) {
  .tip { font-size: 13px; }
  .tip-fs16 { font-size: 15px; }
}
@media screen and (max-width:768px) {
  .tip { font-size: 12px; }
  .tip-fs16 { font-size: 14px; }
}
@media screen and (max-width:480px) {
  .tip { font-size: 0.32rem; }
  .tip-fs16 { font-size: 0.373334rem; }
}
/* common img */
.img { display: block; width: 100%; position: relative; }
.img-item { position: absolute; z-index: 1; top: 0; left: 0;/* width: 100%; height: 100%; */object-fit: cover; }
.img-icon { position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
/* common text */
.text-normal { color: #666; font-size: 14px; line-height: 1.72; }
.text-normal > * { color: inherit; }
.text-bigger { color: #666; font-size: 16px; line-height: 1.88; }
.text-bigger > * { color: inherit; }
.text-region p { color: #666; line-height: 2; font-size: 14px; margin-top: 12px; }
.text-region h3 { color: #d3271f; line-height: 1; font-size: 24px; font-weight: normal; margin-top: 20px; }
.text-region h3:first-child { margin-top: 0; }
@media screen and (max-width: 768px) { .text-normal { font-size: 13px; }
  .text-bigger { font-size: 15px; }
  .text-region p { font-size: 13px; }
  .text-region h3 { font-size: 20px; } }
@media screen and (max-width: 480px) { .text-normal { font-size: 0.32rem; }
  .text-bigger { font-size: 0.373334rem; }
  .text-region p { font-size: 0.32rem; }
  .text-region h3 { font-size: 0.48rem; } }
/* common wrap */
.wrap { max-width: 1650px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
@media screen and (max-width:1024px) {
  .wrap { padding-left: 18px; padding-right: 18px; }
  .wrap .l-col-3 { width: 33.33334%; }
}
@media screen and (max-width:768px) {
  .wrap { padding-left: 16px; padding-right: 16px; }
  .wrap .l-col-3 { width: 50%; }
}
@media screen and (max-width:480px) {
  .wrap { padding-left: 0.32rem; padding-right: 0.32rem; }
}
/* common ibtn */
.ibtn { position: absolute; z-index: 9; top: 50%; width: 48px; height: 48px; color: #fff; cursor: pointer; font-size: 30px; line-height: 48px; text-align: center; background-color: #858585; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.ibtn:hover { background-color: #d3271f; }
@media screen and (max-width:1024px) { .ibtn { width: 42px; height: 42px; font-size: 24px; line-height: 42px; } }
@media screen and (max-width:768px) { .ibtn { width: 36px; height: 36px; font-size: 20px; line-height: 36px; } }
@media screen and (max-width:480px) { .ibtn { display: none; width: 0.72rem; height: 0.72rem; font-size: 0.48rem; line-height: 0.72rem; } }
/* common main */
.main { padding-top: 80px; position: relative; z-index: 1; height: 100%;}
@media screen and (max-width:1600px) { .main { padding-top: 75px; }}
@media screen and (max-width:1200px) { .main { padding-top: 64px; }}
@media screen and (max-width:1024px) { .main { padding-top: 54px; }}
@media screen and (max-width:768px) { .main { padding-top: 50px; }}
@media screen and (max-width:480px) { .main { padding-top: 3rem; }}
/* common column */
.column { padding-top: 60px; padding-bottom: 60px; background-color: white; position: relative; }
@media screen and (max-width:1199px) { .column { padding-top: 48px; padding-bottom: 48px; }}
@media screen and (max-width:1023px) { .column { padding-top: 36px; padding-bottom: 36px; }}
@media screen and (max-width:768px) { .column { padding-top: 27px; padding-bottom: 27px; }}
@media screen and (max-width:480px) { .column { padding-top: 0.48rem; padding-bottom: 0.64rem; }}
/* common slider */
.hm-solve{width:100%;max-width: 100%!important;padding:inherit!important;padding-top: 0!important;}
.slider { margin: 0 auto; padding: 0 113px; position: relative; max-width: 1920px; }
@media screen and (max-width:1846px) { .slider { padding: 0 78px; max-width: 1776px; } }
@media screen and (max-width:1024px) { .slider { padding: 0 18px; } }
@media screen and (max-width:768px) { .slider { padding: 0 16px; } }
@media screen and (max-width: 480px) { .slider { padding: 0 0.32rem; } }
/* common swiper */
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; direction: ltr; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-wrapper { position: relative; width: 100%; overflow: hidden; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-slide a { display: block; max-width: 100%; }
.swiper-slide img { display: block; max-width: 100%; }
.swiper-prev { left: 15px; }
.swiper-next { right: 15px; }
.swiper-pagination { display: none; position: absolute; left: 0; right: 0; bottom: 16px; margin: 0; padding: 0; height: 12px; text-align: center; line-height: 12px; }
.swiper-pagination-switch { display: inline-block; width: 12px; height: 12px; cursor: pointer; margin: 0; border-radius: 50%; margin: 0 5px; background-color: #e0e0e0; }
.swiper-pagination-switch.swiper-active-switch { background-color: #d3271f; }
@media screen and (max-width:1024px) {
  .swiper-prev { left: 0; }
  .swiper-next { right: 0; }
}
@media screen and (max-width:768px) {
  .swiper-prev { left: 0; }
  .swiper-next { right: 0; }
  .swiper-container { padding-bottom: 30px; }
  .swiper-pagination { display: block; line-height: 12px; height: 12px; bottom: 12px; }
  .swiper-pagination-switch { width: 10px; height: 10px; background-color: #bdbdbd; }
  .swiper-active-switch { background-color: #d3271f; }
}
@media screen and (max-width:480px) {
  .swiper-container { padding-bottom: 0.56rem; /*height: 4.2rem;*/}
  .swiper-pagination { line-height: 0.32rem; height: 0.32rem; bottom: 0.106667rem; }
  .swiper-pagination-switch { width: 0.213334rem; height: 0.213334rem; background-color: #bdbdbd; }
  .swiper-active-switch { background-color: #d3271f; }
}
/* common content */
.content { min-height: 320px; max-width: 1200px; margin: -219px auto 0; background-color: #fff; position: relative; z-index: 2; }
@media screen and (max-width: 1230px) { .content { margin: -192px 15px 0; } }
@media screen and (max-width: 1024px) { .content { margin: -160px 15px 0; } }
@media screen and (max-width: 768px) { .content { margin: -120px 15px 0; } }
@media screen and (max-width: 480px) { .content { margin: -2.4rem 0.32rem 0; } }
/* common content */
.heading { text-align: left; white-space: nowrap; padding-top: 10px; padding-bottom: 40px; border-bottom: 1px dashed #e0e0e0; }
.heading-name { display: block; color: #d3271f; font-size: 36px; line-height: 1.28; }
.heading-goal { display: block; color: #666; font-size: 24px; font-weight: normal; line-height: 1.84; }
@media screen and (max-width: 1199px) { .heading { padding-top: 8px; padding-bottom: 36px; }
  .heading-name { font-size: 32px; }
  .heading-goal { font-size: 22px; } }
@media screen and (max-width: 1024px) { .heading { padding-top: 6px; padding-bottom: 32px; }
  .heading-name { font-size: 28px; }
  .heading-goal { font-size: 18px; } }
@media screen and (max-width: 768px) { .heading { padding-top: 4px; padding-bottom: 28px; }
  .heading-name { font-size: 24px; }
  .heading-goal { font-size: 16px; } }
@media screen and (max-width: 480px) { .heading { padding-top: 0.08rem; padding-bottom: 0.64rem; }
  .heading-name { font-size: 0.56rem; }
  .heading-goal { font-size: 0.4rem; } }
/* common container */
.container { max-width: 1230px; margin: 0 auto; padding-left: 15px; padding-right: 15px; position: relative; }
@media screen and (max-width: 480px) { .container { padding-left: 0.32rem; padding-right: 0.32rem; } }
/* common pagination */
.pagination { text-align: center; }
.pagination .item { color: #666; height: 40px; margin: 0 3px; font-size: 14px; padding: 0 10px; min-width: 40px; line-height: 38px; vertical-align: top; display: inline-block; box-sizing: border-box; border: 1px solid #e2e2e2; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.pagination .item:hover { color: #fff; border-color: #d3271f; background-color: #d3271f; }
.pagination .item.current { color: #fff; border-color: #d3271f; background-color: #d3271f; }
.pagination .item.disabled:hover { color: #666; border-color: #f2f2f2; background-color: #f2f2f2; }
@media screen and (max-width: 1024px) { .pagination .item { height: 36px; margin: 0 3px; padding: 0 8px; min-width: 36px; line-height: 34px; } }
@media screen and (max-width: 768px) { .pagination .item { height: 32px; margin: 0 3px; padding: 0 6px; min-width: 32px; line-height: 32px; } }
@media screen and (max-width: 480px) { .pagination { margin-bottom: 0.32rem; }
  .pagination .item { height: 0.72rem; margin: 0 0.08rem; padding: 0 0.16rem; font-size: 0.32rem; min-width: 0.72rem; line-height: 0.693334rem; } }
/* common breadcrumb */
.breadcrumb { width: 100%; height: 81px; line-height: 32px; padding: 24px 30px; border-bottom: 1px solid #e8e8e8; }
.breadcrumb:after { content: ""; display: block; clear: both; height: 0; }
.breadcrumb-tit { color: #333; font-size: 18px; position: relative; font-weight: normal; }
.breadcrumb-tit:after { content: ""; position: absolute; left: 0; width: 100%; height: 2px; bottom: -25px; background-color: #d3271f; }
.breadcrumb-nav a { color: #666; display: block; max-width: 240px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.breadcrumb-nav a:hover { color: #d3271f; }
.breadcrumb-nav li { float: left; color: #666; font-size: 14px; }
.breadcrumb-nav li:before { float: left; content: ">"; color: #999; height: 100%; margin: 0 8px; font-size: 12px; font-weight: bold; font-family: Simsun; }
.breadcrumb-nav li:first-child:before { content: "\e690"; font-size: 20px; font-family: "hfont"; }
@media screen and (max-width: 1024px) { .breadcrumb { height: 65px; line-height: 24px; padding: 20px 25px; }
  .breadcrumb-tit { font-size: 17px; }
  .breadcrumb-tit:after { bottom: -21px; }
  .breadcrumb-nav a { max-width: 200px; }
  .breadcrumb-nav li:first-child:before { font-size: 18px; } }
@media screen and (max-width: 768px) { .breadcrumb { height: 51px; line-height: 24px; padding: 13px 20px; }
  .breadcrumb-tit { font-size: 16px; }
  .breadcrumb-tit:after { bottom: -14px; }
  .breadcrumb-nav a { max-width: 180px; }
  .breadcrumb-nav li:first-child:before { font-size: 18px; } }
@media screen and (max-width: 480px) { .breadcrumb { height: 1.146667rem; line-height: 0.64rem; padding: 0.293334rem 0.32rem 0.186667rem; }
  .breadcrumb-tit { font-size: 0.4rem; }
  .breadcrumb-tit:after { bottom: -0.213333rem; }
  .breadcrumb-nav a { max-width: 2.56rem; }
  .breadcrumb-nav li { font-size: 0.32rem; }
  .breadcrumb-nav li:before { margin: 0 0.16rem; font-size: 0.32rem; }
  .breadcrumb-nav li:first-child:before { font-size: 0.4rem; } }
/* layout grid */
.l-row { margin-left: -15px; margin-right: -15px; overflow: hidden; }
.l-row:after { content: ""; display: block; clear: both; height: 0; }
.l-row [class*='l-col-'] { float: left; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
.l-col-3 { width: 25%; }
.l-col-4 { width: 33.3333334%; }
.l-col-5 { width: 41.6666667%; }
.l-col-6 { width: 50%; }
.l-col-7 { width: 58.3333334%; }
.l-col-8 { width: 66.6666667%; }
.l-col-9 { width: 75%; }
.l-col-12 { width: 100%; }
.l-col_card { display: block; background: #fff; border-radius: 8px; margin-bottom: 30px; overflow: hidden; -webkit-transition: 0.45s ease-in-out; -moz-transition: 0.45s ease-in-out; transition: 0.45s ease-in-out; }
@media screen and (max-width:1024px) {
  .l-row { margin-left: -9px; margin-right: -9px; }
  .l-row [class*='l-col-'] { padding-left: 9px; padding-right: 9px; }
  .l-col_card { border-radius: 6px; margin-bottom: 16px; }
}
@media screen and (max-width:768px) {
  .l-row { margin-left: -8px; margin-right: -8px; }
  .l-row [class*='l-col-'] { padding-left: 8px; padding-right: 8px; }
  .l-col-3 { width: 33.3333334%; }
  .l-col-4 { width: 50%; }
  .l-col_card { border-radius: 5px; margin-bottom: 14px; }
}
@media screen and (max-width:480px) {
  .l-row { margin-left: -0.16rem; margin-right: -0.16rem; }
  .l-row [class*='l-col-'] { padding-left: 0.16rem; padding-right: 0.16rem; }
  .l-col-3 { width: 50%; }
  .l-col-6 { width: 100%; }
  .l-col_card { border-radius: 0.08rem; margin-bottom: 0.32rem; }
}
/* layout topnav */
.l-topnav { width: 100%; overflow: hidden; background-color: #fff; text-align: center; border-bottom: 1px solid #e8e8e8; position: relative; z-index: 2; }
.l-topnav_list { display: inline-block; vertical-align: top; }
.l-topnav_item { float: left; color: #858585; font-size: 16px; margin: 0 9px; line-height: 25px; padding: 27px 42px; position: relative; }
.l-topnav_item:after { content: ""; position: absolute; left: 0; right: 0; height: 2px; bottom: -1px; background-color: transparent; }
.l-topnav_item:hover { color: #d3271f; }
.l-topnav_item.active { color: #d3271f; }
.l-topnav_item.active:after { background-color: #d3271f; }
.l-topnav-fixed { position: fixed; z-index: 199; left: 0; }
@media screen and (max-width: 1024px) { .l-topnav_item { font-size: 15px; line-height: 23px; padding: 20px 30px; } }
@media screen and (max-width: 768px) { .l-topnav_item { padding: 15px 24px; } }
@media screen and (max-width: 480px) { .l-topnav_item { font-size: 0.373334rem; margin: 0 0.16rem; line-height: 0.56rem; padding: 0.266667rem 0.48rem; } }
/* layout banner 420 */
.l-banner { width: 100%; height: 420px; overflow: hidden; position: relative; }
@media screen and (max-width: 1024px) { .l-banner { height: 360px; } }
@media screen and (max-width: 768px) { .l-banner { height: 275px; } }
@media screen and (max-width: 480px) { .l-banner { height: 5.6rem; } }
/* layout banner 550 */
.ibanner { width: 100%; height: 550px; overflow: hidden; position: relative; }
@media screen and (max-width: 1024px) { .ibanner { height: 450px; } }
@media screen and (max-width: 768px) { .ibanner { height: 348px; } }
@media screen and (max-width: 480px) { .ibanner { height: 6.4rem; } }
/* common wrap */
.column-gray { background-color: #f6f6f6; }
.column-info:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 100%; max-width: 1200px; padding-bottom: 0.8333334%;  -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
/*  header  */
.head { position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 80px; padding: 0px 300px 0px 0; text-align: center; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
.head-btns { line-height: 1; position: absolute; top: 0; width: 75px; height: 100%; padding: 25px; cursor: pointer; text-align: center; color: #fff; background-color: #d3271f; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.head-btns .hfont { font-size: 24px; }
.head-navs { height: 75px; margin-top: -8px; margin-left: 55px; display:none; vertical-align: top; }
.head-menu { left: 0; visibility: hidden; opacity: 0; }
.head-logo { height: 100%; padding: 11px 30px; display: inline-block; vertical-align: top;float: left;}
.head-logo a { line-height: 0; display: block; width: 248px; height: 100%;}
.m-head-logo{display: none;}
.m-box{display: none;}
/*.head-logo img { height: 100%; }*/
.head-phone { font-family: Arial; font-size: 24px; font-weight: bold; line-height: 35px; position: absolute; top: 0; right: 252px; height: 100%; padding: 20px 28px; letter-spacing: -.2px; color: #da251c; border-left: 1px solid #e0e0e0; }
.head-phone .ico-tel { font-size: 24px; font-weight: normal; float: left; margin-right: 10px; }
.head-social { position: absolute; top: 0; right: 75px; height: 100%; padding: 21px 25px;}
.head-social a { position: relative; line-height: 35px; height: 32px; margin: 0 5px; padding: 6px; text-align: center; color: #858585; }
.head-social a:hover{color: #d3271f;}
.head-social_imge { position: absolute; top: 54px; left: 50%; width: 100px; height: 100px; border: 1px solid #e8e8e8; -webkit-transform: translate(-50%, 15px); -moz-transform: translate(-50%, 15px); -ms-transform: translate(-50%, 15px); transform: translate(-50%, 15px); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; visibility: hidden; opacity: 0; }
.head-social_imge:after { content: ""; position: absolute; top: -13px; left: 50%; width: 18px; height: 14px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNzZGMTc2RjlDQjIxMUU5ODkyNDk1OEZGMzdCNzg4RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNzZGMTc3MDlDQjIxMUU5ODkyNDk1OEZGMzdCNzg4RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM3NkYxNzZEOUNCMjExRTk4OTI0OTU4RkYzN0I3ODhFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM3NkYxNzZFOUNCMjExRTk4OTI0OTU4RkYzN0I3ODhFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZO3T5wAAAOxJREFUeNqUUssNgkAQXeTAgbCEhCMHOvCsJhaCpYiWIQ0IjdiAJXDgDBVs9L1kVT7CLpO8MJl5+8jMG6eua2GITH+rJZJjEEqBJ3nAFpglbxZEXOAeRVEISOSlrq0WOgdBcJBSCgL5HrV8rdAOuIZh+C3o/KJ7VkIco4rj2EX85kTOml66tBG6YZTU9/1JgzX2yDEJZSCfsNzZxbFHTu8sJkL8U4Glmu5KaE6h3wyEOHtJmz3PMwqRMz6Jj1BOe2mzbYxPgpdNOx9JkgxcsgmllGiaRiE9bv5ZbRu9kyidtm1fSy7ZRNd14i3AAM8fLVBlgB7PAAAAAElFTkSuQmCC) no-repeat center top/100% 100%; }
.head-social a:hover .head-social_imge { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); visibility: visible; opacity: 1; }
.head-search { right: 0; }
.head-search_drop { position: absolute; top: 102%; right: 0; padding: 16px; white-space: nowrap; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); visibility: hidden; opacity: 0; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.head-search_drop:after { content: ""; display: block; clear: both; height: 0; }
.head-search_text { border: none; outline: none; height: 50px; width: 300px; font-size: 14px; padding: 10px 15px; border: 1px solid #e8e8e8; background-color: #f6f6f6; border-radius: 5px 0 0 5px; border-width: 1px 0 1px 1px; display: inline-block; vertical-align: top; }
.head-search_ibtn { display: inline-block; vertical-align: top; width: 96px; height: 50px; color: #fff; font-size: 16px; cursor: pointer; margin-left: -4px; background-color: #d3271f; border-radius: 0 5px 5px 0; }
.head-search_ibtn:hover { background-color: #c1241c; }
.head-search.show .head-search_drop { visibility: visible; opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
@media screen and (max-width:1300px) {
  .head { padding-left: 75px; text-align: left; }
  .head-menu { visibility: visible; opacity: 1; }
  .head-navs { position: absolute; top: 100%; left: 0; width: 230px; height: auto; margin: 0; visibility: hidden; opacity: 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); }
  .head-navs.active { display: block; visibility: visible; opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
  .head-search { color: #d3271f; background-color: #f6f6f6; }
}
@media screen and (max-width:1200px) {
  .head { height: 64px; padding-right: 469px; padding-left: 64px; }
  .head-btns { width: 64px; padding: 20px; }
  .head-logo { padding: 0 24px; }
  .head-navs { width: 210px; }
  .head-phone { line-height: 30px; right: 239px; padding: 18px 24px; }
  .head-social { right: 64px; padding: 16px 24px; }
  .head-search_drop { padding: 15px 20px; }
  .head-search_text { height: 40px; width: 270px; font-size: 14px; padding: 10px 15px; border-radius: 6px 0 0 6px; }
  .head-search_ibtn { width: 90px; height: 40px; font-size: 15px; border-radius: 0 6px 6px 0; }
}
@media screen and (max-width:1024px) {
  .head { height: 54px; padding-right: 405px; padding-left: 54px; }
  .head-btns { width: 54px; padding: 15px; }
  .head-logo { padding: 0 20px; }
  .head-navs { width: 192px; }
  .head-phone { font-size: 20px; line-height: 30px; right: 215px; padding: 12px 20px; }
  .head-phone .hfont { font-size: 20px; margin-right: 8px; }
  .head-social { right: 54px; padding: 12px 20px; }
  .head-social a { font-size: 16px; line-height: 20px; width: 30px; height: 30px; padding: 4px; }
  .head-search_drop { padding: 12px 16px; }
  .head-search_text { height: 36px; width: 240px; font-size: 12px; padding: 10px 15px; border-radius: 4px 0 0 4px; }
  .head-search_ibtn { width: 84px; height: 36px; font-size: 14px; border-radius: 0 4px 4px 0; }
}
@media screen and (max-width:768px) {
  .head { height: 50px; padding: 0; }
  .head-btns { z-index: 10; width: 50px; padding: 15px; }
  .head-btns .hfont { font-size: 22px; }
  .head-logo { position: relative; z-index: 9; width: 100%; padding: 10px 0; padding-right: 132px; padding-left: 60px; background-color: #fff; }
  .head-navs { position: fixed; z-index: 1; top: 50px; bottom: 0; left: 0; display: block; width: 100%; padding: 0 0 20px; overflow-x: hidden; overflow-y: auto; background-color: #d3271f; }
  .head-phone { font-size: 15px; line-height: 24px; z-index: 10; right: 0; padding: 13px 12px; border-left: none; }
  .head-phone .hfont { font-size: 16px; margin-right: 6px; }
  .head-social { display: none; }
  .head-search { display: none; }
  .head-menu.open i:before { content: '\e685'; }
}
@media screen and (max-width:480px) {
  .head { height: 3rem; padding: 0; }
  .head-btns { z-index: 10; width: 1.28rem; padding: 0.373334rem; }
  .head-btns .hfont { font-size: 0.533334rem; }
  .head-logo { position: relative; z-index: 9; width: 100%; padding: 0.24rem 0; padding-right: 3.52rem; padding-left: 0.6rem; background-color: #fff; display: none;}
  .head-navs { top: 1.28rem; padding-bottom: 0.4rem; }
  .head-phone { font-size: 0.4rem; line-height: 0.64rem; z-index: 10; right: 0; padding: 0.32rem; border-left: none; }
  .head-phone .hfont { font-size: 0.426667rem; margin-right: 0.16rem; }
  .head-social { display: none; }
  .head-search { display: none; }
  .head-menu.open i:before { content: '\e685'; }
  .ft-link .item0{display: none;}
  .ft-link .item5{border-bottom: none;}
	
	
	.head-logo a{width:inherit;}
	.m-box{display: block; width: 55%;float: right;padding:3.5% 0;z-index: 9;margin-right: 1.28rem;}
	.m-head-logo{display: block;padding-left: 0.2rem;width: 25%;float: left;padding-top: 8%;padding-right: 0;}
	.m-head-logo img{max-width: 104px;}
	.fa-chevron-right:before{font-size: 12px;margin-left: 2px;}
}
/*  header navbar */
.nav-bar { height: 100%; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.nav-bar_item { position: relative; float: left; color: #333; padding: 29px 0; margin: 0 25px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.nav-bar_item:after { position: absolute; left: 0; right: 0; bottom: 12px; left: 0; height: 2px; content: ''; background-color: transparent; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.nav-bar_name { font-size: 16px; line-height: 37px; display: block; white-space: nowrap; position: relative; }
.nav-bar_name-arrow:after { content: ""; position: absolute; top: 58px; left: 50%; margin-top: -10px; border-width: 0 8px 10px; border-style: solid; border-color: #d3271f transparent; visibility: hidden; opacity: 0; -webkit-transform: translate(-50%, 40px); -moz-transform: translate(-50%, 40px); -ms-transform: translate(-50%, 40px); transform: translate(-50%, 40px); }
.nav-bar_item:hover { color: #d3271f; }
.nav-bar_item:hover:after { background-color: #d3271f; }
.nav-bar_item:hover .nav-drop { visibility: visible; opacity: 1; -webkit-transform: translate(-35px, 0); -moz-transform: translate(-35px, 0); -ms-transform: translate(-35px, 0); transform: translate(-35px, 0); }
.nav-bar_item:hover .nav-bar_name-arrow:after { visibility: visible; opacity: 1; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.nav-bar_item-active { color: #d3271f; }
.nav-bar_item-active:after { background-color: #d3271f; }
@media screen and (max-width:1600px){
	.nav-bar_item{margin: 0 12px;}
}
@media screen and (max-width:1300px) {
	
  .nav-bar { padding: 30px 0; padding-bottom: 78px; background-color: #d3271f; }
  .nav-bar_item { position: static; float: none; padding: 0; margin: 0; color: #fff; }
  .nav-bar_item:after { display: none; }
  .nav-bar_name { font-size: 16px; line-height: 42px; position: relative; padding: 0 50px; }
  .nav-bar_name-arrow:after { top: 50%; left: auto; right: 20px; margin-top: 0; border-width: 6px 0 6px 8px; border-color: transparent #d3271f; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
  .nav-bar_item:hover { color: #333; background-color: #fff; }
  .nav-bar_item:hover .nav-drop { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); visibility: visible; opacity: 1; }
  .nav-bar_item:hover .nav-bar_name-arrow:after { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
  .nav-bar_item-active { color: #333; background-color: #fff; }
}
@media screen and (max-width:1200px) {
  .nav-bar { padding-top: 24px; padding-bottom: 72px; }
  .nav-bar_name { padding: 0 36px; }
}
@media screen and (max-width:1024px) {
  .nav-bar { padding-top: 20px; padding-bottom: 68px; }
  .nav-bar_name { font-size: 15px; line-height: 40px; padding: 0 30px; }
  .nav-bar_name-arrow:after { right: 18px; border-width: 5px 0 5px 7px; }
}
@media screen and (max-width:768px) {
  .nav-bar { padding-top: 10px; padding-bottom: 20px; }
  .nav-bar_item { position: relative; }
  .nav-bar_item:after { display: block; height: 1px; bottom: 0; background-color: rgba(0, 0, 0, 0.05); }
  .nav-bar_item:hover { color: #fff; background-color: transparent; }
  .nav-bar_name { font-size: 14px; line-height: 44px; padding: 0 15px; }
  .nav-bar_name-arrow:after { top: 50%; right: 12px; color: #fff; content: "\e673"; font-family: "hfont"; font-size: 14px; line-height: 1; border: none; visibility: visible; opacity: 1; }
  .nav-bar_item-active { color: #fff; background-color: transparent; }
  .nav-bar_item-active .nav-bar_name-arrow:after { content: "\e632"; }
}
@media screen and (max-width:480px) {
  .nav-bar { padding-top: 0.24rem; padding-bottom: 0.32rem; }
  .nav-bar_name { font-size: 0.346667rem; line-height: 1.12rem; padding: 0 0.32rem; }
}
/* header nav drop */
.nav-drop { position: absolute; top: 81px; left: 0; height: auto; min-width: 100%; padding: 30px 0; text-align: left; background-color: rgba(211, 39, 31, 0.9); -webkit-transform: translate(-35px, 40px); -moz-transform: translate(-35px, 40px); -ms-transform: translate(-35px, 40px); transform: translate(-35px, 40px); visibility: hidden; opacity: 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.nav-drop_item { line-height: 32px; width: 174px; height: 32px; color: #fff; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.nav-drop_name { font-size: 14px; position: relative; z-index: 2; display: block; padding: 0 30px; white-space: nowrap; }
.nav-drop_name-arrow:after { position: absolute; top: 50%; right: 20px; margin-top: -6px; content: ''; border-width: 6px 0 6px 8px; border-style: solid; border-color: transparent #d3271f; visibility: hidden; opacity: 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.nav-drop_item:hover, .nav-drop_item-active { color: #d3271f; background-color: #fff; }
.nav-drop_item:hover .nav-drop_name-arrow:after, .nav-drop_item-active .nav-drop_name-arrow:after { visibility: visible; opacity: 1; }
@media screen and (max-width:1600px) {
  .nav-drop { padding: 30px 0; background-color: #f7f7f7; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
  .nav-drop_item { height: 32px; color: #333; }
  .nav-drop_name { font-size: 14px; }
  .nav-drop_name-arrow:after { right: 20px; border-color: transparent #fff; }
  .nav-drop_item:hover, .nav-drop_item-active { color: #fff; background-color: #d3271f; }
  .nav-drop_item:hover .nav-drop_name:after, .nav-drop_item-active .nav-drop_name:after { visibility: visible; opacity: 1; }
}
@media screen and (max-width:1200px) {
  .nav-drop { padding: 24px 0; }
  .nav-drop_item { height: 32px; }
  .nav-drop_name { font-size: 14px; }
}
@media screen and (max-width:1024px) {
  .nav-drop { padding: 20px 0; }
  .nav-drop_item { width: 304px; height: 30px; line-height: 30px; }
  .nav-drop_name { font-size: 13px; padding: 0 24px; }
}
@media screen and (max-width:768px) {
  .nav-drop { display: none; position: static; padding: 0; background-color: #e15149; visibility: visible; opacity: 1; overflow: hidden; transition: none; }
  .nav-drop_item { width: 100%; height: auto; color: #fff; line-height: 36px; position: relative; }
  .nav-drop_item:after { position: absolute; left: 0; right: 0; bottom: 0; left: 0; height: 1px; content: ''; background-color: #c42119; }
  .nav-drop_item:last-child:after { display: none; }
  .nav-drop_name { font-size: 13px; padding: 0 20px; }
  .nav-drop_name-arrow:after { right: 12px; content: "\e673"; font-family: "hfont"; line-height: 1; border: none; visibility: visible; opacity: 1; }
  .nav-drop_item:hover { background-color: transparent; }
  .nav-drop_item-active { color: #fff; background-color: transparent; }
  .nav-drop_item-active .nav-drop_name-arrow:after { content: "\e632"; }
}
@media screen and (max-width:480px) {
  .nav-drop_item { line-height: 0.96rem; }
  .nav-drop_name { font-size: 0.346667rem; padding: 0 0.48rem; }
}
/* header nav lower */
.nav-lower { display: none; position: absolute; z-index: 2; top: 0; left: 100%; height: 100%; padding: 30px; background-color: rgba(255, 255, 255, 0.9); }
.nav-lower_name { font-size: 14px; line-height: 32px; display: block; padding: 0 30px; color: #333; white-space: nowrap; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.nav-lower_name:hover, .nav-lower_name-active { color: #fff; background-color: #d3271f; }
@media screen and (max-width:1600px) {
  .nav-lower { background-color: #fff; }
}
@media screen and (max-width:1200px) {
  .nav-lower { padding: 24px; }
  .nav-lower_name { padding: 0 36px; }
}
@media screen and (max-width:1024px) {
  .nav-lower { padding: 20px; }
  .nav-lower_name { padding: 0 30px; }
}
@media screen and (max-width:768px) {
  .nav-lower { position: static; width: 100%; padding: 0; background-color: #ed928e; overflow: hidden; }
  .nav-lower_name { font-size: 14px; line-height: 36px; padding: 0 45px; color: #fff; background-color: transparent; position: relative; }
  .nav-lower_name:after { position: absolute; left: 0; right: 0; bottom: 0; left: 0; height: 1px; content: ''; background-color: #e15149; }
  .nav-lower_name:last-child:after { display: none; }
}
@media screen and (max-width:480px) {
  .nav-lower_name { font-size: 14px; line-height: 36px; padding: 0 45px; color: #fff; background-color: transparent; position: relative; }
  .nav-lower_name:after { position: absolute; left: 0; right: 0; bottom: 0; left: 0; height: 1px; content: ''; background-color: #e15149; }
  .nav-lower_name:last-child:after { display: none; }
}
/* -------- footer --------*/
.footer { background-color: #1f1a17; }
.footer .wrap { margin: 0 auto; overflow: hidden; max-width: 1660px; padding: 40px 20px; }
.footer .wrap:after { content: ""; display: block; clear: both; height: 0; }
@media screen and (max-width:767px) {
  .footer .wrap { padding: 24px 16px; }
}
@media screen and (max-width:480px) {
  .footer .wrap { padding: 0.533334rem 0.32rem; }
}
/* -------- footer --------*/
.ft-call { width: 280px; color: #fff; font-size: 14px; line-height: 24px; padding: 4px 0 4px 28px; border-left: 2px solid #d3271f; }
.ft-call strong { display: block; color: #d3271f; font-size: 30px; line-height: 35px; }
.ft-link { text-align: center; /*margin-right: 316px;*/ }
.ft-link-item { margin: 0 3%; text-align: left; display: inline-block; vertical-align: top; }
.ft-link .item0{margin-left: 0;}
.ft-link-item a { display: block; color: #858585; font-size: 14px; line-height: 30px; transition: 0.25s ease-in-out; }
.ft-link-item ul { float: left; }
.ft-link-item ul + ul { margin-left: 40px; }
.ft-link-item span { display: block; color: #fff; font-size: 18px; line-height: 18px; padding-left: 8px; margin: 10px 0 20px; border-left: 2px solid #d3271f; }
.ft-code-item p{color:#666;padding-top: 10px;}
.fl2{width:18%;}
.ft-link-item a:hover { color: #fff; }
.ft-ways { text-align: right; margin-top: -186px; }
.ft-code-item { width: 100px; margin-left: 0px; text-align: center; vertical-align: top; display: inline-block; }
.ft-code-item img { width: 100px; height: 100px; display: block; }
.ft-code-item span { display: block; color: #e0e0e0; font-size: 14px; margin-top: 10px; line-height: 12px; }
.ft-look { height: 40px; overflow: hidden; border: 1px solid #858585; }
.ft-look input { width: 260px; height: 100%; color: #fff; font-size: 14px; padding: 5px 10px; border-width: 1px 0 1px 1px; background-color: transparent; }
.ft-look button { float: right; width: 40px; height: 40px; border: none; color: #d4d4d4; outline: none; font-size: 20px; background-color: #858585; }
.ft-look:after { content: ""; display: block; height: 0; clear: both; }
.ft-copy { padding: 20px 0; line-height: 30px; text-align: center; background-color: #1f1a17; border-top:1px solid #666;}
.ft-copy p { color: #fff; font-size: 14px; }
.ft-copy a { color: #fff; display: inline-block; white-space: nowrap; transition: 0.2s ease-in-out; }
.ft-copy a:hover { opacity: 0.6; }
.ft-copy em { display: inline-block; white-space: nowrap; }
@media screen and (max-width:1599px) {

}
@media screen and (max-width:1199px) {
  /*.ft-link-item { display: none; }*/
  .ft-ways { float: none; margin-top: 0; text-align: center; margin-left: 280px; overflow: hidden; }
  .ft-code { float: right; }
  .ft-look { margin-right: 30px; display: inline-block; vertical-align: top; }
}
@media screen and (max-width:1023px) {
  .ft-call { width: 200px; padding: 4px 0 4px 18px; }
  .ft-call strong { font-size: 24px; }
  .ft-ways { margin-top: 0; margin-left: 200px; }
  .ft-code { margin-right: 0; }
  .ft-code-item { width: 84px; margin-left: 0; margin-left: 15px; }
  .ft-code-item img { width: 84px; height: 84px; }
  .ft-code-item span { font-size: 12px; }
  .ft-look { margin-top: 24px; margin-right: 0; }
  .ft-look input { width: 200px; }
}
@media screen and (max-width:767px) {
  .ft-call { margin-top: 12px; }
  .ft-ways { margin-left: 0; overflow: visible; }
  .ft-code { float: none; display: block; margin-right: 0; text-align: right; }
  .ft-look { width: 100%; margin-top: 16px; margin-right: 0; position: relative; }
  .ft-look input { width: 100%; }
  .ft-look button { position: absolute; top: 0; right: 0; }
  .ft-copy { padding: 12px 16px; line-height: 1.8; }
}
@media screen and (max-width:480px) {
  .ft-call { width: auto; font-size: 0.32rem; line-height: 0.56rem; padding: 0.08rem 0 0.08rem 0.32rem; }
  .ft-call strong { font-size: 0.48rem; line-height: 0.8rem; }
  .ft-code-item { width: 100%; margin-left: 0;margin-top: 10px;}
  .ft-code-item img { width: 1.6rem; height: 1.6rem; margin: 0 auto; }
  .ft-code-item span { font-size: 0.266667rem; margin-top: 0.24rem; line-height: 1; white-space: nowrap; }
  .ft-look { height: 0.746667rem; margin-top: 0.613334rem; }
  .ft-look input { font-size: 0.32rem; padding: 0.133334rem 0.266667rem; }
  .ft-look button { width: 0.746667rem; height: 0.746667rem; font-size: 0.4rem; }
  .ft-copy { padding: 0.32rem 0; }
  .ft-copy p { padding: 0 0.32rem; font-size: 0.266667rem; }
	.fl2{width:100%;display: none;}
	.fl2 .item1{display: none;}
	.ft-link{margin-left: 0;width: 100%}
	.ft-link-item{width:100%;border-bottom: 1px solid rgba(255, 255, 255, 0.1);margin: inherit;}
	.ft-link-item a{display:none;}
	.ft-link-item li{width:100%;background: url(../images/footer-jia.png) no-repeat right center;}
	.ft-link-item span{font-size:14px;margin: 10px 0 10px;border-left:none;padding-left: 0;}
	.ft-link .item5 li{background: none;}
	
	
}
.ft-flink.wrap { padding-top: 0; }
.ft-flink span { color: #9b9b9b; font-size: 14px; line-height: 1.8; margin-right: 10px; }
.ft-flink a { color: #858585; font-size: 14px; line-height: 1.8; margin-right: 30px; }
.ft-flink a:hover { color: #efeffe; }
/* banner swiper*/
.banner { width: 100%; height:614px; overflow: hidden; position: relative;z-index: 9}
.banner .swiper-pagination { display: block; }
.banner .swiper-pagination-switch { width: 10px; height: 10px; border: 3px solid #fff; background-color: #fff; vertical-align: middle; opacity: 0.8; transition: 0.25s ease-in-out; }
.banner .swiper-pagination-switch.swiper-active-switch { width: 12px; height: 12px; background-color: transparent; opacity: 1; }
.banner .swiper-container { position: absolute; top: 0; left: 50%; height: 100%; width: 1920px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.banner .swiper-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.banner .swiper-slide { position: relative; }
.banner .swiper-slide > a { height: 100%; position: relative; z-index: 1; }
.banner .swiper-slide > a:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.1; }
.banner .swiper-slide img {/*height: 100%;*/ }
.banner .swiper-slide-active .banner-mask_name { animation-name: fadeInUp; }
.banner .swiper-slide-active .banner-mask_line { animation-name: fadeInUp; }
.banner .swiper-slide-active .banner-mask_desc { animation-name: fadeInUp; }
.banner .swiper-slide-active .banner-mask_more { animation-name: fadeInUp; }
.banner .swiper-slide-active .banner-mask_spot { animation-name: rollRight; }

@media screen and (max-width:1700px){/* 1700 */
.banner {height: 614px}

}


@media screen and (max-width:1600px){
.banner {height: 614px}
}

@media screen and (max-width:1440px){
	.banner {height: 614px}
	header .navbar .navbar-nav>li>a{padding: 5px 22px;}
}

@media screen and (max-width:1366px){
	.banner {height: 600px}
}

@media screen and (max-width:1281px){

}
.flexBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;}
.about-list4 {
    position: relative;
    justify-content: flex-start;
	background: #f6f6f6;
}
.about-list4 .list4-left {
    flex: 0 0 50%;
}
.about-list4 .left-bg {
    height: 0px;
}
.img100 {
    display: block;
	width: 100%;
}

.about-list4 .list4-title {
    font-size: 1rem;
    line-height: 1.5;
    color: #000;
    padding: .6rem 0 .8rem;
}
.about-list4 .list4-detail {
    font-size: 16px;
    line-height: 30px;
    color: #666;
}
.about-list4 .scroll-wrap {
    max-height: 300px;
}
.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}

.about-list4 .list4-right {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -700px;
    width: 1316px;
    height: 100%;
    padding-left: 730px;
    padding-top: 3rem;
}
.about-list4 .list4-title {
    font-size: 28px;
    line-height: 1.5;
    color: #000;
    padding: .6rem 0 .8rem;
}
.find-more {
  background: #d50a1d;
  display: block;
  width: 190px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 24px;
margin-top: 1.5em;
float: left;
}
.find-more:after {
    content: "";
    position: absolute;
    z-index: 0;
    background: #d50a1d;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
.find-more:before {
    content: "";
    display: block;
    width: 124%;
    height: 100%;
    position: absolute;
    left: -148%;
    top: 0;
    z-index: 1;
    background: #fff;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    -moz-transform: skewX(45deg); }
 .find-more .find-s0 {
    position: relative;
    z-index: 2;
    transition: .3s ease-in-out; }
.find-more:hover {
    border-color: #d50a1d;
    color: #d50a1d; }
.find-more:hover:before {
      left: -13%; }
.find-more2{border-color: #d50a1d;background: none;color:#d50a1d;margin-left: 2em;}
.find-more2:after{background: none;}
/*友情链接*/
.ft-look{width:240px;}
.w170{width:100%;height: 100%;background: none;color:#fff;}
.w170 option{color: #333}




@media screen and (max-width:1200px) {
  .banner { height: auto; padding-bottom: 62.5%; }
  .banner .swiper-container { width: 160%; }
}
@media screen and (max-width:768px) {
  .banner { height: 480px; padding-bottom: 0; }
  .banner .swiper-container { width: 1228.8px; }
}
@media screen and (max-width:480px) {
  .banner { height: auto; padding-bottom: 100%; }
  .banner .swiper-container { width: 256%; }
  .banner .swiper-pagination-switch { width: 0.213334rem; height: 0.213334rem; border: 2px solid #fff; }
  .banner .swiper-pagination-switch.swiper-active-switch { width: 0.266667rem; height: 0.266667rem; }
}
/* banner adds*/
.banner-mask { position: absolute; z-index: 3; top: 50%; left: 50%; width: 1200px; padding: 0 50px; text-align: left; overflow: hidden; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.banner-mask_name { color: #fff; font-size: 50px; line-height: 1.2; animation-delay: 0.1s;font-weight: bold;}
.banner-mask_line { overflow: hidden; height: 1px; margin: 36px 0; background-color: #fff; animation-delay: 0.4s; }
.banner-mask_spot { display: block; width: 100%; height: 1px; background-color: #239de8; -webkit-animation-duration: 8s; animation-duration: 8s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.banner-mask_desc { color: #fff; font-size: 16px; line-height: 1.88; opacity: 1; text-align: justify; animation-delay: 0.6s; }
.banner-mask_more { font-size: 14px; line-height: 30px; text-align: center; display: block; width: 100px; height: 30px; margin-top: 54px; color: #fff; border-radius: 15px; background-color: #d3271f; animation-delay: 0.8s; }
.banner-mask_more:hover { color: #fff; background-color: #e0342c; }
@media screen and (max-width:1216px) {
  .banner-mask { max-width: 50%; }
  .banner-mask_name { font-size: 32px; }
  .banner-mask_line { margin: 28px 0; }
  .banner-mask_desc { font-size: 16px; }
  .banner-mask_more { margin-top: 36px; }
}
@media screen and (max-width:1024px) {
  .banner-mask_name { font-size: 24px; }
  .banner-mask_line { margin: 24px 0; }
  .banner-mask_desc { font-size: 15px; }
  .banner-mask_more { margin-top: 24px; }
}
@media screen and (max-width:768px) {
  .banner-mask { max-width: 450px; padding: 0 15px; }
  .banner-mask_name { font-size: 18px; }
  .banner-mask_line { margin: 20px 0; }
  .banner-mask_desc { font-size: 14px; }
}
@media screen and (max-width:480px) {
  .banner-mask { max-width: 39.0625%; padding: 0 0.56rem; }
  .banner-mask_name { font-size: 0.48rem; left: 50%;}
  .banner-mask_line { margin: 0.48rem 0; }
  .banner-mask_desc { font-size: 0.32rem; }
  .banner-mask_more { margin-top: 0.64rem; }
	.about-list4 .list4-title{font-size:20px;}
}
/* index product */
.hm-product { margin-top: 1.5625%;}
.hm-product_list { width: 9999px; padding: 20px 0;}
.hm-product_item { width: 23%; margin: 0 1%;margin-bottom: 1.5%;}
.hm-product_item:last-child { margin-right: 0;}
.hm-product_card { overflow: hidden; padding: 15px; text-align: center; border-radius: 10px;background: #fff; /*background-image: linear-gradient(#b7cae8, #d4d5e7);*/ -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.hm-product_imge { width:150px;height: 150px;border-radius:50%;margin: 0 auto;  border: 1px solid #e0e0e0; background: #fff;}
.hm-product_imge .img-item { /*width:100%; height: 100%;*/ top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);max-width: 80px;}
.hm-product_name { font-size: 24px; line-height: 2.42; margin-top: 12px; }
.hm-product_name:after { display: block; width: 40px; height: 1px; margin: 0 auto; content: ''; background: #d3271f; }
.hm-product_text { height: 5.25em; margin-top: 25px; padding: 0 5px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }
.hm-product_icon { font-size: 24px; line-height: 1; display: block; width: 44px; height: 44px; margin: 24px auto 0; padding: 10px; color: #fff; border-radius: 50%; background-color: #d3271f; }
.hm-product_card:hover { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -webkit-transform: translate(0, -8px); -moz-transform: translate(0, -8px); -ms-transform: translate(0, -8px); transform: translate(0, -8px); }
@media screen and (max-width:1440px) {
  .hm-product_list { padding: 20px 0; }
  .hm-product_card { padding: 10px; border-radius: 10px; }
  .hm-product_imge { width:150px;height: 150px;}
}
@media screen and (max-width:1024px) {
  .hm-product_list { padding: 18px 0; }
  .hm-product_item { margin-right: 20px; }
  .hm-product_card { padding: 32px 20px; border-radius: 8px; }
  .hm-product_name { font-size: 22px; margin-top: 10px; }
  .hm-product_text { margin-top: 20px; }
  .hm-product_icon { font-size: 20px; width: 36px; height: 36px; margin-top: 16px; padding: 8px; }
  .hm-product_card:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
}
@media screen and (max-width:768px) {
  .hm-product_list { padding: 16px 0; }
  .hm-product_item { margin-right: 16px; }
  .hm-product_card { padding: 24px 16px; border-radius: 6px; }
  .hm-product_name { font-size: 18px; line-height: 2; margin-top: 8px; }
  .hm-product_text { margin-top: 15px; }
  .hm-product_icon { font-size: 16px; width: 32px; height: 32px; margin: 16px auto 0; padding: 8px; }
}
@media screen and (max-width:480px) {
  .hm-product { margin-top: 0.4rem; }
  .hm-product_list { padding: 0.24rem 0; }
  .hm-product_item { margin-right: 12px; }
  .hm-product_card { padding: 0.4rem 0.266667rem; border-radius: 0.16rem; }
  .hm-product_name { font-size: 0.4rem; margin-top: 0.16rem; }
  .hm-product_name:after { width: 0.64rem; }
  .hm-product_text { margin-top: 0.24rem; padding: 0 0.08rem; }
  .hm-product_icon { font-size: 0.32rem; width: 0.64rem; height: 0.64rem; margin-top: 0.24rem; padding: 0.16rem; }
  .hm-product .swiper-pagination { display: block; }
}
/* index solution */
.hm-solve_list { margin-top: 2.34375%; }
.hm-solve_list:after { content: ""; display: block; clear: both; height: 0; }
.hm-solve_item { float: left; width: 25%; }
.hm-solve_link {position: relative; overflow: hidden; width: 100%;  padding-bottom: 135.4167%; }
.hm-solve_imge { position: absolute; overflow: hidden; width: 100%; height: 100%;}
.hm-solve_imge img { width: 100%; height: 100%; object-fit: cover; }
.hm-solve_text { position: absolute; z-index: 2; top: 100%; left: 0; width: 100%; height: 100%; padding: 8.3333334% 6.25%; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transform: translate(0, -28.92%); -moz-transform: translate(0, -28.92%); -ms-transform: translate(0, -28.92%); transform: translate(0, -28.92%); }
.hm-solve_name { font-size: 24px; font-weight: normal; line-height: 1.24; padding: 6.4285715% 0; color: #fff; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.hm-solve_name span { display: block; height: 64px; -webkit-box-orient: vertical; -webkit-line-clamp: 7; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }
.hm-solve_name:after { display: block; width: 100px; height: 1px; margin-top: 6.4285715%; content: ''; background-color: #fff; }
.hm-solve_desc { line-height: 1.72; overflow: hidden; max-height: 12.04em; margin-top: 3.125%; color: #fff; font-size: 14px; -webkit-transform: translate(0, 20px); -moz-transform: translate(0, 20px); -ms-transform: translate(0, 20px); transform: translate(0, 20px); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; visibility: hidden; opacity: 0; }
.hm-solve_more { line-height: 3.72; position: absolute; bottom: 6.25%; left: 6.25%; color: #fff; font-size: 14px; -webkit-transform: translate(0, 20px); -moz-transform: translate(0, 20px); -ms-transform: translate(0, 20px); transform: translate(0, 20px); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; visibility: hidden; opacity: 0; }
.hm-solve_more:after { display: block; width: 30px; height: 1px; content: ''; background: #fff; }
.hm-solve_item:hover .hm-solve_text { background-color: rgba(218, 37, 28, 0.95); -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); }
.hm-solve_item:hover .hm-solve_name { border-top: 2px solid #fff; }
.hm-solve_item:hover .hm-solve_more, .hm-solve_item:hover .hm-solve_desc { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); visibility: visible; opacity: 1; }
@media screen and (max-width:1200px) {
  .hm-solve_text { padding: 7.5% 5%; }
  .hm-solve_name { font-size: 20px; }
  .hm-solve_name span { height: 56px; }
  .hm-solve_desc { max-height: 216px; }
}
@media screen and (max-width:1024px) {
  .hm-solve_text { padding: 6.25% 4.1666667%; }
  .hm-solve_name { font-size: 16px; }
  .hm-solve_name span { height: 48px; }
  .hm-solve_desc { max-height: 192px; }
  .hm-solve_item:hover .hm-solve_text { background-color: rgba(0, 0, 0, 0.5); -webkit-transform: translate(0, -28.92%); -moz-transform: translate(0, -28.92%); -ms-transform: translate(0, -28.92%); transform: translate(0, -28.92%); }
  .hm-solve_item:hover .hm-solve_name { margin-top: 0; border-top: none; }
  .hm-solve_item:hover .hm-solve_more, .hm-solve_item:hover .hm-solve_desc { -webkit-transform: translate(0, 20px); -moz-transform: translate(0, 20px); -ms-transform: translate(0, 20px); transform: translate(0, 20px); visibility: hidden; opacity: 0; }
}
@media screen and (max-width:768px) {
  .hm-solve_item { width: 50%; }
  .hm-solve_text { padding: 6.25% 4.1666667%; }
  .hm-solve_name { font-size: 20px; }
  .hm-solve_name span { height: 48px; }
  .hm-solve_desc { max-height: 192px; }
}
@media screen and (max-width:480px) {
  .hm-solve_list { margin-top: 0.64rem; }
  .hm-solve_text { padding: 6.25% 4.1666667%; }
  .hm-solve_name { font-size: 0.4rem; }
  .hm-solve_name span { height: 0.96rem; }
  .hm-solve_desc { font-size: 0.32rem; line-height: 1.5; max-height: 2.4rem; }
}
/* index choice */
.hm-choice { margin-top: 24px; }
.hm-choice_list { width: auto; padding: 20px 0; }
.hm-choice_item { float: left; box-sizing: border-box; width: 23.6111112%; margin-right: 1.8518519%; text-align: center; }
.hm-choice_item:last-child { margin: 0; }
.hm-choice_card { padding: 50px 30px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.hm-choice_icon { font-size: 60px; line-height: 1; display: block; text-align: center; color: #d3271f; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.hm-choice_name { position: relative; margin-top: 26px; font-weight: normal; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.hm-choice_name-en { font-size: 14px; line-height: 1.43; display: block; color: #e0e0e0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.hm-choice_name-cn { font-size: 24px; line-height: 1.5; display: block; color: #333; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.hm-choice_name:after { display: block; height: 1px; margin-top: 24px; content: ''; background-color: #e0e0e0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.hm-choice_name:before { position: absolute; bottom: -1px; left: 50%; width: 30px; height: 3px; content: ''; background-color: #d3271f; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.hm-choice_desc { font-size: 14px; height: 5.16em; line-height: 1.72; margin-top: 27px; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.hm-choice .btn { color: #666; }
.hm-choice_item:hover .btn { color: #d3271f; }
.hm-choice_item:hover .hm-choice_card { background-color: #d3271f; }
.hm-choice_item:hover .hm-choice_icon { color: #fff; }
.hm-choice_item:hover .hm-choice_desc { color: #fff; }
.hm-choice_item:hover .hm-choice_name-en { color: #fff; }
.hm-choice_item:hover .hm-choice_name-cn { color: #fff; }
.hm-choice_item:hover .hm-choice_name:before { background-color: #fff; }
@media screen and (max-width:1200px) {
  .hm-choice { margin-top: 24px; }
  .hm-choice_list { padding: 20px 0; }
  .hm-choice_card { padding: 50px 30px; }
  .hm-choice_icon { font-size: 60px; }
  .hm-choice_name { margin-top: 26px; }
  .hm-choice_name-en { font-size: 14px; }
  .hm-choice_name-cn { font-size: 24px; }
  .hm-choice_name:after { margin-top: 24px; }
  .hm-choice_name:before { width: 30px; }
  .hm-choice_desc { font-size: 14px; margin-top: 27px; }
  .hm-choice_more { width: 100px; }
}
@media screen and (max-width:1024px) {
  .hm-choice_list { padding: 20px 0; }
  .hm-choice_item { margin-right: 24px; }
  .hm-choice_card { padding: 50px 30px; }
  .hm-choice_icon { font-size: 60px; }
  .hm-choice_name { margin-top: 26px; }
  .hm-choice_name-en { font-size: 14px; }
  .hm-choice_name-cn { font-size: 24px; }
  .hm-choice_name:after { margin-top: 24px; }
  .hm-choice_name:before { width: 30px; }
  .hm-choice_desc { font-size: 14px; margin-top: 27px; }
  .hm-choice_more { width: 100px; }
  .hm-choice_item:hover .btn { color: #d3271f; }
  .hm-choice_item:hover .hm-choice_card { background-color: transparent; }
  .hm-choice_item:hover .hm-choice_icon { color: #d3271f; }
  .hm-choice_item:hover .hm-choice_desc { color: #666; }
  .hm-choice_item:hover .hm-choice_name-en { color: #e0e0e0; }
  .hm-choice_item:hover .hm-choice_name-cn { color: #333; }
  .hm-choice_item:hover .hm-choice_name:before { background-color: #d3271f; }
}
@media screen and (max-width:480px) {
  .hm-choice { margin-top: 0.4rem; }
  .hm-choice_list { padding: 0.026667rem 0; }
  .hm-choice_item { margin-right: 12px; }
  .hm-choice_card { padding: 0.48rem 0.32rem; }
  .hm-choice_icon { font-size: 0.96rem; }
  .hm-choice_name { margin-top: 0.32rem; }
  .hm-choice_name-en { font-size: ren(12); }
  .hm-choice_name-cn { font-size: 0.48rem; }
  .hm-choice_name:after { margin-top: 0.4rem; }
  .hm-choice_name:before { width: 0.56rem; }
  .hm-choice_desc { font-size: 0.32rem; margin-top: 0.32rem; }
  .hm-choice_more { width: 100px; margin-top: 0.32rem; }
}
/* index newslist */
.hm-news_head { position: relative; }
.hm-news_head:after { content: ""; display: block; clear: both; height: 0; }
.hm-news_titl .tit { text-align: left; }
.hm-news_tabs { position: absolute; right: 0; bottom: 0; padding: 10px 0; }
.hm-news_menu { font-size: 16px; line-height: 24px; float: left; margin-left: 30px; cursor: pointer; border-bottom: 2px solid transparent; }
.hm-news_menu.active { color: #d3271f; border-color: #d3271f; }
.hm-news_cate { display: none; }
.hm-news-card_item { margin-right: 30px; }
.hm-news_cate:first-child { display: block; }
.hm-news-card_item:last-child { margin-right: 0; }
@media screen and (max-width:1024px) {
  .hm-news_tabs { padding: 8px 0; }
  .hm-news_menu { font-size: 15px; line-height: 1.5; margin-left: 24px; }
  .hm-news-card_item { margin-right: 18px; }
}
@media screen and (max-width:768px) {
  .hm-news_tabs { padding: 6px 0; }
  .hm-news_menu { font-size: 14px; line-height: 1.5; margin-left: 24px; }
  .hm-news-card_item { margin-right: 16px; }
}
@media screen and (max-width:480px) {
  .hm-news_titl { float: none; }
  .hm-news_titl .tit { text-align: center; }
  .hm-news_tabs { position: static; width: 100%; display: table; margin: 0.48rem 0 -0.12rem; padding: 0; }
  .hm-news_menu { float: none; display: table-cell; color: #666; font-size: 0.32rem; text-align: center; margin-right: 0; margin-left: 0.4rem; border-bottom: none; border-left: 1px solid #efeff4; padding: 0.24rem 0.32rem; background-color: #fff; }
  .hm-news_menu.active { color: #fff; background-color: #d3271f; }
  .hm-news_menu:first-child { border-left: none; }
  .hm-news-card_item { margin-right: 12px; }
  .hm-news_body .swiper-container { padding-bottom: 0; }
  .hm-news_body .swiper-prev { display: block; }
  .hm-news_body .swiper-next { display: block; }
}
/* index introduce */
.hm-about { position: relative; height: 640px; padding-right: 520px; padding-left: 270px; }
.hm-about_titl { position: absolute; top: 0; left: 30px; width: 240px; height: 266px; padding: 50px 24px; text-align: left; color: #fff; background-color: #d3271f; }
.hm-about_titl .tit { color: #fff; text-align: left; }
.hm-about_titl:after { display: block; width: 100px; height: 2px; margin-top: 24px; content: ''; background-color: #fff; }
.hm-about_info { margin: 0 50px; padding-top: 150px; }
.hm-about_text { font-size: 14px; line-height: 26px; overflow: hidden; height: 208px; }
.hm-about_text p { margin-top: 25px; text-align: justify; color: #fff; }
.hm-about_menu { position: absolute; top: 150px; right: 30px; overflow: hidden; width: 480px; }
.hm-about_link { float: left; width: 220px; height: 160px; margin: 0 0 20px 20px; padding: 30px; text-align: center; background-color: rgba(255, 255, 255, 0.2); }
.hm-about_icon { font-size: 60px; line-height: 60px; display: block; width: 60px; height: 60px; margin: 8px auto 2px; color: #fff; }
.hm-about_name { font-size: 14px; line-height: 30px; display: block; color: #fff; }
@media screen and (max-width:1620px) {
  .hm-about { padding-right: 450px; }
  .hm-about_more { margin-top: 36px; }
  .hm-about_text p { margin-top: 12px; }
  .hm-about_menu { width: 420px; }
  .hm-about_link { width: 190px; }
}
@media screen and (max-width:1440px) {
  .hm-about { padding-right: 390px; }
  .hm-about_more { margin-top: 30px; }
  .hm-about_text { height: 234px; }
  .hm-about_text p { margin-top: 9px; }
  .hm-about_menu { width: 360px; }
  .hm-about_link { width: 160px; }
}
@media screen and (max-width:1200px) {
  .hm-about { height: 560px; padding-right: 390px; }
  .hm-about_info { margin: 0 36px; padding-top: 100px; }
  .hm-about_more { margin-top: 36px; }
  .hm-about_text { height: 286px; }
  .hm-about_text p { margin-top: 12px; }
  .hm-about_menu { width: 360px; top: 100px; }
  .hm-about_link { width: 160px; }
}
@media screen and (max-width:1024px) {
  .hm-about { padding: 40px 0; }
  .hm-about_titl { position: static; width: auto; height: auto; padding: 0; text-align: center; background-color: transparent; }
  .hm-about_titl .tit { text-align: center; }
  .hm-about_titl:after { display: none; }
  .hm-about_info { margin: 0; margin-right: 380px; padding-top: 20px; padding-left: 18px; }
  .hm-about_text { height: 234px; }
  .hm-about_more { float: none; margin-top: 40px; }
  .hm-about_menu { top: 152px; right: 0; width: 360px; }
  .hm-about_link { width: 150px; height: 150px; padding: 25px; }
}
@media screen and (max-width:768px) {
  .hm-about { height: auto; padding: 32px 0; }
  .hm-about_info { margin-right: 0; padding-top: 16px; padding-right: 30px; }
  .hm-about_text { height: auto; }
  .hm-about_menu { position: static; display: -webkit-flex; display: flex; width: 100%; margin-top: 36px; padding: 0 20px; justify-content: space-between; }
  .hm-about_link { width: 22%; height: 120px; margin: 0; padding: 20px; }
  .hm-about_icon { font-size: 36px; line-height: 36px; width: 36px; height: 36px; }
  .hm-about_more { margin-top: 36px; }
  .hm-about .btn { display: block; margin: 0 auto; }
}
@media screen and (max-width:480px) {
  .hm-about { padding: 0.64rem 0; }
  .hm-about_info { padding: 0 0.32rem; }
  .hm-about_text { font-size: 0.32rem; line-height: 1.6; }
  .hm-about_text p { margin-top: 0.32rem; text-align: center; }
  .hm-about_menu { padding: 0 0.32rem; }
  .hm-about_link { width: 23.5%; height: 2rem; padding: 0.32rem; }
  .hm-about_icon { font-size: 0.64rem; line-height: 0.64rem; width: 0.64rem; height: 0.64rem; margin: 0.08rem auto; }
  .hm-about_name { font-size: 0.32rem; line-height: 2; }
}
/* index company */
.hm-firm_card { padding: 50px 30px; text-align: center; }
.hm-firm_text { font-size: 14px; line-height: 1.8; color: #666; }
.hm-firm_name { font-size: 20px; line-height: 18px; color: #333; }
.hm-firm_name:after { display: block; width: 30px; height: 2px; margin: 20px auto 15px; content: ''; background-color: #d3271f; }
.hm-firm_item { box-sizing: border-box; width: 16.6666666%;height: 255px; }
.hm-firm_item + .hm-firm_item { border-left: 1px solid #e0e0e0; }
@media screen and (max-width: 1199px) { .hm-firm_card { padding: 42px 20px; }
  .hm-firm_name { font-size: 18px; line-height: 18px; }
  .hm-firm_name:after { margin: 16px auto 12px; }
  .hm-firm_text { font-size: 14px; } }
@media screen and (max-width: 1023px) { .hm-firm_view .swiper-pagination { display: block; bottom: 0; }
  .hm-firm_item {height: auto;}
  .hm-firm_list { width: 200%; }
  .hm-firm_card { padding: 36px 16px; }
  .hm-firm_name { font-size: 18px; line-height: 16px; }
  .hm-firm_name:after { margin: 18px auto 12px; }
  .hm-firm_text { font-size: 14px; } }
@media screen and (max-width: 767px) { .hm-firm_card { padding: 30px 16px; }
  .hm-firm_name { font-size: 16px; line-height: 16px; }
  .hm-firm_name:after { margin: 15px auto 10px; }
  .hm-firm_text { font-size: 12px; } }
@media screen and (max-width: 480px) { .hm-firm_card { padding: 0.64rem 0.32rem; }
  .hm-firm_name { font-size: 0.426667rem; line-height: 0.426667rem; }
  .hm-firm_name:after { margin: 0.4rem auto 0.24rem; }
  .hm-firm_text { font-size: 0.32rem; } }
/* layout card */
.card-list { margin-top: 25px; padding-top: 20px; }
.card-item { margin-bottom: 30px; }
.card-item.swiper-wrapper { width: 9999px; }
.card-item.swiper-slide { width: 383px; }
.card-link { display: block; border-radius: 8px; overflow: hidden; background-color: #fff; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.card-imge { display: block; width: 100%; padding-bottom: 60.5263158%; position: relative; }
.card-imge img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.card-text { padding: 25px 20px; position: relative; z-index: 2; }
.card-name { color: #333; font-size: 18px; font-weight: normal; margin-bottom: 6px; line-height: 1.56; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.card-desc { color: #666; font-size: 14px; line-height: 1.72; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.card-time { color: #e0e0e0; font-size: 14px; line-height: 0.86; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.card-more { color: #858585; font-size: 14px; line-height: 1; margin-top: 35px; text-transform: capitalize; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;width: 110px; height: 32px;border-radius: 30px;border: 1px solid #d3271f;text-align: center;line-height: 32px;color: #fff;background:#d3271f;}
.card-plus { font-size: 24px; line-height: 1; display: block; width: 44px; height: 44px; margin: 24px auto 0; padding: 10px; color: #fff; border-radius: 50%; background-color: #d3271f; }
.card-text:after { content: ""; position: absolute; top: 0; left: 7.8534032%; border-style: solid; border-width: 0 17px 17px; border-color: #d3271f transparent; visibility: hidden; opacity: 0; -webkit-transform: translate(0, -90%); -moz-transform: translate(0, -90%); -ms-transform: translate(0, -90%); transform: translate(0, -90%); -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.card-link:hover { background-color: #d3271f; }
.card-link:hover .card-name { color: #fff; }
.card-link:hover .card-desc { color: #fff; }
.card-link:hover .card-time { color: #fff; opacity: 0.8; }
.card-link:hover .card-more { color: #fff; }
.card-link:hover .card-plus { color: #d3271f; background-color: #fff; }
.card-link:hover .card-text:after { visibility: visible; opacity: 1; -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); }
@media screen and (max-width:1200px) {
  .card-list { margin-top: 20px; padding-top: 20px; }
  .card-name { font-size: 16px; }
}
@media screen and (max-width:1024px) {
  .card-list { margin-top: 16px; padding-top: 20px; }
  .card-link { border-radius: 6px; }
  .card-item { margin-bottom: 18px; }
  .card-text { padding: 22px 18px; }
  .card-name { font-size: 16px; }
  .card-desc { font-size: 14px; }
  .card-text:after { border-width: 0; }
  .card-more { font-size: 14px; margin-top: 20px; }
  .card-time { font-size: 14px; }
  .card-plus { font-size: 24px; width: 44px; height: 44px; margin-top: 24px; padding: 10px; }
  .card-link:hover { background-color: #fff; }
  .card-link:hover .card-name { color: #333; }
  .card-link:hover .card-desc { color: #666; }
  .card-link:hover .card-time { color: #858585; opacity: 1; }
  .card-link:hover .card-more { color: #666; }
  .card-link:hover .card-plus { color: #fff; background-color: #d3271f; }
  .card-link:hover .card-text:after { display: none; }
}
@media screen and (max-width:768px) {
  .card-list { margin-top: 16px; padding-top: 16px; }
  .card-link { border-radius: 4px; }
  .card-text { padding: 20px 16px; }
  .card-item { margin-bottom: 16px; }
}
@media screen and (max-width:480px) {
  .card-list { margin-top: 0.4rem; padding-top: 0.32rem; }
  .card-item { margin-bottom: 0.32rem; }
  .card-link { border-radius: 0.08rem; }
  .card-text { padding: 0.4rem 0.266667rem; }
  .card-name { font-size: 0.373334rem; }
  .card-desc { font-size: 0.32rem; }
  .card-time { font-size: 14px; }
  .card-text:after { border-width: 0; }
  .card-more { width: 2.24rem;height: 0.64rem;line-height: 0.64rem;font-size: 0.32rem; margin-top: 0.24rem; }
  .card-plus { font-size: 0.4rem; width: 0.72rem; height: 0.72rem; margin-top: 0.48rem; padding: 0.16rem; }
}
/* layout card => pdt2 */
.pdt2-card_desc { height: 48px; }
.pdt2-card_link { background-color: #f6f6f6; }
.pdt2-card_link:hover { background-color: #f6f6f6; }
.pdt2-card_link:hover .card-name { color: #333; }
.pdt2-card_link:hover .card-desc { color: #666; }
.pdt2-card_link:hover .card-text:after { display: none; }
/* layout card => news */
.news-card_imge { padding-bottom: 57.5916231%; }
.news-card_name { height: 1.5em; line-height: 2; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news-card_desc { height: 3.44em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }
@media screen and (max-width:480px) {
  .news-card_name { height: 3em; line-height: 1.5; margin-top: 0.186667rem; margin-bottom: 1em; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }
  .news-card_desc { display: none; }
}
/* layout card => action */
.action-card_imge { padding-bottom: 57.5916231%; }
.action-card_name { height: 3em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }
.action-card_desc { max-height: 48px; padding-left: 5em; text-indent: -5em; overflow: hidden; }
@media screen and (max-width:480px) {
  .action-card_name { height: 4.5em; -webkit-line-clamp: 3; margin-bottom: 0.4rem; }
  .action-card_desc { display: none; }
}
/* page --> about about */
.about p { color: #333; font-size: 16px; line-height: 1.63; text-indent: 2em; }
.about .news_d .nosearch p{text-indent: inherit;}

.about img { display: block; max-width: 100%; margin: 20px auto;}
@media screen and (max-width: 1024px) { .about { padding-left: 8px; padding-right: 8px; }
  .about p { font-size: 15px; }
  .about img { margin-top: 16px; margin-bottom: 16px; } }
@media screen and (max-width: 768px) { .about { padding-left: 7px; padding-right: 7px; }
  .about p { font-size: 14px; }
  .about img { margin-top: 14px; margin-bottom: 14px; } }
@media screen and (max-width: 480px) { .about { padding-left: 0.16rem; padding-right: 0.16rem; }
  .about p { font-size: 0.373334rem; }
  .about img { margin-top: 0.32rem; margin-bottom: 0.32rem; } }
/* page --> about honor */
.honor-list { width: 9998px; padding: 25px 0; }
.honor-item { margin-right: 20px; }
.honor-item img { width: 100%; }
.honor-item:last-child { margin-right: 0; }
.honor .swiper-pagination { display: none; }
.honor ~ .swiper-prev { left: -83px; }
.honor ~ .swiper-next { right: -83px; }
@media screen and (max-width: 1440px) { .honor ~ .swiper-prev { left: 0; }
  .honor ~ .swiper-next { right: 0; } }
/* page --> about history */
.history { background: url(../images/bg_history.jpg) no-repeat center top/auto 100%; }
.history-view { padding: 57px 0 84px; }
.history-list { height: 277px; padding: 10px 0; padding-left: 60px; }
.history-list:after { content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 2px; background-color: #858585; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.history-item_card { position: relative; height: 277px; }
.history-item_addr { position: absolute; left: 0; width: 200%; height: 50%; padding: 0 20px; border-left: 1px solid #858585; }
.history-item_addr:before { content: ""; position: absolute; left: 0; width: 12px; height: 12px; border-radius: 50%; background-color: #858585; }
.history-item_time { color: #d3271f; font-size: 24px; line-height: 0.75; }
.history-item_text { height: 4.5em; color: #666; font-size: 16px; line-height: 1.5; margin-top: 16px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }
.history-item:nth-child(2n) .history-item_addr { top: 0; }
.history-item:nth-child(2n) .history-item_addr:before { bottom: 0; -webkit-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); }
.history-item:nth-child(2n + 1) .history-item_addr { top: 50%; padding-top: 35px; }
.history-item:nth-child(2n + 1) .history-item_addr:before { top: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.history .ibtn { color: #666; font-size: 20px; background: transparent; border: 2px solid #858585; border-radius: 50%; }
.history .ibtn:hover { color: #d3271f; border-color: #d3271f; }
.history .swiper-prev { left: -83px; }
.history .swiper-next { right: -83px; }
@media screen and (max-width: 1440px) { .history .swiper-prev { left: 0; }
  .history .swiper-next { right: 0; } }
@media screen and (max-width: 1024px) { .history-view { padding: 48px 0 72px; }
  .history-list { height: 260px; padding-left: 60px; }
  .history-item_card { height: 260px; }
  .history-item_addr { padding: 0 18px; }
  .history-item_addr:before { width: 10px; height: 10px; }
  .history-item_time { font-size: 20px; }
  .history-item_text { font-size: 15px; margin-top: 15px; }
  .history-item:nth-child(2n + 1) .history-item_addr { padding-top: 38px; } }
@media screen and (max-width: 768px) { .history-view { padding: 30px 0 54px; }
  .history-list { height: 248px; padding-left: 36px; }
  .history-item_card { height: 248px; }
  .history-item_addr { padding: 0 18px; }
  .history-item_addr:before { width: 10px; height: 10px; }
  .history-item_time { font-size: 18px; }
  .history-item_text { font-size: 14px; margin-top: 12px; }
  .history-item:nth-child(2n + 1) .history-item_addr { padding-top: 38px; } }
@media screen and (max-width: 480px) { .history-view { padding: 0.64rem 0 1.28rem; }
  .history-list { height: 5.6rem; padding-left: 0.64rem; }
  .history-item_card { height: 5.6rem; }
  .history-item_addr { padding: 0 0.4rem; }
  .history-item_addr:before { width: 0.213334rem; height: 0.213334rem; }
  .history-item_time { font-size: 0.48rem; }
  .history-item_text { font-size: 0.32rem; margin-top: 0.32rem; }
  .history-item:nth-child(2n + 1) .history-item_addr { padding-top: 0.8rem; } }
/* page --> about hire */
.hire-head { display: table; width: 100%; margin-bottom: 2px; background-color: #e0e0e0; border-collapse: collapse; }
.hire-head_name { width: 15%; color: #333; font-size: 16px; text-align: center; line-height: 1.88; padding: 20px 30px; display: table-cell; vertical-align: middle; }
.hire-head_name:first-child { width: 25%; }
.hire-body { margin-bottom: 2px; }
.hire-body_cell { display: table; width: 100%; border-collapse: collapse; background-color: #f6f6f6; }
.hire-body_name { width: 15%; color: #666; font-size: 16px; text-align: center; line-height: 1.5; padding: 20px 30px; display: table-cell; vertical-align: middle; }
.hire-body_name:first-child { width: 25%; }
.hire-body_info { display: none; padding: 4.1666667%; }
.hire-body_info p { color: #666; font-size: 16px; line-height: 1.88; }
.hire-body_info h3 { color: #666; font-size: 16px; line-height: 1.88; }
.hire-body.active .hire-body_info { display: block; }
@media screen and (max-width: 1024px) { .hire-head_name { font-size: 15px; padding: 16px 25px; }
  .hire-body_name { font-size: 15px; padding: 16px 25px; }
  .hire-body_info p { font-size: 15px; }
  .hire-body_info h3 { font-size: 15px; } }
@media screen and (max-width: 768px) { .hire-head_name { font-size: 13px; padding: 12px 20px; }
  .hire-body_name { font-size: 13px; padding: 12px 20px; }
  .hire-body_info p { font-size: 13px; }
  .hire-body_info h3 { font-size: 13px; } }
@media screen and (max-width: 480px) { .hire-head { display: none; }
  .hire-body { margin-bottom: 2px; }
  .hire-body_cell { display: block; width: auto; padding: 0.32rem; padding-right: 0.96rem; margin: 0 -0.16rem; position: relative; }
  .hire-body_name { width: auto; color: #666; font-size: 0.32rem; text-align: left; padding: 0; margin-right: 0.4rem; white-space: nowrap; display: inline-block; vertical-align: top; }
  .hire-body_name:first-child { display: block; width: 100%; color: #333; font-size: 0.4rem; margin-right: 0; margin-bottom: 0.16rem; }
  .hire-body_name:last-child { position: absolute; top: 0; right: 0; width: 0.96rem; height: 100%; margin-right: 0; padding: 0.56rem 0.16rem; line-height: 0.72rem; text-align: center; border-left: 1px solid #e8e8e8; }
  .hire-body_info { padding: 0.48rem 0.16rem; }
  .hire-body_info p { font-size: 0.373334rem; }
  .hire-body_info h3 { font-size: 0.373334rem; } }
.maptab { width: 100%; height: 780px; position: relative; }
.mapcon { display: block; width: 100%; height: 100%; }
.mapbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.mapbox.active { visibility: visible; opacity: 1; }
@media screen and (max-width: 1200px) { .maptab { padding-left: 380px; } }
@media screen and (max-width: 1024px) { .maptab { height: 718px; padding-left: 350px; } }
@media screen and (max-width: 768px) { .maptab { height: 400px; padding-left: 0; } }
@media screen and (max-width: 480px) { .maptab { height: 8rem; } }
.firm-ways { position: relative; }
.firm-list { position: absolute; top: 0; left: 50%; height: 100%; background: rgba(218, 37, 28, 0.95); -webkit-transform: translate(-600px, 0); -moz-transform: translate(-600px, 0); -ms-transform: translate(-600px, 0); transform: translate(-600px, 0); }
.firm-item { padding: 20px 44px; border-left: 6px solid transparent; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.firm-item_name { color: #fff; font-size: 18px; line-height: 1.56; margin-bottom: 10px; }
.firm-item_text { color: #fff; font-size: 14px; line-height: 1.72; }
.firm-item:hover, .firm-item.active { border-color: #29166f; background-color: rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 1200px) { .firm-list { left: 0; height: 100%; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } }
@media screen and (max-width: 1024px) { .firm-item { padding: 20px 36px; border-width: 4px; }
  .firm-item_name { font-size: 16px; margin-bottom: 8px; }
  .firm-item_text { font-size: 13px; } }
@media screen and (max-width: 768px) { .firm-list { position: static; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); overflow: hidden; margin-top: 15px; background-color: transparent; }
  .firm-list:after { content: ""; display: block; clear: both; height: 0; }
  .firm-item { float: left; width: 50%; height: 170px; padding: 16px 24px; border-left: none; }
  .firm-item_name { color: #333; font-size: 16px; margin-bottom: 8px; }
  .firm-item_text { color: #666; font-size: 13px; } }
@media screen and (max-width: 480px) { .firm-list { margin-top: 0.32rem; margin-bottom: 0.32rem; }
  .firm-item { width: 100%; height: auto; padding: 0.4rem 0.32rem; }
  .firm-item_name { font-size: 0.426667rem; margin-bottom: 0.16rem; }
  .firm-item_text { font-size: 0.373334rem; } }
/* PRODUCT -- 1 -- FUNCTION */
.pdt-intro .l-col-7 { width: 56.9105692%; }
.pdt-intro .l-col-5 { width: 43.0894309%; }
.pdt-tit-sub { color: #666; font-size: 24px; text-align: left; line-height: 1.84; }
.pdt-tit-main { margin-top: 10px; color: #d3271f; font-size: 36px; text-align: left; line-height: 1.28; }
.pdt-func_text { margin-top: 3.3333334%; padding-top: 3.75%; padding-bottom: 14px; border-top: 1px dashed #e0e0e0; }
@media screen and (max-width: 1199px) { .pdt-tit-sub { font-size: 22px; }
  .pdt-tit-main { margin-top: 6px; font-size: 32px; }
  .pdt-func_text { padding-bottom: 8px; } }
@media screen and (max-width: 1023px) { .pdt-tit-sub { font-size: 18px; }
  .pdt-tit-main { margin-top: 4px; font-size: 28px; }
  .pdt-func_text { padding-bottom: 6px; } }
@media screen and (max-width: 768px) { .pdt-tit-sub { font-size: 16px; }
  .pdt-tit-main { margin-top: 0; font-size: 24px; }
  .pdt-func_text { padding-bottom: 0; } }
@media screen and (max-width: 480px) { .pdt-tit-sub { font-size: 0.4rem; }
  .pdt-tit-main { font-size: 0.56rem; }
  .pdt-func_text { margin-top: 0.32rem; padding-top: 0.32rem; } }
/* PRODUCT -- 1 -- FEATURES */
.pdt-keys { margin-top: 3.75%; margin-bottom: 1.6666667%; position: relative; }
.pdt-keys_item { width: 20%; margin: 0; }
.pdt-keys_card { position: relative; }
.pdt-keys_imge { background-color: #000; }
.pdt-keys_pics { opacity: 0.5; }
.pdt-keys_icon { width: 29.1666667%; height: 29.1666667%; }
.pdt-keys_text { position: absolute; left: 0; width: 100%; height: 50%; padding: 12.5%; background-color: #fff; }
.pdt-keys_mdl { position: relative; top: 48%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.pdt-keys_num { display: block; width: 40px; color: #d3271f; font-size: 36px; text-align: center; font-weight: bold; white-space: nowrap; line-height: 0.73; margin: 0 auto; padding-top: 11px; padding-bottom: 10px; border-bottom: 1px solid #d3271f; }
.pdt-keys_txt { color: #333; font-size: 18px; text-align: center; line-height: 1.67; margin-top: 12px; }
.pdt-keys_item:nth-child(2n) .pdt-keys_card { padding-top: 100%; }
.pdt-keys_item:nth-child(2n) .pdt-keys_text { top: 0; }
.pdt-keys_item:nth-child(2n+1) .pdt-keys_card { padding-bottom: 100%; }
.pdt-keys_item:nth-child(2n+1) .pdt-keys_text { bottom: 0; }
.pdt-keys .swiper-prev { left: -83px; }
.pdt-keys .swiper-next { right: -83px; }
.pdt-keys .swiper-pagination { display: none; }
@media screen and (max-width: 1440px) { .pdt-keys .swiper-prev { left: 0; }
  .pdt-keys .swiper-next { right: 0; } }
@media screen and (max-width: 1199px) { .pdt-keys_num { width: 36px; font-size: 32px; padding-top: 9px; padding-bottom: 8px; }
  .pdt-keys_txt { font-size: 16px; margin-top: 10px; } }
@media screen and (max-width: 1023px) { .pdt-keys_num { width: 32px; font-size: 26px; padding-top: 7px; padding-bottom: 6px; }
  .pdt-keys_txt { font-size: 15px; margin-top: 8px; } }
@media screen and (max-width: 768px) { .pdt-keys_num { width: 28px; font-size: 22px; }
  .pdt-keys_txt { font-size: 13px; } }
@media screen and (max-width: 480px) { .pdt-keys_num { width: 0.64rem; font-size: 0.48rem; }
  .pdt-keys_txt { font-size: 0.32rem; } }
/* PRODUCT -- 1 -- INTRODUCTION */
.pdt-info_line { margin-top: 3.75%; padding-bottom: 1.6666667%; }
.pdt-info_line:after { content: ""; display: block; clear: both; height: 0; }
.pdt-info_deco { position: absolute; left: 15px; right: 15px; height: 10px; bottom: -60px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDRUEwQThCMDkyRkMxMUU5OUQ0QUI3Rjk3M0RFOTIxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDRUEwQThCMTkyRkMxMUU5OUQ0QUI3Rjk3M0RFOTIxNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkNFQTBBOEFFOTJGQzExRTk5RDRBQjdGOTczREU5MjE1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkNFQTBBOEFGOTJGQzExRTk5RDRBQjdGOTczREU5MjE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+u4XZTgAAAJdJREFUeNpifPDgQScDA8NbIO5iQAVYxZmAuAKIdYE4Gk0DVnGQhv9AnAzEMUDshCSHVZwFSv8C4gggXg3EX4D4FC5xJiQTP0KtnwDEKrjEQRpEkSRfA3EcEC/CJQ7SsBSI+ZAk7wBxIS5xkIYOIF4JxGxIkidxiYM07APiJUA8F4gZkSSxisM8DbL+KhC3ocUFhjhAgAEAZHIsLO+fZ4MAAAAASUVORK5CYII=) repeat-x left top/auto 100%; }
.pdt-info_tit { text-align: left; }
.pdt-info_sub { color: #666; font-size: 16px; line-height: 2.25; }
.pdt-info_txt { overflow: hidden; margin-top: 16px; }
.pdt-info_txt p { color: #666; line-height: 2; }
.pdt-info_img { max-width: 41.6666667%; margin-bottom: 4px; }
.pdt-info_img.fr { margin-left: 4.1666667%; }
.pdt-info_img.fl { margin-right: 4.1666667%; }
.pdt-info_img img { display: block; max-width: 100%; }
.pdt-info_txt ~ .tit { margin-top: 30px; }
.pdt-info_sub ~ .pdt-info_txt p { overflow: hidden; padding-left: 12px; position: relative; }
.pdt-info_sub ~ .pdt-info_txt p:before { content: ""; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #666; }
@media screen and (max-width: 1199px) { .pdt-info_line { padding-bottom: 12px; }
  .pdt-info_deco { height: 10px; bottom: -32px; }
  .pdt-info_txt { overflow: visible; margin-top: 12px; }
  .pdt-info_txt ~ .tit { margin-top: 20px; } }
@media screen and (max-width: 480px) { .pdt-info_img { float: none; display: block; max-width: 100%; margin-bottom: 0.426667rem; }
  .pdt-info_img.fr { margin-left: 0; }
  .pdt-info_img.fl { margin-right: 0; }
  .pdt-info_img img { display: block; max-width: 100%; } }
/* PRODUCT -- 1 --- DOWNLOAD */
.pdt-load_list { margin-top: 3.75%; }
.pdt-load_item { height: 70px; line-height: 32px; padding: 19px 30px; margin-bottom: 5px; background-color: #f6f6f6; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.pdt-load_item .hfont { width: 32px; height: 32px; font-size: 32px; color: #858585; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.pdt-load_icon { float: right; text-align: center; }
.pdt-load_name { float: left; color: #666; font-size: 16px; max-width: 80%; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.pdt-load_name i { float: left; margin-right: 20px; }
.pdt-load_item:hover { background-color: #d3271f; }
.pdt-load_item:hover .pdt-load_icon { color: #fff; }
.pdt-load_item:hover .pdt-load_name { color: #fff; }
.pdt-load_item:hover .pdt-load_name i { color: #fff; }
@media screen and (max-width: 1024px) { .pdt-load_item { height: 60px; line-height: 28px; padding: 16px 24px; margin-bottom: 5px; }
  .pdt-load_item .hfont { width: 28px; height: 28px; font-size: 28px; }
  .pdt-load_name { font-size: 15px; }
  .pdt-load_name i { margin-right: 15px; } }
@media screen and (max-width: 768px) { .pdt-load_item { height: 48px; line-height: 20px; padding: 14px 20px; margin-bottom: 5px; }
  .pdt-load_item .hfont { width: 20px; height: 20px; font-size: 20px; }
  .pdt-load_name { font-size: 14px; }
  .pdt-load_name i { margin-right: 15px; } }
@media screen and (max-width: 480px) { .pdt-load_list { margin-top: 0.48rem; }
  .pdt-load_item { height: 1.12rem; line-height: 0.48rem; padding: 0.32rem 0.4rem; margin-bottom: 0.16rem; }
  .pdt-load_item .hfont { width: 0.48rem; height: 0.48rem; font-size: 0.48rem; }
  .pdt-load_name { font-size: 0.32rem; }
  .pdt-load_name i { margin-right: 0.32rem; } }
/* PRODUCT -- 1 -- METHOD */
.pdt-site { margin: 3.3333334% 0; max-width: 75%; padding: 2.5% 4%; background-color: rgba(218, 37, 28, 0.9); }
.pdt-site_tit { color: #fff; font-size: 36px; padding: 20px 0; line-height: 1; }
.pdt-site_tit span { font-weight: normal; margin-left: 12px; }
.pdt-site_des { color: #fff; margin-top: 5px; }
.pdt-site_des a { color: #fff; }
@media screen and (max-width: 1024px) { .pdt-site_tit { font-size: 32px; padding: 18px 0; } }
@media screen and (max-width: 1024px) { .pdt-site_tit { font-size: 24px; padding: 15px 0; } }
@media screen and (max-width: 1024px) { .pdt-site { max-width: 100%; padding: 0.48rem 0.4rem; }
  .pdt-site_tit { font-size: 0.426667rem; padding: 0.32rem 0; } }
/* PRODUCT -- 1 -- CATEGORY */
.pdt-cate:after { content: ""; display: block; clear: both; height: 0; }
.pdt-cate_item { float: left; width: 25%; height: 112px; border: 1px solid #e0e0e0; border-width: 1px 1px 1px 0; position: relative; transition: 0.3s ease-in-out; }
.pdt-cate_item a { display: block; height: 100%; padding: 20px 30px; padding-left: 120px; }
.pdt-cate_item:first-child { border-left-width: 1px; }
.pdt-cate_icon { position: absolute; top: 50%; left: 30px; color: #fff; width: 70px; height: 70px; padding: 17px; line-height: 1; font-size: 36px; border-radius: 50%; background-color: #858585; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: 0.3s ease-in-out; }
.pdt-cate_name { color: #333; font-size: 20px; line-height: 1.3; font-weight: normal; margin-top: 12px; transition: 0.3s ease-in-out; }
.pdt-cate_nick { color: #666; font-size: 16px; line-height: 1.25; transition: 0.3s ease-in-out; }
.pdt-cate_item:hover { border-color: #d3271f; background-color: #d3271f; }
.pdt-cate_item:hover .pdt-cate_icon { color: #d3271f; background-color: #fff; }
.pdt-cate_item:hover .pdt-cate_name { color: #fff; }
.pdt-cate_item:hover .pdt-cate_nick { color: #fff; }
@media screen and (max-width: 1024px) {
  .pdt-cate_item { height: 98px; }
  .pdt-cate_item a { padding: 18px 24px; padding-left: 100px; }
  .pdt-cate_icon { left: 24px; width: 60px; height: 60px; padding: 15px; font-size: 30px; }
  .pdt-cate_name { font-size: 18px; margin-top: 10px; }
  .pdt-cate_nick { font-size: 14px; }
}
@media screen and (max-width: 768px) {
  .pdt-cate_item { height: 82px; }
  .pdt-cate_item a { padding: 16px 15px; padding-left: 72px; }
  .pdt-cate_icon { left: 15px; width: 48px; height: 48px; padding: 14px; font-size: 20px; }
  .pdt-cate_name { font-size: 16px; margin-top: 8px; }
  .pdt-cate_nick { font-size: 12px; }
}
@media screen and (max-width: 480px) {
  .pdt-cate_item { width: 50%; height: 2.16rem; margin-top: -1px; }
  .pdt-cate_item a { padding: 0.32rem; padding-left: 1.92rem; }
  .pdt-cate_item:nth-child(2n+1) { border-left-width: 1px; }
  .pdt-cate_icon { left: 0.4rem; width: 1.28rem; height: 1.28rem; padding: 0.4rem; font-size: 0.48rem; }
  .pdt-cate_name { font-size: 0.4rem; margin-top: 0.32rem; }
  .pdt-cate_nick { font-size: 0.293334rem; }
}
/* PRODUCT => Why choose CUSTOMTOOLS */
.pdt-reason_card { padding: 40px 50px; }
.pdt-reason_imge { width: 53.5714286%; margin: 10px auto 0; padding: 12.1428572%; border: 1px solid #e8e8e8; border-radius: 50%; }
.pdt-reason_name { font-weight: normal; line-height: 1.84; margin-top: 20px; color: #333; font-size: 24px; text-align: center; }
.pdt-reason_name:after { display: block; width: 40px; height: 1px; margin: 6px auto 0; content: ''; background-color: #d3271f; }
.pdt-reason_text { line-height: 1.72; margin-top: 25px; color: #666; font-size: 14px; text-align: center; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }
@media screen and (max-width:1024px) {
  .pdt-reason_card { padding: 35px 45px; }
  .pdt-reason_imge { width: 53.5714286%; margin-top: 10px; padding: 12.1428572%; }
  .pdt-reason_name { font-size: 20px; margin-top: 20px; }
  .pdt-reason_name:after { width: 40px; margin-top: 6px; }
  .pdt-reason_text { font-size: 13px; margin-top: 25px; }
}
@media screen and (max-width:768px) {
  .pdt-reason_card { padding: 20px 30px; }
  .pdt-reason_imge { width: 53.5714286%; margin-top: 10px; padding: 12.1428572%; }
  .pdt-reason_name { font-size: 18px; margin-top: 16px; }
  .pdt-reason_name:after { width: 32px; margin-top: 6px; }
  .pdt-reason_text { height: 60px; font-size: 12px; margin-top: 25px; -webkit-line-clamp: 3; }
}
@media screen and (max-width:480px) {
  .pdt-reason_item { width: 50%; }
  .pdt-reason_card { padding: 0.4rem 0.32rem; }
  .pdt-reason_imge { width: 53.5714286%; margin-top: 10px; padding: 12.1428572%; }
  .pdt-reason_name { font-size: 0.48rem; margin-top: 0.48rem; }
  .pdt-reason_name:after { width: 0.64rem; margin-top: 0.16rem; }
  .pdt-reason_text { height: 2.133334rem; font-size: 0.32rem; margin-top: 0.48rem; -webkit-line-clamp: 4; }
}
/* PRODUCT => Product Features */
.pdt-feature:after { content: ""; display: block; clear: both; height: 0; }
.pdt-feature_item { float: left; width: 12.5%; padding: 25px; background: #f6f6f6; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.pdt-feature_icon { display: block; width: 60px; height: 60px; margin: 0 auto; background-image: url(../images/icon_feature.png); background-repeat: no-repeat; -webkit-background-size: auto 220%; background-size: auto 220%; }
.pdt-feature_text { display: block; margin-top: 20px; color: #666; font-size: 18px; text-align: center; line-height: 1; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.pdt-feature_item:hover { background-color: #d3271f; }
.pdt-feature_item:hover .pdt-feature_text { color: #fff; }
.pdt-feature_item-active { background-color: #d3271f; }
.pdt-feature_item-active .pdt-feature_text { color: #fff; }
.pdt-feature_item:nth-child(1) .pdt-feature_icon { background-position: 0 0; }
.pdt-feature_item:nth-child(2) .pdt-feature_icon { background-position: 14.2857143% 0; }
.pdt-feature_item:nth-child(3) .pdt-feature_icon { background-position: 28.5714286% 0; }
.pdt-feature_item:nth-child(4) .pdt-feature_icon { background-position: 42.8571429% 0; }
.pdt-feature_item:nth-child(5) .pdt-feature_icon { background-position: 57.1428572% 0; }
.pdt-feature_item:nth-child(6) .pdt-feature_icon { background-position: 71.4285715% 0; }
.pdt-feature_item:nth-child(7) .pdt-feature_icon { background-position: 85.7142858% 0; }
.pdt-feature_item:nth-child(8) .pdt-feature_icon { background-position: 100% 0; }
.pdt-feature_item:nth-child(1):hover .pdt-feature_icon { background-position: 0 100%; }
.pdt-feature_item:nth-child(2):hover .pdt-feature_icon { background-position: 14.2857143% 100%; }
.pdt-feature_item:nth-child(3):hover .pdt-feature_icon { background-position: 28.5714286% 100%; }
.pdt-feature_item:nth-child(4):hover .pdt-feature_icon { background-position: 42.8571429% 100%; }
.pdt-feature_item:nth-child(5):hover .pdt-feature_icon { background-position: 57.1428572% 100%; }
.pdt-feature_item:nth-child(6):hover .pdt-feature_icon { background-position: 71.4285715% 100%; }
.pdt-feature_item:nth-child(7):hover .pdt-feature_icon { background-position: 85.7142858% 100%; }
.pdt-feature_item:nth-child(8):hover .pdt-feature_icon { background-position: 100% 100%; }
.pdt-feature_item:nth-child(1).pdt-feature_item-active .pdt-feature_icon { background-position: 0 100%; }
.pdt-feature_item:nth-child(2).pdt-feature_item-active .pdt-feature_icon { background-position: 14.2857143% 100%; }
.pdt-feature_item:nth-child(3).pdt-feature_item-active .pdt-feature_icon { background-position: 28.5714286% 100%; }
.pdt-feature_item:nth-child(4).pdt-feature_item-active .pdt-feature_icon { background-position: 42.8571429% 100%; }
.pdt-feature_item:nth-child(5).pdt-feature_item-active .pdt-feature_icon { background-position: 57.1428572% 100%; }
.pdt-feature_item:nth-child(6).pdt-feature_item-active .pdt-feature_icon { background-position: 71.4285715% 100%; }
.pdt-feature_item:nth-child(7).pdt-feature_item-active .pdt-feature_icon { background-position: 85.7142858% 100%; }
.pdt-feature_item:nth-child(8).pdt-feature_item-active .pdt-feature_icon { background-position: 100% 100%; }
@media screen and (max-width:1024px) {
  .pdt-feature_item { width: 12.5%; padding: 20px 15px; }
  .pdt-feature_icon { width: 48px; height: 48px; }
  .pdt-feature_text { margin-top: 16px; font-size: 14px; }
}
@media screen and (max-width:768px) {
  .pdt-feature_item { width: 12.5%; padding: 16px 2px; }
  .pdt-feature_icon { width: 30px; height: 30px; }
  .pdt-feature_text { margin-top: 12px; font-size: 12px; }
}
@media screen and (max-width:480px) {
  .pdt-feature_item { width: 25%; padding: 0.48rem 0.16rem; }
  .pdt-feature_icon { width: 0.8rem; height: 0.8rem; }
  .pdt-feature_text { margin-top: 0.32rem; font-size: 0.32rem; }
}
.pdt-tabcon_item { display: none; }
.pdt-tabcon_item:first-child { display: block; }
/* site --> partner */
.ptr-card{padding:20px;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;transition:0.2s ease-in-out;}
.ptr-card_imge{padding-bottom:29.535865%;}
.ptr-card_text{margin-top:20px;padding-top:20px;border-top:1px solid #e8e8e8;}
.ptr-card_name{font-size:18px;line-height:2;text-align:left;}
.ptr-card_desc{margin-top:6px;line-height:1.5;}
.ptr-card_more{color:#858585;font-size:14px;line-height:1;text-transform:capitalize;padding:8px 0;margin-top:36px;display:inline-block;vertical-align:top;}
.ptr-card:hover{-webkit-transform:translate(0,10px);-moz-transform:translate(0,10px);-ms-transform:translate(0,10px);transform:translate(0,10px);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.15);box-shadow:0 0 20px rgba(0,0,0,0.15);}
@media screen and (max-width:1024px){
  .ptr-card{padding:18px;}
  .ptr-card_text{margin-top:18px;padding-top:18px;}
  .ptr-card_name{font-size:16px;}
  .ptr-card_more{padding:8px 0;margin-top:16px;}
}
@media screen and (max-width:768px){
  .ptr-card{padding:15px;}
  .ptr-card_text{margin-top:15px;padding-top:15px;}
  .ptr-card_name{font-size:16px;}
  .ptr-card_more{padding:8px 0;margin-top:14px;}
}
@media screen and (max-width:768px){
  .ptr-card{padding:0.32rem;}
  .ptr-card_text{margin-top:0.32rem;padding-top:0.32rem;}
  .ptr-card_name{font-size:0.373334rem;}
  .ptr-card_desc{margin-top:0.08rem;}
  .ptr-card_more{padding:0.16rem 0;margin-top:0.32rem;}
}
/* page --> course */
.course-side { width: 22.7642277%; }
.course-main { width: 77.2357724%; }
.course-cate { padding-right: 20px; }
.course-cate_item { height: 34px; color: #666; font-size: 14px; text-align: center; line-height: 34px; border-bottom: 1px solid #e8e8e8; }
.course-cate_item.active { color: #fff; border-color: #d3271f; background-color: #d3271f; }
.course-item { margin-top: 50px; }
.course-item_view { display: block; background: #fff; -webkit-transition: 0.45s ease-in-out; -moz-transition: 0.45s ease-in-out; transition: 0.45s ease-in-out; }
.course-item_view:after { content: ""; display: block; clear: both; height: 0; }
.course-item_imge { float: left; width: 41.3043479%; }
.course-item_imge .img { padding-bottom: 57.8947369%; }
.course-item_text { margin-left: 41.3043479%; padding: 16px 30px; }
.course-item_name { color: #333; font-size: 18px; line-height: 2.56; font-weight: normal; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.course-item_desc { color: #666; font-size: 14px; line-height: 1.72; text-indent: -5em; padding-left: 5em; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.course-item:first-child { margin-top: 0; }
.course-item:hover .btn { color: #d3271f; border-color: #fff; background-color: #fff; }
.course-item:hover .course-item_view { background: #d3271f; }
.course-item:hover .course-item_name { color: #fff; }
.course-item:hover .course-item_desc { color: #fff; }
@media screen and (max-width: 1199px) { .course-item { margin-top: 42px; }
  .course-item_text { padding: 10px 25px; }
  .course-item_name { font-size: 17px; line-height: 2.4; }
  .course-item_desc { font-size: 13px; } }
@media screen and (max-width: 1023px) { .course-item { margin-top: 32px; }
  .course-item .btn { width: 88px; height: 26px; line-height: 26px; font-size: 12px; }
  .course-item_text { padding: 0 20px; }
  .course-item_name { font-size: 16px; line-height: 2; }
  .course-item_desc { font-size: 12px; } }
@media screen and (max-width: 768px) { .course-side { width: 100%; }
  .course-cate { padding-right: 0; }
  .course-cate_item { float: left; min-width: 82px; padding: 0 24px; margin-top: 10px; margin-right: 10px; background-color: #e0e0e0; height: 34px; line-height: 34px; border-bottom: none; }
  .course-main { width: 100%; margin-top: 32px; }
  .course-item { margin-top: 32px; }
  .course-item .btn { width: 88px; height: 26px; line-height: 26px; font-size: 12px; }
  .course-item_text { padding: 0 20px; }
  .course-item_name { font-size: 16px; line-height: 2; }
  .course-item_desc { font-size: 12px; } }
@media screen and (max-width: 480px) { .course-cate_item { min-width: 1.92rem; padding: 0 0.48rem; margin-top: 0.24rem; margin-right: 0.24rem; height: 0.8rem; line-height: 0.8rem; }
  .course-main { margin-top: 0.4rem; }
  .course-item { margin-top: 0.4rem; }
  .course-item .btn { display: none; }
  .course-item_imge { width: 36%; }
  .course-item_imge .img { padding-bottom: 68.4210527%; }
  .course-item_text { padding: 0 0.32rem; margin-left: 36%; }
  .course-item_name { font-size: 0.373334rem; line-height: 1.8; }
  .course-item_desc { font-size: 0.32rem; } }
/* page --> our value */
.pie-view { position: relative; overflow: hidden; padding-top: 37px; padding-bottom: 21px; }
.pie-list { position: absolute; top: 37px; left: 0; right: 0; bottom: 21px; }
.pie-item { float: left; width: 50%; height: 50%; position: relative; }
.pie-item:nth-child(1) { padding: 0 17% 0 2.5%; }
.pie-item:nth-child(4) { padding: 5.4166667% 22.5% 0 2.5%; }
.pie-item:nth-child(2) { float: right; padding: 0 2.5% 0 17%; }
.pie-item:nth-child(3) { float: right; padding: 7.75% 2.5% 0 22.5%; }
.pie-nums { color: #fff; font-size: 48px; position: absolute; }
.pie-name { color: #333; font-size: 20px; line-height: 1.5; font-weight: normal; }
.pie-desc { color: #666; font-size: 14px; line-height: 1.72; margin-top: 18px; }
.pie-item:nth-child(1) .pie-name { margin-top: -17px; }
.pie-item:nth-child(2) .pie-name { margin-top: -37px; }
.pie-item:nth-child(1) .pie-nums { top: 47.2%; right: 13.3333334%; }
.pie-item:nth-child(2) .pie-nums { top: 47.2%; left: 13.3333334%; }
.pie-item:nth-child(3) .pie-nums { bottom: 47.2%; left: 13.3333334%; }
.pie-item:nth-child(4) .pie-nums { bottom: 47.2%; right: 13.3333334%; }
@media screen and (max-width:1200px) {
  .pie-view { padding-top: 32px; padding-bottom: 19px; }
  .pie-nums { font-size: 40px; }
  .pie-name { font-size: 16px; }
  .pie-desc { font-size: 14px; margin-top: 16px; }
  .pie-item:nth-child(1) .pie-name { margin-top: -17px; }
  .pie-item:nth-child(2) .pie-name { height: 72px; margin-top: -32px; }
}
@media screen and (max-width:1023px) {
  .pie-view { padding-top: 33px; padding-bottom: 16px; }
  .pie-item:nth-child(1) { padding-left: 1.5%; }
  .pie-item:nth-child(4) { padding-left: 1.5%; }
  .pie-item:nth-child(2) { padding-right: 1.5%; }
  .pie-item:nth-child(3) { padding-right: 1.5%; }
  .pie-nums { font-size: 30px; }
  .pie-name { font-size: 13px; }
  .pie-desc { font-size: 12px; margin-top: 15px; }
  .pie-item:nth-child(1) .pie-name { margin-top: -17px; }
  .pie-item:nth-child(2) .pie-name { height: 58px; margin-top: -30px; }
}
@media screen and (max-width:768px) {
  .pie-imge { display: none; }
  .pie-list { position: static; }
  .pie-view { padding-top: 0; padding-bottom: 16px; }
  .pie-item { width: 100%; }
  .pie-item:nth-child(1) { padding: 0; padding-left: 54px; margin-top: 0; }
  .pie-item:nth-child(4) { padding: 0; padding-left: 54px; margin-top: 20px; }
  .pie-item:nth-child(2) { padding: 0; padding-left: 54px; margin-top: 20px; }
  .pie-item:nth-child(3) { padding: 0; padding-left: 54px; margin-top: 20px; }
  .pie-nums { color: #fff; font-size: 24px; text-align: center; position: absolute; top: 0 !important; left: 0 !important; width: 36px; height: 36px; line-height: 36PX; background-color: #d3271f; }
  .pie-nums:after { content: ""; position: absolute; top: 50%; left: 100%; border-style: solid; border-color: transparent #d3271f; border-width: 5px 0 5px 7px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
  .pie-name { font-size: 16px; padding: 6px 0; }
  .pie-desc { font-size: 14px; margin-top: 9px; }
  .pie-item:nth-child(1) .pie-name { margin-top: 0; }
  .pie-item:nth-child(2) .pie-name { height: auto; margin-top: 0; }
}
@media screen and (max-width:480px) {
  .pie-item:nth-child(1) { padding-left: 1.2rem; }
  .pie-item:nth-child(4) { padding-left: 1.2rem; margin-top: 0.4rem; }
  .pie-item:nth-child(2) { padding-left: 1.2rem; margin-top: 0.4rem; }
  .pie-item:nth-child(3) { padding-left: 1.2rem; margin-top: 0.4rem; }
  .pie-nums { font-size: 0.48rem; width: 0.8rem; height: 0.8rem; line-height: 0.8rem; }
  .pie-nums:after { border-width: 4px 0 4px 5px; }
  .pie-name { font-size: 0.426667rem; padding: 0.08rem 0; }
  .pie-desc { font-size: 0.373334rem; margin-top: 0.24rem; }
}
/* page --> comment*/
.cmt-view { overflow: hidden; }
.cmt-roll { width: 38.3333334%; margin: 0 auto; overflow: visible; }
.cmt-list { width: 9990px; }
.cmt-item { position: relative; z-index: 1; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.cmt-item_card { overflow: hidden; width: 100%; padding: 6.5217392%; padding-top: 16.3043479%; border-radius: 8px; background: #fff url(../images/bg_comment.png) no-repeat center top/100% auto; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
.cmt-item_name { font-weight: normal; line-height: 2; margin-top: 10px; color: #333; font-size: 18px; text-align: center; }
.cmt-item_text { color: #666; font-size: 14px; text-align: center; line-height: 1.86; margin: 7.5% 0 9%; padding: 6px 8.2608696%; position: relative; }
.cmt-item_imge { position: relative; width: 37.5%; margin: 0 auto; padding-bottom: 37.5%; border: 1px solid #e8e8e8; border-radius: 50%; background-color: #fff; }
.cmt-item_imge img { position: absolute; top: 50%; left: 50%; max-width: 80%; max-height: 80%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.cmt-item_text:after { content: ""; position: absolute; top: 0; left: 0; width: 23px; height: 19px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAATCAYAAAB7u5a2AAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAYNJREFUOI2NlcFxwkAMRV88qAC34JRASoASSAmmhGRGFy6aISVACVBCKCFugRJwAbrk4HXiyGvH/7aa7z9/tV/yEzMwsxLYqOp1inM4HP6cRaR29zNAMSP8BjyAi5lt5kwk0Z2IPICTiNST4mb2CRwHpWOONxA+ARegHPJH4mb2BUSn6yn3InIB6lAuRaReZRyvA7EBtqraZoycgF0ot8DW3ZtVIEZ3Z1Xd5xybWZ1x3Lj7S38oEnGdId6mhBPiO9yHwj/iwFsgtqq6nVI1syO/j9djxO/FYzs+poQTYp+v7n4fiZvZLrpQ1UlxM6uAKpTPOe6Kses2xbECbsA+JCUXyaOIVHTJenf3Brq2RBclXRxLuus/QsZjVBnwN8DX7IRmcFrI6/EzoaPhyKBKcWUhvxSRuqDr0xL04ov5Bd2jLUEDkNbvEvdNoaoNMLmvE+6J1+O/OQC4FsnNKzAaggH+rIE0B3M33rt7Www+eE6Ohle+Ac+qOhJK6+E98Bvgpf8TfQNET471Ql85KQAAAABJRU5ErkJggg==) no-repeat left top/100% 100%; }
.cmt-item_text:before { content: ""; position: absolute; bottom: 0; right: 0; width: 23px; height: 19px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAATCAYAAAB7u5a2AAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAYBJREFUOI2NlcFxwkAMRR+e2QKcEqAEKCGUYEogJYQZXbhoJikBlxCXgEuAFlxCKECH5IBszK5t/E9YvPmWtCt5gUtV18AJWHuoAUoR+WZAqrrs8TlwA0ozO7TMwsG9g0OqRGQXGb8D5xH+amYbgExVc+BrBAQoVPUzio0lArAOIfwAZEDBvawpdebevuULvggh5BmPHk8pV9WizWwGD7DPgOtMuDWdzWciUnI/6VfKAUTkyv0mveQz/3GYxFJ9zIEyz6YENkDNvYqh0ruYiNTAG1A535BW3yyG3jhyj1cikrTjeDwCEEL4i/7aZTHsKqLnZsi4VQhhH8fMrErMfaxj82rM2BUPWQ3e80hnnofqJiKjB+7TGA/VITFX1fMYOCRVPZFWWZrZFR6La+kZx8aliCTXzvfRmXRaazPbtg+LiY1Yi8g2DvpuuQzwjZmt+oE281+e+5ys2egFlyjrbs321fa8/SDcgN2Usat/Doch4y5zz2bvkzpL3s7KzEb30j96apDzuAYIEAAAAABJRU5ErkJggg==) no-repeat left top/100% 100%; }
.cmt-item.swiper-slide { z-index: 2; opacity: .5; -webkit-transform: scale(0.65); -moz-transform: scale(0.65); -ms-transform: scale(0.65); transform: scale(0.65); }
.cmt-item.swiper-slide-active { z-index: 3; top: 0; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
@media screen and (max-width:1024px) {
  .cmt-roll { width: 42.2535212%; }
  .cmt-item_card { border-radius: 6px; }
  .cmt-item_name { margin-top: 10px; font-size: 18px; }
  .cmt-item_text { font-size: 14px; margin: 7.5% 0 9%; padding: 6px 8.2608696%; }
  .cmt-item_imge { width: 37.5%; padding-bottom: 37.5%; }
  .cmt-item_text:after { width: 19px; height: 17px; }
  .cmt-item_text:before { width: 19px; height: 17px; }
  .cmt-item.swiper-slide { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
  .cmt-item.swiper-slide-active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}
@media screen and (max-width:768px) {
  .cmt-roll { width: 54.2005421%; }
  .cmt-item_card { border-radius: 4px; }
  .cmt-item_name { margin-top: 10px; font-size: 18px; }
  .cmt-item_text { font-size: 14px; margin: 5% 0 6%; padding: 6px 7%; }
  .cmt-item_imge { width: 37.5%; padding-bottom: 37.5%; }
  .cmt-item_text:after { width: 17px; height: 15px; }
  .cmt-item_text:before { width: 17px; height: 15px; }
  .cmt-item.swiper-slide { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
  .cmt-item.swiper-slide-active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}
@media screen and (max-width:480px) {
  .cmt-roll { width: 80%; }
  .cmt-item_card { border-radius: 0.08rem; }
  .cmt-item_name { margin-top: 10px; font-size: 0.4rem; }
  .cmt-item_text { font-size: 0.32rem; margin: 3% 0 4%; padding: 6px 6%; }
  .cmt-item_imge { width: 37.5%; padding-bottom: 37.5%; }
  .cmt-item_text:after { width: 0.4rem; height: 0.32rem; }
  .cmt-item_text:before { width: 0.4rem; height: 0.32rem; }
  .cmt-item.swiper-slide { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
  .cmt-item.swiper-slide-active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}
/* page --> advantage */
.tache-view { position: relative; overflow: hidden; margin-bottom: 30px; }
.tache-view:after { content: ""; display: block; clear: both; height: 0; }
.tache-list { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.tache-nums { display: none; }
.tache-name { color: #333; font-size: 20px; line-height: 1.5; font-weight: normal; padding: 5px 0; }
.tache-text { color: #666; font-size: 14px; line-height: 1.5; margin-top: 16px; }
.tache-text p { color: inherit; }
.tache-item { position: absolute; top: 0; width: 50%; }
.tache-item:nth-child(1) { margin-top: 44.3333334%; left: 0; padding-left: 4.75%; padding-right: 16.75%; background-repeat: no-repeat; background-position: left 7px; -webkit-background-size: 73.5% auto; background-size: 73.5% auto; }
.tache-item:nth-child(2) { margin-top: 11.8333334%; left: 0; padding-left: 4.75%; padding-right: 16.75%; background-repeat: no-repeat; background-position: left 70px;  -webkit-background-size: 72.3333334% auto; background-size: 72.3333334% auto; }
.tache-item:nth-child(3) { margin-top: 2.75%; right: 0; padding-left: 12.0833334%; background-repeat: no-repeat; background-position: right 70px;  -webkit-background-size: 90.1666667% auto; background-size: 90.1666667% auto; }
.tache-item:nth-child(4) { margin-top: 26.5%; right: 0; padding-left: 21.75%; background-repeat: no-repeat; background-position: right 33px; -webkit-background-size: 67.3333334% auto; background-size: 67.3333334% auto; }
.tache-item:nth-child(5) { margin-top: 47%; right: 0; padding-left: 14%; background-repeat: no-repeat; background-position: right 19px;  -webkit-background-size: 85.6666667% auto; background-size: 85.6666667% auto; }
.tache-imge { margin: 0 auto; width: 30%; padding-top: 18%; padding-bottom: 40%; }
.tache-imge_wrap { display: block; width: 100%; padding-bottom: 100%; position: relative; }
.tache-imge_wrap svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media screen and (max-width:1229px) {
  .tache-name { font-size: 16px; }
  .tache-text { font-size: 13px; margin-top: 15px; }
  .tache-item:nth-child(1) { background-position: left 4px; }
  .tache-item:nth-child(2) { background-position: left 58px; }
  .tache-item:nth-child(3) { background-position: right 58px; }
  .tache-item:nth-child(4) { background-position: right 30px; }
  .tache-item:nth-child(5) { background-position: right 17px; }
  .tache-item:nth-child(5) .tache-name { height: 58px; }
}
@media screen and (max-width:1023px) {
  .tache-view { margin-bottom: 72px; }
  .tache-name { font-size: 14px; }
  .tache-text { font-size: 12px; margin-top: 12px; }
  .tache-imge { width: 30%; padding-top: 24.1448693%; padding-bottom: 33.1991952%; }
  .tache-item:nth-child(1) { margin-top: 53.5211268%; background-position: left 10px; }
  .tache-item:nth-child(2) { margin-top: 14.2857143%; background-position: left 54px; }
  .tache-item:nth-child(3) { margin-top: 3.3199196%; background-position: right 54px; }
  .tache-item:nth-child(4) { margin-top: 31.9919518%; background-position: right 27px; }
  .tache-item:nth-child(5) { margin-top: 56.7404427%; background-position: right 20px; }
  .tache-item:nth-child(5) .tache-name { height: 52px; }
}
@media screen and (max-width:768px) {
  .tache-view { margin-bottom: 68px; }
  .tache-name { font-size: 16px; }
  .tache-text { font-size: 13px; margin-top: 10px; }
  .tache-imge { display: none; }
  .tache-list { position: static; }
  .tache-nums { display: block; color: #fff; font-size: 24px; text-align: center; position: absolute; top: 0; left: 0; width: 36px; height: 36px; line-height: 36PX; background-color: #d3271f; }
  .tache-nums:after { content: ""; position: absolute; top: 50%; left: 100%; border-style: solid; border-color: transparent #d3271f; border-width: 5px 0 5px 7px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
  .tache-list .tache-item { position: relative; width: 100%; margin-top: 20px; padding: 0; padding-left: 54px; background: none; }
  .tache-list .tache-name { height: auto !important; padding: 6px 0; }
  .tache-list .tache-item:first-child { margin-top: 0; }
}
@media screen and (max-width:480px) {
  .tache-view { margin-bottom: rem(63); }
  .tache-name { font-size: 0.426667rem; }
  .tache-text { font-size: 0.32rem; margin-top: 0.24rem; line-height: 1.75; }
  .tache-nums { font-size: 0.48rem; width: 0.8rem; height: 0.8rem; line-height: 0.8rem; }
  .tache-nums:after { border-width: 4px 0 4px 5px; }
  .tache-list .tache-item { margin-top: 20px; padding: 0; padding-left: 46px; }
  .tache-list .tache-name { padding: 0.08rem 0; }
}
/* page --> solution case*/
.slt-case_item { display: block; overflow: hidden; margin-bottom: 30px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.slt-case_item img { display: block; max-width: 100%; }
.slt-case_item:hover { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
@media screen and (max-width:1024px) {
  .slt-case_item { margin-bottom: 16px; }
}
@media screen and (max-width:768px) {
  .slt-case_item { margin-bottom: 14px; }
}
@media screen and (max-width:480px) {
  .slt-case_item { margin-bottom: 0.32rem; }
}
/* page --> Industry Case */
.case-sort:after { content: ""; display: block; clear: both; height: 0; }
.case-sort_item { float: left; width: 20%; border-left: 2px solid #fff; }
.case-sort_item a { display: block; height: 60px; padding: 18px; color: #666; font-size: 18px; line-height: 24px; text-align: center; background-color: #f6f6f6; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.case-sort_item i { color: #858585; font-size: 24px; display: inline-block; vertical-align: top; margin-right: 20px; }
.case-sort_item-active i { color: #fff; }
.case-sort_item-active a { color: #fff; background-color: #d3271f; }
.case-sort_item:hover i { color: #fff; }
.case-sort_item:hover a { color: #fff; background-color: #d3271f; }
.case-sort_item:first-child { border-left: none; }
@media screen and (max-width:1024px) {
  .case-sort { margin: 0 -15px; }
  .case-sort_item a { height: 54px; padding: 15px 10px; font-size: 15px; }
  .case-sort_item i { font-size: 18px; margin-right: 10px; }
}
@media screen and (max-width:768px) {
  .case-sort_item a { height: 48px; padding: 15px 8px; font-size: 14px; line-height: 18px; }
  .case-sort_item i { font-size: 18px; margin-right: 8px; }
}
@media screen and (max-width:480px) {
  .case-sort { background-color: #f6f6f6; }
  .case-sort_item { width: 33.33%; border-bottom: 2px solid #fff; }
  .case-sort_item a { height: 1.04rem; padding: 0.32rem 0.16rem; font-size: 0.32rem; line-height: 0.4rem; }
  .case-sort_item i { font-size: 0.4rem; margin-right: 0.16rem; }
  .case-sort_item:nth-child(3n+1) { border-left: none; }
  .case-sort_item:nth-last-child(2) { border-bottom: none; }
  .case-sort_item:nth-last-child(1) { border-bottom: none; }
}
/* page --> Industry Case  detail */
.slide-one { margin-right: 30px; background-color: #fff; }
.slide-one:last-child { margin-right: 0; }
.slide-one_imge { padding-bottom: 75.0902528%; }
.slide-one_name { color: #333; font-size: 16px; text-align: center; line-height: 1.57; font-weight: normal; padding: 10px; }
@media screen and (max-width:1024px) {
  .slide-one { margin-right: 24px; }
  .slide-one_name { font-size: 15px; }
}
@media screen and (max-width:768px) {
  .slide-one { margin-right: 20px; }
  .slide-one_name { font-size: 14px; }
}
/* layout richtext */
.richtext:after { content: ""; display: block; clear: both; height: 0; }
.richtext p { color: #666; font-size: 14px; line-height: 2; margin-top: 12px; }
.richtext h2 { color: #333; font-size: 36px; line-height: 1.28; font-weight: normal; margin-top: 24px; }
.richtext h3 { color: #333; font-size: 24px; line-height: 1.28; font-weight: normal; margin-top: 24px; }
.richtext h4 { color: #333; font-size: 18px; line-height: 1.28; font-weight: normal; margin-top: 24px; }
.richtext ul { color: #666; font-size: 14px; line-height: 2; list-style: disc outside; padding-left: 16px; margin-top: 12px; overflow: hidden; }
.richtext h2:first-child, .richtext h3:first-child, .richtext h4:first-child { margin-top: 0; }
.richtext.red h2, .richtext.red h2 { color: #d3271f; }
.richtext.red h3, .richtext.red h3 { color: #d3271f; }
.richtext.red h4, .richtext.red h4 { color: #d3271f; }
.richtext.blue h2, .richtext.blue h2 { color: #29166f; }
.richtext.blue h3, .richtext.blue h3 { color: #29166f; }
.richtext.blue h4, .richtext.blue h4 { color: #29166f; }
.richtext.fs16 p, .richtext.fs16 p { font-size: 16px; }
.richtext.mtp0 p, .richtext.mtp0 p { margin-top: 0; }
.richtext-type1 img { float: left; margin-right: 4.1666667%; max-width: 41.6666667%; }
.richtext-type2 img { float: right; margin-left: 4.1666667%; max-width: 41.6666667%; }
.richtext.square ul { list-style: square url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAABVJREFUCJljvKUq858BDTChC1BBEADZrAIknShXsgAAAABJRU5ErkJggg==); }
.richtext.square li { padding: 4px 0; }
.richtext-half img { max-width: 45.8333334%; }
.richtext-left img { float: left; margin-right: 4.1666667%; }
.richtext-right img { float: right; margin-left: 4.1666667%; }
@media screen and (max-width:1024px) {
  .richtext p { margin-top: 10px; }
  .richtext h2 { font-size: 32px; margin-top: 20px; }
  .richtext h3 { font-size: 20px; margin-top: 20px; }
  .richtext h4 { font-size: 16px; margin-top: 20px; }
  .richtext ul { margin-top: 10px; }
  .richtext.fs16 p, .richtext.fs16 p { font-size: 15px; }
  .richtext-type1 img, .richtext-type2 img { max-width: 42.2535212%; }
}
@media screen and (max-width:768px) {
  .richtext p { font-size: 13px; margin-top: 6px; }
  .richtext h2 { font-size: 28px; margin-top: 16px; }
  .richtext h3 { font-size: 18px; margin-top: 16px; }
  .richtext h4 { font-size: 14px; margin-top: 16px; }
  .richtext ul { font-size: 13px; margin-top: 6px; }
  .richtext.fs16 p, .richtext.fs16 p { font-size: 14px; }
  .richtext-type1 img, .richtext-type2 img { max-width: 45.799458%; }
}
@media screen and (max-width:480px) {
  .richtext p { font-size: 0.32rem; margin-top: 0.16rem; }
  .richtext h2 { font-size: 0.64rem; margin-top: 0.32rem; }
  .richtext h3 { font-size: 0.426667rem; margin-top: 0.32rem; }
  .richtext h4 { font-size: 0.373334rem; margin-top: 0.32rem; }
  .richtext ul { font-size: 0.32rem; margin-top: 0.16rem; }
  .richtext.fs16 p, .richtext.fs16 p { font-size: 0.373334rem; }
  .richtext-type1 img, .richtext-type2 img { float: none; margin: 0; width: 100%; max-width: 100%; margin-bottom: 0.48rem; }
  .richtext-right img { float: none; }
  .richtext-left img { float: none; }
  .richtext-half img { max-width: 100%; margin: 0.48rem auto; }
  .richtext-half_surround img { max-width: 100%; margin: 0.48rem auto; }
  .richtext-half_surround h2 { margin-left: 0; }
  .richtext-half_surround h3 { margin-left: 0; }
  .richtext-half_surround h4 { margin-left: 0; }
  .richtext-half_surround p { margin-left: 0; }
}
/**/
.company { margin: 0; }
.company-text.l-col-8 { padding: 0; }
.company-text .richtext { padding-right: 50px; }
.company-imge.l-col-4 { padding: 0; }
.company-imge .swiper-container { border: 1px solid #e8e8e8; }
.company-imge .swiper-pagination { display: block; }
.company-imge_view { padding-bottom: 74.8743719%; position: relative; }
.company-imge_view img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media screen and (max-width:768px) {
  .company-text.l-col-8 { width: 60%; }
  .company-text .richtext { padding-right: 40px; }
  .company-imge.l-col-4 { width: 40%; }
}
@media screen and (max-width:480px) {
  .company-text.l-col-8 { width: 100%; }
  .company-text .richtext { padding-right: 0; }
  .company-imge.l-col-4 { width: 100%; margin-top: 0.56rem; }
}
/* page --> Customer value */
.list-fqa ul:after { content: ""; display: block; clear: both; height: 0; }
.list-fqa li { float: left; width: 46.5%; padding-left: 62px; margin-bottom: 25px; position: relative; }
.list-fqa li:nth-child(2n) { margin-left: 7%; }
.list-fqa em { position: absolute; top: 0; left: 0; width: 44px; height: 44px; padding: 7px; color: #fff; font-size: 30px; text-align: center; line-height: 1; white-space: nowrap; background: #d3271f; }
.list-fqa em:after { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -3px; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent #d3271f; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.list-fqa h2 { color: #333; font-size: 18px; font-weight: normal; line-height: 2.12; padding-bottom: 6px; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.list-fqa p { color: #666; font-size: 14px; line-height: 1.43; font-weight: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }
@media screen and (max-width:1024px) {
  .list-fqa li { padding-left: 56px; margin-bottom: 20px; }
  .list-fqa em { width: 40px; height: 40px; padding: 8px; font-size: 24px; }
  .list-fqa em:after { margin-top: -2px; border-width: 6px 0 6px 8px; }
  .list-fqa h2 { font-size: 16px; padding-bottom: 4px; }
}
@media screen and (max-width:768px) {
  .list-fqa li { padding-left: 48px; margin-bottom: 16px; }
  .list-fqa em { width: 34px; height: 34px; padding: 7px; font-size: 20px; }
  .list-fqa em:after { border-width: 4px 0 4px 6px; }
  .list-fqa h2 { font-size: 15px; }
}
@media screen and (max-width:480px) {
  .list-fqa li { width: 100%; padding-left: 1.28rem; margin-bottom: 0.32rem; }
  .list-fqa li:nth-child(2n) { margin-left: 0; }
  .list-fqa em { width: 0.933334rem; height: 0.933334rem; padding: 0.213334rem; font-size: em(20); }
  .list-fqa h2 { font-size: 0.4rem; padding-bottom: 0.16rem; }
  .list-fqa p { font-size: 0.373334rem; }
}
/* page --> Service */
.server-flow { padding: 0 34px; }
.server-flow:after { content: ""; display: block; clear: both; height: 0; }
.server-flow_item { float: left; width: 19.434629%; border-radius: 8px; margin-left: 7.4204947%; padding: 2.5%; padding-top: 4.4169612%; background: #fff url(../images/bg_server.png) no-repeat center top/100% auto; position: relative; }
.server-flow_item:before { content: "\e696"; position: absolute; top: 50%; right: 100%; color: #666; font-size: 44px; text-align: center; width: 38.1818182%; line-height: 1; font-family: 'hfont'; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.server-flow_item:first-child { margin-left: 0; }
.server-flow_item:first-child:before { display: none; }
.server-flow_imge { width: 62.5%; margin: 0 auto; border-radius: 50%; background-color: #fff; padding-bottom: 62.5%; position: relative; }
.server-flow_imge img { position: absolute; top: 50%; left: 50%; width: 60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.server-flow_name { color: #333; font-size: 24px; text-align: center; font-weight: normal; line-height: 1.5; margin-top: 14px; }
.server-flow_name:after { content: ""; display: block; width: 40px; height: 1px; background-color: #d3271f; margin: 9px auto 0; }
.server-flow_text { height: 5.14em; color: #666; font-size: 14px; text-align: center; line-height: 1.29; margin-top: 12px; -webkit-box-orient: vertical; -webkit-line-clamp: 4; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }
.server-list:after { content: ""; display: block; clear: both; height: 0; }
.server-list_item { float: left; width: 20%; position: relative; }
.server-list_name { position: absolute; left: 0; width: 100%; height: 50%; color: #fff; font-size: 18px; text-align: center; font-weight: normal; background-color: rgba(218, 37, 28, 0.8); }
.server-list_name em { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.server-list_item:nth-child(2n) .server-list_name { top: 0; }
.server-list_item:nth-child(2n + 1) .server-list_name { bottom: 0; }
.server-card { position: relative; padding-top: 4.1666667%; }
.server-card_imge { position: absolute; z-index: 1; top: 0; left: 0; width: 58.3333334%; padding-bottom: 37.5%; }
.server-card_imge img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.server-card_text { width: 54.1666667%; padding: 4.1666667%; padding-bottom: 6.6666667%; margin-left: 45.8333334%; background-color: #f6f6f6; position: relative; z-index: 2; }
.server-card_cell { height: 50px; padding: 4px 0; margin-top: 30px; padding-left: 65px; position: relative; }
.server-card_cell a { margin-right: 20px; }
.server-card_cell .hfont { position: absolute; top: 0; left: 0; color: #fff; width: 50px; height: 50px; padding: 13px; font-size: 24px; line-height: 1; border-radius: 50%; background-color: #858585; }
.server-card_cell .title { display: block; color: #666; font-size: 14px; line-height: 1.5; }
.server-card_cell .brief { display: block; color: #666; font-size: 20px; line-height: 1.05; font-family: "Microsoft Yahei"; }
.server-card_cell a:hover { color: #d3271f; }
@media screen and (max-width:1024px) {
  .server-flow { padding: 0; }
  .server-flow_item { width: 20.2258727%; border-radius: 6px; margin-left: 6.3655031%; }
  .server-flow_item:before { font-size: 30px; width: 31.4720813%; }
  .server-flow_name { font-size: 20px; margin-top: 12px; }
  .server-flow_text { font-size: 13px; margin-top: 10px; }
  .server-list_name { font-size: 16px; }
  .server-card { padding-bottom: 50px; }
  .server-card_cell { height: auto; padding: 4px 0; margin-top: 4.3956044%; padding-left: 54px; }
  .server-card_cell a { display: block; }
  .server-card_cell .hfont { width: 42px; height: 42px; padding: 11px; font-size: 20px; }
  .server-card_cell .title { font-size: 14px; }
  .server-card_cell .brief { font-size: 18px; line-height: 1.5; }
}
@media screen and (max-width:768px) {
  .server-flow_item { width: 21.9512196%; border-radius: 8px; margin-left: 4.0650407%; }
  .server-flow_item:before { font-size: 20px; width: 18.5185186%; }
  .server-flow_name { font-size: 16px; margin-top: 10px; }
  .server-flow_text { font-size: 11px; margin-top: 9px; }
  .server-list_name { font-size: 15px; }
  .server-card_text { width: 60%; margin-left: 40%; }
  .server-card_cell { margin-top: 20px; padding: 0; padding-left: 44px; }
  .server-card_cell a { display: block; margin-right: 0; }
  .server-card_cell .hfont { width: 34px; height: 34px; padding: 9px; font-size: 18px; }
  .server-card_cell .title { font-size: 14px; }
  .server-card_cell .brief { font-size: 16px; }
}
@media screen and (max-width:480px) {
  .server-flow_item { width: 46%; margin-left: 8%; }
  .server-flow_item:before { font-size: 0.4rem; width: 17.3913044%; }
  .server-flow_item:nth-child(3) { float: right; margin-top: 8%; }
  .server-flow_item:nth-child(3):before { top: 0; left: 45%; -webkit-transform: rotate(90deg) translateX(-80%); -ms-transform: rotate(90deg) translateX(-80%); transform: rotate(90deg) translateX(-80%); }
  .server-flow_item:nth-child(4) { margin-left: 0; margin-top: 8%; }
  .server-flow_item:nth-child(4):before { left: 100%; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .server-flow_imge { width: 62.5%; padding-bottom: 62.5%; }
  .server-card_imge { width: 100%; padding-bottom: 64.2857143%; }
  .server-flow_name { font-size: 0.48rem; margin-top: 0.32rem; }
  .server-flow_text { font-size: 0.32rem; margin-top: 0.24rem; }
  .server-list { margin: 0 -0.32rem; }
  .server-list_item { width: 33.33334%; }
  .server-list_name { font-size: 0.373334rem; }
  .server-list_name em { display: block; padding: 0 0.32rem; }
  .server-card_imge { position: relative; width: 100%; padding-bottom: 64.2857143%; }
  .server-card_text { width: 100%; margin: 0; padding: 0.16rem 0.4rem 0.56rem; }
  .server-card_cell { width: 100%; height: auto; padding: 0.106667rem 0; margin-top: 0.56rem; padding-left: 1.44rem; }
  .server-card_cell a { display: block; margin-right: 0; }
  .server-card_cell .hfont { width: 1.12rem; height: 1.12rem; padding: 0.293334rem; font-size: 0.533334rem; }
  .server-card_cell .title { font-size: 0.32rem; }
  .server-card_cell .brief { font-size: 0.373334rem; line-height: 1.8; }
}
/* news detail */
.detail { padding: 3.3333334% 4.1666667% 0; }
.detail-ibtn { position: relative; z-index: 2; float: right; width: 200px; text-align: right; padding: 13px 0; margin-left: 60px; border-left: 1px solid #e8e8e8; }
.detail-name { color: #333; font-size: 30px; text-align: center; font-weight: normal; line-height: 1.6; }
.detail-info { height: 60px; text-align: center; padding-bottom: 20px; }
.detail-info_item { height: 100%; color: #999; font-size: 14px; line-height: 18px; display: inline-block; vertical-align: top; margin: 0 15px; padding: 11px 0; }
.detail-info_item .hfont { float: left; font-size: 18px; margin-right: 10px; }
.detail-text { padding: 42px 0; border-top: 1px dashed #e0e0e0; }
.detail-text:after { display: block; content: ""; clear: both; height: 0; }
.detail-text p { color: #666; font-size: 16px; line-height: 1.88; text-indent: 2em; }
.detail-text h3 { color: #666; font-size: 16px; line-height: 1.88; }
.detail-text img { display: block; max-width: 100%; margin: 24px auto; }
.detail-link { height: 81px; line-height: 36px; text-align: center; padding: 1.8333334% 4.1666667%; border-top: 1px solid #e8e8e8; }
.detail-link a { height: 100%; max-width: 40%; color: #666; font-size: 14px; text-align: left; display: inline-block; vertical-align: top; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.detail-link a:hover { color: #d3271f; }
.detail-link a:first-child { float: left; padding: 0; }
.detail-link a:last-child { float: right; padding: 0; }
.detail-link .hfont { font-size: 24px; padding: 0 10px; }
.detail-form { padding: 5.4545455% 0; margin-top: 3.6363637%; border-top: 1px solid #e8e8e8; }
.detail-form .quote-form { width: 74.5454546%; margin: 0 auto; }
.detail-video { line-height: 0; }
.detail-video video { display: block; max-width: 100%; max-height: 620px; margin: 0 auto; }
.detail-ibtn + .detail-name { position: relative; z-index: 1; text-align: left; min-height: 96px; margin-bottom: 20px; text-align: justify; }
@media screen and (max-width:1024px) {
  .detail-ibtn { width: 184px; padding: 10px 0; margin-left: 48px; }
  .detail-name { font-size: 24px; }
  .detail-info { height: 54px; padding-bottom: 14px; }
  .detail-info_item { font-size: 12px; }
  .detail-info_item .hfont { font-size: 16px; margin-right: 8px; }
  .detail-text { padding: 36px 0; }
  .detail-text p { font-size: 15px; }
  .detail-text img { margin: 20px auto; }
  .detail-link { height: 65px; line-height: 32px; padding-top: 16px; padding-bottom: 16px; }
  .detail-link .hfont { font-size: 20px; }
  .detail-form .quote-form { width: 85%; }
  .detail-ibtn + .detail-name { min-height: 76px; margin-bottom: 18px; }
}
@media screen and (max-width:768px) {
  .detail-ibtn { width: 160px; padding: 10px 0; margin-left: 40px; }
  .detail-name { font-size: 20px; }
  .detail-info { height: 48px; padding-bottom: 18px; }
  .detail-info_item { line-height: 14px; margin: 0 10px; padding: 8px 0; }
  .detail-info_item .hfont { font-size: 14px; margin-right: 6px; }
  .detail-text { padding: 30px 0; }
  .detail-text p { font-size: 14px; }
  .detail-text img { margin: 16px auto; }
  .detail-link { height: 55px; line-height: 24px; padding-top: 15px; padding-bottom: 15px; }
  .detail-link a { font-size: 14px; }
  .detail-link .hfont { font-size: 18px; }
  .detail-form .quote-form { width: 90%; }
  .detail-ibtn + .detail-name { min-height: 72px; margin-bottom: 16px; }
}
@media screen and (max-width:480px) {
  .detail { padding: 0.64rem 0.32rem 0; }
  .detail-ibtn { display: none; }
  .detail-name { font-size: 0.48rem; }
  .detail-info { height: auto; padding-top: 0.24rem; padding-bottom: 0.4rem; }
  .detail-info_item { font-size: 0.32rem; line-height: 0.373334rem; margin: 0 0.16rem; padding: 0.106667rem 0; }
  .detail-info_item .hfont { font-size: 0.373334rem; margin-right: 0.16rem; }
  .detail-text { padding: 0.64rem 0; }
  .detail-text p { font-size: 0.373334rem; }
  .detail-text img { margin: 0.32rem auto; }
  .detail-link { height: 1.146667rem; line-height: 0.64rem; padding-top: 0.24rem; padding-bottom: 0.24rem; }
  .detail-link a { font-size: 0.32rem; max-width: 3em; text-overflow: unset; }
  .detail-link .hfont { font-size: 0.426667rem; }
  .detail-form .quote-form { width: 96%; }
  .detail-ibtn + .detail-name { min-height: auto; margin-bottom: 0.4rem; }
}
/* page --> quote */
.quote-tips { color: #666; font-size: 15px; text-align: center; line-height: 1.5; padding: 11px; }
.quote-tit { color: #333; font-size: 24px; text-align: left; line-height: 1.34; }
.quote-txt { color: #858585; font-size: 16px; text-align: left; line-height: 1.5; margin-top: 18px; }
.quote-tip { font-size: 14px; line-height: 1.72; margin-top: 26px; }
.quote-form { width: 85.4700855%; margin: 6px auto 0; }
.quote-line { height: 44px; border: 1px solid #e8e8e8; margin-bottom: 20px; }
.quote-line_text { width: 100%; height: 100%; color: #333; font-size: 14px; border: none; outline: none; padding: 10px; line-height: 22px; }
@media screen and (max-width:768px) {
  .quote-tips { font-size: 14px; padding: 14px; }
  .quote-tit { font-size: 20px; }
  .quote-txt { font-size: 15px; margin-top: 16px; }
  .quote-tip { font-size: 13px; margin-top: 24px; }
  .quote-line { height: 42px; margin-bottom: 15px; }
  .quote-line_text { padding: 8px; line-height: 24px; }
}
@media screen and (max-width:480px) {
  .quote-col { width: 100%; padding-top: 0.48rem; margin-bottom: 0.48rem; border-top: 1px dashed #efeff0; }
  .quote-tips { font-size: 0.32rem; padding: 0.32rem; }
  .quote-tit { font-size: 0.48rem; }
  .quote-txt { font-size: 0.373334rem; margin-top: 0.4rem; }
  .quote-tip { font-size: 0.32rem; margin-top: 0.56rem; }
  .quote-form { width: 100%; }
  .quote-line { height: 1.04rem; margin-bottom: 0.4rem; }
  .quote-line_text { font-size: 0.346667rem; padding: 0.213334rem; line-height: 0.56rem; }
}
/* 申请 */
.apply-name { color: #333; font-size: 18px; line-height: 2; padding: 12px 30px; font-weight: normal; background-color: #f6f6f6; }
.apply-tips { color: #666; font-size: 15px; text-align: center; line-height: 36px; }
.apply-tips span { font-size: 20px; }
.apply-form { padding: 40px 60px; }
.apply-form_list { padding-top: 10px; }
.apply-form_list.l-row { margin: 0 -10px; }
.apply-form_list .l-col-6 { padding: 0 10px; }
.apply-form_list .l-col-12 { padding: 0 10px; }
.apply-form_item { margin-top: 20px; height: 44px; border: 1px solid #e8e8e8; }
.apply-form_btns { padding-right: 170px; height: 44px; position: relative; }
.apply-form_inpt { width: 100%; height: 100%; font-size: 14px; line-height: 24px; padding: 9px 12px; }
.apply-form_text { width: 100%; height: 120px; font-size: 14px; line-height: 24px; padding: 9px 12px; }
.apply-form .btn-upload { position: absolute; top: 0; right: 0; color: #fff; width: 150px; height: 100%; border: none; border-radius: 0; background-color: #858585; }
.apply-form .btn + .btn { margin-left: 12px; }
@media screen and (max-width:1024px) {
  .apply-name { font-size: 16px; padding: 8px 30px; }
  .apply-tips { font-size: 14px; line-height: 32px; }
  .apply-tips span { font-size: 18px; }
  .apply-form { padding: 30px 50px; }
  .apply-form_list { padding-top: 10px; }
  .apply-form_list.l-row { margin: 0 -10px; }
  .apply-form_list .l-col-6 { padding: 0 10px; }
  .apply-form_list .l-col-12 { padding: 0 10px; }
  .apply-form_item { margin-top: 20px; }
  .apply-form_btns { padding-right: 170px; }
  .apply-form_inpt { font-size: 14px; line-height: 24px; padding: 9px 12px; }
  .apply-form_text { height: 120px; font-size: 14px; line-height: 24px; padding: 9px 12px; }
  .apply-form .btn-upload { width: 150px; height: 100%; }
}
@media screen and (max-width:480px) {
  .apply-name { font-size: 15px; padding: 0.16rem 0.32rem; }
  .apply-tips { font-size: 0.32rem; line-height: 0.56rem; }
  .apply-tips span { font-size: 0.426667rem; }
  .apply-form { padding: 0.32rem 0.4rem 0.56rem; }
  .apply-form_list { padding-top: 0.24rem; }
  .apply-form_list.l-row { margin: 0 -10px; }
  .apply-form_list .l-col-6 { padding: 0 10px; }
  .apply-form_list .l-col-12 { padding: 0 10px; }
  .apply-form_item { min-height: 0.88rem; margin-top: 0.24rem; }
  .apply-form_btns { height: 0.88rem; padding-right: 170px; }
  .apply-form_inpt { font-size: 0.32rem; line-height: 0.453334rem; padding: 0.186667rem 0.32rem; }
  .apply-form_text { height: 1.92rem; font-size: 0.32rem; line-height: 0.453334rem; padding: 0.186667rem 0.32rem; }
  .apply-form .btn-upload { width: 2.56rem; height: 100%; }
}
.modal { position: fixed; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; text-align: center; filter: alpha(opacity=0); opacity: 0; visibility: hidden; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.modal-show { filter: alpha(opacity=100); opacity: 1; visibility: visible; }
.modal-show .modal-mask { filter: alpha(opacity=60); opacity: 0.6; visibility: visible; }
.modal-mask { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=0); opacity: 0; visibility: hidden; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.modal-card { text-align: left; display: inline-block; *display: inline; *zoom: 1; max-width: 940px; margin-top: 300px; background-color: #fff; box-sizing: border-box; position: relative; z-index: 2; }
.modal-back { position: absolute; z-index: 2; top: 0; right: 0; width: 60px; height: 60px; padding: 20px; color: #858585; font-size: 20px; line-height: 1; cursor: pointer; text-align: center; }
@media screen and (max-width:768px) {
  .modal-card { max-width: 80%; }
}
@media screen and (max-width:480px) {
  .modal-card { max-width: 88%; }
  .modal-back { width: 1.12rem; height: 1.12rem; padding: 0.373334rem; font-size: 0.373334rem; }
}
/* page --> search */
.search-tips { color: #666; font-size: 16px; }
.search-tips ~ .card-list { margin-top: 0; }
@media screen and (max-width: 1024px) { .search-tips { font-size: 15px; } }
@media screen and (max-width: 768px) { .search-tips { font-size: 14px; } }
@media screen and (max-width: 480px) { .search-tips { font-size: 0.373334rem; } }
.layui-form-select, .layui-select-title { height: 100%; }
.layui-input { height: 100%; border: none; }
.server-card_name { height: 1.56em; text-overflow: ellipsis; text-overflow: hidden; overflow: hidden; }
.server-card_desc { -webkit-box-orient: vertical; -webkit-line-clamp: 4; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; height: 6.88em; overflow: hidden; }
/* page --> search */
.sch-card_name { color: #d3271f; height: 1.56em; text-overflow: ellipsis; text-overflow: hidden; overflow: hidden; }
.sch-card_desc { text-overflow: ellipsis; text-overflow: hidden; overflow: hidden; height: 1.72em; overflow: hidden; }
/* page --> fixbar */
.fixbar { position: fixed; z-index: 88; bottom: 20%; right: 5px; width: 70px; margin-top: 42px; }
.fixbar-item { position: relative; margin-bottom: 1px; display: block; width: 100%; height: 70px; text-align: center; }
.fixbar-item a { display: block; height: 100%; color: #fff; font-size: 14px; line-height: 12px; padding: 13px 5px; background: #d3271f; box-sizing: border-box; text-decoration: none; }
.fixbar-item .icon { display: block; width: 24px; height: 24px; margin: 0 auto 8px; overflow: hidden; -webkit-background-size: auto 100%; background-size: auto 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAAAYCAYAAADNhRJCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFRUY0MTEzRDVDNkMxMUU3QjQ2M0YyNzYzOTkzMjQzQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5RDAyODZBNDUxRjQxMUU5QUU0NjhEQTE2RjBFMDFGQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphNjY0NzdiOS0wM2YxLTZhNDMtOTliMy00M2Y3ZjQ1OWVmYTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOS0wNS0xMFQwODo0NDoyNCswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTktMDctMDhUMTA6MDE6NTQrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDctMDhUMTA6MDE6NTQrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MTVmNzExNy1kZmRiLTUwNGYtYmVkNi04ZTIxYjczNmM0ZWYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUVGNDExM0Q1QzZDMTFFN0I0NjNGMjc2Mzk5MzI0M0EiLz4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZGNlZDJlZDgtODc3NS0zMjQ1LTgxN2UtZDhjNmFlNDViNjBjIiBzdEV2dDp3aGVuPSIyMDE5LTA1LTEwVDA4OjQ3OjA1KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphNjY0NzdiOS0wM2YxLTZhNDMtOTliMy00M2Y3ZjQ1OWVmYTgiIHN0RXZ0OndoZW49IjIwMTktMDctMDhUMTA6MDE6NTQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Fu7c+gAABedJREFUaIHNmm2IVFUYx3+7vrZZOxpZaNAGRYZYoxBEgW5YmkU4fQgCA9eoCIrcjCB7wfFDkoi41ReRyimCJKGdtaAiyFUKKsgdCYJCdIIgCdEpDCtf/n14zm3v3LnvM7v5h8PMfc55nvPy3OflnHORREJZKukjSQ0Zjkt6T9KCFLxJpShpTO1hv5OTts+CpOE2+wzDsJPd7ppkLl2SiMGjwC6gK6TuDLAKOBAnIAZ9wBgwAlRyygAYBG4BrkvZvgqsBg4DDcLnFlyUpDYFN4YRoBTSdjPwAjA15RjT4hywJU6JPcBvwKUxQsaAJTkHUAKGCV+gLCgAp4A7gdEU7YUpsNhmv0HUMEWGzecfYFqH+/NwtjuE2A08AhwiXoEAi4GvgJU5Oi/m4AlDY5J42pF5bAL6+0920LyvBD4A+jMIuR34FNgNPIG9dXkwAFwbQn+NiVn0ycRK4CFgZofl/gXs8StxDrAfWJhT4DpgLhZvzufgL2Au0Y9GzrFcbKgDr06UcL8S3yK/Aj3cB7wMlHPwDrlysaGEKaE2CX1NwZT9LbA3LZOnxOWEZ1V58DzwJvBLRr4+wt1pGH7GFraTGMQSo5qPVsCSrwOMh5gisAxz853EdGAP8ABwAZiN7QyS4fYaIx3eM21Osb8pu7beczWD/NGALEnqT9EnEfzeWMoBen8IPartaGA+Wcp0SftC5rkhDb8n4EzEYm2TdDSiLg5jKToPKrGdIuVXoqeoulo36+UQ2QXXNkjPq8QoBXrYlCSjG4uDYVnTBcwtriC7a1zExO2LOokC5i7BwkkjUN/vfms+WoPx0DPsZORFD7APuD+mTRnYTsx+uhuYH1G3HfgROALcCnySYXBTgKsytAdLavbHlEFfu1KA9xnyJR5DmBKi+ItY/G0E6DXHUyB/MtYDfEy6PfYGYCe2ri2YSvhR0PvARt/zceBe4B7gSeAukvc8WY+YqsRvKUZ9v/VA3VDGvjzUgLXYtigoowj0unGFYcD9RtXHwVNgcEsVh8eBWa7fs001ktb7/O8RSWskdSX44Usk3SHpWUkfSjod4ssfTJDRbkwsunixSdLqDHxSc0ysOlo50G7A0QdDZAy5uoqPljYm9ko6GLJeabFP0gy/TCSd8DXwT2SBpHclbVSrUq+Q9IakVyTNlHS5pC2Szvtk/ZowmbxK7JPdXNRli1iWLWBd6ZIbqVmJBYUnKhVHKwb4S45eU3MilEaJvZK+Ufv4QlKPJxc1W9EmX4ef+ejLA4PZ6qt7zEff4aOfSphQHiUWnNyg1SBTQEPJipRatxhFxzvoo1UdLWzcDbUqN0mJveqMAj187WTSDWzzede5vv8193saOBrwz17dOeAHH91/oO6X2ykMAe9gGVsNi1sFLC6NYglPJYfcGq1JSonwQ/oydjBRy9jHOeA2LMvswpKU5zLw78WONr2yEy8vcW/JUklvy3y1/+1ZImluxJt1vaR5vucbZFayW9KKmDeyHUtsyNypZz11mQX4raKm+EtiqdUSO1GSLDGsFMNMLAKLo+R4GeRBV34CrsayUbDrqCgc8f1fiFnASfeWTBR6Gc9My1g224dZ0ADjZ5yFCRzD/4XIi9/gNuB14CXgqZSCZwFPY2ee32OXxJOFGnYZ3EfzZXDfJI7hokBQibuwBVlF6+Z+DfAw8CVmAYuwGFjBDmtfxO4T06KecaxgN/IlLAZWsROVLuyAuo5Z4DIm58bh4kGIj50n6TtJawP0rZL+kLRX0s2Spjn6OkmHJM3PGQ8GMvCU1HzGWVBz/KvK9nBxMqR0Z7tZS83JnqiYGBnno76xmQ3sAG7EXOznwAlf/RzgbsztHsOOxE7meIcGXT9JaGAfQjWwWDgIrMcssIFZXxn4neSvEqrYCU2N6A+lYDwGJdWDeYAi0R9KRaFI+hC0mAgPk/S1201YwtAPXIalxWeBP7EFrNC8xciDAsnf2zRonkA/psjV7vkwltxUUvZX8fF2CiPYWjUy8FyDJYgzEtr9DVxPxEXEv02LklxrFPeWAAAAAElFTkSuQmCC); background-repeat: no-repeat; }
.fixbar-item .icon-qq { background-position: 0 center; }
.fixbar-item .icon-wx { background-position: 33.33334% center; }
.fixbar-item .icon-tl { background-position: 66.66667% center; }
.fixbar-item .icon-tp { background-position: 100% center; }
.fixbar-hide { top: 0; opacity: 0; right: 79px; color: #666666; font-size: 14px; min-width: 130px; line-height: 2; white-space: nowrap; padding: 15px; position: absolute; border-radius: 5px; visibility: hidden; transition: 0.35s linear; background-color: #fff; transform: translate(-16px, 0); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
.fixbar-hide:after { content: ""; position: absolute; top: 35px; left: 100%; margin-top: -10px; border: 10px solid #fff; border-width: 10px 0 10px 14px; border-color: transparent #fff; }
.fixbar-hide img { width: 130px; height: 130px; }
.fixbar-item:hover a { opacity: 0.8; }
.fixbar-item:hover .fixbar-hide { visibility: visible; opacity: 1; transform: translate(0, 0); }
.fixbar-item:last-child a { background-color: #858585; }
.fixbar-form { width: 280px; padding: 15px; position: relative; }
.fixbar-name { color: #231815; font-size: 24px; line-height: 42px; text-align: center; }
.fixbar-name:after { content: ""; display: block; width: 30px; height: 3px; margin: 10px auto; background-color: #d3271f; }
.fixbar-desc { color: #666; padding: 5px 0; font-size: 14px; line-height: 24px; text-align: center; white-space: normal; }
.fixbar-ibtn { color: #fff; width: 100%; height: 44px; border: none; outline: none; font-size: 18px; border-radius: 22px; background-color: #d3271f; background-image: -webkit-linear-gradient(left, #d3271f, #e13830); background-image: -moz-linear-gradient(left, #d3271f, #e13830); background-image: linear-gradient(to right, #d3271f, #e13830); margin-top: 20px; }
.fixbar-line input { width: 100%; height: 44px; color: #333; font-size: 14px; margin-top: 10px; line-height: 24px; padding: 9px 10px; border-radius: 8px; border: 1px solid #e8e8e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fixbar-line input:focus { border-color: #fcaa1a; }
.fixbar-item:nth-child(2) { display: none; }
.fixbar-item:nth-child(3) { display: none; }
@media screen and (max-width:1024px) {
  .fixbar { width: 64px; }
  .fixbar-item { height: 64px; }
  .fixbar-item a { font-size: 12px; line-height: 12px; padding: 11px 5px; }
  .fixbar-item .icon { width: 22px; height: 22px; }
}
@media screen and (max-width:480px) {
  .fixbar { display: none; width: 1.6rem; }
  .fixbar-item { height: 1.6rem; }
  .fixbar-item a { font-size: 0.32rem; line-height: 0.32rem; padding: 0.24rem 0.08rem; }
  .fixbar-item .icon { width: 0.56rem; height: 0.56rem; }

	
	
	
	
	
}


.disclosure{padding:0 6%;width:100%;height:383px;background:url(../images/Investor-list-bg_04.jpg) no-repeat center fixed;background-size:cover}
.disclosure a{display:block;padding-top:6%;color:#fff;text-align:center;font-weight:bold;font-size:30px}
.disclosure a img{-webkit-transition:all 2s;transition:all 2s;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);-ms-transition:all 2s}
.disclosure a:hover img{-webkit-transition:all 2s;transition:all 2s;-webkit-transform:rotate(360deg);transform:rotate(360deg);-ms-transition:all 2s}
.mesg{overflow:hidden;padding:54px 6%;width:100%}
.mesg-list{float:left;margin-right:5%;width:30%}
.mesg-list span{display:block}