img[onload^="SVGInject("] {
  visibility:block;
}
body{ font-family:"SourceHanSansCN-Regular-2", sans-serif !important;}
@font-face {
    font-family: 'SourceHanSansCN-Regular-2';
    src: url('../font/SourceHanSansCN-Regular-2.eot');
    src: url('../font/SourceHanSansCN-Regular-2.eot') format('embedded-opentype'),
         url('../font/SourceHanSansCN-Regular-2.woff') format('woff'),
         url('../font/SourceHanSansCN-Regular-2.ttf') format('truetype'),
         url('../font/SourceHanSansCN-Regular-2.svg') format('svg');}
.wow {
  position: relative;
  opacity: 0;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
	font-size: 18px;
  /* Safari 和 Chrome */
}
* {
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before,
.clearfix:before,
.cf:before,
body:before,
.header:before,
.main:before,
.footer:before {
    content: '';
    display: table
}
.fixed:after,
.clearfix:after,
.cf:after,
after,
.header:after,
.main:after,
.footer:after {
    content: '';
    display: table;
    clear: both
}
.fixed,
.clearfix,
.cf,
.header,
.main,
.footer {
    *zoom: 1;
}
.clear,
.cl {
    display: block !important;
    float: none !important;
    clear: both;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 none !important;
    font-size: 0 !important;
    line-height: 0 !important
}
/*公用样式end*/
.udesk_btn_chat{
    top: 300px !important;
}
.sub_01c_h1 {
    font-size: 34px;
    line-height: 1.7;
    color: #fff;
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    overflow: hidden;
    display: flex;
    align-items: center;
    align-content: center;
    /* justify-content: center; */
}
.sub_01c_h1 img {
    width: 540px;
    height: 110px;
    object-fit: contain;
    padding-right: 10px;
    display: block;
    max-width: 100%;
}
.sub_01c_h1 i {
    display: block;
}
.sub_01c_h1 em {
    font-size: 30px;
    line-height: 1.5;
}
.sub_01c_h1 em.em1 {
    font-size: 18px;
    line-height: 1.5;
}
.sub_01c_h1 em.em2 {
    width: 40%;
}
.wrap_in {
    overflow: visible;
    margin: 0px 8%;
}
.abbanner_01 {
    overflow: hidden;
    position: relative;
}
.abber_slide {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.abber_slide .swiper-slide {
    width: 100%;
    overflow: hidden;
}
.abber_bg {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.abber_bg b {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}
.abber_bg img.img1 {
    width: 100%;
    display: block;
}
.abber_bg .abber_txt {
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
}
.abber_bg .abber_txt p {
    width: 100%;
    overflow: hidden;
    color: #fff;
}
.abber_bg .abber_txt p.p1 {
    font-size: 0.48rem;
    line-height: 0.8rem;
}
.abber_bg .abber_txt p.p2 {
    font-size: 30px;
    line-height: 1.5;
    margin-top: 0.12rem;
}
.abber_bg .abber_txt1 {
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
}
.abber_bg .abber_txt1 p {
    width: 100%;
    overflow: hidden;
    color: #fff;
    text-align: center;
}
.abber_bg .abber_txt1 p.p1 {
    font-size: 0.65rem;
    line-height: 1.02rem;
}
.abber_bg .abber_txt1 p.p2 {
    font-size: 0.22rem;
    line-height: 0.5rem;
}
.abber_slide .abber_spfr {
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    bottom: 0.39rem;
    z-index: 999;
    text-align: center;
}
.abber_slide .abber_spfr em.em1 {
    display: inline-block;
    font-style: normal;
    line-height: 0.39rem;
    padding: 0px 0.23rem;
    background-color: rgba(0, 0, 0, 0.21);
    border-radius: 0.39rem;
}
.abber_slide .abber_spfr .abber_sp {
    position: relative;
    display: inline-block;
}
.abber_slide .abber_spfr .abber_sp span {
    width: 0.13rem;
    height: 0.13rem;
    margin: 0px 0.06rem;
    padding: 0px;
    border-radius: 50%;
    opacity: 1;
    background-color: rgba(255, 255, 255, 255);
}
.abber_slide .abber_spfr .abber_sp span.swiper-pagination-bullet-active {
    background-color: #fff;
}
.banner .text_p {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}
.banner .btn_block {
  width: 100%;
}
.banner .textcenter h1 {
  font-size: 34px;
  margin-bottom: 40px;
  line-height: 1.2;
}
.banner .text_p h1 {
  display: block;
  line-height: 2;
  width: 100%;
}
.banner .text_p>div.inner-20 {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.pc360 .banner .text1 .text_p>div.inner-20{
  width:50%;
}
.pc360 .banner .text1 .text_p>div.inner-img{
  width:50%;
}
.pc360 .banner .text1 .text_p>div.inner-img img{
  max-height: 350px;
  margin: auto;
  display: block
}
.banner .text_p>div {
  width: 100%;
}
.banner p {
  width: 100%;
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1.5;
  max-width: 560px;
  /* max-width: 600px; */
}
.banner .text_p.textcenter p {
  max-width: max-content;
  margin-bottom: 60px;
}
.banner p strong {
  font-size: 18px;
}
.banner h2 {
  font-size: 40px;
  /* font-weight: normal; */
  width: 100%;
  margin-bottom: 40px;
  line-height: 1.2;
}
.banner .type2 h2 {
  font-size: 34px;
}
.banner h2 em {
  display: block;
  font-size: 30px;
  padding-top: 15px;
  font-weight: normal;
  /* max-width: 560px; */
  /* line-height: 1.5; */
}
.main-box .banner h2,
.main-box .banner p {
  color: #181818;
  padding-right: 50%;
}
.main-box .banner p{
    max-width: 100%;
}
.jfa_01 {
    overflow: hidden;
    padding-top: 1.03rem;
    background-color: #fff;
}
.jfa_01_t {
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.jfa_01_t h2 {
    font-size: 28px;
    color: #000;
    font-weight: normal;
    line-height: 55px;
}
.p7_02 {
    overflow: hidden;
    padding: 1.04rem 0px 1rem 0px;
}
.p7_02 .jfa_01_t h2 {
    color: #fff;
}
.p7_02_c {
    width: 100%;
    overflow: hidden;
    margin-top: 0.54rem;
}
.p7_02_c img {
    width: 100%;
    display: block;
}
.jfa_05 {
    overflow: hidden;
    padding-top: 0.84rem;
    padding-bottom: 0.95rem;
}
.jfa_05_c {
    width: 100%;
    overflow: visible;
    padding-top: 0.7rem;
}
.jfa_05_c ul li {
    width: 18.4%;
    float: left;
    margin-right: 2%;
    margin-bottom: 0.3rem;
}
.jfa_05_c ul li img {
    width: 100%;
    display: block;
    border-radius: 0.04rem;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
}
.jfa_05_c ul li:nth-child(5n) {
    margin-right: 0px;
}
.jfa_05_c ul li:hover img {
    transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
}
.jfa_05_b {
    width: 100%;
    overflow: visible;
    text-align: center;
    margin-top: 0.1rem;
}
.jfa_05_b a {
    display: inline-block;
    line-height: 1;
    border-radius: 40px;
    background-color: #00b2c0;
    font-size: 16px;
    color: #fff;
    padding: 12px 25px;
}
.jfa_05_b a span {
    display: inline-block;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/jfa_03.png") right center no-repeat;
    background-size: 0.17rem;
    padding-right: 0.48rem;
    -moz-box-shadow: 0px 0px 18px rgba(0, 178, 192, 0.38);
    -webkit-box-shadow: 0px 0px 18px rgba(0, 178, 192, 0.38);
    box-shadow: 0px 0px 18px rgba(0, 178, 192, 0.38)
}
.jfa_05_b a:hover {
    opacity: 0.9;
}
.jfa_06 {
    overflow: hidden;
    padding: 0.68rem 0px 0.85rem 0px;
}
.jfa_06 p {
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.jfa_06 p.p1 {
    font-size: 28px;
    color: #181818;
    line-height: 2;
}
.jfa_06 p.p2 {
    font-size: 18px;
    color: #181818;
    line-height: 1.5;
}
.jfa_06 p.p3 {
    margin-top: 0.27rem;
    overflow: visible;
}
.jfa_06 p.p3 a {
    display: inline-block;
    line-height: 0.53rem;
    padding: 0px 0.35rem;
    font-size: 16px;
    color: #fff;
    background-color: #00b2c0;
    border-radius: 0.4rem;
    -moz-box-shadow: 0px 0px 18px rgba(0, 178, 192, 0.38);
    -webkit-box-shadow: 0px 0px 18px rgba(0, 178, 192, 0.38);
    box-shadow: 0px 0px 18px rgba(0, 178, 192, 0.38)
}
.jfa_06 p.p3 a:hover {
    opacity: 0.9;
}
.jfa_06 p.p4 {
    margin-top: 0.12rem;
    font-size: 18px;
    color: #434343;
    line-height: 0.23rem;
}
.jfa_07 {
    overflow: hidden;
    background-color: #fff;
    padding: 0.73rem 0px 0.06rem 0px;
}
.jfa_07 .fl {
    width: 46.875%;
    overflow: hidden;
}
.jfa_07 .fr {
    width: 46.875%;
    overflow: hidden;
}
.jfa_07_t {
    width: 92%;
    overflow: hidden;
    line-height: 0.4rem;
}
.jfa_07_t span {
    float: left;
    font-size: 18px;
    color: #292929;
}
.jfa_07_t a {
    float: right;
    line-height: 1;
    border-radius: 40px;
    padding: 5px 15px;
    background-color: #00b2c0;
    font-size: 16px;
    color: #fff;
}
.jfa_07_t a i {
    display: inline-block;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/jfa_03.png") right center no-repeat;
    background-size: 0.17rem;
    padding-right: 0.41rem;
}
.jfa_07_t a:hover {
    opacity: 0.9;
}
.jfa_07_c {
    width: 100%;
    overflow: hidden;
    margin-top: 0.36rem;
}
.jfa_07_c ul li {
    width: 100%;
    line-height: 0.45rem;
    overflow: hidden;
}
.jfa_07_c ul li a {
    width: 100%;
    display: block;
    overflow: hidden;
}
.jfa_07_c ul li a span {
    width: 80%;
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #292929;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/jfa_07.png") left center no-repeat;
    background-size: 0.17rem;
    padding-left: 0.37rem;
}
.jfa_07_c ul li a i {
    width: 0.18rem;
    height: 0.45rem;
    display: block;
    overflow: hidden;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/jfa_04.png") center no-repeat;
    background-size: 100%;
    float: right;
}
.jfa_07_c ul li a:hover span {
    color: #00b2c0;
}
.jfa_07_c1 {
    width: 100%;
    overflow: hidden;
    margin-top: 0.36rem;
}
.jfa_07_c1 ul li {
    width: 100%;
    line-height: 0.45rem;
    overflow: hidden;
}
.jfa_07_c1 ul li a {
    width: 100%;
    display: block;
    overflow: hidden;
}
.jfa_07_c1 ul li a span {
    width: 80%;
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #292929;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/jfa_05.png") left center no-repeat;
    background-size: 0.1rem;
    padding-left: 0.25rem;
}
.jfa_07_c1 ul li a i {
    display: block;
    float: none;
    font-size: 14px;
    color: #999;
}
.jfa_07_c1 ul li a:hover span {
    color: #00b2c0;
}
.ab_02 {
    overflow: hidden;
    background-color: #fff;
    padding-top: 0.78rem;
    padding-bottom: 0.52rem;
}
.ab_02_t {
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.ab_02_t span {
    display: inline-block;
    background-color: #fff;
    font-size: 36px;
    color: #111;
    line-height: 1.5;
    position: relative;
    z-index: 9;
    padding: 0px 0.78rem;
}
.ab_02_t b {
    width: 100%;
    height: 1px;
    display: block;
    overflow: hidden;
    background-color: #e3e3e3;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -0.5px;
}
.ab_02_c {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-top: 0.6rem;
}
.ab_02_c ul {
    display: inline-block;
    width: 61.25000000000001%;
    margin: 0px auto;
    padding: 0px;
}
.ab_02_c ul li {
    width: 33.3333%;
    overflow: hidden;
    float: left;
    padding: 0.17rem 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}
.ab_02_c ul li:nth-child(4) {
    border-bottom: 0px;
}
.ab_02_c ul li:nth-child(5) {
    border-bottom: 0px;
}
.ab_02_c ul li:nth-child(6) {
    border-bottom: 0px;
    border-right: 0px;
}
.ab_02_c ul li:nth-child(3) {
    border-right: 0px;
}
.ab_02_c ul li span {
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
}
.ab_02_c ul li span.sp1 {
    font-size: 45px;
    color: #111;
    line-height: 1.5;
}
.ab_02_c ul li span.sp2 {
    font-size: 18px;
    color: #111;
    line-height: 1.5;
}
.ab_02_b {
    width: 100%;
    overflow: hidden;
    margin-top: 0.6rem;
}
.ab_02_b p {
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    color: #111;
    line-height: 2;
    margin-bottom: 0.3rem;
}
.ab_03 {
    overflow: hidden;
    padding-top: 1.10rem;
    padding-bottom: 1.04rem;
}
.ab_03 .wrap_in ul{
    display: flex;
}
.ab_03 ul li {
    width: 23.5%;
    overflow: hidden;
    float: left;
    margin-right: 2%;
    background-color: #fff;
    min-height: 5.12rem;
}
.ab_03 ul li:nth-child(4) {
    margin-right: 0px;
}
.ab_03 ul li em {
    width: 100%;
    display: block;
    overflow: hidden;
    font-style: normal;
}
.ab_03 ul li em.em1 img {
    width: 100%;
    display: block;
}
.ab_03 ul li em.em2 {
    width: auto;
    margin: 0.24rem 0.3rem;
}
.ab_03 ul li em.em2 span {
    width: 100%;
    display: block;
    overflow: hidden;
}
.ab_03 ul li em.em2 span.sp1 {
    font-size: 24px;
    color: #111;
    line-height: 1.5;
    font-weight: bold;
}
.ab_03 ul li em.em3 {
    display: table;
    font-size: 16px;
    color: #666;
    margin-top: 0.12rem;
    line-height: 1.5;
}
.ab_03 ul li em.em3 span.sp2 {
    display: table-row;
}
.ab_03 ul li em.em3 span.sp2 i {
    display: table-cell;
    padding: 0.04rem 0px;
}
.ab_03 ul li em.em3 span.sp2 i.i1 {
    width: 0.4rem;
}
.ab_03 ul li em.em3 span.sp3 {
    padding: 0.04rem 0px;
}
.ab_03 ul li:hover {
    background-color: #00adbb;
    position: relative;
    -moz-box-shadow: 10px 0px 20px rgba(0, 173, 187, 0.25);
    -webkit-box-shadow: 10px 0px 20px rgba(0, 173, 187, 0.25);
    box-shadow: 10px 0px 20px rgba(0, 173, 187, 0.25)
}
.ab_03 ul li:hover em.em2 span.sp1 {
    color: #fff;
}
.ab_03 ul li:hover em.em3 {
    color: #fff;
}
.ab_04 {
    overflow: hidden;
    margin-top: 0.88rem;
}
.ab_04_t {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.ab_04_t p {
    width: 100%;
    overflow: hidden;
    text-align: center;
    position: relative;
    font-size: 0.44rem;
    color: #333;
    line-height: 0.66rem;
    padding-bottom: 0.13rem;
}
.ab_04_t p b {
    width: 0.18rem;
    height: 0.04rem;
    display: block;
    overflow: hidden;
    background-color: #00adbb;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -0.09rem;
}
.ab_04_t a {
    width: 1.42rem;
    height: 0.45rem;
    display: block;
    overflow: hidden;
    background-color: #c8c8c8;
    font-size: 0.18rem;
    color: #fff;
    border-radius: 0.06rem;
    text-align: center;
    line-height: 0.45rem;
    position: absolute;
    right: 0px;
    bottom: 0.13rem;
}
.ab_04_t a span {
    display: inline-block;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/ab_07.png") right center no-repeat;
    background-size: 0.08rem;
    padding-right: 0.2rem;
}
.ab_04_t a:hover {
    background-color: #00b3c1
}
.ab_05 {
    overflow: hidden;
    margin-top: 0.1rem;
}
.ab_05.last .ab_05_c {
    border-bottom: 0px;
}
.ab_06 {
    margin-top: 0.36rem;
}
.ab_05_t {
    width: 100%;
    overflow: hidden;
    line-height: 0.5rem;
    position: relative;
    margin-bottom: 0.15rem;
}
.ab_05_t b {
    width: 0.04rem;
    height: 0.25rem;
    display: block;
    background-color: #00b3c1;
    position: absolute;
    left: 0px;
    top: 0.12rem;
}
.ab_05_t span {
    font-size: 0.32rem;
    color: #333;
    margin-left: 0.18rem;
}
.ab_05_c {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dashed #e5e5e5;
}
.ab_05_c ul li {
    width: 23.5%;
    overflow: hidden;
    float: left;
    margin-right: 2%;
    margin-bottom: 0.36rem;
}
.ab_05_c ul li em.em1 {
    display: block;
    overflow: hidden;
    padding: 0.1rem;
    background-color: #f2f2f2;
    border: 1px solid #d6d6d6;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.ab_05_c ul li em.em1 img {
    width: 100%;
    display: block;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
}
.ab_05_c ul li em.em2 {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-top: 0.2rem;
    font-style: normal;
    padding: 0px 0.3rem;
    text-align: center;
    font-size: 0.17rem;
    color: #666;
    line-height: 0.25rem;
    height: 0.5rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.ab_05_c ul li:nth-child(4n) {
    margin-right: 0px;
}
.ab_05_c ul li:hover em.em1 img {
    transform: scale(1.01, 1.01);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}
.ab_06 {
    overflow: hidden;
    margin-top: 0.39rem;
}
.ab_process_06{
  margin-bottom: 40px;
}
.ab_06_t {
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.ab_06_t em {
    display: inline-block;
    font-style: normal;
    width: 2.18rem;
}
.ab_06_t em img {
    width: 100%;
    display: block;
}
.ab_06_t em span {
    width: 100%;
    display: block;
    overflow: hidden;
    font-size: 0.36rem;
    color: #fff;
    line-height: 0.54rem;
    background-color: #00b3c1;
}
.ab_06_t p {
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 0.44rem;
}
.ab_06_c {
    width: 100%;
    overflow: hidden;
    margin-top: 0.18rem;
    position: relative;
}
.ab_06_c b.b1 {
    width: 1px;
    height: 100%;
    display: block;
    overflow: hidden;
    background-color: #d8d8d8;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -0.5px;
}
.ab_06_c ul li {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 0.68rem;
}
.ab_06_c ul li.li1 {
    margin-top: 0px;
}
.ab_06_c ul li .ab_06c_t1 {
    float: left;
    width: 34.25%;
    margin-left: 13%;
    text-align: right;
}
.ab_06_c ul li .ab_06c_t2 {
    float: right;
    width: 34.25%;
    margin-right: 13%;
    text-align: left;
}
.ab_06_c ul li.li1 b {
    width: 0.22rem;
    height: 0.15rem;
    display: block;
    overflow: hidden;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/ab_01.jpg") no-repeat;
    background-size: 100%;
    margin: 0px auto;
    padding: 0px;
}
.ab_06_c ul li.li2 b {
    width: 0.22rem;
    height: 0.21rem;
    display: block;
    overflow: hidden;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/ab_02.jpg") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 0.13rem;
    margin-left: -0.11rem;
}
.ab_06_c ul li .ab_06c_i1 {
    font-size: 0.36rem;
    color: #00b3c1;
    line-height: 0.5rem;
}
.ab_06_c ul li .ab_06c_i2 {
    margin-top: 0.08rem;
}
.ab_06_c ul li .ab_06c_i2 p {
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    line-height: 0.32rem;
    color: #666;
}
.ab_07_c {
    width: 100%;
    overflow: hidden;
    padding-top: 0.51rem;
}
.ab_07_c ul li {
    width: 30%;
    float: left;
    overflow: hidden;
    background-color: #fff;
    margin-right: 5%;
    border-radius: 0.06rem;
    padding: 0.5rem 0px 0.65rem 0px;
    position: relative;
}
.ab_07_c ul li:nth-child(3) {
    margin-right: 0px;
}
.ab_07_c ul li em.em1 {
    display: block;
    overflow: hidden;
    width: 100%;
}
.ab_07_c ul li em.em1 img {
    width: 1.4rem;
    display: block;
    margin: 0px auto;
    padding: 0px;
}
.ab_07_c ul li em.em2 {
    width: 100%;
    display: block;
    overflow: hidden;
    font-style: normal;
    margin-top: 0.17rem;
}
.ab_07_c ul li em.em2 span {
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
    position: relative;
    font-size: 0.3rem;
    color: #444;
    line-height: 0.76rem;
}
.ab_07_c ul li em.em2 span b {
    width: 0.15rem;
    height: 0.03rem;
    display: block;
    background-color: #dadada;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -0.075rem;
}
.ab_07_c ul li em.em2 i {
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 0.24rem;
    color: #888;
    line-height: 0.3rem;
    margin-top: 0.3rem;
}
.ab_08 {
    overflow: hidden;
    background-color: #fff;
    margin-top: 0.9rem;
    padding-top: 0.99rem;
    padding-bottom: 1.34rem;
}
.ab_08_t {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #00b3c1;
    margin-top: 0.51rem;
    border-radius: 0.03rem;
}
.ab_08_t ul li {
    width: 6.66666%;
    float: left;
    text-align: center;
    overflow: hidden;
    position: relative;
    line-height: 0.78rem;
}
.ab_08_t ul li a {
    font-size: 0.22rem;
    color: #444;
}
.ab_08_t ul li i {
    width: 1px;
    height: 0.22rem;
    display: block;
    overflow: hidden;
    background-color: #e5e5e5;
    position: absolute;
    right: 0px;
    top: 0.29rem;
}
.ab_08_t ul li.on {
    background-color: #00b3c1;
}
.ab_08_t ul li.on a {
    color: #fff;
}
.ab_08_t ul li.on i {
    display: none;
}
.ab_08_c {
    width: 100%;
    overflow: hidden;
    background-color: #f4f5fb;
    margin-top: 0.48rem;
}
.ab_08_c .fl {
    width: 44%;
    overflow: hidden;
}
.ab_08_c .fl #allmap {
    width: 100%;
    height: 4.72rem;
    overflow: hidden;
}
.ab_08_c .fr {
    width: 47.75%;
    overflow: hidden;
    margin-right: 0.66rem;
}
.ab_08_c .fr p {
    width: 100%;
    overflow: hidden;
}
.ab_08_c .fr p.p1 {
    font-size: 0.28rem;
    color: #333;
    line-height: 0.67rem;
    position: relative;
    margin-top: 0.53rem;
    margin-bottom: 0.33rem;
}
.ab_08_c .fr p.p1 i {
    width: 100%;
    height: 1px;
    display: block;
    overflow: hidden;
    background-color: #d7d7d7;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.ab_08_c .fr p.p1 span {
    display: inline-block;
    position: relative;
}
.ab_08_c .fr p.p1 span b {
    width: 100%;
    height: 0.03rem;
    display: block;
    overflow: hidden;
    background-color: #00b3c1;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.ab_08_c .fr p.p2 {
    line-height: 0.37rem;
    font-size: 0.18rem;
    color: #333;
}
.ab_08_c .fr p.p2 img {
    width: 0.22rem;
    height: 0.22rem;
    display: block;
    float: left;
    margin: 0.08rem 0.1rem 0px 0px;
}
.ab_09 {
    overflow: hidden;
    margin-top: 0.3rem;
}
.ab_09_t {
    width: 100%;
    overflow: hidden;
}
.ab_09_t a {
    float: right;
    width: 1.42rem;
    height: 0.45rem;
    display: block;
    overflow: hidden;
    background-color: #c8c8c8;
    font-size: 0.18rem;
    color: #fff;
    border-radius: 0.06rem;
    text-align: center;
    line-height: 0.45rem;
}
.ab_09_t a span {
    display: inline-block;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/ab_07.png") right center no-repeat;
    background-size: 0.08rem;
    padding-right: 0.2rem;
}
.ab_09_t a:hover {
    background-color: #00b3c1
}
.ab_09_c {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.ab_09_c .wrap_in {
    position: relative;
}
.ab_09_c b.b1 {
    width: 90%;
    height: 2.62rem;
    overflow: hidden;
    display: block;
    background-color: #a3a3a3;
    position: absolute;
    left: 5%;
    top: 0.45rem;
}
.ab_09c_slide {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 99;
    height: 4.64rem;
}
.ab_09c_slide .swiper-slide {
    width: 100%;
    overflow: hidden;
}
.ab_09c_slide .swiper-slide .fl {
    width: 51%;
    overflow: hidden;
}
.ab_09c_slide .swiper-slide .fl img {
    width: 100%;
    display: block;
}
.ab_09c_slide .swiper-slide .fl b {
    width: 100%;
    height: 4.64rem;
    display: block;
    overflow: hidden;
}
.ab_09c_slide .swiper-slide .fr {
    width: 36%;
    overflow: hidden;
    margin-right: 9%;
    margin-top: 0.45rem;
}
.ab_09c_slide .swiper-slide .fr p {
    width: 100%;
    overflow: hidden;
}
.ab_09c_slide .swiper-slide .fr p.p1 {
    font-size: 0.2rem;
    color: #fff;
    position: relative;
    line-height: 0.35rem;
    height: 0.35rem;
    margin-top: 0.33rem;
    padding-bottom: 0.18rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ab_09c_slide .swiper-slide .fr p.p1 b {
    width: 0.18rem;
    height: 0.03rem;
    display: block;
    overflow: hidden;
    background-color: #b6b6b6;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.ab_09c_slide .swiper-slide .fr p.p2 {
    font-size: 0.16rem;
    color: #d1d1d1;
    margin-top: 0.18rem;
    line-height: 0.25rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.ab_09c_slide .swiper-slide .fr p.p3 {
    line-height: 0.25rem;
    margin-top: 0.29rem;
}
.ab_09c_slide .swiper-slide .fr p.p3 a {
    display: inline-block;
    font-size: 0.16rem;
    color: #fff;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/ab_08.png") right center no-repeat;
    background-size: 0.16rem;
    padding-right: 0.3rem;
}
.ab_09_b {
    width: 49%;
    overflow: hidden;
    position: absolute;
    right: 0px;
    bottom: 0.42rem;
    z-index: 999;
}
.ab_09b_slide {
    width: 76%;
    overflow: hidden;
    float: right;
    margin-right: 8.5%;
    height: 0.75rem;
}
.ab_09b_slide .swiper-slide {
    float: left;
    overflow: hidden;
}
.ab_09b_slide .swiper-slide a {
    width: 100%;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 2px solid #fff;
}
.ab_09b_slide .swiper-slide a img {
    width: 100%;
    display: block;
}
.ab_09b_slide .swiper-slide a.on {
    border: 2px solid #00adbb;
}
.ab_09_b a.ab_09_prev {
    width: 0.44rem;
    height: 0.44rem;
    display: block;
    overflow: hidden;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/ab_09.png") center no-repeat;
    background-size: 100%;
    position: absolute;
    left: 6%;
    top: 0.16rem;
}
.ab_09_b a.ab_09_next {
    width: 0.44rem;
    height: 0.44rem;
    display: block;
    overflow: hidden;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/ab_10.png") center no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0px;
    top: 0.16rem;
}
.ab_11 {
    background-color: #fff;
    overflow: hidden;
}
.ab_10 {
    overflow: hidden;
    padding: 0.88rem 0px 0.98rem 0px;
}
.ab_10_c {
    width: 100%;
    overflow: hidden;
    padding-top: 0.49rem;
}
.ab_10_c ul li {
    width: 23.5%;
    overflow: hidden;
    float: left;
    margin-right: 2%;
    background-color: #ecedf3;
    position: relative;
}
.ab_10_c ul li:nth-child(4) {
    margin-right: 0px;
}
.ab_10_c ul li a {
    display: block;
    overflow: hidden;
    margin: 0.25rem;
}
.ab_10_c ul li span {
    width: 100%;
    display: block;
    overflow: hidden;
}
.ab_10_c ul li span.sp1 {
    line-height: 0.27rem;
    height: 0.54rem;
    margin-top: 0.1rem;
    font-size: 0.2rem;
    color: #333;
    text-align: justify;
    text-justify: inter-ideograph;
}
.ab_10_c ul li span.sp2 {
    margin-top: 0.16rem;
}
.ab_10_c ul li span.sp2 img {
    width: 100%;
    display: block;
}
.ab_10_c ul li span.sp3 {
    font-size: 0.16rem;
    color: #333;
    line-height: 0.25rem;
    height: 0.75rem;
    margin-top: 0.23rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.ab_10_c ul li span.sp4 {
    margin-top: 0.19rem;
}
.ab_10_c ul li span.sp4 i {}
.ab_10_c ul li span.sp4 i.i1 {
    float: left;
    line-height: 0.4rem;
    font-size: 14px;
    color: #333;
    display: inline-block;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/ab_11.png") right center no-repeat;
    font-size: 0.16rem;
    padding-right: 0.34rem;
}
.ab_10_c ul li span.sp4 i.i2 {
    float: right;
}
.ab_10_c ul li span.sp4 i.i2 b {
    width: 100%;
    display: block;
    overflow: hidden;
    font-style: normal;
    text-align: right;
}
.ab_10_c ul li span.sp4 i.i2 b.b1 {
    font-size: 0.18rem;
    color: #333;
    line-height: 0.21rem;
}
.ab_10_c ul li span.sp4 i.i2 b.b2 {
    font-size: 14px;
    color: #333;
    line-height: 0.24rem;
}
.ab_10_c ul li a:hover span.sp1 {
    color: #00adbb;
}
.ab_14 {
    overflow: hidden;
    padding: 0rem 0px 0rem 0px;
}
.ab_14_c {
    width: 100%;
    overflow: hidden;
    padding-top: 0.4rem;
}
.ab_14_c ul li {
    width: 23.5%;
    overflow: hidden;
    float: left;
    margin-right: 2%;
    background-color: #fff;
    position: relative;
    margin-bottom: 0.3rem;
}
.ab_14_c ul li:nth-child(4n) {
    margin-right: 0px;
}
.ab_14_c ul li a {
    display: block;
    overflow: hidden;
    margin: 0.25rem;
}
.ab_14_c ul li span {
    width: 100%;
    display: block;
    overflow: hidden;
}
.ab_14_c ul li span.sp1 {
    line-height: 0.27rem;
    height: 0.54rem;
    margin-top: 0.1rem;
    font-size: 18px;
    color: #333;
    text-align: justify;
    text-justify: inter-ideograph;
}
.ab_14_c ul li span.sp2 {
    margin-top: 0.16rem;
}
.ab_14_c ul li span.sp2 img {
    width: 100%;
    display: block;
}
.ab_14_c ul li span.sp3 {
    font-size: 16px;
    color: #333;
    line-height: 0.25rem;
    height: 0.75rem;
    margin-top: 0.23rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.ab_14_c ul li span.sp4 {
    margin-top: 0.19rem;
}
.ab_14_c ul li span.sp4 i {}
.ab_14_c ul li span.sp4 i.i1 {
    float: left;
    line-height: 0.4rem;
    font-size: 14px;
    color: #333;
    display: inline-block;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/ab_11.png") right center no-repeat;
    font-size: 0.16rem;
    padding-right: 0.34rem;
}
.ab_14_c ul li span.sp4 i.i2 {
    float: right;
}
.ab_14_c ul li span.sp4 i.i2 b {
    width: 100%;
    display: block;
    overflow: hidden;
    font-style: normal;
    text-align: right;
}
.ab_14_c ul li span.sp4 i.i2 b.b1 {
    font-size: 0.18rem;
    color: #333;
    line-height: 0.21rem;
}
.ab_14_c ul li span.sp4 i.i2 b.b2 {
    font-size: 14px;
    color: #333;
    line-height: 0.24rem;
}
.ab_14_c ul li a:hover span.sp1 {
    color: #00adbb;
}
.ab_12 {
    background-color: #fff;
    padding: 0.86rem 0px 0.99rem 0px;
}
.ab_12_c {
    width: 100%;
    overflow: hidden;
    padding-top: 0.55rem;
}
.ab_12_c .fl {
    width: 48.75%;
}
.ab_12c_slide {
    width: 100%;
    overflow: hidden;
    height: 5.51rem;
    background-color: #f7f7f7;
    position: relative;
}
.ab_12c_slide .swiper-slide {
    width: 100%;
    overflow: hidden;
    height: 5.51rem;
}
.ab_12c_slide .swiper-slide em {
    width: 100%;
    display: block;
    overflow: hidden;
    font-style: normal;
}
.ab_12c_slide .swiper-slide em.em1 {}
.ab_12c_slide .swiper-slide em.em1 img {
    width: 100%;
    display: none;
}
.ab_12c_slide .swiper-slide em.em1 b {
    width: 100%;
    display: block;
    overflow: hidden;
    height: 4.38rem;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
}
.ab_12c_slide .swiper-slide em.em2 {
    width: auto;
    margin: 0px 0.23rem;
    margin-top: 0.26rem;
}
.ab_12c_slide .swiper-slide em.em2 span {
    width: 100%;
    display: block;
    overflow: hidden;
    line-height: 0.33rem;
    font-size: 0.2rem;
    color: #444;
}
.ab_12c_slide .swiper-slide em.em2 i {
    width: 100%;
    display: block;
    overflow: hidden;
    line-height: 0.26rem;
    font-size: 0.17rem;
    color: #888;
}
.ab_12c_slide .swiper-slide a:hover em.em1 b {
    transform: scale(1.01, 1.01);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}
.ab_12c_slide .swiper-slide a:hover em.em2 span {
    color: #00adbb;
}
.ab_12c_slide .ab_012c_sp {
    position: absolute;
    right: 0.5rem;
    bottom: 0.49rem;
    z-index: 999;
}
.ab_12c_slide .ab_012c_sp span {
    width: 0.13rem;
    height: 0.13rem;
    opacity: 1;
    margin: 0px;
    padding: 0px;
    margin-left: 0.13rem;
    background-color: #d3d3d3;
}
.ab_12c_slide .ab_012c_sp span.swiper-pagination-bullet-active {
    background-color: #00adbb;
}
.ab_12_c .fr {
    width: 47.875%;
}
.ab_12_c .fr ul {
    width: 100%;
    overflow: hidden;
    border-top: 1px dashed #e8e8e8;
}
.ab_12_c .fr ul li {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dashed #e8e8e8;
    padding: 0.28rem 0px;
}
.ab_12_c .fr ul li em {
    display: block;
    overflow: hidden;
    font-style: normal;
}
.ab_12_c .fr ul li em.em1 {
    width: 1.25rem;
    height: 1.25rem;
    float: left;
    background-color: #f7f7f7;
    font-family: Arial;
}
.ab_12_c .fr ul li em.em1 span {
    display: block;
    overflow: hidden;
    margin: 0px 0.15rem;
    font-size: 0.34rem;
    color: #1f1f1f;
    line-height: 0.4rem;
    margin-top: 0.15rem;
    font-weight: normal;
}
.ab_12_c .fr ul li em.em1 i {
    display: block;
    overflow: hidden;
    margin: 0px 0.15rem;
    font-size: 0.17rem;
    color: #1f1f1f;
    line-height: 0.28rem;
    font-weight: normal;
}
.ab_12_c .fr ul li em.em2 {
    width: 6.18rem;
    float: right;
    overflow: hidden;
}
.ab_12_c .fr ul li em.em2 span {
    width: 100%;
    display: block;
    overflow: hidden;
    font-size: 0.2rem;
    color: #444;
    line-height: 0.36rem;
    margin-top: 0.12rem;
}
.ab_12_c .fr ul li em.em2 i {
    width: 100%;
    display: block;
    overflow: hidden;
    font-size: 0.16rem;
    color: #888;
    line-height: 0.26rem;
    margin-top: 0.07rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.ab_12_c .fr ul li a:hover em.em2 span {
    color: #00adbb;
}
.ab_13 {
    overflow: hidden;
    padding-top: 0.88rem;
}
.ab_13_c {
    width: 100%;
    overflow: hidden;
    margin-top: 0.52rem;
}
.ab_13_c .fl {
    width: 40.375%;
    overflow: hidden;
}
.ab_13_c .fl a {
    width: 100%;
    overflow: hidden;
    display: block;
    background-color: #fff;
    height: 5.93rem;
}
.ab_13_c .fl em {
    display: block;
    font-style: normal;
    overflow: hidden;
}
.ab_13_c .fl em.em1 {
    width: 100%;
}
.ab_13_c .fl em.em1 img {
    width: 100%;
    display: none;
}
.ab_13_c .fl em.em1 b {
    width: 100%;
    display: block;
    height: 3.64rem;
}
.ab_13_c .fl em.em2 {
    margin: 0px 0.5rem;
    margin-top: 0.42rem;
}
.ab_13_c .fl em.em2 span {
    width: 100%;
    display: block;
    overflow: hidden;
}
.ab_13_c .fl em.em2 span.sp1 {
    line-height: 0.41rem;
}
.ab_13_c .fl em.em2 span.sp1 i {
    width: 80%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.2rem;
    color: #333;
    float: left;
}
.ab_13_c .fl em.em2 span.sp1 b {
    float: right;
    font-size: 0.17rem;
    color: #999;
    font-weight: normal;
}
.ab_13_c .fl em.em2 span.sp2 {
    font-size: 0.16rem;
    color: #999;
    line-height: 0.3rem;
    margin-top: 0.18rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.ab_13_c .fl a:hover em.em2 span.sp1 i {
    color: #00adbb;
}
.ab_13_c .fr {
    width: 58.1875%;
    overflow: hidden;
}
.ab_13_c .fr ul li {
    width: 49%;
    margin-right: 2%;
    overflow: hidden;
    float: left;
    margin-bottom: 0.17rem;
    height: 2.88rem;
    background-color: #fff;
}
.ab_13_c .fr ul li:nth-child(2n) {
    margin-right: 0px;
}
.ab_13_c .fr ul li a {
    display: block;
    overflow: hidden;
    margin: 0px 0.4rem;
}
.ab_13_c .fr ul li a span {
    width: 100%;
    display: block;
    overflow: hidden;
}
.ab_13_c .fr ul li a span.sp1 {
    font-size: 0.2rem;
    color: #333;
    line-height: 0.37rem;
    margin-top: 0.4rem;
}
.ab_13_c .fr ul li a span.sp2 {
    font-size: 0.16rem;
    color: #999;
    line-height: 0.3rem;
    margin-top: 0.09rem;
    height: 0.9rem;
}
.ab_13_c .fr ul li a span.sp3 {
    font-size: 0.17rem;
    color: #999;
    line-height: 0.18rem;
    margin-top: 0.12rem;
}
.ab_13_c .fr ul li a span.sp4 {
    font-size: 0.17rem;
    color: #999;
    line-height: 0.28rem;
    margin-top: 0.12rem;
}
.ab_13_c .fr ul li a:hover span.sp1 {
    color: #00adbb;
}
.sub_01_c12 {
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -1.55rem;
}
.sub_01_c12 p {
    width: 100%;
    overflow: hidden;
    color: #fff;
}
.sub_01_c12 p.p1 {
    font-size: 0.48rem;
    line-height: 0.6rem;
}
.sub_01_c12 p.p2,
.sub_01_c12 p.p3 {
    font-size: 24px;
    line-height: 1.5;
}
.sub_01_c12 p.p3 {
    margin-top: 0.19rem;
}
.sub_01_c12 p.p4 {
    font-size: 14px;
    line-height: 1.5;
}
.sub_01_c12 p.p5 {
    margin-top: 0.38rem;
}
.sub_01_c12 p.p5 a {
    display: inline-block;
    line-height: 50px;
    background-color: #fff;
    border-radius: 50px;
    font-size: 14px;
    color: #00adbb;
    float: left;
}
.sub_01_c12 p.p5 a.a1 {
    padding: 0px 0.34rem 0px 0.33rem;
    margin-right: 0.2rem;
}
.sub_01_c12 p.p5 a.a1 span {
    display: inline-block;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/sfl_01.png") left center no-repeat;
    background-size: 0.17rem;
    padding-left: 0.27rem;
}
.sub_01_c12 p.p5 a.a2 {
    padding: 0px 0.28rem 0px 0.34rem;
}
.sub_01_c12 p.p5 a.a2 span {
    display: inline-block;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/sfl_02.png") left center no-repeat;
    background-size: 0.22rem;
    padding-left: 0.33rem;
}
.sub_01_c12 p.p5 a:hover {
    background-color: #00adbb;
    color: #fff;
}
.sub_01_c12 p.p5 a.a1:hover span {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/sfl_01_on.png") left center no-repeat;
    background-size: 0.17rem;
}
.sub_01_c12 p.p5 a.a2:hover span {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/sfl_02_on.png") left center no-repeat;
    background-size: 0.22rem;
}
.banner_slide {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.banner_slide .swiper-slide {
    width: 100%;
    overflow: hidden;
}
.banner_slide .swiper-slide .banner_bg {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.banner_slide .swiper-slide .banner_bg img.img1 {
    display: none;
}
.banner_slide .swiper-slide .banner_bg b {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}
.banner_slide .swiper-slide .banner_bg .wrap_in {
    overflow: hidden;
    position: relative;
    z-index: 99;
    display: none;
}
.banner_slide .swiper-slide .banner_bg .banner_txt {
    width: 100%;
    overflow: hidden;
    margin-top: 17%;
}
.banner_slide .swiper-slide .banner_bg .banner_txt p {
    width: 100%;
    overflow: hidden;
}
.banner_slide .swiper-slide .banner_bg .banner_txt p.p1 {
    font-size: 45px;
    color: #252525;
    line-height: 1.3;
}
.banner_slide .swiper-slide .banner_bg .banner_txt p.p2 {
    margin-top: 0.22rem;
    font-size: 26px;
    color: #646464;
    line-height: 1.5;
    font-weight: normal;
}
.banner_slide .swiper-slide .banner_bg .banner_txt p.p3 {
    margin-top: 0.49rem;
}
.banner_slide .swiper-slide .banner_bg .banner_txt p.p3 a {
    float: left;
    display: inline-block;
    text-align: center;
    line-height: 1;
    padding: 10px 20px;
    border-radius: 0.06rem;
    /* width: 2.06rem; */
    font-size: 20px;
    border: 0.02rem solid #00acbb;
    background-color: #fff;
    color: #00acbb;
}
.banner_slide .swiper-slide .banner_bg .banner_txt p.p3 a.a2 {
    margin-left: 0.2rem;
}
.banner_slide .swiper-slide .banner_bg .banner_txt p.p3 a.a1 {
    background-color: #00acbb;
    color: #fff;
}
.banner_slide .swiper-slide .banner_bg .banner_txt p.p3 a.a1:hover {
    opacity: 0.8;
}
.banner_slide .swiper-slide .banner_bg .banner_txt p.p3 a.a2:hover {
    background-color: #00acbb;
    color: #fff;
}
.banner_slide .banner_sp {
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    bottom: 140px;
    z-index: 999;
    text-align: center;
}
.banner_slide .banner_sp span {
    opacity: 1;
    background-color: #b1b5be;
    border-radius: 0px;
    margin: 0px 4px;
    height: 3px;
    width: 40px;
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.banner_slide .banner_sp span i {
    width: 0px;
    height: 3px;
    background-color: #fff;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}
.banner_slide .banner_sp span.on i {
    width: 100%;
    transition: 6s linear;
    -webkit-transition: 6s linear;
    -o-transition: 6s linear;
    -moz-transition: 6s linear;
}
.sfl_01 {
    overflow: hidden;
    background-color: #fff;
    padding: 0.5rem 0px 0.2rem 0px;
}
.sfl_01_c {
    width: 100%;
    overflow: visible;
    margin-top: 0.37rem;
    border: 1px solid #eaeaea;
    height: 0.98rem;
    -moz-box-shadow: 18px 0px 21px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 18px 0px 21px rgba(0, 0, 0, 0.05);
    box-shadow: 18px 0px 21px rgba(0, 0, 0, 0.05)
}
.sfl_01_c ul li {
    width: 20%;
    overflow: visible;
    float: left;
    position: relative;
    text-align: center;
    line-height: 0.98rem;
}
.sfl_01_c ul li i {
    width: 1px;
    height: 0.37rem;
    display: block;
    overflow: hidden;
    background-color: #dcdcdc;
    position: absolute;
    right: 0px;
    top: 0.31rem;
}
.sfl_01_c ul li span {
    display: inline-block;
    font-size: 16px;
    color: #222;
    padding-left: 0.58rem;
}
.sfl_01_c ul li span.sp1 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/sfl_03.png") left center no-repeat;
    background-size: 0.33rem;
}
.sfl_01_c ul li span.sp2 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/sfl_04.png") left center no-repeat;
    background-size: 0.34rem;
}
.sfl_01_c ul li span.sp3 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/sfl_05.png") left center no-repeat;
    background-size: 0.31rem;
}
.sfl_01_c ul li span.sp4 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/sfl_06.png") left center no-repeat;
    background-size: 0.38rem;
}
.sfl_01_c ul li span.sp5 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/sfl_07.png") left center no-repeat;
    background-size: 0.38rem;
}
.sfl_01_c ul li span.sp6 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/rly_01.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li span.sp7 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/rly_02.png") left center no-repeat;
    background-size: 0.33rem;
}
.sfl_01_c ul li span.sp8 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/rly_03.png") left center no-repeat;
    background-size: 0.26rem;
}
.sfl_01_c ul li span.sp9 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/rly_04.png") left center no-repeat;
    background-size: 0.38rem;
}
.sfl_01_c ul li span.sp10 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/rly_05.png") left center no-repeat;
    background-size: 0.41rem;
}
.sfl_01_c ul li span.sp11 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p7_01.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li span.sp12 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p7_02.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li span.sp13 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p7_03.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li span.sp14 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p7_04.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li span.sp15 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p7_05.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li span.sp16 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p8_02.png") left center no-repeat;
    background-size: 0.35rem;
}
.sfl_01_c ul li span.sp17 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p8_03.png") left center no-repeat;
    background-size: 0.51rem;
}
.sfl_01_c ul li span.sp18 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p8_04.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li span.sp19 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p8_05.png") left center no-repeat;
    background-size: 0.38rem;
}
.sfl_01_c ul li span.sp20 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p9_02.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li span.sp21 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p9_03.png") left center no-repeat;
    background-size: 0.42rem;
}
.sfl_01_c ul li span.sp22 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p9_04.png") left center no-repeat;
    background-size: 0.35rem;
}
.sfl_01_c ul li span.sp23 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p9_05.png") left center no-repeat;
    background-size: 0.37rem;
}
.sfl_01_c ul li span.sp24 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p9_06.png") left center no-repeat;
    background-size: 0.38rem;
}
.sfl_01_c ul li span.sp25 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p13_01.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li span.sp26 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p13_02.png") left center no-repeat;
    background-size: 0.41rem;
}
.sfl_01_c ul li span.sp27 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p13_03.png") left center no-repeat;
    background-size: 0.41rem;
}
.sfl_01_c ul li span.sp28 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p13_04.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li span.sp29 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p13_05.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li span.sp30 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p14_01.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li span.sp31 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p14_02.png") left center no-repeat;
    background-size: 0.31rem;
}
.sfl_01_c ul li span.sp32 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p14_03.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li span.sp33 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p14_04.png") left center no-repeat;
    background-size: 0.41rem;
}
.sfl_01_c ul li span.sp34 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p14_05.png") left center no-repeat;
    background-size: 0.34rem;
}
.sfl_01_c ul li span.sp35 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p14_06.png") left center no-repeat;
    background-size: 0.41rem;
}
.sfl_01_c ul li b {
    width: 100%;
    height: 0.1rem;
    display: none;
    overflow: hidden;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/sfl_08.png") center no-repeat;
    background-size: auto 100%;
    position: absolute;
    left: 0px;
    bottom: -0.1rem;
}
.sfl_01_c ul li.on span.sp1 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/sfl_03_on.png") left center no-repeat;
    background-size: 0.33rem;
}
.sfl_01_c ul li.on span.sp2 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/sfl_04_on.png") left center no-repeat;
    background-size: 0.34rem;
}
.sfl_01_c ul li.on span.sp3 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/sfl_05_on.png") left center no-repeat;
    background-size: 0.31rem;
}
.sfl_01_c ul li.on span.sp4 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/sfl_06_on.png") left center no-repeat;
    background-size: 0.38rem;
}
.sfl_01_c ul li.on span.sp5 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/sfl_07_on.png") left center no-repeat;
    background-size: 0.38rem;
}
.sfl_01_c ul li.on span.sp6 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/rly_01_on.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li.on span.sp7 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/rly_02_on.png") left center no-repeat;
    background-size: 0.33rem;
}
.sfl_01_c ul li.on span.sp8 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/rly_03_on.png") left center no-repeat;
    background-size: 0.26rem;
}
.sfl_01_c ul li.on span.sp9 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/rly_04_on.png") left center no-repeat;
    background-size: 0.38rem;
}
.sfl_01_c ul li.on span.sp10 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/rly_05_on.png") left center no-repeat;
    background-size: 0.41rem;
}
.sfl_01_c ul li.on span.sp11 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p7_01_on.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li.on span.sp12 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p7_02_on.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li.on span.sp13 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p7_03_on.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li.on span.sp14 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p7_04_on.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li.on span.sp15 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p7_05_on.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li.on span.sp16 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p8_02_on.png") left center no-repeat;
    background-size: 0.35rem;
}
.sfl_01_c ul li.on span.sp17 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p8_03_on.png") left center no-repeat;
    background-size: 0.51rem;
}
.sfl_01_c ul li.on span.sp18 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p8_04_on.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li.on span.sp19 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p8_05_on.png") left center no-repeat;
    background-size: 0.38rem;
}
.sfl_01_c ul li.on span.sp20 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p9_02_on.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li.on span.sp21 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p9_03_on.png") left center no-repeat;
    background-size: 0.42rem;
}
.sfl_01_c ul li.on span.sp22 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p9_04_on.png") left center no-repeat;
    background-size: 0.35rem;
}
.sfl_01_c ul li.on span.sp23 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p9_05_on.png") left center no-repeat;
    background-size: 0.37rem;
}
.sfl_01_c ul li.on span.sp24 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p9_06_on.png") left center no-repeat;
    background-size: 0.38rem;
}
.sfl_01_c ul li.on span.sp25 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p13_01_on.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li.on span.sp26 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p13_02_on.png") left center no-repeat;
    background-size: 0.41rem;
}
.sfl_01_c ul li.on span.sp27 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p13_03_on.png") left center no-repeat;
    background-size: 0.41rem;
}
.sfl_01_c ul li.on span.sp28 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p13_04_on.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li.on span.sp29 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p13_05_on.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li.on span.sp30 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p14_01_on.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li.on span.sp31 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p14_02_on.png") left center no-repeat;
    background-size: 0.31rem;
}
.sfl_01_c ul li.on span.sp32 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p14_03_on.png") left center no-repeat;
    background-size: 0.4rem;
}
.sfl_01_c ul li.on span.sp33 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p14_04_on.png") left center no-repeat;
    background-size: 0.41rem;
}
.sfl_01_c ul li.on span.sp34 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p14_05_on.png") left center no-repeat;
    background-size: 0.34rem;
}
.sfl_01_c ul li.on span.sp35 {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/p14_06_on.png") left center no-repeat;
    background-size: 0.41rem;
}
.sfl_01_c ul li.on {
    background-color: #00adbb;
}
.sfl_01_c ul li.on span {
    color: #fff;
}
.sfl_01_c ul li.on b {
    display: block;
}
.rly_01 {
    overflow: hidden;
    background-color: #fff;
}
.rly_01 ul li {
    width: 100%;
    overflow: hidden;
}
.sfl_tab_change ul li {
    display: none;
}
.sfl_tab_change ul li:nth-child(1) {
    display: block;
}
.rly_01 ul li:nth-child(2n) {
    background-color: #f8f9fb;
}
.rly_01 ul li .wrap_on {
    overflow: hidden;
    display: table;
}
.rly_01 ul li .sfl_02_cell {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
.rly_01 ul li .sfl_02_img img {
    display: block;
    width: 100%;
}
.rly_01 ul li .sfl_02_img_wap {
    display: none;
}
.rly_01 ul li .sfl_02_txt {
    padding-left: 1.2rem;
}
.rly_01 ul li .sfl_02_txt p {
    width: 100%;
    display: block;
    overflow: hidden;
}
.rly_01 ul li .sfl_02_txt p.p1,
.rly_01 ul li .sfl_02_txt h3.p1 {
    font-size: 24px;
    color: #292929;
    line-height: 2;
}
.rly_01 ul li .sfl_02_txt p.p2 {
    margin-top: 0.09rem;
}
.rly_01 ul li .sfl_02_txt p.p2 i {
    display: block;
    overflow: hidden;
    margin: 0.1rem 0px;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/sfl_09.png") left 0.065rem no-repeat;
    background-size: 0.1rem;
    padding-left: 0.21rem;
    font-size: 14px;
    color: #292929;
}
.rly_01 ul li .sfl_02_txt p.p3 {
    margin-top: 0.3rem;
}
.rly_01 ul li .sfl_02_txt p.p3 a {
    display: inline-block;
    line-height: 40px;
    padding: 0px 20px;
    border-radius: 50px;
    background-color: #00adbb;
    font-size: 16px;
    color: #fff;
    margin-left: 0.1rem;
}
.rly_01 ul li .sfl_02_txt p.p3 a span {
    display: inline-block;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/jfa_06_on.png") left center no-repeat;
    background-size: 0.22rem;
    padding-left: 0.37rem;
}
.rly_01 ul li .sfl_02_txt p.p3 a:hover {
    opacity: 0.9;
}
.rly_01 ul li .sfl_02_txt p.p3 a:nth-child(1) {
    margin-left: 0px;
}
.p7_03 {
    overflow: hidden;
    background-color: #fff;
    padding: 1.04rem 0px 1.2rem 0px;
}
.p7_03_c {
    width: 100%;
    overflow: visible;
    padding-top: 0.56rem;
}
.p7_03_c ul li {
    width: 31.25%;
    margin-right: 3.125%;
    overflow: visible;
    float: left;
    height: 2.03rem;
    position: relative;
}
.p7_03_c ul li:nth-child(3) {
    margin-right: 0px;
}
.p7_03_c ul li img {
    width: 1.43rem;
    display: block;
    position: absolute;
    left: 0px;
    top: 0.3rem;
    border-radius: 50%;
}
.p7_03_c ul li em {
    display: block;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    border-radius: 0.08rem;
    font-style: normal;
    margin-left: 0.73rem;
    height: 2.03rem;
    -moz-box-shadow: 0px 18px 21px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 18px 21px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 18px 21px rgba(0, 0, 0, 0.06);
}
.p7_03_c ul li em span {
    display: block;
    overflow: hidden;
    margin-left: 1.09rem;
    font-size: 20px;
    color: #2c2c2c;
    line-height: 0.38rem;
    margin-top: 0.63rem;
}
.p7_03_c ul li em i {
    display: block;
    overflow: hidden;
    margin-left: 1.09rem;
    font-size: 16px;
    color: #7c7c7c;
    line-height: 0.3rem;
    margin-top: 0.06rem;
}
.p7_03_c ul li:nth-child(1) img {
    -moz-box-shadow: 8px 0px 18px rgba(255, 102, 112, 0.38);
    -webkit-box-shadow: 8px 0px 18px rgba(255, 102, 112, 0.38);
    box-shadow: 8px 0px 18px rgba(255, 102, 112, 0.38)
}
.p7_03_c ul li:nth-child(2) img {
    -moz-box-shadow: 8px 0px 18px rgba(57, 151, 252, 0.38);
    -webkit-box-shadow: 8px 0px 18px rgba(57, 151, 252, 0.38);
    box-shadow: 8px 0px 18px rgba(57, 151, 252, 0.38)
}
.p7_03_c ul li:nth-child(3) img {
    -moz-box-shadow: 8px 0px 18px rgba(93, 211, 214, 0.38);
    -webkit-box-shadow: 8px 0px 18px rgba(93, 211, 214, 0.38);
    box-shadow: 8px 0px 18px rgba(93, 211, 214, 0.38)
}
.sfl_02 {
    overflow: hidden;
    background-color: #fff;
}
.sfl_02 ul li {
    width: 100%;
    overflow: hidden;
}
.sfl_02 ul li:nth-child(2n) {
    background-color: #f8f9fb;
}
.sfl_02 ul li .wrap_on {
    overflow: hidden;
    display: table;
}
.sfl_02 ul li .sfl_02_cell {
    display: table-cell;
    vertical-align: middle;
}
.sfl_02 ul li .sfl_02_img {
    width: 62.5%;
}
.sfl_02 ul li .sfl_02_img img {
    display: block;
    width: 100%;
}
.sfl_02 ul li .sfl_02_img_wap {
    display: none;
}
.sfl_02 ul li .sfl_02_txt {
    width: 37.5%;
}
.sfl_02 ul li .sfl_02_txt p {
    width: 100%;
    display: block;
    overflow: hidden;
}
.sfl_02 ul li .sfl_02_txt p.p1,
.sfl_02 ul li .sfl_02_txt h3.p1 {
    font-size: 24px;
    color: #292929;
    line-height: 1.5;
}
.sfl_02 ul li .sfl_02_txt p.p2 {
    margin-top: 0.09rem;
}
.sfl_02 ul li .sfl_02_txt p.p2 i {
    display: block;
    overflow: hidden;
    margin: 0.1rem 0px;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/sfl_09.png") left center no-repeat;
    background-size: 0.1rem;
    padding-left: 0.21rem;
    font-size: 14px;
    color: #292929;
}
.sfl_02 ul li .sfl_02_txt p.p3 {
    margin-top: 0.3rem;
}
.sfl_02 ul li .sfl_02_txt p.p3 a {
    display: inline-block;
    line-height: 45px;
    padding: 0px 25px;
    border-radius: 40px;
    background-color: #00adbb;
    font-size: 18px;
    color: #fff;
}
.sfl_02 ul li .sfl_02_txt p.p3 a span {
    display: inline-block;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/jfa_06_on.png") left center no-repeat;
    background-size: 0.22rem;
    padding-left: 0.37rem;
}
.sfl_02 ul li .sfl_02_txt p.p3 a:hover {
    opacity: 0.9;
}
.p7_01 {
    overflow: hidden;
    background-color: #fff;
    padding: 1.22rem 0px 0.88rem 0px;
}
.p7_01_c {
    width: 100%;
    overflow: visible;
    margin-top: 0.47rem;
}
.p7_01_c ul li {
    width: 18.4%;
    float: left;
    overflow: visible;
    margin-right: 2%;
    position: relative;
}
.p7_01_c ul li:nth-child(5) {
    margin-right: 0px;
}
.p7_01_c ul li img {
    width: 1.43rem;
    display: block;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -0.715rem;
    border-radius: 50%;
}
.p7_01_c ul li:nth-child(1) img {
    -moz-box-shadow: 8px 0px 18px rgba(255, 102, 112, 0.38);
    -webkit-box-shadow: 8px 0px 18px rgba(255, 102, 112, 0.38);
    box-shadow: 8px 0px 18px rgba(255, 102, 112, 0.38)
}
.p7_01_c ul li:nth-child(2) img {
    -moz-box-shadow: 8px 0px 18px rgba(57, 151, 252, 0.38);
    -webkit-box-shadow: 8px 0px 18px rgba(57, 151, 252, 0.38);
    box-shadow: 8px 0px 18px rgba(57, 151, 252, 0.38)
}
.p7_01_c ul li:nth-child(3) img {
    -moz-box-shadow: 8px 0px 18px rgba(93, 211, 214, 0.38);
    -webkit-box-shadow: 8px 0px 18px rgba(93, 211, 214, 0.38);
    box-shadow: 8px 0px 18px rgba(93, 211, 214, 0.38)
}
.p7_01_c ul li:nth-child(4) img {
    -moz-box-shadow: 8px 0px 18px rgba(255, 196, 57, 0.38);
    -webkit-box-shadow: 8px 0px 18px rgba(255, 196, 57, 0.38);
    box-shadow: 8px 0px 18px rgba(255, 196, 57, 0.38)
}
.p7_01_c ul li:nth-child(5) img {
    -moz-box-shadow: 8px 0px 18px rgba(165, 76, 212, 0.38);
    -webkit-box-shadow: 8px 0px 18px rgba(165, 76, 212, 0.38);
    box-shadow: 8px 0px 18px rgba(165, 76, 212, 0.38)
}
.p7_01_c ul li .jfa_01c_c {
    width: 100%;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    border-radius: 0.08rem;
    margin-top: 0.715rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -moz-box-shadow: 8px 0px 18px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 8px 0px 18px rgba(0, 0, 0, 0.06);
    box-shadow: 8px 0px 18px rgba(0, 0, 0, 0.06);
}
.p7_01_c ul li .jfa_01c_c em {
    display: block;
    overflow: hidden;
    font-style: normal;
    margin: 0px 0.20rem;
    margin-top: 0.715rem;
    margin-bottom: 0.37rem;
}
.p7_01_c ul li .jfa_01c_c em span {
    width: 100%;
    display: block;
    overflow: hidden;
    font-size: 18px;
    line-height: 0.34rem;
    margin-top: 0.24rem;
    text-align: center;
}
.p7_01_c ul li .jfa_01c_c em i {
    width: 100%;
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #999;
    line-height: 1.5;
    margin-top: 0.19rem;
    text-align: center;
}
.sub_01 {
    overflow: hidden;
    position: relative;
}
.sub_01 img.img1 {
    width: 100%;
    display: block;
}
.sub_01 img.img1_small {
    width: 100%;
    display: none;
}
.sub_01_c1 {
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -0.96rem;
}
.sub_01_c1 p {
    width: 100%;
    overflow: hidden;
}
.sub_01_c1 p.p1 {
    font-size: 0.48rem;
    color: #fff;
    line-height: 0.77rem;
}
.sub_01_c1 p.p2 {
    font-size: 18px;
    color: #fff;
    line-height: 0.5rem;
    margin-top: 0.15rem;
}
.sub_01_c8 {
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -1.13rem;
}
.sub_01_c8 p {
    width: 100%;
    overflow: hidden;
    color: #fff;
}
.sub_01_c8 p.p_img {}
.sub_01_c8 p.p_img img {
    height: 0.73rem;
    display: block;
    width: auto;
}
.sub_01_c8 p.p1 {
    font-size: 0.48rem;
    line-height: 0.65rem;
    margin-top: 0.23rem;
}
.sub_01_c8 p.p2 {
    font-size: 0.3rem;
    line-height: 0.65rem;
}
.ins_01 {
    overflow: hidden;
    background-color: #fff;
    padding: 0.87rem 0px 1rem 0px;
}
.ins_01_t {
    width: 100%;
    overflow: hidden;
}
.ins_01_t p {
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 36px;
    color: #111;
    line-height: 2;
    padding-bottom: 0.08rem;
    position: relative;
}
.ins_01_t p b {
    width: 0.18rem;
    height: 0.04rem;
    display: block;
    overflow: hidden;
    background-color: #00adbb;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -0.09rem;
}
.ins_01_c1 {
    width: 100%;
    overflow: hidden;
    margin-top: 0.4rem;
}
.ins_01_c1 p {
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    color: #111;
    line-height: 0.36rem;
}
.ins_01_c1 p a {
    color: #00adbb;
    text-decoration: underline;
}
.ins_01_c2 {
    width: 100%;
    overflow: visible;
    margin-top: 0.42rem;
}
.ins_01_c2 ul li {
    width: 23.5%;
    overflow: hidden;
    float: left;
    position: relative;
    margin-right: 2%;
    -moz-box-shadow: 6px 0px 13px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 6px 0px 13px rgba(0, 0, 0, 0.06);
    box-shadow: 6px 0px 13px rgba(0, 0, 0, 0.06);
}
.ins_01_c2 ul li:nth-child(4) {
    margin-right: 0px;
}
.ins_01_c2 ul li .em1 {
    width: 100%;
    overflow: hidden;
}
.ins_01_c2 ul li .em1 img {
    width: 100%;
    display: block;
}
.ins_01_c2 ul li .em2 {
    overflow: hidden;
    margin: 0.23rem 0.35rem;
    /* height: 2.3rem; */
}
.ins_01_c2 ul.list-paddingleft-2 {
    display: flex;
}
.ins_01_c2 ul li .em2 p {
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    color: #666;
    margin-top: 0.11rem;
}
.ins_01_c2 ul li .em2 p.p1 {
    font-size: 24px;
    color: #111;
    line-height: 1.5;
    margin-top: 0px;
}
.ins_01_c2 ul li:hover {
    background-color: #00adbb;
    -moz-box-shadow: 10px 0px 20px rgba(0, 173, 187, 0.25);
    -webkit-box-shadow: 10px 0px 20px rgba(0, 173, 187, 0.25);
    box-shadow: 10px 0px 20px rgba(0, 173, 187, 0.25);
}
.ins_01_c2 ul li:hover .em2 p {
    color: #fff;
}
.ins_01_c2 ul li:hover .em2 p.p1 {
    color: #fff;
}
.ins_02 {
    overflow: hidden;
    padding: 0.87rem 0px 0.96rem 0px;
}
.ins_02_c {
    width: 100%;
    overflow: hidden;
    margin-top: 0.48rem;
}
.ins_02_c ul li {
    width: 20%;
    overflow: hidden;
    float: left;
    position: relative;
}
.ins_02_c ul li img {
    width: 100%;
    display: block;
}
.ins_02_c ul li em {
    width: 100%;
    display: block;
    overflow: hidden;
    font-style: normal;
}
.ins_02_c ul li em.em1 {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    background-color: rgba(55, 61, 65, 0.65);
    display: flex;
    justify-content: center;
    align-items: center;
}
.ins_02_c ul li em.em2 {}
.ins_02_c ul li em.em2 span {
    display: block;
    overflow: hidden;
    margin: 0px 0.35rem;
    color: #fff;
}
.ins_02_c ul li em.em2 span.sp1 {
    position: relative;
    padding-bottom: 0.28rem;
}
.ins_02_c ul li em.em2 span.sp1 img {
    width: auto;
    height: 0.49rem;
    display: block;
    margin: 0px auto;
    padding: 0px;
}
.ins_02_c ul li em.em2 span.sp1 b {
    width: 0.23rem;
    height: 0.02rem;
    display: block;
    overflow: hidden;
    background-color: #fff;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -0.115rem;
}
.ins_02_c ul li em.em2 span.sp2 {
    font-size: 24px;
    text-align: center;
    line-height: 0.36rem;
    margin-top: 0.23rem;
}
.ins_02_c ul li em.em2 span.sp3 {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 0.16rem;
    display: none;
}
.ins_02_c ul li:hover em.em1 {
    background-color: rgba(0, 173, 187, 0.65);
}
.ins_02_c ul li:hover em.em2 span.sp3 {
    display: block;
}
.ins_02_b {
    width: 100%;
    overflow: hidden;
    margin-top: 0.31rem;
}
.ins_02_b p {
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    color: #888;
    line-height: 1.5;
}
.ins_02_b p.p1 {
    position: relative;
    font-size: 24px;
    line-height: 1.5;
    color: #111;
    margin-bottom: 0.08rem;
}
.ins_02_b p.p1 b {
    width: 0.05rem;
    height: 0.22rem;
    display: block;
    overflow: hidden;
    background-color: #00adbb;
    position: absolute;
    left: 0px;
    top: 0.08rem;
}
.ins_02_b p.p1 span {
    margin-left: 0.2rem;
}
.ins_02_b img {
    max-width: 100%;
}
.ins_03 {
    overflow: hidden;
    background-color: #fff;
    padding: 0.88rem 0px 1rem 0px;
}
.ins_04 {
    overflow: hidden;
    padding: 0.8rem 0px 1.05rem 0px;
    background-color: #f5f6fb;
}
.ins_04_c {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 0.63rem;
}
.ins_04_c b.b_x {
    width: 100%;
    height: 1px;
    display: block;
    overflow: hidden;
    background-color: #c9d6d7;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -0.5px;
    z-index: 990;
}
.ins_04_c .wrap_in {
    position: relative;
    overflow: hidden;
    z-index: 999;
}
.ins_04_c .ins_04c_prev {
    width: 0.43rem;
    height: 0.43rem;
    display: block;
    overflow: hidden;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/ins_03.png") center no-repeat #bbbbbb;
    background-size: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -0.215rem;
    z-index: 999;
}
.ins_04_c .ins_04c_prev:hover {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/ins_03.png") center no-repeat #00adbb;
    background-size: 100%;
}
.ins_04_c .ins_04c_next {
    width: 0.43rem;
    height: 0.43rem;
    display: block;
    overflow: hidden;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/ins_04.png") center no-repeat #bbbbbb;
    background-size: 100%;
    border-radius: 50%;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -0.215rem;
    z-index: 999;
}
.ins_04_c .ins_04c_next:hover {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/ins_04.png") center no-repeat #00adbb;
    background-size: 100%;
}
.ins_04c_slide {
    width: 85.4375%;
    overflow: visible;
    margin: 0px auto;
    padding: 0px;
}
.ins_04c_slide .swiper-slide {
    width: 100%;
    overflow: visible;
    position: relative;
    background-color: #f5f6fb;
}
.ins_04c_slide .swiper-slide ul li {
    width: 20%;
    overflow: visible;
    float: left;
    height: 3.95rem;
    position: relative;
}
.ins_04c_slide .swiper-slide ul li span {
    width: 0.85rem;
    height: 0.85rem;
    text-align: center;
    position: relative;
    z-index: 999;
    line-height: 0.85rem;
    display: block;
    overflow: hidden;
    background-color: #fff;
    border: 0.03rem solid #eee;
    border-radius: 50%;
    margin: 0px auto;
    padding: 0px;
    margin-top: 1.54rem;
    font-size: 0.24rem;
    color: #333;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
}
.ins_04c_slide .swiper-slide ul li .ins_04c_u {
    position: absolute;
    left: -0.35rem;
    top: 0px;
}
.ins_04c_slide .swiper-slide ul li .ins_04c_u b {
    width: 0.21rem;
    height: 0.08rem;
    display: block;
    overflow: hidden;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/ins_01.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    bottom: -0.08rem;
    margin-left: -0.105rem;
}
.ins_04c_slide .swiper-slide ul li .ins_04c_d {
    position: absolute;
    left: -0.35rem;
    bottom: 0px;
}
.ins_04c_slide .swiper-slide ul li .ins_04c_d b {
    width: 0.21rem;
    height: 0.08rem;
    display: block;
    overflow: hidden;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/ins_02.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: -0.08rem;
    margin-left: -0.105rem;
}
.ins_04c_slide .swiper-slide ul li .ins_04c_txt {
    width: 3.4rem;
    background-color: #fff;
    height: 1.15rem;
}
.ins_04c_slide .swiper-slide ul li .ins_04c_txt p {
    font-size: 16px;
    color: #666;
    width: auto;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/rly_06.jpg") left 0.08rem no-repeat;
    padding-left: 0.15rem;
    line-height: 1.5;
    /* height: 0.5rem; */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
}
.ins_04c_slide .swiper-slide ul li:hover span {
    background-color: #00adbb;
    color: #fff;
}
.ins_04cfr {
    margin: 0.3rem 0.25rem;
}
.ins_05 {
    overflow: hidden;
    background-color: #fff;
    padding: 0.84rem 0px 1rem 0px;
}
.ins_05_t {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-top: 0.82rem;
}
.ins_05_t ul {
    font-size: 0px;
}
.ins_05_t ul li {
    display: inline-block;
    overflow: hidden;
    width: 3.1rem;
    position: relative;
}
.ins_05_t ul li p {
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.ins_05_t ul li p.p1 {
    line-height: 1.5;
    font-size: 16px;
    color: #888;
}
.ins_05_t ul li p.p1 i {
    font-size: 60px;
    color: #00adbb;
}
.ins_05_t ul li p.p2 {
    line-height: 1.5;
    font-size: 16px;
    color: #888;
}
.ins_05_t ul li b {
    width: 1px;
    height: 0.79rem;
    display: block;
    background-color: #f3f0f0;
    position: absolute;
    right: 0px;
    top: 0.11rem;
}
.ins_05_c {
    width: 100%;
    overflow: visible;
    padding-top: 0.62rem;
}
.ins_05_c ul li {
    width: 15.625%;
    overflow: hidden;
    float: left;
    margin-right: 1.25%;
    -moz-box-shadow: 6px 0px 13px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 6px 0px 13px rgba(0, 0, 0, 0.06);
    box-shadow: 6px 0px 13px rgba(0, 0, 0, 0.06);
}
.ins_05_c ul li:nth-child(6) {
    margin-right: 0px;
}
.ins_05_c ul li em {
    width: 100%;
    display: block;
    overflow: hidden;
    font-style: normal;
}
.ins_05_c ul li em.em1 {}
.ins_05_c ul li em.em1 img {
    width: 100%;
    display: block;
}
.ins_05_c ul li em.em2 {
    width: auto;
    margin: 0.26rem 0.32rem;
    height: 2.4rem;
}
.ins_05_c ul li em.em2 span {
    width: 100%;
    display: block;
    overflow: hidden;
    font-size: 22px;
    color: #333;
    line-height: 1.5;
}
.ins_05_c ul li em.em2 i {
    width: 100%;
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #222;
    margin-top: 0.16rem;
    line-height: 1.5;
    text-align: justify;
    text-justify: inter-ideograph;
}
.sub_01_c9 {
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -0.69rem;
}
.sub_01_c9 p {
    width: 100%;
    overflow: hidden;
    color: #fff;
}
.sub_01_c9 p.p1 {
    font-size: 0.48rem;
    line-height: 0.84rem;
}
.sub_01_c9 p.p2 {
    font-size: 30px;
    line-height: 1.5;
    margin-top: 0.14rem;
}
.ins_06 {
    overflow: hidden;
    margin-top: 0.58rem;
}
.ins_06 .wrap_in {
    background-color: #fff;
    overflow: hidden;
}
.ins_06 .fl {
    width: 49%;
}
.ins_06 .fl img {
    width: 100%;
    display: block;
}
.ins_06 .fr {
    width: 51%;
}
.ins_06_fr {
    overflow: hidden;
    margin: 0px 0.6rem;
}
.ins_06_fr p {
    width: 100%;
    overflow: hidden;
}
.ins_06_fr p.p1 {
    font-size: 28px;
    color: #333;
    line-height: 1.5;
    padding-bottom: 0.16rem;
    position: relative;
    margin-top: 0.74rem;
}
.ins_06_fr p.p1 b {
    width: 0.23rem;
    height: 0.03rem;
    display: block;
    overflow: hidden;
    background-color: #e5e5e5;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.ins_06_fr p.p2 {
    font-size: 18px;
    color: #888;
    line-height: 1.5;
    margin-top: 0.2rem;
}
.ins_06_fr p.p3 {
    margin-top: 0.54rem;
}
.ins_06_fr p.p3 a {
    /* width: 1.44rem; */
    height: 45px;
    display: inline-block;
    overflow: hidden;
    border-radius: 4px;
    background-color: #00adbb;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 45px;
    padding: 0 20px;
}
.cter_03 {
    overflow: hidden;
    margin-top: 0.4rem;
    margin-bottom: 0.54rem;
}
.cter_03 .breadcrumb-link{
  font-size: 14px;
  margin: 0 0 20px 0;
  color: #424242;
}
.cter_03 .breadcrumb-link .breadcrumb-color{
  color: #00acbb;
}
.cter_03 .cter_03_l {
    width: 70%;
    overflow: hidden;
    background-color: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    padding: 0px 0.38rem;
    border-radius: 0.04rem;
}
.cter_03 .cter_03_l a{
    color: #00acbb;
}
.cter_03 .cter_03_r {
    width: 28%;
    overflow: hidden;
    float: right;
}
.cter_03l_t {
    width: 100%;
    overflow: hidden;
    text-align: center;
    position: relative;
    font-size: 0.24rem;
    color: #00adbb;
    line-height: 0.43rem;
    margin-top: 0.16rem;
    padding-bottom: 0.17rem;
    font-weight: bold;
}
.cter_03l_t h1 {
    margin: 0px;
    padding: 0px;
    font-size: 0.24rem;
    font-weight: 500;
}
.cter_03l_t i {
    width: 100%;
    height: 1px;
    display: block;
    overflow: hidden;
    background-color: #e5e5e5;
    position: absolute;
    left: 0px;
    bottom: 1px;
}
.cter_03l_t b {
    width: 0.2rem;
    height: 3px;
    display: block;
    overflow: hidden;
    background-color: #00adbb;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -0.1rem;
    z-index: 9;
}
.cter_03l_c {
    width: 100%;
    overflow: hidden;
    margin-top: 0.39rem;
}
.cter_03l_c video {
    width: 100%;
    overflow: hidden;
}
.cter_03l_c p {
    width: 100%;
    overflow: hidden;
    line-height: 0.38rem;
    padding: 0.18rem 0px;
    background-color: #f4f5fb;
}
.cter_03l_c p span {
    float: left;
    font-size: 0.2rem;
    color: #444;
    margin-left: 0.19rem;
}
.cter_03l_c p a {
    float: right;
    margin-right: 0.19rem;
    width: 1.48rem;
    height: 0.38rem;
    display: block;
    overflow: hidden;
    background-color: #00b3c1;
    border-radius: 0.38rem;
    font-size: 0.18rem;
    color: #fff;
    text-align: center;
}
.cter_03l_c p a i {
    display: inline-block;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/cter_05.png") right center no-repeat;
    background-size: 0.22rem;
    padding-right: 0.3rem;
}
.cter_03l_c1 {
    width: 100%;
    overflow: hidden;
    margin-top: 0.24rem;
}
.cter_03l_c1 p {
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    color: #222;
    line-height: 2em;
    margin-top: 0.12rem;
}
.cter_03l_c1 p.p1 {
    line-height: 50px;
    position: relative;
    font-size: 0.26rem;
    color: #444;
}
.cter_03l_c1 p.p1 b {
    width: 0.05rem;
    height: 0.25rem;
    display: block;
    background-color: #00adbb;
    position: absolute;
    left: 0px;
    top: 0.18rem;
}
.cter_03l_c1 p.p1 span {
    float: left;
    margin-left: 0.2rem;
}
.cter_03l_b {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    margin-top: 0.4rem;
    padding-top: 0.14rem;
    margin-bottom: 0.5rem;
}
.cter_03l_b a {
    width: 3rem;
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #666;
    line-height: 0.3rem;
}
.cter_03l_b a.fr {
    text-align: right;
}
.cter_03l_b a.fl span {
    display: inline-block;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/cter_03.png") left center no-repeat;
    background-size: 0.13rem;
    padding-left: 0.34rem;
}
.cter_03l_b a.fr span {
    display: inline-block;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/cter_04.png") right center no-repeat;
    background-size: 0.13rem;
    padding-right: 0.34rem;
}
.cter_03r_01 {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0px 0.3rem;
    background-color: #fff;
    border-radius: 0.04rem;
}
.cter_03r_t {
    width: 100%;
    height: 0.49rem;
    overflow: hidden;
    position: relative;
    padding-bottom: 3px;
    margin-top: 0.2rem;
}
.cter_03r_t i {
    width: 100%;
    display: block;
    overflow: hidden;
    background-color: #e5e5e5;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.cter_03r_t span {
    display: inline-block;
    font-size: 0.24rem;
    color: #333;
    position: relative;
    line-height: 0.49rem;
    padding-bottom: 3px;
}
.cter_03r_t span b {
    width: 100%;
    height: 3px;
    display: block;
    overflow: hidden;
    background-color: #00adbb;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.cter_03r01_c {
    width: 100%;
    overflow: hidden;
    margin-bottom: 0.47rem;
}
.cter_03r01_c ul li {
    width: 100%;
    overflow: hidden;
    margin-top: 0.26rem;
}
.cter_03r01_c ul li span {
    width: 2.68rem;
    display: block;
    overflow: hidden;
    float: left;
    font-size: 0.16rem;
    color: #888;
    line-height: 0.3rem;
}
.cter_03r01_c ul li img {
    width: 0.84rem;
    float: right;
    border-radius: 0.03rem;
}
.cter_03r_02 {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0px 0.3rem;
    background-color: #fff;
    margin-top: 0.17rem;
    border-radius: 0.04rem;
}
.cter_03r02_c {
    width: 100%;
    overflow: hidden;
    padding-bottom: 0.3rem;
}
.cter_03r02_c ul li {
    width: 100%;
    overflow: hidden;
    padding-top: 0.2rem;
}
.cter_03r02_c ul li em.em1 {
    width: 22%;
    display: block;
    overflow: hidden;
    font-style: normal;
    float: left;
}
.cter_03r02_c ul li em.em1 img {
    width: 0.64rem;
    display: block;
    border-radius: 50%;
}
.cter_03r02_c ul li em.em2 {
    float: right;
    width: 78%;
    overflow: hidden;
    font-style: normal;
    padding-bottom: 0.15rem;
    border-bottom: 1px dashed #e5e5e5;
}
.cter_03r02_c ul li em.em2 span {
    width: 100%;
    display: block;
    overflow: hidden;
}
.cter_03r02_c ul li em.em2 span.sp1 {
    font-size: 0.16rem;
    color: #333;
    line-height: 0.24rem;
}
.cter_03r02_c ul li em.em2 span.sp2 {
    font-size: 0.16rem;
    color: #888;
    line-height: 0.24rem;
    font-weight: bold;
    margin-top: 0.04rem;
}
.cter_03r02_c ul li:nth-child(4) em.em2 {
    border-bottom: 0px;
}
.sub_01_c11 {
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -1.3rem;
}
.sub_01_c11 p {
    width: 100%;
    overflow: hidden;
    color: #fff;
}
.sub_01_c11 p.p1 {
    font-size: 0.48rem;
    line-height: 0.84rem;
}
.sub_01_c11 p.p2 {
    font-size: 24px;
    line-height: 1.5;
    margin-top: 0.14rem;
}
.sub_01_c11 p.p3 {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 0.2rem;
}
.cter_04r_t {
    width: 100%;
    /* height: 0.67rem; */
    overflow: hidden;
    position: relative;
    margin-top: 0.08rem;
}
.cter_04r_t i {
    width: 100%;
    display: block;
    overflow: hidden;
    background-color: #e5e5e5;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: 1px;
}
.cter_04r_t span {
    display: inline-block;
    font-size: 20px;
    color: #00adbb;
    position: relative;
    line-height: 1.5;
    padding-bottom: 0.10rem;
}
.cter_04r_t span b {
    width: 100%;
    height: 3px;
    display: block;
    overflow: hidden;
    background-color: #00adbb;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.cter_04r_c {
    width: 100%;
    overflow: hidden;
    margin-top: 0.4rem;
}
.cter_04r_c ul li {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dashed #e8e8e8;
    padding-bottom: 0.39rem;
    margin-bottom: 0.31rem;
}
.cter_04r_c ul li em.em1 {
    width: 30%;
    overflow: hidden;
    float: left;
    font-style: normal;
}
.cter_04r_c ul li em.em1 img {
    width: 100%;
    display: block;
}
.cter_04r_c ul li em.em2 {
    width: 67%;
    overflow: hidden;
    float: right;
    font-style: normal
}
.cter_04r_c ul li em.em2 span {
    width: 100%;
    display: block;
    overflow: hidden;
}
.cter_04r_c ul li em.em2 span.sp1 {
    font-size: 18px;
    color: #444;
    line-height: 1.5;
}
.cter_04r_c ul li em.em2 span.sp2 {
    font-size: 14px;
    color: #888;
    line-height: 1.5;
    margin-top: 0.15rem;
}
.cter_04r_c ul li em.em2 span.sp3 {
    margin-top: 0.12rem;
    line-height: 1.5;
}
.cter_04r_c ul li em.em2 span.sp3 i {
    float: left;
    display: inline-block;
    font-size: 16px;
    color: #888;
}
.cter_04r_c ul li em.em2 span.sp3 i.i1 {
    display: inline-block;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/cter_07.jpg") left center no-repeat;
    background-size: 0.23rem;
    padding-left: 0.32rem;
}
.cter_04r_c ul li em.em2 span.sp3 i.i2 {
    display: inline-block;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/cter_06.jpg") left center no-repeat;
    background-size: 0.17rem;
    padding-left: 0.26rem;
    margin-left: 0.4rem;
}
.cter_04r_b {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-top: 0.1rem;
    margin-bottom: 0.5rem;
}
.cter_04r_b a {
    width: 1.78rem;
    height: 0.46rem;
    display: inline-block;
    line-height: 0.46rem;
    text-align: center;
    font-size: 0.2rem;
    color: #fff;
    border-radius: 0.46rem;
    background-color: #00adbb;
}
.cter_05 {
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0px 0.3rem;
    border-radius: 0.04rem;
}
.cter_05_t {
    width: 100%;
    overflow: hidden;
    margin-top: 0.3rem;
    position: relative;
}
.cter_05_t input.cter_05t_txt {
    width: 100%;
    height: 0.54rem;
    font-size: 18px;
    color: #333;
    line-height: 1.5;
    border: 0px;
    background-color: #f1f1f1;
    border-radius: 0.08rem;
    padding: 0px 0.19rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cter_05_t input.cter_05t_btn {
    width: 0.21rem;
    height: 100%;
    border: 0px;
    background: none;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/cter_08.png") center no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0.19rem;
    top: 0px;
}
.cter_05_t1 {
    width: 100%;
    overflow: hidden;
    margin-top: 0.18rem;
    line-height: 1.5;
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px;
    color: #333;
}
.cter_05_c {
    width: 100%;
    overflow: hidden;
    margin-top: 0.24rem;
    margin-bottom: 0.23rem;
}
.cter_05_c ul li {
    width: 30%;
    overflow: hidden;
    float: left;
    margin-right: 5%;
    margin-bottom: 0.18rem;
}
.cter_05_c ul li:nth-child(3n) {
    margin-right: 0px;
}
.cter_05_c ul li a {
    width: 100%;
    display: block;
    overflow: hidden;
    line-height: 1.5;
    border: 1px solid #eee;
    border-radius: 0.08rem;
    font-size: 14px;
    color: #333;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cter_05_c ul li a:hover {
    color: #00adbb;
    border: 1px solid #00adbb;
}
.cter_06 {
    width: 100%;
    overflow: hidden;
}
.cter_06 ul li {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 0.17rem;
}
.cter_06 ul li a {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    border-radius: 0.04rem;
    padding: 0.16rem 0px 0.2rem 0px;
}
.cter_06 ul li a span {
    display: block;
    overflow: hidden;
    margin-left: 0.33rem;
}
.cter_06 ul li a span.sp1 {
    font-size: 18px;
    color: #333;
    line-height: 1.5;
}
.cter_06 ul li a span.sp2 {
    font-size: 14px;
    color: #d8d8d8;
    line-height: 1.5;
}
.cter_06 ul li a b {
    width: 0.05rem;
    height: 0.22rem;
    display: block;
    overflow: hidden;
    background-color: #58c5cf;
    position: absolute;
    left: 0px;
    top: 0.35rem;
}
.cter_06 ul li a i {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
}
.cter_06 ul li.li1 a i {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/cter_25.png") right center no-repeat;
    background-size: auto 100%;
}
.cter_06 ul li.li2 a i {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/cter_26.png") right center no-repeat;
    background-size: auto 100%;
}
.cter_06 ul li.li3 a i {
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/cter_27.png") right center no-repeat;
    background-size: auto 100%;
}
.cter_06 ul li.ali4 .article_item{
    background-color: #fff;
    padding-bottom: 10px;
}
.cter_06 ul li.ali4 .article_item a{
    padding: 8px 0 8px 0.33rem;
    border-radius:0;
}
.cter_06 ul li:hover  {
    background-color: #00adbb;
}
.cter_06 ul li.ali4:hover a {
    background-color: #fff;
}
.cter_06 ul li.ali4 .article_item>div:hover a {
    background-color: #00adbb;
    color: #fff;
}
.cter_06 ul li.ali4:hover a b {
    background-color: #58c5cf;
}
.cter_06 ul li:hover a span.sp1 {
    color: #fff;
}
.cter_06 ul li:hover a span.sp2 {
    color: #58c5cf;
}
.cter_06 ul li.ali4:hover a span.sp1 {
    color: #333;
}
.cter_06 ul li.ali4:hover a span.sp2 {
    color: #d8d8d8;
}
.cter_07 {
    width: 100%;
    overflow: hidden;
    margin-top: 0.4rem;
}
.cter_07 ul li {
    width: 48%;
    overflow: hidden;
    float: left;
    margin-right: 4%;
    margin-bottom: 0.4rem;
}
.cter_07 ul li:nth-child(2n) {
    margin-right: 0px;
}
.cter_07 ul li em {
    width: 100%;
    display: block;
    overflow: hidden;
    font-style: normal;
}
.cter_07 ul li em.em1 {
    position: relative;
    border-radius: 2px;
}
.cter_07 ul li em.em1 img {
    width: 100%;
    display: block;
}
.cter_07 ul li em.em1 b {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    background: url("https://cdn-home.ihr360.com/public/mobile/fer/images/cter_09.png") center no-repeat;
    position: absolute;
    left: 0px;
    top: 0px;
    background-size: 0.42rem;
}
.cter_07 ul li em.em2 {}
.cter_07 ul li em.em2 span {
    width: 100%;
    display: block;
    overflow: hidden;
    font-size: 22px;
    color: #444;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 0.13rem;
}
.cter_07 ul li em.em2 i {
    width: 100%;
    display: block;
    overflow: hidden;
    font-size: 18px;
    color: #888;
    line-height: 1.5;
    margin-top: 0.09rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.cter_01_fixed{
  position: relative;
  top:0;
  width: 100%;
  overflow: hidden;
  margin-top: 0.4rem;
  background: #fff;
}
.cter_01_fixed .cter_01_inner{
  width: 100%;
}
.cter_01_fixed .cter_01_inner b{
  width: 0.05rem;
  height: 0.22rem;
  display: block;
  overflow: hidden;
  background-color: #58c5cf;
  position: absolute;
  left: 0;
  top: 15px;
}
.cter_01_fixed .cter_01_inner .img-wrap {
  width: 100%;
  display: block;
  overflow: hidden;
  font-style: normal;
}
.cter_01_fixed .cter_01_inner span.sp1{
  display: block;
  font-size: 18px;
  color: #333;
  line-height: 50px;
  margin-left: 15px;
}
.cter_01_fixed .cter_01_inner img {
  width: 100%;
  display: block;
}
.cter_01_fixed >div .sp2 {
  font-size: 14px;
  display: block;
  color: #999;
  line-height: 30px;
  margin-bottom: 10px;
  margin-left: 15px;
}
.cter_01_fix{
  position: fixed;
  top: 0.99rem;
  width: 23.52%;
  overflow: hidden;
  margin-top: 0;
  background: #fff;
}
.cter_08 {
    width: 100%;
    overflow: hidden;
    margin-bottom: 1.14rem;
}
.anxq_01 {
    overflow: hidden;
    margin-top: 0.6rem;
}
.anxq_01 .wrap_in {
    overflow: hidden;
    background-color: #fff;
    padding-bottom: 0.7rem;
    border-radius: 0.03rem;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 60px;
}
.anxq_01_01 {
    width: 100%;
    overflow: hidden;
    margin-top: 0.38rem;
}
.anxq_0101_t {
    overflow: hidden;
    padding: 0px 0.39rem;
    line-height: 0.53rem;
    position: relative;
    font-size: 0.3rem;
    color: #111;
    font-weight: bold;
}
.anxq_0101_t b {
    width: 0.03rem;
    height: 0.29rem;
    display: block;
    overflow: hidden;
    background-color: #00adbb;
    position: absolute;
    left: 0px;
    top: 0.12rem;
}
.anxq_0101_c {
    overflow: hidden;
    margin: 0px 0.39rem;
}
.anxq_0101_c p {
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    color: #444;
    line-height: 2em;
    margin-top: 0.2rem;
}
.anxq_0101_c p a{
    color: #00acbb;
}
.anxq_0101_c img {
    max-width: 100%;
     width: 100% !important;
     height: auto !important;
}
.anxq_02 {
    overflow: hidden;
    margin-top: 0.75rem;
}
.anxq_02_t {
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.anxq_02_t h5 {
    font-size: 0.45rem;
    color: #111;
    line-height: 0.8rem;
    font-weight: bold;
}
.anxq_02_c {
    margin-top: 0.2rem;
}
.anxq_03 {
    margin-top: 0.09rem;
}
.sub_01_c5 {
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -1.24rem;
}
.in_06_more {
    width: 100%;
    overflow: hidden;
    margin-top: 0.4rem;
    text-align: center;
}
.in_06_more a {
    display: inline-block;
    overflow: hidden;
    /* line-height: 0.68rem; */
    border-radius: 5px;
    font-size: 20px;
    padding: 12px 15px;
    color: #666;
    border: 1 solid #c6ceda;
}
.in_06_more a.a1 {
    background-color: #fff;
}
.in_06_more a:hover {
    background-color: #00acbb;
    border: 0.01rem solid #00acbb;
    color: #fff;
}
.pages {
    overflow: hidden;
    text-align: center;
    margin-top: 0.3rem;
}
.pages a {
    display: inline-block;
    font-size: 14px;
    color: #333;
    border: 1px solid #dcdcdc;
    padding: 5px 9px;
    margin: 0px 5px;
    line-height: 1;
}
.pages a.on {
    background-color: #00adbb;
    border: 1px solid #00adbb;
    color: #fff;
}
.pages a:hover {
    background-color: #00adbb;
    border: 1px solid #00adbb;
    color: #fff;
}
.pages i {
    color: #333;
    display: inline-block;
    margin: 0px 0.04rem;
}
.pages p {
    display: inline-block;
    width: auto;
    margin: 0px 0.04rem;
}
.content-no-top{
    padding-top: 0 !important;
}
@media (min-width: 1901px) {
  html {
    font-size: 100px !important;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: 66px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/10.8);
  }
}
@media (max-width: 567px) {
  html {
    font-size: calc(100vw/7.5);
  }
}
body {
  min-height: 100%;
  font-family: 'PingFang SC', 'zhengti', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  font-size: 16px;
  line-height: 1.5;
  color: #111111;
  background: #fff;
}
@media (max-width: 1580px) {
  body {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
}
img {
  border: 0;
  vertical-align: top;
}
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
}
a,
a:hover,
a:focus {
  text-decoration: none;
}
input,
button {
  -webkit-appearance: none;
  border-radius: 0;
}
button {
  cursor: pointer;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
textarea {
  resize: none;
  overflow: auto;
}
input,
button,
textarea,
select {
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
  color: inherit;
  background: transparent;
}
select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
table {
  border-collapse: collapse;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  zoom: 1;
}
.clear:after {
  content: '';
  display: block;
  clear: both;
}
.container {
  margin: 0 auto;
  width: 100%;
  max-width: 1600px;
}
@media (max-width: 1580px) {
}
@media (max-width: 991px) {
  .container {
    width: 92%;
  }
}
.bg-color1 {
  background-color: #fff;
}
.transition {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.ptb100 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .ptb100 {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
}
.pt100 {
  padding-top: 1rem;
}
@media (max-width: 767px) {
  .pt100 {
    padding-top: 1.2rem;
  }
}
.pb100 {
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .pb100 {
    padding-bottom: 1.2rem;
  }
}
.ptb120 {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
@media (max-width: 767px) {
  .ptb120 {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
}
.pt120 {
  padding-top: 1.2rem;
}
@media (max-width: 767px) {
  .pt120 {
    padding-top: 1.2rem;
  }
}
.pb120 {
  padding-bottom: 1.2rem;
}
@media (max-width: 767px) {
  .pb120 {
    padding-bottom: 1.2rem;
  }
}
.ptb140 {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}
@media (max-width: 767px) {
  .ptb140 {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }
}
.pt140 {
  padding-top: 1.4rem;
}
@media (max-width: 767px) {
  .pt140 {
    padding-top: 1.2rem;
  }
}
.pb140 {
  padding-bottom: 1.4rem;
}
@media (max-width: 767px) {
  .pb140 {
    padding-bottom: 1.2rem;
  }
}
.font16 {
  font-size: 16px;
}
@media (max-width: 1580px) {
  .font16 {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .font16 {
    font-size: 0.28rem;
  }
}
.font18 {
  font-size: 18px;
}
@media (max-width: 1580px) {
  .font18 {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .font18 {
    font-size: 0.3rem;
  }
}
.font20 {
  font-size: 20px;
}
@media (max-width: 1580px) {
  .font20 {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .font20 {
    font-size: 16px;
  }
}
.font24 {
  font-size: 0.24rem;
}
@media (max-width: 1580px) {
  .font24 {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .font24 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .font24 {
    font-size: 0.3rem;
  }
}
.font30 {
  font-size: 0.3rem;
}
@media (max-width: 1199px) {
  .font30 {
    font-size: 0.36rem;
  }
}
@media (max-width: 767px) {
  .font30 {
    font-size: 0.36rem;
  }
}
.font36 {
  font-size: 0.36rem;
}
@media (max-width: 1199px) {
  .font36 {
    font-size: 0.4rem;
  }
}
@media (max-width: 767px) {
  .font36 {
    font-size: 0.42rem;
  }
}
.font40 {
  font-size: 0.43rem;
}
@media (max-width: 1750px) {
.font40 {
  font-size: 0.47rem;
}
}
@media (max-width: 1199px) {
  .font40 {
    font-size: 0.42rem;
  }
}
@media (max-width: 767px) {
  .font40 {
    font-size: 0.46rem;
  }
}
.font48 {
  font-size: 0.48rem;
}
@media (max-width: 1199px) {
  .font48 {
    font-size: 0.42rem;
  }
}
@media (max-width: 767px) {
  .font48 {
    font-size: 0.46rem;
  }
}
.font60 {
  font-size: 0.6rem;
}
@media (max-width: 1199px) {
}
@media (max-width: 767px) {
  .font60 {
    font-size: 0.66rem;
  }
}
#hi-upgrade {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #fff;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
}
#hi-upgrade .hi-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -177px 0 0 -450px;
  width: 900px;
}
#hi-upgrade .hi-wrap .hi-title {
  font-size: 30px;
  line-height: 40px;
  color: #333;
}
#hi-upgrade .hi-wrap .hi-close {
  margin: 10px 0;
  display: inline-block;
  cursor: pointer;
  font-size: 18px;
  color: #0068ff;
}
#hi-upgrade .hi-wrap .hi-close:hover {
  text-decoration: underline;
}
#hi-upgrade .hi-wrap .hi-text1 {
  color: #666;
}
#hi-upgrade .hi-wrap .hi-text1 span {
  color: #0068ff;
}
#hi-upgrade .hi-wrap .hi-text2 {
  position: relative;
  margin: 60px 0;
  color: #333;
}
#hi-upgrade .hi-wrap .hi-text2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 100%;
  border-top: 1px solid #ddd;
}
#hi-upgrade .hi-wrap .hi-text2 span {
  position: relative;
  z-index: 5;
  padding: 0 30px;
  background: #fff;
}
#hi-upgrade .hi-wrap .hi-list {
  overflow: hidden;
}
#hi-upgrade .hi-wrap .hi-list li {
  display: inline-block;
  width: 16%;
}
#hi-upgrade .hi-wrap .hi-list li div {
  margin: 0 auto 5px;
  width: 50px;
  height: 50px;
}
#hi-upgrade .hi-wrap .hi-list li a {
  color: #666;
}
#hi-upgrade .hi-wrap .hi-list li a:hover {
  color: #0068ff;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico1 {
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/hi-llq-1.jpg) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico2 {
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/hi-llq-2.jpg) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico3 {
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/hi-llq-3.jpg) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico4 {
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/hi-llq-4.jpg) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico5 {
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/hi-llq-5.jpg) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico6 {
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/hi-llq-6.jpg) no-repeat center / 100%;
}
/* 导航 */
/* End */
/* End */
.basemenubut {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%;
  width: 22px;
}
.basemenubut span {
  display: block;
  width: 100%;
  height: 2px;
  margin-bottom: 5px;
  border-radius: 3px;
  background-color: #666;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.basemenubut span:last-child {
  margin-bottom: 0;
}
.basemenubut span:nth-child(2) {
  width: 80%;
}
.basemenubut2 span:nth-child(1) {
  transform: rotate(45deg);
  margin: 0;
  margin-top: 2px;
}
.basemenubut2 span:nth-child(2) {
  display: none;
}
.basemenubut2 span:nth-child(3) {
  transform: rotate(-45deg);
  margin: 0;
  margin-top: -2px;
}
/* 公共分页 */
.basepage {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .basepage {
    flex-wrap: wrap;
    padding: 0.4rem 0;
  }
}
.basepage .zong {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #161b27;
}
@media (max-width: 1580px) {
  .basepage .zong {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .basepage .zong {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .basepage .zong {
    order: 1;
  }
}
.basepage .zong span {
  color: #0068ff;
}
.basepage .zong .li {
  margin-right: 0.26rem;
}
.basepage .zong .li:last-child {
  margin-right: 0;
}
.basepage .page {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .basepage .page {
    order: 0;
    width: 100%;
    max-width: 100%;
  }
}
.basepage .page a,
.basepage .page span {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999999;
  background-color: #e7e7e7;
  flex-shrink: 0;
  font-weight: 100;
  font-size: 16px;
  float: left;
  font-size: 18px;
  margin: 0 5px 10px;
}
@media (max-width: 1580px) {
  .basepage .page a,
  .basepage .page span {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .basepage .page a,
  .basepage .page span {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
}
.basepage .page .active {
  background-color: #0068ff;
  color: #fff;
}
.basepage .page .prev,
.basepage .page .next {
  position: relative;
  width: 100px;
  font-weight: inherit;
  font-size: 16px;
  color: #999999;
}
@media (max-width: 1580px) {
  .basepage .page .prev,
  .basepage .page .next {
    font-size: 14px;
    width: 80px;
  }
}
@media (max-width: 991px) {
}
.basepage .page .prev i,
.basepage .page .next i {
  display: block;
}
.basepage .page .prev img,
.basepage .page .next img,
.basepage .page .prev svg,
.basepage .page .next svg {
  width: 20px;
}
.basepage .page .prev img path,
.basepage .page .next img path,
.basepage .page .prev svg path,
.basepage .page .next svg path {
  fill: #cccccc;
}
.basepage .page .prev:hover svg path,
.basepage .page .next:hover svg path {
  fill: #0068ff;
}


.basepage .page .prev i {
  margin-right: 8px;
}
.basepage .page .next i {
  margin-left: 8px;
}
.basepage .page a:hover {
  color: #fff;
  background-color: #0068ff;
}
.basepage .beforew {
  display: flex;
  align-items: center;
  color: #161b27;
  font-size: 18px;
}
@media (max-width: 1580px) {
  .basepage .beforew {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .basepage .beforew {
    font-size: 14px;
  }
}
.basepage .beforew input {
  width: 50px;
  height: 32px;
  border-radius: 3px;
  border: solid 1px #dfe2eb;
  color: #161b27;
  margin: 0 10px;
  text-align: center;
  font-family: 'PingFang SC', 'zhengti', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  font-size: 18px;
}
@media (max-width: 1580px) {
  .basepage .beforew input {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .basepage .beforew input {
    font-size: 14px;
  }
}
.base_img {
  position: relative;
}
.base_img img {
  /*! position: absolute; */
  /*! top: 0; */
  /*! right: 0; */
  /*! bottom: 0; */
  /*! left: 0; */
  width: 100%;
  /*! height: 100%; */
  /*! object-fit: cover; */
}
.base_img:before {
  content: "";
  display: block;
}
/* 面包屑 */
.breadbox .f_cont {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.35rem 0;
}
@media (max-width: 1580px) {
}
@media (max-width: 991px) {
  .breadbox .f_cont {
    padding: 12px 0;
  }
}
.breadbox .f_cont a,
.breadbox .f_cont span {
  font-size: 14px;
  line-height: 26px;
  color: #999999;
  zoom: 1;
}
@media (max-width: 1580px) {
  .breadbox .f_cont a,
  .breadbox .f_cont span {
    font-size: 14px;
    line-height: 24px;
  }
}
.breadbox .f_cont a:after,
.breadbox .f_cont span:after {
  content: '';
  display: block;
  clear: both;
}
.breadbox .f_cont a img,
.breadbox .f_cont span img {
  float: left;
  width: 20px;
}
@media (max-width: 1580px) {
  .breadbox .f_cont a img,
  .breadbox .f_cont span img {
    width: 18px;
  }
}
.breadbox .f_cont span {
  width: 6px;
  margin: 0 18px;
  display: block;
}
@media (max-width: 1580px) {
  .breadbox .f_cont span {
    margin: 0 14px;
  }
}
@media (max-width: 991px) {
  .breadbox .f_cont span {
    margin: 0 8px;
  }
}
.breadbox .f_cont span img,
.breadbox .f_cont span svg {
  width: 10px;
}
.breadbox .f_cont span img path,
.breadbox .f_cont span svg path {
  fill: #999999;
}
.breadbox .f_cont span svg {
  height: 10px;
}
.breadbox .f_cont .on {
  color: #003bb0;
}
.breadbox .f_cont a:last-child {
  color: #666666;
}
@media (max-width: 991px) {
  .breadbox .f_cont a:last-child {
    max-width: 33.333%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
  }
}
@media (max-width: 375px) {
  .breadbox .f_cont a:last-child {
    max-width: 28%;
  }
}
.breadbox .f_cont .wofe {
  display: flex;
}
.breadbox .f_cont .wofe .li {
  display: flex;
  align-items: flex-start;
  padding: 0 6px;
  border: 1px solid #4070f4;
  line-height: 24px;
  font-size: 14px;
  color: #0068ff;
}
.breadbox .f_cont .wofe .li a {
  line-height: 1;
}
/* 文本编辑详情页 */
.make-text {
  line-height: 1.75;
  color: #999999;
  font-size: 16px;
  font-family: 'PingFang SC', 'zhengti', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial' !important;
}
@media (max-width: 1580px) {
  .make-text {
    font-size: 14px;
    line-height: 1.5;
  }
}
@media (max-width: 1199px) {
}
.make-text img {
  max-width: 100%;
  height: auto!important;
}
.make-text table {
  width: 100%!important;
}
@media (max-width: 767px) {
  .make-text table {
    min-width: 700px;
  }
}
.make-text table td {
  color: #666666;
  border: 1px solid #ddd;
  padding: 0.12rem 0.4rem;
}
@media (max-width: 767px) {
  .make-text table td {
    font-size: 16px;
  }
}
.make-text ul,
.make-text li,
.make-text ol {
  list-style: inherit;
}
.make-text ul {
  padding-left: 20px;
}
.make-text h1,
.make-text h2,
.make-text h3,
.make-text h4,
.make-text h5,
.make-text h6 {
  font-weight: revert;
  line-height: 1.22;
  font-size: 0.24rem;
  color: #1F2226;
}
@media (max-width: 1580px) {
  .make-text h1,
  .make-text h2,
  .make-text h3,
  .make-text h4,
  .make-text h5,
  .make-text h6 {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .make-text h1,
  .make-text h2,
  .make-text h3,
  .make-text h4,
  .make-text h5,
  .make-text h6 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .make-text h1,
  .make-text h2,
  .make-text h3,
  .make-text h4,
  .make-text h5,
  .make-text h6 {
    font-size: 0.3rem;
  }
}
@media (max-width: 767px) {
  .make-text h1,
  .make-text h2,
  .make-text h3,
  .make-text h4,
  .make-text h5,
  .make-text h6 {
    font-size: 16px!important;
    line-height: 1.3;
  }
}
.make-text p,
.make-text span {
  font-size: 16px;
  font-family: 'PingFang SC', 'zhengti', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial' !important;
  color: #999;
}
@media (max-width: 767px) {
  .make-text p,
  .make-text span {
    line-height: 24px;
    font-size: 16px!important;
  }
}
.bsTop {
  width: 100%!important;
}
.bsFrameDiv > div {
  height: 208px!important;
}
.bsFrameDiv img {
  margin: 16px!important;
}
/* 法律声明 */
.privacybox {
  background-color: #f5f5f5;
}
.privacybox .tit {
  margin-bottom: 0.18rem;
}
.privacybox .make-text {
  padding-top: 0.34rem;
  border-top: 1px solid #dcdcdc;
}
.privacybox .container {
  padding: 0 2rem;
}
@media (max-width: 767px) {
  .privacybox .container {
    padding: 0;
  }
}
/* End */
/* 网站地图 */
.sitmapbox {
  padding-top: 0.6rem;
}
.sitmapbox .fz_tit {
  font-size: 0.48rem;
  text-align: center;
  margin-bottom: 0.18rem;
}
.sitmapbox .cont .item {
  width: 100%;
  margin-bottom: 0.48rem;
}
.sitmapbox .cont .item:last-child {
  margin-bottom: 0;
}
.sitmapbox .cont .item .tit {
  color: #333;
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
  display: block;
  padding-bottom: 0.24rem;
}
.sitmapbox .cont .item .jut {
  padding-top: 0.2rem;
  width: 100%;
}
.sitmapbox .cont .item .jut .li {
  width: 100%;
  padding-right: 10px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .sitmapbox .cont .item .jut .li {
    width: 50%;
  }
}
.sitmapbox .cont .item .jut .li .name {
  font-size: 16px;
  color: #333;
  display: block;
  padding-left: 10px;
  position: relative;
}
@media (max-width: 767px) {
  .sitmapbox .cont .item .jut .li .name {
    font-size: 14px;
  }
  #map{ width: 100% !important; height: 350px !important;}
}
.sitmapbox .cont .item .jut .li .name:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 12px;
  width: 5px;
  height: 1px;
  background-color: #3d3d3d;
}
@media (min-width: 1200px) {
  .sitmapbox .cont .item .jut .li .name:hover {
    color: #0068ff;
  }
  .sitmapbox .cont .item .jut .li .name:hover:after {
    background-color: #0068ff;
  }
}
.sitmapbox .cont .item .jut .li .nei {
  margin-top: 10px;
}
.sitmapbox .cont .item .jut .li .nei a {
  display: block;
  color: #999;
  font-size: 14px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .sitmapbox .cont .item .jut .li .nei a {
    font-size: 12px;
  }
}
.sitmapbox .cont .item .jut .li .nei a:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .sitmapbox .cont .item .jut .li .nei a:hover {
    color: #0068ff;
  }
}
/* End */
/* 404 */
.f_cuo {
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.f_cuo .container {
  margin: 0;
}
.f_cuo .cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.f_cuo .cont img {
  max-width: 100%;
  margin-bottom: 0.2rem;
}
.f_cuo .cont .text {
  padding-top: 0;
  margin-bottom: 0.44rem;
}
@media (max-width: 748px) {
  .f_cuo .cont .text {
    margin-bottom: 30px;
  }
}
.f_cuo .cont .but {
  width: 180px;
  height: 50px;
  color: #fff;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background-size: 100% 100%;
}
@media (max-width: 1580px) {
  .f_cuo .cont .but {
    font-size: 14px;
    width: 140px;
    height: 45px;
  }
}
.f_cuo .cont .tit {
  font-size: 16px;
  color: #999999;
  margin-top: 12px;
}
@media (max-width: 1580px) {
  .f_cuo .cont .tit {
    font-size: 16px;
    margin-top: 16px;
  }
}
/* End */
svg path {
  opacity: 1;
}
/* 导航 */
.hadheight {
  display: none;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #fff;
   height: 70px;  
  /*height: 130px;*/
  /* 有顶部广告高度 */
}
/*@media (max-width: 991px) {
  .hadheight {
    height: 114px !important;
  }
}*/
@media (max-width: 767px) {
  .hadheight {
    height: 60px !important;
  }
}
.hadbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  zoom: 1;
}
.hadbox:after {
  content: '';
  display: block;
  clear: both;
}
.hadbox-sec1 {
  float: left;
  width: 100%;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  height: 70px;
  line-height: 70px;
}
@media (max-width: 991px) {
  .hadbox-sec1 {
    height: 60px;
    line-height: 60px;
  }
}
@media (max-width: 767px) {
  .hadbox-sec1 {
    height: 60px;
    line-height: 60px;
  }
}
.hadbox-sec1 .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  height: 100%;
}
@media (min-width: 768px) {
  .hadbox-sec1 .container {
    width:100%;
    max-width: 1600px;
  }
}
.hadbox-sec1 .container1 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  height: 100%;
}
@media (min-width: 768px) {
  .hadbox-sec1 .container1 {
    width: 97%;
    max-width: 1844px;
  }
}
.hadbox-sec1 .lt {
  display: flex;
  align-items: center;
  height: 100%;
}
.hadbox-sec1 .lt .logo {
  display: block;
  width: 129px;
  overflow: hidden;
  margin-right: 35px;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .lt .logo {
    margin-right: 30px;
  }
}
@media (max-width: 991px) {
  .hadbox-sec1 .lt .logo {
    width: 110px;
    margin-right: 26px;
  }
}
@media (max-width: 767px) {
  .hadbox-sec1 .lt .logo {
    width: 110px;
  }
}
.hadbox-sec1 .lt .logo img {
  float: left;
  width: 100%;
}
.hadbox-sec1 .lt .logo img:nth-child(2) {
  display: none;
}
.hadbox-sec1 .f_navbox {
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .hadbox-sec1 .f_navbox {
    display: none;
  }
}
.hadbox-sec1 .f_navbox li {
  position: relative;
}
.hadbox-sec1 .f_navbox li .tit {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 16px;
  position: relative;
  padding: 0 0.3rem;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .tit {
    font-size: 16px;
    padding: 0 0.16rem;
  }
}
@media (max-width: 1199px) {
  .hadbox-sec1 .f_navbox li .tit {
    padding: 0 12px;
  }
}
.hadbox-sec1 .f_navbox li .tit i {
  display: block;
  overflow: hidden;
  margin-left: 8px;
  width: 12px;
  height:6px;
  font-size: 13px;
  vertical-align:middle
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .tit i {
    margin-left: 6px;
    font-size: 11px;
  }
}
.hadbox-sec1 .f_navbox li .tit i svg {
  width: 100%;
  float: left;
  max-height: 100%;
}
.hadbox-sec1 .f_navbox li .tit i svg path {
  fill: #fff;
  opacity: 1;
}
.hadbox-sec1 .f_navbox li .tit i img {
  width: 100%;
  float: left;
}
.hadbox-sec1 .f_navbox li .tit i img:nth-child(2) {
  display: none;
}
.hadbox-sec1 .f_navbox li .tit:after {
  content: "";
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  background-color: #0068ff;
  height: 2px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border-radius: 2px;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .tit:after {
    height: 2px;
  }
}
.hadbox-sec1 .f_navbox li ul {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  width: 180px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
  background-color: rgba(255, 255, 255, 0.9);
  line-height: 45px;
  text-align: center;
  border-top: 1px solid rgba(0, 0 0, 0.4);
  display: none;
}
.hadbox-sec1 .f_navbox li ul > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.hadbox-sec1 .f_navbox li ul > li:last-child {
  border-bottom: none;
}
.hadbox-sec1 .f_navbox li ul > li a {
  font-size: 14px;
  color: #333;
}
.hadbox-sec1 .f_navbox li ul > li a:hover {
  color: #0068ff;
}
.hadbox-sec1 .f_navbox li .hover1 {
  background-color: #fff;
  position: absolute;
  top: 100%;
  width:560px;
  padding:30px 40px 30px 30px;
  left: -0.4rem;
  box-shadow: 0 0 5px #eee;
  display:none;
}
.sy0 .left{ width:45%}
.sy0 .right{ width:50%; background:#0068ff; padding:5%; height:300px; position:relative; line-height:22px}
.sy0 .left p a{ font-size:16px; color:#333; display:block; padding:10px 20px; line-height:22px}
.sy0 .left p{ margin-bottom:8%}
.sy0 .left p img{ vertical-align:middle; margin-right:10px} 
.sy0 .left p a:hover{ background:#ebf1f9}
.sy0 .right h3{ font-size:16px}
.sy0 .right h3 strong{ display:block; margin-top:1%; font-size:20px}
.sy0 .right .nnm{ font-size:16px; color:#fff; position:absolute; left:11%; bottom:8%; text-align:center}
.sy0 .right .nnm img{ display:block; margin-bottom:10px}
.hadbox-sec1 .f_navbox li .hover1 .fzq_title {
  width: 100%;
  line-height: 1;
  font-size: 18px;
  font-weight: bold;
  color: #999999;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e9e9e9;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover1 .fzq_title {
    margin-bottom: 16px;
    font-size: 16px;
    padding-bottom: 14px;
  }
}
@media (max-width: 767px) {
  .hadbox-sec1 .f_navbox li .hover1 .fzq_title {
    font-size: 0.3rem;
  }
}
.hadbox-sec1 .f_navbox li .hover1 .fz_jut {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1px;
}
.hadbox-sec1 .f_navbox li .hover1 .fz_jut .item {
  width: 50%;
  padding: 0 1px;
  margin-bottom: 0.15rem;
}
.hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list {
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  padding: 0.2rem 0.2rem;
  display: block;
  border-radius: 10px;
  overflow: hidden;
}
.hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list .font {
  position: relative;
  width: 100%;
}
.hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list .font .fz_tit {
  display: flex;
  align-items: center;
  color: #1a1a1a;
  font-weight: bold;
  font-size: 18px;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list .font .fz_tit {
    font-size: 16px;
  }
}
.hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list .font .fz_tit i {
  opacity: 0;
  display: block;
  width: 8px;
  margin-left: 18px;
  overflow: hidden;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list .font .fz_tit i {
    margin-left: 14px;
  }
}
.hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list .font .fz_tit i svg {
  width: 100%;
  float: left;
}
.hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list .font .fz_tit i svg path {
  fill: #0068ff;
  opacity: 1;
}
.hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list .font .text {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  color: #505050;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list .font .skip {
  width: 100%;
}
.hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list .font .skip a {
  font-size: 14px;
  line-height: 24px;
  color: #505050;
  display: flex;
  align-items: center;
}
.hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list .font .skip a i {
  display: block;
  overflow: hidden;
  width: 6px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  margin-left: 10px;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list .font .skip a i {
    margin-left: 6px;
  }
}
.hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list .font .skip a i svg {
  width: 100%;
  float: left;
}
.hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list .font .skip a i svg path {
  fill: #0068ff;
  opacity: 1;
}
.hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list .font .skip a:hover i {
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
}
.hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0.93rem;
  height: 0.72rem;
  opacity: 0;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/zhengfangximg1.png) center / cover no-repeat;
}
.hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list:hover {
  background-color: #f0f8f9;
}
.hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list:hover .font .fz_tit {
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
}
.hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list:hover .font .fz_tit i {
  opacity: 1;
}
.hadbox-sec1 .f_navbox li .hover1 .fz_jut .item .list:hover:before {
  opacity: 1;
}
.hadbox-sec1 .f_navbox li .hover2 {
  position: absolute;
  top: 100%;
  width: 14rem;
  background-color: #fff;
  line-height: 1.4;
  left: -4.8rem;
  padding: 0.4rem 0.35rem 0.36rem;
  padding-right: 0.4rem;
  border-radius: 0px 0px 10px 10px;
  display: none;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut {
  display: flex;
  align-items: flex-start;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left {
  width: 71.35%;
  display: flex;
  justify-content: space-between;
  padding-right: 0.42rem;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei {
  width: calc(50% - 0.275rem);
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_title {
  width: 100%;
  line-height: 1;
  font-size: 18px;
  font-weight: bold;
  color: #999999;
  padding-bottom: 20px;
  border-bottom: 1px solid #e9e9e9;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_title {
    font-size: 16px;
    padding-bottom: 14px;
  }
}
@media (max-width: 767px) {
  .hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_title {
    font-size: 0.3rem;
  }
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong {
  padding-top: 20px;
  padding-right: 0.6rem;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong {
    padding-top: 16px;
    padding-right: 0;
  }
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item {
  margin-bottom: 0.15rem;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item:last-child {
  margin-bottom: 0;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list {
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  padding: 0.2rem 0.2rem;
  display: block;
  border-radius: 10px;
  overflow: hidden;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list .font {
  width: 100%;
  position: relative;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list .font .fz_zi {
  display: flex;
  align-items: center;
  color: #1a1a1a;
  font-weight: normal;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  font-size: 18px;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list .font .fz_zi {
    font-size: 16px;
  }
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list .font .fz_zi i {
  display: block;
  width: 8px;
  margin-left: 18px;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list .font .fz_zi i {
    margin-left: 14px;
  }
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list .font .fz_zi i svg {
  width: 100%;
  float: left;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list .font .fz_zi i svg path {
  fill: #0068ff;
  opacity: 1;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list .font .text {
  font-size: 14px;
  line-height: 24px;
  color: #505050;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list .font .skip {
  width: 100%;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list .font .skip a {
  font-size: 14px;
  line-height: 24px;
  color: #505050;
  display: flex;
  align-items: center;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list .font .skip a i {
  display: block;
  overflow: hidden;
  width: 6px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  margin-left: 10px;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list .font .skip a i {
    margin-left: 6px;
  }
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list .font .skip a i svg {
  width: 100%;
  float: left;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list .font .skip a i svg path {
  fill: #0068ff;
  opacity: 1;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list .font .skip a:hover i {
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0.93rem;
  height: 0.72rem;
  opacity: 0;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/zhengfangximg1.png) center / cover no-repeat;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list:hover {
  background-color: #f0f8f9;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list:hover .font .fz_zi {
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list:hover .font .fz_zi i {
  opacity: 1;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_zhong .item .list:hover:before {
  opacity: 1;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_link {
  padding-top: 20px;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_link {
    padding-top: 14px;
  }
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_link .fz_li {
  display: flex;
  color: #1a1a1a;
  margin-bottom: 10px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_link .fz_li:last-child {
  margin-bottom: 0;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_link .fz_li i {
  display: block;
  width: 18px;
  text-align: left;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_link .fz_li i {
    width: 16px;
  }
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_link .fz_li span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 18px);
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_link .fz_li span {
    width: calc(100% - 16px);
  }
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_left .fz_nei .fz_link .fz_li:hover {
  color: #0068ff;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_right {
  width: 28.65%;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_right .item {
  display: block;
  position: relative;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_right .item .img {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  z-index: 2;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_right .item .img img {
  width: 100%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_right .item .fz_video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 0.5rem;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_right .item .fz_video img,
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_right .item .fz_video svg {
  width: 100%;
}
.hadbox-sec1 .f_navbox li .hover2 .fz_jut .fz_right .item:hover img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.hadbox-sec1 .f_navbox li .hover3 {
  position: absolute;
  top: 100%;
  left: -1.58rem;
  background-color: #fff;
  border-radius: 0px 0px 10px 10px;
  width: 11.6rem;
  display: none;
  line-height: 1.4;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_jut {
  margin: 0 -0.15rem;
  display: flex;
  padding: 0.4rem 0.5rem;
  padding-right: 0.45rem;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei {
  width: 33.333%;
  padding: 0 0.15rem;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_title {
  width: 100%;
  line-height: 1;
  font-size: 18px;
  font-weight: bold;
  color: #999999;
  padding-bottom: 20px;
  border-bottom: 1px solid #e9e9e9;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_title {
    font-size: 16px;
    padding-bottom: 14px;
  }
}
@media (max-width: 767px) {
  .hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_title {
    font-size: 0.3rem;
  }
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong {
  padding-top: 18px;
  padding-right: 10px;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong {
    padding-top: 16px;
    padding-right: 0;
  }
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item {
  margin-bottom: 2px;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item:last-child {
  margin-bottom: 0;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list {
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  padding: 0.2rem 0.2rem 0.14rem;
  display: block;
  border-radius: 10px;
  overflow: hidden;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list .font {
  width: 100%;
  position: relative;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list .font .fz_zi {
  display: flex;
  align-items: center;
  color: #1a1a1a;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  font-size: 18px;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list .font .fz_zi {
    font-size: 16px;
  }
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list .font .fz_zi i {
  display: block;
  width: 8px;
  margin-left: 18px;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list .font .fz_zi i {
    margin-left: 14px;
  }
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list .font .fz_zi i svg {
  width: 100%;
  float: left;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list .font .fz_zi i svg path {
  fill: #0068ff;
  opacity: 1;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list .font .text {
  font-size: 14px;
  line-height: 24px;
  color: #505050;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list .font .skip {
  width: 100%;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list .font .skip a {
  font-size: 14px;
  line-height: 24px;
  color: #505050;
  display: flex;
  align-items: center;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list .font .skip a i {
  display: block;
  overflow: hidden;
  width: 6px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  margin-left: 10px;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list .font .skip a i {
    margin-left: 6px;
  }
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list .font .skip a i svg {
  width: 100%;
  float: left;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list .font .skip a i svg path {
  fill: #0068ff;
  opacity: 1;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list .font .skip a:hover i {
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1.05rem;
  height: 0.5rem;
  opacity: 0;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/zhengfangximg1.png) left top / cover no-repeat;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list:hover {
  background-color: #f0f8f9;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list:hover .font .fz_zi {
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list:hover .font .fz_zi i {
  opacity: 1;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list:hover:before {
  opacity: 1;
}
/* wxr */
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang{
  display: flex;
  flex-wrap: wrap;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item {
  margin-bottom: 2px;
  width: 50%;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item:last-child {
  margin-bottom: 0;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list {
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  padding: 0.2rem 0.2rem 0.14rem;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  width: 110%;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list .font {
  width: 300px;
  position: relative;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list .font .fz_zi {
  display: flex;
  align-items: center;
  color: #1a1a1a;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  font-size: 18px;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list .font .fz_zi {
    font-size: 16px;
  }
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list .font .fz_zi i {
  display: block;
  width: 8px;
  margin-left: 18px;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list .font .fz_zi i {
    margin-left: 14px;
  }
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list .font .fz_zi i svg {
  width: 100%;
  float: left;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list .font .fz_zi i svg path {
  fill: #0068ff;
  opacity: 1;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list .font .text {
  font-size: 14px;
  line-height: 24px;
  color: #505050;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list .font .skip {
  width: 100%;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list .font .skip a {
  font-size: 14px;
  line-height: 24px;
  color: #505050;
  display: flex;
  align-items: center;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list .font .skip a i {
  display: block;
  overflow: hidden;
  width: 6px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  margin-left: 10px;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list .font .skip a i {
    margin-left: 6px;
  }
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list .font .skip a i svg {
  width: 100%;
  float: left;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list .font .skip a i svg path {
  fill: #0068ff;
  opacity: 1;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list .font .skip a:hover i {
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1.05rem;
  height: 0.5rem;
  opacity: 0;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/zhengfangximg1.png) left top / cover no-repeat;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list:hover {
  background-color: #f0f8f9;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list:hover .font .fz_zi {
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list:hover .font .fz_zi i {
  opacity: 1;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .fz_wang .item .list:hover:before {
  opacity: 1;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_link {
  padding-top: 20px;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_link {
    padding-top: 14px;
  }
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_link .fz_li {
  display: flex;
  color: #1a1a1a;
  margin-bottom: 10px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-size: 18px;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_link .fz_li {
    font-size: 16px;
  }
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_link .fz_li:last-child {
  margin-bottom: 0;
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_link .fz_li i {
  display: block;
  width: 18px;
  text-align: left;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_link .fz_li i {
    width: 16px;
  }
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_link .fz_li span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 18px);
}
@media (max-width: 1580px) {
  .hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_link .fz_li span {
    width: calc(100% - 16px);
  }
}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_link .fz_li:hover {
  color: #0068ff;
}
.hadbox-sec1 .f_navbox li.on .tit {
  color: #ffffff;
}
.hadbox-sec1 .gt {
  display: flex;
  height: 100%;
  align-items: center;
}
.hadbox-sec1 .gt .tel {
  display: flex;
  align-items: center;
  font-size: 14px;
}
@media (max-width: 767px) {
  .hadbox-sec1 .gt .tel {
    font-size: 12px;
    display: none;
  }
}
.hadbox-sec1 .gt .tel i {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 2px;
  overflow: hidden;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .gt .tel i {
    width: 26px;
    height: 26px;
  }
}
.hadbox-sec1 .gt .tel i svg,
.hadbox-sec1 .gt .tel i img {
  width: 100%;
  height: 100%;
  float: left;
}
.hadbox-sec1 .gt .tel i svg path,
.hadbox-sec1 .gt .tel i img path {
  opacity: 1;
  fill: #fff;
}
.hadbox-sec1 .gt .tel strong {
  display: block;
  margin-left: 10px;
  font-size: 22px;
}
@media (max-width: 1199px) {
  .hadbox-sec1 .gt .tel strong {
    margin-left: 6px;
  }
}
@media (max-width: 767px) {
  .hadbox-sec1 .gt .tel strong {
    font-size: 14px;
  }
}
.hadbox-sec1 .gt .login_but {
  position: relative;
  margin-left: 0.15rem;
}
@media (max-width: 767px) {
  .hadbox-sec1 .gt .login_but {
    margin-left: 0.3rem;
    display: none;
  }
}
.hadbox-sec1 .gt .login_but .nut {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 37px;
  border-radius: 20px;
  border: solid 1px #fff;
  color: #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.hadbox-sec1 .gt .login_but .nut i {
  width: 12px;
  height: 10px;
  overflow: hidden;
  margin-left: 10px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  margin-bottom: 4px;
}
.hadbox-sec1 .gt .login_but .nut i svg {
  width: 100%;
  float: left;
  max-height: 100%;
}
.hadbox-sec1 .gt .login_but .nut i svg path {
  fill: #fff;
  opacity: 1;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .gt .login_but .nut {
    width: 96px;
    height: 36px;
    border-radius: 18px;
  }
  .hadbox-sec1 .gt .login_but .nut i {
    margin-left: 12px;
  }
}
@media (max-width: 767px) {
  .hadbox-sec1 .gt .login_but .nut {
    width: 90px;
    height: 32px;
    border-radius: 16px;
    margin-left: 8px;
  }
}
.hadbox-sec1 .gt .login_but .hover1 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  display: none;
  border-radius: 0 0 10px 10px;
  padding: 10px 0;
  overflow: hidden;
  background-color: #fff;
}
.hadbox-sec1 .gt .login_but .hover1 .li {
  display: block;
  background-color: #fff;
  line-height: 42px;
  text-align: center;
  font-size: 14px;
  color: #1a1a1a;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.hadbox-sec1 .gt .login_but .hover1 .li:last-child {
  border-bottom: none;
}
.hadbox-sec1 .gt .login_but .hover1 .li:hover {
  color: #0068ff;
}
.hadbox-sec1 .gt .login_but:hover .nut {
  background-color: #0068ff;
}
.hadbox-sec1 .gt .login_but:hover .nut span {
  color: #fff;
}
.hadbox-sec1 .gt .login_but:hover .nut i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: 8px;
}
.hadbox-sec1 .gt .login_but:hover .nut i svg path {
  fill: #fff !important;
}
.hadbox-sec1 .gt .login_but:hover .hover1 {
  display: block;
}
.hadbox-sec1 .gt .but {
  position: relative;
  line-height: 1.2;
  border-radius: 20px;
  background-color: #0068ff;
  margin-left: 0.36rem;
}
@media (max-width: 1199px) {
  .hadbox-sec1 .gt .but {
    margin-left: 0.22rem;
  }
}
@media (max-width: 1580px) {
  .hadbox-sec1 .gt .but {
    border-radius: 18px;
  }
}
@media (max-width: 1199px) {
  .hadbox-sec1 .gt .but {
    display: none;
  }
}
.hadbox-sec1 .gt .but .tit {
  display: flex;
  align-items: center;
  width: 140px;
  height: 40px;
  cursor: pointer;
  justify-content: center;
  font-size: 16px;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .gt .but .tit {
    width: 100px;
    height: 36px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .hadbox-sec1 .gt .but .tit {
    width: 90px;
    height: 26px;
    font-size: 12px;
  }
}
.hadbox-sec1 .gt .but .tit span {
  display: block;
  transform: translateX(10px);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.hadbox-sec1 .gt .but .tit i {
  display: block;
  width: 7px;
  margin-left: 10px;
  transform: translateX(-10px);
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.hadbox-sec1 .gt .but .tit i svg {
  float: left;
  width: 100%;
}
.hadbox-sec1 .gt .but .tit i svg path {
  opacity: 1;
  fill: #fff;
}
.hadbox-sec1 .gt .but .tit:hover span {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.hadbox-sec1 .gt .but .tit:hover i {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.hadbox-sec1 .gt .qie {
  margin-left: 0.5rem;
}
@media (min-width: 1200px) {
  .hadbox-sec1 .gt .qie {
    display: none;
  }
}
.hadbox-sec1 .gt .qie span {
  background-color: #fff;
}
.hadbox-sec2 {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 999;
  width: 100%;
  height: 100vh;
  height: calc(100vh - 70px);
  background-color: #fff;
  display: none;
}
.hadbox-sec2 .container {
  position: relative;
}
@media (max-width: 1199px) {
  .hadbox-sec2 .container {
    height: 100%;
    padding: 0 ;
  }
}
@media (max-width: 1199px) {
}
.hadbox-sec2 .container .f_portrait {
  width: 120px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #0068ff;
  border-radius: 20px;
  font-size: 14px;
}
.hadbox-sec2 .container .f_portrait i {
  display: block;
  width: 7px;
  margin-left: 10px;
}
.hadbox-sec2 .container .f_portrait i svg {
  width: 100%;
  float: left;
}
.hadbox-sec2 .container .f_portrait i svg path {
  fill: #fff;
}
.hadbox-sec2 .container .navbox {
  padding: 0.6rem 0;
  line-height: 60px;
  height: 100%;
}
.hadbox-sec2 .container .navbox > ul {
  height: calc(100% - 70px);
  margin-bottom: 10px;
  overflow-x: hidden;
  overflow-y: auto;
}
.hadbox-sec2 .container .navbox > ul li {
  list-style: none;
}
.hadbox-sec2 .container .navbox > ul li.active > a > i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.hadbox-sec2 .container .navbox > ul > li {
  border-bottom: 1px solid #ddd;
}
.hadbox-sec2 .container .navbox > ul > li .tit {
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #333;
}
@media (max-width: 767px) {
  .hadbox-sec2 .container .navbox > ul > li .tit {
    font-size: 16px;
  }
}
.hadbox-sec2 .container .navbox > ul > li .tit i {
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  height: 20px;
}
.hadbox-sec2 .container .navbox > ul > li .tit i img,
.hadbox-sec2 .container .navbox > ul > li .tit i svg {
  float: left;
  width: 8px;
}
.hadbox-sec2 .container .navbox > ul > li .tit i img path,
.hadbox-sec2 .container .navbox > ul > li .tit i svg path {
  fill: #333;
}
.hadbox-sec2 .container .navbox > ul > li ul {
  line-height: 35px;
  padding-bottom: 15px;
  padding-left: 16px;
  display: none;
  padding-right: 0;
}
.hadbox-sec2 .container .navbox > ul > li ul li a {
  font-size: 16px;
  color: #666;
  display: flex;
  justify-content: space-between;
}
.hadbox-sec2 .container .navbox > ul > li ul li a i {
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  height: 20px;
}
.hadbox-sec2 .container .navbox > ul > li ul li a i img,
.hadbox-sec2 .container .navbox > ul > li ul li a i svg {
  float: left;
  width: 8px;
}
.hadbox-sec2 .container .navbox > ul > li ul li a i img path,
.hadbox-sec2 .container .navbox > ul > li ul li a i svg path {
  fill: #333;
}
.hadbox-sec2 .container .navbox > ul > li ul li ul a {
  font-size: 14px;
}
.hadbox-sec2 .container .navbox > ul > li ul li.on a {
  color: #0068ff;
}
.hadbox-sec2 .container .navbox > ul > li.on .tit {
  color: #0068ff;
}
.hadbox-sec2 .container .navbox > ul > li.on .tit i svg path {
  fill: #0068ff;
}
.hadbox-sec3 {
  position: absolute;
  top: -100%;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.hadbox-sec3.active {
  top: 0;
}
.hadbox-sec3 .container {
  height: 100%;
}
.hadbox-sec3 .cont {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 500px;
  margin: 0 auto;
}
.hadbox-sec3 .cont .form {
  display: flex;
  align-items: center;
  width: calc(100% - 36px);
  border-radius: 30px;
  border: 1px solid #0068ff;
  padding: 0 30px;
  overflow: hidden;
}
@media (max-width: 1900px) {
  .hadbox-sec3 .cont .form {
    padding: 0 24px;
  }
}
@media (max-width: 1580px) {
  .hadbox-sec3 .cont .form {
    width: calc(100% - 28px);
  }
}
.hadbox-sec3 .cont .form .f_sub {
  outline: none;
  width: 20px;
  border: none;
  background: transparent;
  overflow: hidden;
  height: 30px;
}
@media (max-width: 1900px) {
  .hadbox-sec3 .cont .form .f_sub {
    width: 16px;
  }
}
.hadbox-sec3 .cont .form .f_sub img,
.hadbox-sec3 .cont .form .f_sub svg {
  width: 100%;
  float: left;
}
.hadbox-sec3 .cont .form .f_sub img path,
.hadbox-sec3 .cont .form .f_sub svg path {
  fill: #666;
}
.hadbox-sec3 .cont .form .f_sub svg {
  max-height: 100%;
  margin-top: 2px;
}
.hadbox-sec3 .cont .form .int {
  outline: none;
  width: 80%;
  width: calc(100% - 20px);
  padding: 16px 0;
  font-size: 16px;
  border: none;
  background-color: transparent;
  color: #999999;
  padding-left: 20px;
}
@media (max-width: 1900px) {
  .hadbox-sec3 .cont .form .int {
    font-size: 14px;
    padding: 12px 0;
    padding-left: 14px;
    width: calc(100% - 16px);
  }
}
@media (max-width: 991px) {
  .hadbox-sec3 .cont .form .int {
    padding: 10px 0;
    padding-left: 12px;
  }
}
.hadbox-sec3 .cont .f_close {
  overflow: hidden;
  width: 16px;
  display: block;
}
@media (max-width: 1900px) {
  .hadbox-sec3 .cont .f_close {
    width: 14px;
  }
}
.hadbox-sec3 .cont .f_close img {
  float: left;
  width: 100%;
}
.hadbox-sec4 {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
}
.hadbox-sec4 .cont {
  background-color: #fff;
  display: none;
  border-top: 1px solid #eeeeee;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li {
  display: block;
  width: 100%;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .fz_title {
  width: 100%;
  line-height: 1;
  font-weight: bold;
  padding-bottom: 20px;
  border-bottom: 1px solid #e9e9e9;
  color: #999999;
}
@media (max-width: 1580px) {
  .hadbox-sec4 .cont .pro_cont .lt .fz_item .li .fz_title {
    padding-bottom: 16px;
  }
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei {
  margin: 0 -0.1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-top: 0.28rem;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item {
  width: 50%;
  padding: 0 0.1rem;
  margin-bottom: 2px;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item .list {
  display: flex;
  align-items: flex-start;
  padding: 0.2rem 8px 8px;
  border-radius: 10px;
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item .list .f_icon {
  width: 0.6rem;
  overflow: hidden;
  position: relative;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item .list .f_icon img {
  width: 100%;
  float: left;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item .list .font {
  width: calc(100% - 0.6rem);
  padding-left: 8px;
  position: relative;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item .list .font .tit {
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #1a1a1a;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  font-size: 18px;
}
@media (max-width: 1580px) {
  .hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item .list .font .tit {
    font-size: 16px;
  }
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item .list .font .tit i {
  display: block;
  width: 8px;
  margin-left: 18px;
  overflow: hidden;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  opacity: 0;
}
@media (max-width: 1580px) {
  .hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item .list .font .tit i {
    margin-left: 14px;
  }
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item .list .font .tit i svg {
  width: 100%;
  float: left;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item .list .font .tit i svg path {
  fill: #0068ff;
  opacity: 1;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item .list .font .text {
  font-size: 14px;
  line-height: 24px;
  color: #505050;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item .list .font .skip {
  width: 100%;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item .list .font .skip a {
  font-size: 14px;
  line-height: 24px;
  color: #505050;
  display: flex;
  align-items: center;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item .list .font .skip a i {
  display: block;
  overflow: hidden;
  width: 6px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  margin-left: 10px;
}
@media (max-width: 1580px) {
  .hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item .list .font .skip a i {
    margin-left: 6px;
  }
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item .list .font .skip a i svg {
  width: 100%;
  float: left;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item .list .font .skip a i svg path {
  fill: #0068ff;
  opacity: 1;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item .list .font .skip a:hover i {
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item .list:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0.93rem;
  height: 0.72rem;
  opacity: 0;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/zhengfangximg1.png) center / cover no-repeat;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item:hover .list {
  background-color: #f0f8f9;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item:hover .list:before {
  opacity: 1;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item:hover .list .font .tit {
  padding-left: 6px;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .item:hover .list .font .tit i {
  opacity: 1;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .f_te .list {
  padding-bottom: 0.2rem;
}
.hadbox-sec4 .cont .pro_cont .lt .fz_item .li .f_nei .f_te:hover .list .font .tit i {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.hadbox-sec4 .cont .pro_cont .lt .fz_li2 {
  width: calc(36.171% - 0.25rem);
}
.hadbox-sec4 .cont .pro_cont .lt .fz_li2 .li .f_nei .item {
  width: 100%;
}
@media (max-width: 1580px) {
  .hadbox-sec4 .cont .pro_cont .gt {
    padding-top: 34px;
  }
}
.hadbox-sec4 .cont .pro_cont .gt .item {
  display: block;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  z-index: 2;
  background-color: #f8f8f8;
}
.hadbox-sec4 .cont .pro_cont .gt .item .img {
  width: 100%;
  overflow: hidden;
}
.hadbox-sec4 .cont .pro_cont .gt .item .img img {
  width: 100%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.hadbox-sec4 .cont .pro_cont .gt .item .font {
  padding: 0.2rem 0.28rem 0.24rem;
  width: 100%;
}
.hadbox-sec4 .cont .pro_cont .gt .item .font .tit {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 100%;
  font-size: 18px;
  color: #1a1a1a;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 8px;
}
@media (max-width: 1580px) {
  .hadbox-sec4 .cont .pro_cont .gt .item .font .tit {
    font-size: 16px;
    margin-bottom: 6px;
  }
}
.hadbox-sec4 .cont .pro_cont .gt .item .font .but {
  color: #0068ff;
  display: flex;
  align-items: center;
}
.hadbox-sec4 .cont .pro_cont .gt .item:hover .img img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.hadbox-sec4 .cont .pro_cont .gt .item:hover .font .tit {
  color: #0068ff;
}
.hadbox-sec4 .cont .solu_cont .lt .fz_li2 .li .f_nei .item .list {
  padding: 0.2rem 8px 0.2rem;
  padding-right: 0.68rem;
  padding-left: 0.2rem;
}
.hadbox-sec4 .cont .solu_cont .lt .fz_li2 .li .f_nei .item .list .f_icon {
  width: 0.4rem;
}
.hadbox-sec4 .cont .solu_cont .lt .fz_li2 .li .f_nei .item .list .font {
  width: calc(100% - 0.4rem);
  padding-left: 0.2rem;
}
.hadbox-sec4 .cont .solu_cont .lt .fz_li2 .li .f_nei .item .list .font .text {
  white-space: normal;
  overflow: hidden;
  display: block;
  line-height: 18px;
  margin-top: 4px;
}
.hadbox-sec5 {
  display: none;
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .hadbox-sec5 {
    display: none;
  }
}
.hadbox-sec5 .bag {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hadbox-sec5 .bag img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hadbox-sec5 .close {
  position: absolute;
  right: 0.34rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 58px;
  line-height: 25px;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 5px;
}
.hadbox-sec5 .close i {
  display: block;
  width: 8px;
  margin-right: 8px;
  overflow: hidden;
}
.hadbox-sec5 .close i img {
  float: left;
  width: 100%;
}
.hadbox-sec5 .close span {
  opacity: 0.5;
  font-size: 12px;
}
.hadbox-sec5 .container {
  position: relative;
}
@media (max-width: 767px) {
  .hadbox-sec5 .container {
    display: none;
  }
}
.hadbox-sec5 .container .item {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  height: 60px;
}
@media (max-width: 1580px) {
  .hadbox-sec5 .container .item {
    height: 54px;
  }
}
.hadbox-sec5 .container .item .tit {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 18px;
  padding-right: 0.26rem;
}
@media (max-width: 1580px) {
  .hadbox-sec5 .container .item .tit {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .hadbox-sec5 .container .item .tit {
    font-size: 14px;
    width: 60%;
  }
}
.hadbox-sec5 .container .item .but {
  width: 123px;
  height: 30px;
  background-color: #ffffff;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0068ff;
  flex: 0 0 123px;
  font-size: 16px;
}
@media (max-width: 1580px) {
  .hadbox-sec5 .container .item .but {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .hadbox-sec5 .container .item .but {
    width: 100px;
    flex: 0 0 100px;
  }
}
.hadbox-sec5 .container .item .but i {
  display: block;
  width: 8px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  margin-left: 12px;
}
@media (max-width: 1580px) {
  .hadbox-sec5 .container .item .but i {
    margin-left: 8px;
  }
}
.hadbox-sec5 .container .item .but i img,
.hadbox-sec5 .container .item .but i svg {
  width: 100%;
  float: left;
}
.hadbox-sec5 .container .item .but i img path,
.hadbox-sec5 .container .item .but i svg path {
  opacity: 1;
  fill: #0068ff;
}
.hadbox-sec5:hover .item .but i {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}
.hadbox2 .hadbox-sec1 {
  background-color: #fff;
  border-color: #f1f1f1;
}
.hadbox2 .hadbox-sec1 .lt {
  border-color: #f1f1f1;
}

.hadbox2 .hadbox-sec1 .lt .text {
  color: #999999;
  opacity: 1;
}
.hadbox2 .hadbox-sec1 .f_navbox li .tit {
  color: #666;
font-size: 18px;
 font-weight: normal;
}
.hadbox2 .hadbox-sec1 .f_navbox li .tit i img:nth-child(1) {
  display: block;
}
.hadbox2 .hadbox-sec1 .f_navbox li .tit i img:nth-child(2) {
  display: none;
}
.hadbox2 .hadbox-sec1 .f_navbox .active .tit i img:nth-child(1) {
  display: none;
}
.hadbox2 .hadbox-sec1 .f_navbox .active .tit i img:nth-child(2) {
  display: block;
}
.hadbox2 .hadbox-sec1 .f_navbox li .tit i svg path {
  fill: #aaaaaa;
}
.hadbox2 .hadbox-sec1 .f_navbox li.on .tit,
.hadbox2 .hadbox-sec1 .f_navbox li:hover .tit,
.hadbox2 .hadbox-sec1 .f_navbox li.active .tit {
  color: #0068ff;
}
.hadbox2 .hadbox-sec1 .f_navbox li.on .tit i svg path,
.hadbox2 .hadbox-sec1 .f_navbox li:hover .tit i svg path,
.hadbox2 .hadbox-sec1 .f_navbox li.active .tit i svg path {
  fill: #0068ff;
}
.hadbox2 .hadbox-sec1 .gt .lange {
  border-color: #f1f1f1;
}
.hadbox2 .hadbox-sec1 .gt .lange .tit span {
  opacity: 1;
  color: #333333;
}
.hadbox2 .hadbox-sec1 .gt .lange .tit b img path,
.hadbox2 .hadbox-sec1 .gt .lange .tit b svg path {
  fill: #e5e5e5;
}
.hadbox2 .hadbox-sec1 .gt .tel {
  color: #505050;
  color: #0068ff;
  margin-right:20px;
}
.hadbox2 .hadbox-sec1 .gt .tel i svg path {
  fill: #666666;
}
.hadbox2 .hadbox-sec1 .gt .tel strong {
  color: #0068ff;
}
.hadbox2 .hadbox-sec1 .gt .login_but .nut {
  border-color: #0068ff;
  color: #0068ff;
  font-size: 14px;
}
.hadbox2 .hadbox-sec1 .gt .login_but .nut i svg path {
  fill: #aaaaaa;
}
.hadbox2 .hadbox-sec1 .gt .login_but .nut:hover {
  background-color: #0068ff;
  color: #fff;
}
.hadbox2 .hadbox-sec1 .gt .login_but .nut:hover i svg path {
  fill: #fff;
}
.hadbox2 .hadbox-sec1 .gt .qie span {
  background-color: #666;
}
.hadbox4 {
  box-shadow: 20px 4px 10px 0px rgba(213, 214, 222, 0.3);
}
/* End */
/* 底部 */
.fotbox .fot1 {
  padding-top: 0.86rem;
  padding-bottom: 0.24rem;
}
.fotbox .fot1 .cont {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.fotbox .fot1 .cont .lt {
  width: 69.1875%;
  display: flex;
  padding-right: 0.4rem;
}
@media (max-width: 1580px) {
  .fotbox .fot1 .cont .lt {
    justify-content: space-between;
  }
}
@media (max-width: 1199px) {
  .fotbox .fot1 .cont .lt {
    justify-content: flex-start;
  }
}
@media (max-width: 991px) {
  .fotbox .fot1 .cont .lt {
    width: 100%;
    margin-bottom: 0.6rem;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .fotbox .fot1 .cont .lt {
    flex-wrap: wrap;
    padding-right: 0;
    margin-bottom: 0.9rem;
  }
}
.fotbox .fot1 .cont .lt .item {
  margin-right: 0.9rem;
}
@media (max-width: 1580px) {
  .fotbox .fot1 .cont .lt .item {
    margin-right: 0.6rem;
  }
}
@media (max-width: 1199px) {
  .fotbox .fot1 .cont .lt .item {
    margin-right: 0.6rem;
  }
}
@media (max-width: 767px) {
  .fotbox .fot1 .cont .lt .item {
    width: 100%;
    margin-bottom: 0.5rem;
    margin-right: 0;
  }
  .fotbox .fot1 .cont .lt .item:last-child {
    margin-bottom: 0;
  }
}
.fotbox .fot1 .cont .lt .item:last-child {
  margin-right: 0;
}
.fotbox .fot1 .cont .lt .item .tit {
  color: #010101;
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  align-items: center;
  font-size: 20px;
}
@media (max-width: 1580px) {
  .fotbox .fot1 .cont .lt .item .tit {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .fotbox .fot1 .cont .lt .item .tit {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .fotbox .fot1 .cont .lt .item .tit {
    width: 100%;
  }
}
.fotbox .fot1 .cont .lt .item .tit i {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 10px;
}
@media (min-width: 768px) {
  .fotbox .fot1 .cont .lt .item .tit i {
    display: none;
  }
}
.fotbox .fot1 .cont .lt .item .tit i svg path {
  fill: #010101;
}
.fotbox .fot1 .cont .lt .item .jut {
  padding-top: 14px;
}
@media (max-width: 991px) {
  .fotbox .fot1 .cont .lt .item .jut {
    padding-top: 12px;
  }
}
@media (max-width: 767px) {
  .fotbox .fot1 .cont .lt .item .jut {
    display: none;
  }
}
.fotbox .fot1 .cont .lt .item .jut a {
  font-size: 16px;
  color: #666666;
  display: block;
  transition: all 0.4s;
  margin-bottom: 10px;
}
@media (max-width: 1580px) {
  .fotbox .fot1 .cont .lt .item .jut a {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .fotbox .fot1 .cont .lt .item .jut a {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .fotbox .fot1 .cont .lt .item .jut a {
    font-size: 16px;
    margin-bottom: 0.28rem;
  }
}
.fotbox .fot1 .cont .lt .item .jut a:last-child {
  margin-bottom: 0;
}
.fotbox .fot1 .cont .lt .item .jut a:hover {
  color: #0068ff;
}
.fotbox .fot1 .cont .lt .item .jut a.subtitle:hover {
  color: #666666;
}
.fotbox .fot1 .cont .lt .item.on .tit i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fotbox .fot1 .cont .lt .fz_item {
  margin-right: 0.2rem;
}
@media (max-width: 1199px) {
  .fotbox .fot1 .cont .lt .fz_item {
    max-width: initial;
  }
}
@media (max-width: 767px) {
  .fotbox .fot1 .cont .lt .fz_item {
    margin-right: 0;
  }
}
.fotbox .fot1 .cont .lt .fz_item .jut {
  display: flex;
  flex-wrap: wrap;
}
.fotbox .fot1 .cont .lt .fz_item .jut ul{ width:50%} 
@media (max-width: 1199px) {
  .fotbox .fot1 .cont .lt .fz_item .jut {
    display: block;
  }
}
@media (max-width: 767px) {
  .fotbox .fot1 .cont .lt .fz_item .jut {
    display: none;
  }
}
.fotbox .fot1 .cont .lt .fz_item .jut a {
  width:100%;
}
.fotbox .fot1 .cont .lt .fz_item1 .jut a {
  width:33.333%;
}
.fotbox .fot1 .cont .lt .item .jut a.subtitle {
    font-weight: bold;
}
.fotbox .fot1 .cont .lt .item .jut a.full {
    width: 100%;
}
@media (max-width: 1199px) {
  .fotbox .fot1 .cont .lt .fz_item .jut a {
    width: auto;
  }
}
.fotbox .fot1 .cont .gt {
  padding-left: 0.74rem;
  width: 30.8125%;
}
@media (min-width: 992px) {
  .fotbox .fot1 .cont .gt {
    /*! border-left: 1px solid #eeeeee; */
    padding-bottom: 0.3rem;
  }
}
@media (max-width: 991px) {
  .fotbox .fot1 .cont .gt {
    padding-left: 0;
    width: 60%;
  }
}
@media (max-width: 767px) {
  .fotbox .fot1 .cont .gt {
    width: 100%;
  }
}
.fotbox .fot1 .cont .gt .tit {
  color: #333;
  font-size: 18px;
  margin-bottom: 0.2rem;
  font-weight: bold;
}
@media (max-width: 1580px) {
  .fotbox .fot1 .cont .gt .tit {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
}
.fotbox .fot1 .cont .gt .jut {
  padding-right: 0.6rem;
  overflow-y: scroll;
  height: 84px;
}
.fotbox .fot1 .cont .gt .jut::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.fotbox .fot1 .cont .gt .jut::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #0068ff;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.fotbox .fot1 .cont .gt .jut::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #f1f1f1;
}
.fotbox .fot1 .cont .gt .jut a {
  color: #999;
  font-size: 15px;
  margin-bottom: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  display: block;
}
@media (max-width: 1580px) {
  .fotbox .fot1 .cont .gt .jut a {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .fotbox .fot1 .cont .gt .jut a {
    margin-bottom: 10px;
  }
}
.fotbox .fot1 .cont .gt .jut a:last-child {
  margin-bottom: 0;
}
.fotbox .fot1 .cont .gt .jut a:hover {
  color: #0068ff;
}
.fotbox .fot1 .fz_logo {
  display: flex;
  justify-content: space-between;
  margin-top: 0%;
  padding-top: 0.26rem;
  border-top: 1px solid #eeeeee;
}
@media (max-width: 1580px) {
  .fotbox .fot1 .fz_logo {
    flex-wrap: wrap;
  }
}
.fotbox .fot1 .fz_logo .lt {
  display: flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 1199px) {
  .fotbox .fot1 .fz_logo .lt {
    width: 100%;
    margin-bottom: 0.14rem;
  }
}
@media (max-width: 991px) {
  .fotbox .fot1 .fz_logo .lt {
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .fotbox .fot1 .fz_logo .lt {
    flex-wrap: wrap;
    display: none;
  }
}
.fotbox .fot1 .fz_logo .lt .logo1 {
  display: block;
  width: 117px;
  overflow: hidden;
  margin-right: 0.62rem;
}
@media (max-width: 1900px) {
  .fotbox .fot1 .fz_logo .lt .logo1 {
    width: 100px;
    margin-right: 0.8rem;
  }
}
@media (max-width: 1199px) {
  .fotbox .fot1 .fz_logo .lt .logo1 {
    margin-top: 8px;
  }
}
@media (max-width: 767px) {
  .fotbox .fot1 .fz_logo .lt .logo1 {
    width: 117px;
    margin-bottom: 0.24rem;
  }
}
.fotbox .fot1 .fz_logo .lt .logo1 img {
  float: left;
  width: 100%;
}
.fotbox .fot1 .fz_logo .lt .jut {
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .fotbox .fot1 .fz_logo .lt .jut {
    flex-wrap: wrap;
  }
}
.fotbox .fot1 .fz_logo .lt .jut .li {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #666666;
  margin-right: 0.44rem;
}
@media (max-width: 1900px) {
  .fotbox .fot1 .fz_logo .lt .jut .li {
    font-size: 14px;
  }
}
@media (max-width: 1750px){
.fotbox .fot1 .fz_logo .lt .jut .li { margin-right: 0.6rem;}
	}
@media (max-width: 767px) {
  .fotbox .fot1 .fz_logo .lt .jut .li {
    margin-bottom: 0.14rem;
  }
}
.fotbox .fot1 .fz_logo .lt .jut .li:last-child {
  margin-right: 0;
}
.fotbox .fot1 .fz_logo .lt .jut .li i {
  display: block;
  width: 27px;
  margin-right: 6px;
  overflow: hidden;
}
.fotbox .fot1 .fz_logo .lt .jut .li i img{ width:100%}
.fotbox .fot1 .fz_logo .lt .jut .li i svg {
  width: 100%;
  float: left;
}
.fotbox .fot1 .fz_logo .lt .jut .li i svg path {
  fill: #999999;
}
.fotbox .fot1 .fz_logo .lt .jut .li strong {
  display: block;
  color: #0068ff;
  font-size: 16px;
  font-weight: normal;
}
@media (max-width: 1580px) {
  .fotbox .fot1 .fz_logo .lt .jut .li strong {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .fotbox .fot1 .fz_logo .lt .jut .li strong {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .fotbox .fot1 .fz_logo .lt .jut .li strong {
    font-size: 14px;
  }
}
.fotbox .fot1 .fz_logo .gt {
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .fotbox .fot1 .fz_logo .gt {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .fotbox .fot1 .fz_logo .gt {
    justify-content: space-between;
  }
}
.fotbox .fot1 .fz_logo .gt .fen {
  display: flex;
  align-items: center;
}
.fotbox .fot1 .fz_logo .gt .fen .name {
  color: #666666;
  margin-right: 0.2rem;
  display: block;
}
.fotbox .fot1 .fz_logo .gt .fen .list {
  display: flex;
  align-items: center;
}
.fotbox .fot1 .fz_logo .gt .fen .list .li {
  position: relative;
}
.fotbox .fot1 .fz_logo .gt .fen .list .li .img {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0068ff;
  border-radius: 50%;
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 8px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 567px) {
  .fotbox .fot1 .fz_logo .gt .fen .list .li .img {
    width: 0.66rem;
    height: 0.66rem;
  }
}
.fotbox .fot1 .fz_logo .gt .fen .list .li .img:last-child {
  margin-right: 0;
}
.fotbox .fot1 .fz_logo .gt .fen .list .li .img svg {
  height: 40%;
}
.fotbox .fot1 .fz_logo .gt .fen .list .li .img svg path {
  fill: #fff;
  opacity: 1;
}
.fotbox .fot1 .fz_logo .gt .fen .list .li .hover1 {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-bottom: 10px;
  width: 120px;
  display: none;
  overflow: hidden;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1580px) {
  .fotbox .fot1 .fz_logo .gt .fen .list .li .hover1 {
    width: 100px;
  }
}
.fotbox .fot1 .fz_logo .gt .fen .list .li .hover1 img {
  float: left;
  width: 100%;
}
.fotbox .fot1 .fz_logo .gt .fen .list .li:hover .img {
  opacity: 0.9;
}
.fotbox .fot1 .fz_logo .gt .fen .list .li:hover .hover1 {
  display: block;
}
.fotbox .fot1 .fz_logo .gt .fz_list {
  margin-left: 0.38rem;
  position: relative;
}
.fotbox .fot1 .fz_logo .gt .fz_list .tit {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666666;
  padding: 12px 0.3rem;
  border-radius: 5px;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  border: solid 2px #eeeeee;
}
@media (max-width: 1900px) {
  .fotbox .fot1 .fz_logo .gt .fz_list .tit {
    padding: 10px 0.24rem;
  }
}
@media (max-width: 1199px) {
  .fotbox .fot1 .fz_logo .gt .fz_list .tit {
    padding: 10px 0.36rem;
  }
}
@media (max-width: 567px) {
  .fotbox .fot1 .fz_logo .gt .fz_list .tit {
    padding: 10px 0.4rem;
  }
}
.fotbox .fot1 .fz_logo .gt .fz_list .tit i {
  display: block;
  width: 8px;
  overflow: hidden;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  margin-left: 0.52rem;
}
@media (max-width: 1900px) {
  .fotbox .fot1 .fz_logo .gt .fz_list .tit i {
    margin-left: 0.3rem;
  }
}
.fotbox .fot1 .fz_logo .gt .fz_list .tit i svg {
  width: 100%;
  float: left;
}
.fotbox .fot1 .fz_logo .gt .fz_list .tit i svg path {
  fill: #0068ff;
  opacity: 1;
}
.fotbox .fot1 .fz_logo .gt .fz_list .hover1 {
  position: absolute;
  bottom: 100%;
  width: 100%;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #eeeeee;
  overflow: hidden;
  display: none;
  overflow: auto;
  max-height: 3.2rem;
  z-index: 4;
}
.fotbox .fot1 .fz_logo .gt .fz_list .hover1::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 3px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.fotbox .fot1 .fz_logo .gt .fz_list .hover1::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #0068ff;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.fotbox .fot1 .fz_logo .gt .fz_list .hover1::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #f1f1f1;
}
.fotbox .fot1 .fz_logo .gt .fz_list .hover1 a {
  display: block;
  width: 100%;
  background-color: #fff;
  color: #666666;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  padding: 12px 0.3rem;
  border-bottom: 1px solid #eeeeee;
}
@media (max-width: 1900px) {
  .fotbox .fot1 .fz_logo .gt .fz_list .hover1 a {
    font-size: 14px;
    padding: 10px 0.2rem;
  }
}
@media (max-width: 767px) {
  .fotbox .fot1 .fz_logo .gt .fz_list .hover1 a {
    font-size: 12px;
  }
}
.fotbox .fot1 .fz_logo .gt .fz_list .hover1 a:last-child {
  border-bottom: none;
}
.fotbox .fot1 .fz_logo .gt .fz_list .hover1 a:hover {
  color: #0068ff;
}
.fotbox .fot1 .fz_logo .gt .fz_list.on .tit {
  color: #0068ff;
}
.fotbox .fot1 .fz_logo .gt .fz_list.on .tit i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fotbox .fot2 {
  padding: 16px 0;
  background-color: #f4f4f4;
}
.fotbox .fot2 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .fotbox .fot2 .container {
    line-height: 24px;
  }
}
.fotbox .fot2 .container .lt {
  display: flex;
  flex-wrap: wrap;
}
.fotbox .fot2 .container .lt span,
.fotbox .fot2 .container .lt a {
  font-size: 14px;
  color: #999999;
  display: block;
  margin-right: 12px;
}
@media (max-width: 767px) {
  .fotbox .fot2 .container .lt span,
  .fotbox .fot2 .container .lt a {
    margin: 0 6px;
    font-size: 12px;
  }
}
.fotbox .fot2 .container .lt a:last-child {
  margin-right: 0;
}
.fotbox .fot2 .container .lt a:hover {
  color: #0068ff;
}
.fotbox .fot2 .container .gt {
  display: flex;
}
.fotbox .fot2 .container .gt a {
  display: block;
  margin-right: 0.25rem;
  font-size: 14px;
  color: #999999;
}
.fotbox .fot2 .container .gt a:last-child {
  margin-right: 0;
}
.fotbox .fot2 .container .gt a:hover {
  color: #0068ff;
}
@media (max-width: 767px) {
  .fotbox .fot2 .container .gt a {
    margin-right: 0;
    margin: 0 0.1rem;
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .fotbox .fot2 .container .lt,
  .fotbox .fot2 .container .gt {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}
/* End */
/* banner */
.bannerbox,.bannerbox3 {
  width: 100%;
  height: 9rem;
}
@media (max-width: 767px) {
  .bannerbox,.bannerbox3{
    height: auto;
  }
}
.bannerbox .item,.bannerbox3 .item{
  width: 100%;
  position: relative;
  height: 100%;
  display: block;
}
.bannerbox .item .bag,.bannerbox3 .item .bag {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
}
.bannerbox .item .bag img,
.bannerbox3 .item .bag img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerbox .item .bag img:nth-child(2),
.bannerbox3 .item .bag img:nth-child(2) {
  display: none;
}
@media (max-width: 1200px) {
  .bannerbox .item .bag img:nth-child(1),
  .bannerbox3 .item .bag img:nth-child(1) {
    display: none;
  }
  .bannerbox .item .bag img:nth-child(2),
  .bannerbox3 .item .bag img:nth-child(2) {
    display: block;
  }
  #map{ width: 100% !important; height: 350px !important;}
}
.bannerbox .item .fz_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bannerbox3 .swiper-wrapper1{position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;}
.bannerbox3 .swiper-slide1{
-webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
}  
@media (max-width: 767px) {
  .bannerbox .item .fz_video {
    display: none;
  }
}
.bannerbox .item .fz_video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerbox .item .cont,.bannerbox3 .item .cont {
  position: absolute;
  top: 1.8rem;
  left: 0;
  width: 100%;
  z-index: 3;
}
.bannerbox .item-nn .cont{ top:5.9rem;}
.bannerbox .item-nn .cont .container .tit{ text-align:center}
.bannerbox .item-nn .hm_but{ margin:auto}
.bannerbox3 .item .cont{ top:2.9rem;}
@media (max-width: 767px) {
  .bannerbox .item .cont,.bannerbox3 .item .cont {
    padding: 0.6rem 0;
    top: 0.3rem;
    text-align: center;
  }
}
.bannerbox .item .cont .container,.bannerbox3 .item .cont .container {
  padding-left: 0.3rem;
}
.bannerbox .item-nn .cont .container{ padding-left:10%}
@media (max-width: 767px) {
  .bannerbox .item .cont .container,.bannerbox3 .item .cont .container {
    padding-left: 0;
  }
}
.bannerbox .item .cont .container .logo1 {
  display: block;
  width: 1.48rem;
  overflow: hidden;
  margin-bottom: 0.22rem;
}
@media (max-width: 767px) {
  .bannerbox .item .cont .container .logo1 {
    margin: 0 auto;
    margin-bottom: 0.32rem;
  }
}
.bannerbox .item .cont .container .logo1 img {
  float: left;
  width: 100%;
}
.bannerbox .item .cont .container .tit,
.bannerbox1 .item .cont .container .tit,
.bannerbox3 .item .cont .container .tit {
  font-size: 0.52rem;
  margin-bottom: 0.23rem;
  color: #fff;
  font-weight:bold;
  margin-top: 60px;
}
.bannerbox3 .item .cont .container .tit,.swiper-container .swiper-slide11 .item .cont .container .tit{ font-size:39px;}
.bannerbox .item .cont .container .tit span,
.bannerbox1 .item .cont .container .tit span,
.bannerbox3 .item .cont .container .tit span{ color:#0068ff}
.bannerbox .item .cont .container .tit1,
.bannerbox1 .item .cont .container .tit1,
.bannerbox3 .item .cont .container .tit1{
  font-size: 0.42rem;
  margin-bottom: 0.43rem;
  color: #ffffff;
  font-weight: 500;
}
@media (max-width:1650px) {.bannerbox3 .item .cont .container .tit,.swiper-container .swiper-slide11 .item .cont .container .tit{ font-size:34px}}
@media (max-width:1024px) {.bannerbox3 .item .cont .container .tit,.swiper-container .swiper-slide11 .item .cont .container .tit{ font-size:28px}}
@media (max-width: 767px) {
  .bannerbox .item .cont .container .tit,
  .bannerbox1 .item .cont .container .tit,
  .bannerbox3 .item .cont .container .tit {
    margin-bottom: 0.26rem;
  }
  .bannerbox3 .item .cont .container .tit,.swiper-container .swiper-slide11 .item .cont .container .tit{ font-size:18px}
}
.bannerbox .item .cont .container .text,
.bannerbox1 .item .cont .container .text,
.bannerbox3 .item .cont .container .text
{
  font-size: 18px;
  line-height: 40px;
  max-width: 490px;
  color: #999;
  margin-bottom: 0.7rem;
}
.bannerbox3 .item .cont .container .text,.swiper-container .swiper-slide11 .item .cont .container .text{font-size: 0.52rem; max-width:none;font-weight: bold; color:#333; line-height:1.5}
.bannerbox .item .cont .container .text1 {
  font-size: 16px;
  line-height: 26px;
  max-width: 490px;
  color: #ffffff;
  margin-bottom: 0.64rem;
  word-break: keep-all;
}
.bannerbox .item .cont .container .text2 {
  font-size: 18px;
  line-height: 30px;
  max-width: 490px;
  color: #505050;
  margin-bottom: 0.64rem;
  word-break: keep-all;
}
@media (max-width: 1580px) {
  .bannerbox .item .cont .container .text,
  .bannerbox1 .item .cont .container .text{
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 1580px) {
  .bannerbox .item .cont .container .text1 {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 1580px) {
  .bannerbox .item .cont .container .text2 {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 767px) {
  .bannerbox .item .cont .container .text,
  .bannerbox1 .item .cont .container .text,
  .bannerbox3 .item .cont .container .text {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 767px) {
  .bannerbox .item .cont .container .text1 {
    margin-bottom: 0.5rem;
    word-break: normal;
  }
}
@media (max-width: 767px) {
  .bannerbox .item .cont .container .text2 {
    margin-bottom: 0.5rem;
    word-break: normal;
  }
}
@media (max-width: 767px) {
  .bannerbox .item .cont .container .hm_but {
    margin: 0 auto;
  }
}
.bannerbox .bannerbox-page {
  bottom: 2.2rem;
}
@media (max-width: 991px) {
  .bannerbox .bannerbox-page {
    bottom: 0.4rem;
  }
}
.bannerbox .bannerbox-page span {
  width: 100px;
  height: 5px;
  opacity: 1;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.5);
  background-color: #cccccc;
}
@media (max-width: 1580px) {
  .bannerbox .bannerbox-page span {
    width: 80px;
    height: 3px;
  }
}
@media (max-width: 1199px) {
  .bannerbox .bannerbox-page span {
    width: 60px;
  }
}
.bannerbox .bannerbox-page span:after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background-color: #0068ff;
}
.bannerbox .bannerbox-page .swiper-pagination-bullet-active:after {
  -webkit-animation: width1 5.49s linear;
  animation: width1 5.49s linear;
}
.bannerbox_cont {
  position: relative;
  z-index: 3;
  height: 0;
}
@media (max-width: 1199px) {
  .bannerbox_cont {
    height: auto;
    background-color: #f5f5f5;
    padding: 1.2rem 0 1.2rem;
  }
}
@media (max-width: 767px) {
  .bannerbox_cont {
    zoom: 1;
    padding: 0.8rem 0 0.6rem;
  }
  .bannerbox_cont:after {
    content: '';
    display: block;
    clear: both;
  }
}
.bannerbox_cont .cont {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  display: flex;
  flex-wrap: wrap;
  margin: -0.4rem -10px 0;
}
@media (max-width: 1580px) {
  .bannerbox_cont .cont {
    margin: -0.4rem -8px 0;
  }
}
@media (max-width: 1199px) {
  .bannerbox_cont .cont {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .bannerbox_cont .cont {
    margin: 0 -5px 0;
    float: left;
  }
}
.bannerbox_cont .cont .item {
  width: 25%;
  padding: 0 10px;
}
@media (max-width: 1580px) {
  .bannerbox_cont .cont .item {
    padding: 0 8px;
  }
}
@media (max-width: 1199px) {
  .bannerbox_cont .cont .item {
    width: 50%;
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .bannerbox_cont .cont .item {
    padding: 0 5px;
    margin-bottom: 10px;
  }
}
.bannerbox_cont .cont .item .list {
  display: flex;
  justify-content: space-between;
  height: 100%;
  background-color: #fff;
  box-shadow: inset 0px 0px 0px 1px #ffffff;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  padding: 0.35rem;
}
@media (max-width: 767px) {
  .bannerbox_cont .cont .item .list {
    flex-wrap: wrap;
    padding: 0.2rem 0.3rem;
  }
}
.bannerbox_cont .cont .item .list .bag {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.bannerbox_cont .cont .item .list .bag img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerbox_cont .cont .item .list .font {
  position: relative;
  padding-right: 10px;
  width: calc(100% - 0.6rem);
}
@media (max-width: 767px) {
  .bannerbox_cont .cont .item .list .font {
    width: calc(100% - 0.8rem);
    width: 100%;
    order: 1;
    margin-top: 0.24rem;
    padding-right: 0;
    margin-top: 0;
  }
}
.bannerbox_cont .cont .item .list .font .tit {
  color: #1a1a1a;
  width: 100%;
  margin-bottom: 4px;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
@media (max-width: 767px) {
  .bannerbox_cont .cont .item .list .font .tit {
    font-size: 0.28rem;
    margin-bottom: 0;
  }
}
.bannerbox_cont .cont .item .list .font .text {
  width: 100%;
  font-size: 16px;
  line-height: 30px;
  color: #999;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-transition: all 0.4s 0.2s linear;
  transition: all 0.4s 0.1s linear;
}
@media (max-width: 1580px) {
  .bannerbox_cont .cont .item .list .font .text {
    font-size: 14px;
    line-height: 26px;
  }
}
.bannerbox_cont .cont .item .list .img {
  position: relative;
  width: 1rem;
  overflow: hidden;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
@media (max-width: 767px) {
  .bannerbox_cont .cont .item .list .img {
    width: 0.8rem;
  }
}
.bannerbox_cont .cont .item .list .img img {
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  .bannerbox_cont .cont .item .list .img {
    display: none;
  }
  .bannerbox_cont .cont .item .list .font .text {
    display: none;
  }
}
@media (min-width: 992px) {
  .bannerbox_cont .cont .item .list:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  }
  .bannerbox_cont .cont .item .list:hover .bag {
    opacity: 1;
  }
  .bannerbox_cont .cont .item .list:hover .font .tit {
    color: #0068ff;
  }
  .bannerbox_cont .cont .item .list:hover .img {
    opacity: 0;
  }
}
@-webkit-keyframes width1 {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@keyframes width1 {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
/* End */
/* 首页 */
.base_prev,
.base_next {
  position: absolute;
  top: 50%;
  opacity: 1;
  pointer-events: auto!important;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: none;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  justify-content: center;
  background-color: #fff;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  border: 2px solid #e5e5e5;
}
.base_prev .fzqimg,
.base_next .fzqimg {
  width: 16.666%;
  overflow: hidden;
}
.base_prev .fzqimg img,
.base_next .fzqimg img {
  width: 100%;
  float: left;
}
.base_prev .fzqimg svg,
.base_next .fzqimg svg {
  float: left;
  width: 100%;
}
.base_prev .fzqimg svg path,
.base_next .fzqimg svg path {
  fill: #999999;
  opacity: 1;
}
.base_prev:hover,
.base_next:hover {
  background-color: #0068ff;
  border-color: #0068ff;
}
.base_prev:hover .fzqimg svg path,
.base_next:hover .fzqimg svg path {
  fill: #fff;
}
.base_prev {
  left: -1.1rem;
  left: -0.3rem;
}
@media (max-width: 1199px) {
}
.base_next {
  right: -1.1rem;
  right: -0.3rem;
  border: none;
  border-color: transparent;
}
@media (max-width: 1199px) {
}
.base_next .huan {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.base_next .huan svg {
  width: 100%;
  height: 100%;
}
.base_next .huan svg circle {
  width: 100%;
  height: 100%;
}
.base_next .huan svg circle:nth-child(2) {
  stroke-dasharray: 0 166;
}
.base_next.active .huan svg circle:nth-child(2) {
  stroke-dasharray: 176 166;
  -webkit-transition: all 5s linear;
  transition: all 5s linear;
}
.base_next:hover .huan {
  opacity: 0;
}
.hm_tit {
  text-align: center;
}
.hm_tit .tit {
  color: #1a1a1a;
  font-weight:bold
}
@media (max-width: 767px) {
  .hm_tit .tit {
    margin-bottom: 6px;
    margin-bottom: 0;
  }
}
.hm_tit .text {
  color: #505050;
}
@media (max-width: 375px) {
  .hm_tit .text {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .hm_tit .text {
    display: none;
  }
}
.hm_but {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 1.6rem;
  height: 0.47rem;
  border:2px solid #0068ff;
  background-color: #0068ff;
  border-radius: 0.25rem;
  position: relative;
  overflow: hidden;
}
.hm_but i,
.hm_but span {
  position: relative;
}
.hm_but i {
  display: inline-flex;
  overflow: hidden;
  width: 8px;
  margin-left: 0.2rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.hm_but i svg {
  width: 100%;
  float: left;
}
.hm_but i svg path {
  fill: #fff;
  opacity: 1;
}
@media (max-width: 1580px) {
  .hm_but {
    border-radius: 0.33rem;
  }
  .hm_but i {
    margin-left: 0.22rem;
  }
}
@media (max-width: 567px) {
  .hm_but {
    font-size: 12px;
    width: 2.2rem;
    height: 0.76rem;
    border-radius: 0.38rem;
  }
}
.hm_but:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background-color: #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.hm_but:hover {
  border-color: #0068ff;
  color: #0068ff;
}
.hm_but:hover i {
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
  display:none
}
.hm_but:hover i svg path {
  fill: #0068ff;
}
.hm_but:hover:before {
  width: 100%;
}
@media (min-width: 1200px) {
  .hm-sec1 {
    margin-top: 0.4rem;
  }
}
@media (max-width: 767px) {
  .hm-sec1 {
    overflow: hidden;
  }
}
.hm-sec1 .hm_tit {
  margin-bottom: 0.58rem;
}
.hm-sec1 .nav {
  display: flex;
  justify-content: center;
}
.hm-sec1 .nav .hm1_nav {
  margin: 0;
  max-width: 100%;
}
.hm-sec1 .nav .hm1_nav .swiper-slide {
  width: auto;
  margin: 0 0.6rem;
}
@media (max-width: 767px) {
  .hm-sec1 .nav .hm1_nav .swiper-slide {
    margin: 0 0.2rem;
  }
}
.hm-sec1 .nav .hm1_nav .swiper-slide .item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  position: relative;
  padding-bottom: 20px;
}
@media (max-width: 1580px) {
  .hm-sec1 .nav .hm1_nav .swiper-slide .item {
    padding-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .hm-sec1 .nav .hm1_nav .swiper-slide .item {
    padding-bottom: 12px;
  }
}
.hm-sec1 .nav .hm1_nav .swiper-slide .item .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.96rem;
  height: 0.96rem;
  position: relative;
}
@media (max-width: 767px) {
  .hm-sec1 .nav .hm1_nav .swiper-slide .item .circle {

    width: 1.6rem;
    height: 1.6rem;
  }
}
.hm-sec1 .nav .hm1_nav .swiper-slide .item .circle .img {
  width: 65.625%;
  height: 65.625%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  z-index: 3;
}
.hm-sec1 .nav .hm1_nav .swiper-slide .item .circle .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hm-sec1 .nav .hm1_nav .swiper-slide .item .circle .yaun {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 36%;
  height: 36%;
  width: 62%;
  height: 62%;
  width: 100%;
  height: 100%;
  transform: scale(0.4);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
  transform: translate(-50%, -50%) scale(0.5);
  background-color: #0068ff;
}
.hm-sec1 .nav .hm1_nav .swiper-slide .item .tit {
  line-height: 1;
  color: #505050;
  font-size: 18px;
}
@media (max-width: 1580px) {
  .hm-sec1 .nav .hm1_nav .swiper-slide .item .tit {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .hm-sec1 .nav .hm1_nav .swiper-slide .item .tit {
    font-size: 14px;
  }
}
.hm-sec1 .nav .hm1_nav .swiper-slide .item:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 2px;
  width: 0;
  background-color: #0068ff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.hm-sec1 .nav .hm1_nav .on .item:after {
  width: 100%;
}
.hm-sec1 .nav .hm1_nav .on .item .circle .yaun {
  -webkit-animation: scale1 1.4s linear infinite;
  animation: scale1 2s linear infinite;
}
.hm-sec1 .nav .hm1_nav .on .item .circle .f_scale2 {
  -webkit-animation: scale1 1.4s 1.4s linear infinite;
  animation: scale1 2s 1.4s linear infinite;
}
.hm-sec1 .nav .hm1_nav .on .item .circle .f_scale3 {
  animation-delay: 1.4s;
  display: none;
}
.hm-sec1 .cont {
  width: 100%;
  background-color: #eaf2f5;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .hm-sec1 .cont {
    overflow: visible;
  }
}
.hm-sec1 .cont .item {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 1199px) {
  .hm-sec1 .cont .item {
    flex-wrap: wrap;
  }
}
@media (max-width: 991px) {
  .hm-sec1 .cont .item {
    padding-right: 0;
  }
}
.hm-sec1 .cont .item .lt {
  padding: 0.3rem;
  width: 26.875%;
}
@media (max-width: 1199px) {
  .hm-sec1 .cont .item .lt {
    width: 36%;
  }
}
@media (max-width: 991px) {
  .hm-sec1 .cont .item .lt {
    width: 100%;
/*    margin-bottom: 0.4rem;
*/    margin-bottom: 0;
  }
}
.hm-sec1 .cont .item .lt .font {
  position: relative;
  width: 100%;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: inset 0px 0px 13px 0px #ffffff;
  min-height: 5.2rem;
  overflow: hidden;
  z-index: 4;
  padding: 0.68rem 0.43rem 1.94rem;
}
@media (max-width: 991px) {
  .hm-sec1 .cont .item .lt .font {
    padding-bottom: 1rem;
    min-height: initial;
  }
}
.hm-sec1 .cont .item .lt .font .text {
  position: relative;
  z-index: 2;
  font-size: 18px;
  padding-left: 10px;
  line-height: 28px;
  color: #333333;
}
@media (max-width: 1580px) {
  .hm-sec1 .cont .item .lt .font .text {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 991px) {
  .hm-sec1 .cont .item .lt .font .text {
    line-height: 24px;
  }
}
.hm-sec1 .cont .item .lt .font .wen {
  position: relative;
  z-index: 2;
  margin-bottom: 0.6rem;
}
.hm-sec1 .cont .item .lt .font .wen:before {
  content: "";
  display: block;
  width: 0.7rem;
  height: 64px;
  position: absolute;
  top: -0.46rem;
  left: 0;
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/douhaoimg1.png) center / 100% no-repeat;
}
.hm-sec1 .cont .item .lt .font .staff_font {
  padding: 0.26rem 0.26rem 0;
  color: #999999;
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .hm-sec1 .cont .item .lt .font .staff_font {
    padding: 0.46rem 0.46rem 0;
  }
}
.hm-sec1 .cont .item .lt .font .staff_font:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/xiantiaoim1.svg) top left / 100% no-repeat;
}
@media (max-width: 991px) {
  .hm-sec1 .cont .item .lt .font .staff_font:before {
    height: 20px;
  }
}
.hm-sec1 .cont .item .lt .font .staff_font span {
  color: #28adff;
}
.hm-sec1 .cont .item .lt .font .circle1 {
  position: absolute;
  bottom: 0;
  opacity: 0.3;
  border-radius: 50%;
}
.hm-sec1 .cont .item .lt .font .circle1:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.hm-sec1 .cont .item .lt .font .yuan1 {
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/jianbianimg2.png) center / contain no-repeat;
  width: 79.459459%;
  right: -15.675%;
  bottom: -24%;
  -webkit-animation: trantale1 10s linear infinite;
  animation: trantale1 10s linear infinite;
}
@media (max-width: 991px) {
  .hm-sec1 .cont .item .lt .font .yuan1 {
    width: 2.9rem;
    bottom: -1.6rem;
    right: -0.3rem;
  }
}
.hm-sec1 .cont .item .lt .font .yuan2 {
  background-color: #ddd;
  width: 45.9459%;
  bottom: 0.58rem;
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/jianbianimg1.png) center / contain no-repeat;
  right: -21%;
  -webkit-animation: trantale1 16s 2s linear infinite;
  animation: trantale1 16s 3s linear infinite;
}
@media (max-width: 991px) {
  .hm-sec1 .cont .item .lt .font .yuan2 {
    width: 1.7rem;
    right: -0.4rem;
  }
}
.hm-sec1 .cont .item .gt {
  width: 62.5%;
  width: 73.125%;
}
@media (max-width: 1199px) {
  .hm-sec1 .cont .item .gt {
    width: 64%;
  }
}
@media (max-width: 991px) {
  .hm-sec1 .cont .item .gt {
    width: 76%;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .hm-sec1 .cont .item .gt {
    width: 90%;
  }
}
@media (min-width: 992px) {
  .hm-sec1 .cont .item .gt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.hm-sec1 .cont .item .gt .fz_img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .hm-sec1 .cont .item .gt .fz_img {
    margin-top: -0.6rem;
  }
}
@media (max-width: 767px) {
  .hm-sec1 .cont .item .gt .fz_img {
    margin-top: -0.6rem;
  }
}
.hm-sec1 .cont .item .gt .fz_img img,
.hm-sec1 .cont .item .gt .fz_img video {
  width: 100%;
  float: left;
}
.hm-sec1 .cont .item .gt .fz_img video {
  width: 116%;
  height: 116%;
  margin-left: -8%;
  margin-top: -5%;
  object-fit: cover;
  background-color: transparent;
}
@media (max-width: 767px) {
  .hm-sec1 .cont .item .gt .fz_img video {
    width: 160%;
    height: 100%;
    margin-left: -30%;
  }
}
.hm-sec1 .cont .item .gt .fz_img video:nth-child(2) {
  display: none;
}
@media (max-width: 991px) {
  .hm-sec1 .cont .item .gt .fz_img video {
    height: auto;
  }
  .hm-sec1 .cont .item .gt .fz_img video:nth-child(1) {
    display: none;
  }
  .hm-sec1 .cont .item .gt .fz_img video:nth-child(2) {
    display: block;
  }
}
.hm-sec1 .cont .active {
  position: relative;
  visibility: visible;
  opacity: 1;
}
.hm-sec2 {
/*  background-color: #ebf4f3;*/
  position: relative;
  overflow: hidden;
  padding-bottom:0;
}
.hm-sec2 .hm_tit {
  margin-bottom: 0.42rem;
}
.hm-sec2 .nav {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 0.9rem;
}
.hm-sec2 .nav .hm2_nav {
  max-width: 100%;
  margin: 0;
  border-radius: 25px;
  background-color: #fff;
}
@media (max-width: 1580px) {
  .hm-sec2 .nav .hm2_nav {
    border-radius: 23px;
  }
}
@media (max-width: 991px) {
  .hm-sec2 .nav .hm2_nav {
    border-radius: 21px;
  }
}
.hm-sec2 .nav .hm2_nav .xian {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  position: absolute;
  left: 0;
  height: 100%;
  background-color: #0068ff;
  width: 50%;
  border-radius: 25px;
}
@media (max-width: 1580px) {
  .hm-sec2 .nav .hm2_nav .xian {
    border-radius: 23px;
  }
}
@media (max-width: 991px) {
  .hm-sec2 .nav .hm2_nav .xian {
    border-radius: 21px;
  }
}
.hm-sec2 .nav .hm2_nav .swiper-slide {
  width: auto;
}
.hm-sec2 .nav .hm2_nav .swiper-slide .item {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-left: 0.32rem;
  padding-right: 0.4rem;
  line-height: 50px;
}
@media (max-width: 1580px) {
  .hm-sec2 .nav .hm2_nav .swiper-slide .item {
    line-height: 46px;
  }
}
@media (max-width: 991px) {
  .hm-sec2 .nav .hm2_nav .swiper-slide .item {
    line-height: 42px;
  }
}
@media (max-width: 767px) {
  .hm-sec2 .nav .hm2_nav .swiper-slide .item {
    padding: 0 0.46rem;
  }
}
.hm-sec2 .nav .hm2_nav .swiper-slide .item i {
  overflow: hidden;
  display: block;
  width: 18px;
}
@media (max-width: 1580px) {
  .hm-sec2 .nav .hm2_nav .swiper-slide .item i {
    width: 16px;
  }
}
@media (max-width: 991px) {
  .hm-sec2 .nav .hm2_nav .swiper-slide .item i {
    width: 14px;
  }
}
.hm-sec2 .nav .hm2_nav .swiper-slide .item i img,
.hm-sec2 .nav .hm2_nav .swiper-slide .item i svg {
  float: left;
  width: 100%;
}
.hm-sec2 .nav .hm2_nav .swiper-slide .item i img:nth-child(2) {
  display: none;
}
.hm-sec2 .nav .hm2_nav .swiper-slide .item i svg path {
  fill: #505050;
  opacity: 1;
}
.hm-sec2 .nav .hm2_nav .swiper-slide .item .tit {
  display: block;
  font-size: 18px;
  color: #505050;
  margin-left: 0.16rem;
}
@media (max-width: 1580px) {
  .hm-sec2 .nav .hm2_nav .swiper-slide .item .tit {
    font-size: 16px;
  }
}
.hm-sec2 .nav .hm2_nav .swiper-slide.on .item i svg path {
  fill: #fff;
}
.hm-sec2 .nav .hm2_nav .swiper-slide.on .item i img:nth-child(1) {
  display: none;
}
.hm-sec2 .nav .hm2_nav .swiper-slide.on .item i img:nth-child(2) {
  display: block;
}
.hm-sec2 .nav .hm2_nav .swiper-slide.on .item .tit {
  color: #fff;
}
.hm-sec2 .cont {
  margin-bottom: 0.56rem;
  position: relative;
}
@media (max-width: 991px) {
  .hm-sec2 .cont {
    margin-bottom: 0.1rem;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .hm-sec2 .cont {
    margin: 0 -0.15rem;
    margin-bottom: 0.1rem;
  }
}
.hm-sec2 .cont .item {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  width: 100%;
  display: flex;
  margin: 0 -5px;
}
@media (max-width: 991px) {
  .hm-sec2 .cont .item {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .hm-sec2 .cont .item {
    margin: 0;
  }
}
.hm-sec2 .cont .item .li {
  width: 13.125%;
  flex: 1 1 13.125%;
  padding: 0 5px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .hm-sec2 .cont .item .li {
    width: 33.33%;
    flex: 1 1 33.333%;
    margin-bottom: 0.6rem;
  }
}
@media (max-width: 767px) {
  .hm-sec2 .cont .item .li {
    width: 50%;
    flex: 1 1 50%;
    padding: 0 0.15rem;
    margin-bottom: 0.3rem;
  }
}
@media (max-width: 567px) {
}
.hm-sec2 .cont .item .li .list {
  background-color: #fff;
  border-radius: 5px;
  transition: all 0.4s;
  padding: 0.46rem 0.2rem;
  min-height: 4.1rem;
  flex-direction: column;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
@media (max-width: 1580px) {
  .hm-sec2 .cont .item .li .list {
    min-height: 5rem;
  }
}
@media (max-width: 991px) {
  .hm-sec2 .cont .item .li .list {
    height: 100%;
  }
}
@media (max-width: 767px) {
  .hm-sec2 .cont .item .li .list {
    padding: 0 0.24rem 0.4rem;
    min-height: initial;
    align-items: flex-start;
  }
}
.hm-sec2 .cont .item .li .list .bag {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1.1rem;
  overflow: hidden;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.hm-sec2 .cont .item .li .list .bag img {
  width: 100%;
  float: left;
}
.hm-sec2 .cont .item .li .list .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.hm-sec2 .cont .item .li .list .img img {
  width: 68.8%;
  margin-top: 0.4rem;
}
.hm-sec2 .cont .item .li .list .tit {
  display: flex;
  align-items: center;
  color: #010101;
  width: 100%;
  justify-content: center;
  padding-bottom: 0.32rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .hm-sec2 .cont .item .li .list .tit {
    font-size: 0.3rem;
    justify-content: flex-start;
  }
}
.hm-sec2 .cont .item .li .list .tit i {
  width: 6px;
  display: block;
  margin-left: 8px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .hm-sec2 .cont .item .li .list .tit i {
    display: none;
  }
}
.hm-sec2 .cont .item .li .list .tit i svg {
  width: 100%;
  float: left;
}
.hm-sec2 .cont .item .li .list .tit i svg path {
  opacity: 1;
  fill: #010101;
  fill: #0068ff;
}
.hm-sec2 .cont .item .li .list .jut {
  position: relative;
  width: 100%;
}
.hm-sec2 .cont .item .li .list .jut .but {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0.45rem;
  overflow: hidden;
}
.hm-sec2 .cont .item .li .list .jut .but img {
  width: 100%;
  float: left;
}
.hm-sec2 .cont .item .li .list .jut .text {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  visibility: visible;
  max-height: 1rem;
  color: #999999;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1580px) {
  .hm-sec2 .cont .item .li .list .jut .text {
    font-size: 14px;
    line-height: 22px;
    min-height: 1.8rem;
  }
}
@media (max-width: 991px) {
  .hm-sec2 .cont .item .li .list .jut .text {
    max-height: initial;
  }
}
@media (min-width: 992px) {
  .hm-sec2 .cont .item .li .list .jut .text {
    -webkit-transform: translateY(24px);
    transform: translateY(24px);
  }
}
@media (max-width: 767px) {
  .hm-sec2 .cont .item .li .list .jut .text {
    font-size: 0.24rem;
    text-align: left;
  }
}
.hm-sec2 .cont .item .li .list .jut .nei {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  max-height: 1rem;
  visibility: visible;
}
@media (max-width: 1580px) {
  .hm-sec2 .cont .item .li .list .jut .nei {
    min-height: 1.8rem;
  }
}
@media (max-width: 991px) {
  .hm-sec2 .cont .item .li .list .jut .nei {
    max-height: initial;
  }
}
@media (min-width: 992px) {
  .hm-sec2 .cont .item .li .list .jut .nei {
    -webkit-transform: translateY(24px);
    transform: translateY(24px);
  }
}
.hm-sec2 .cont .item .li .list .jut .nei a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #505050;
  transition: all 0.4s;
  font-size: 18px;
  margin-bottom: 16px;
}
@media (max-width: 1580px) {
  .hm-sec2 .cont .item .li .list .jut .nei a {
    font-size: 16px;
    margin-bottom: 12px;
  }
}
@media (max-width: 991px) {
  .hm-sec2 .cont .item .li .list .jut .nei a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .hm-sec2 .cont .item .li .list .jut .nei a {
    font-size: 0.24rem;
    justify-content: flex-start;
  }
}
.hm-sec2 .cont .item .li .list .jut .nei a:last-child {
  margin-bottom: 0;
}
.hm-sec2 .cont .item .li .list .jut .nei a i {
  flex: 0 0 auto;
  display: block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 8px;
  overflow: hidden;
  margin-left: 10px;
}
.hm-sec2 .cont .item .li .list .jut .nei a i img,
.hm-sec2 .cont .item .li .list .jut .nei a i svg {
  float: left;
  width: 100%;
}
.hm-sec2 .cont .item .li .list .jut .nei a i svg path {
  fill: #0068ff;
}
.hm-sec2 .cont .item .li .list .jut .nei a:hover {
  color: #0068ff;
}
.hm-sec2 .cont .item .li .list .jut .nei a:hover i {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.hm-sec2 .cont .item .li .list .jut .fq_but {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  width: 1.5rem;
  height: 0.45rem;
  background-color: #0068ff;
  border: 1px solid #0068ff;
  overflow: hidden;
  color: #fff;
  margin: 0 auto;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  margin-top: 0.38rem;
  border-radius: 0.225rem;
}
@media (max-width: 1580px) {
  .hm-sec2 .cont .item .li .list .jut .fq_but {
    width: 1.7rem;
    height: 0.56rem;
    border-radius: 0.28rem;
  }
}
@media (max-width: 767px) {
  .hm-sec2 .cont .item .li .list .jut .fq_but {
    width: 2rem;
    height: 0.6rem;
    display: none;
  }
}
@media (max-width: 567px) {
  .hm-sec2 .cont .item .li .list .jut .fq_but {
    width: 2.4rem;
    height: 0.66rem;
    font-size: 12px;
    border-radius: 0.33rem;
    width: 1.8rem;
    height: 0.6rem;
  }
}
.hm-sec2 .cont .item .li .list .jut .fq_but span,
.hm-sec2 .cont .item .li .list .jut .fq_but i {
  position: relative;
}
.hm-sec2 .cont .item .li .list .jut .fq_but i {
  width: 8px;
  margin-left: 0.25rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 567px) {
  .hm-sec2 .cont .item .li .list .jut .fq_but i {
    width: 6px;
  }
}
.hm-sec2 .cont .item .li .list .jut .fq_but i svg {
  width: 100%;
  float: left;
}
.hm-sec2 .cont .item .li .list .jut .fq_but i svg path {
  opacity: 1;
  fill: #fff;
}
.hm-sec2 .cont .item .li .list .jut .fq_but:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background-color: #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.hm-sec2 .cont .item .li .list .jut .fq_but:hover span {
  color: #0068ff;
}
.hm-sec2 .cont .item .li .list .jut .fq_but:hover i {
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
}
.hm-sec2 .cont .item .li .list .jut .fq_but:hover i svg path {
  fill: #0068ff;
}
.hm-sec2 .cont .item .li .list .jut .fq_but:hover:before {
  width: 100%;
}
@media (max-width: 991px) {
  .hm-sec2 .cont .item .li .list {
    border-radius: 10px;
    padding: 0 0.4rem 0.4rem;
  }
  .hm-sec2 .cont .item .li .list .bag {
    opacity: 0;
  }
  .hm-sec2 .cont .item .li .list .img {
    background-color: #ffffff;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);
    margin-top: -0.84rem;
  }
  .hm-sec2 .cont .item .li .list .tit {
    padding-top: 0.22rem;
    padding-bottom: 0.26rem;
  }
  .hm-sec2 .cont .item .li .list .jut .but {
    opacity: 0;
  }
  .hm-sec2 .cont .item .li .list .jut .nei,
  .hm-sec2 .cont .item .li .list .jut .text {
    opacity: 1;
    position: relative;
    visibility: visible;
    -webkit-transition: all 0.4s 0.4s;
    transition: all 0.4s 0.4s;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .hm-sec2 .cont .item .li .list {
    padding: 0 0.2rem 0.4rem;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .hm-sec2 .cont .item .li .list .img {
    margin-top: 0;
    box-shadow: none;
  }
}
@media (min-width: 992px) {
  .hm-sec2 .cont .item .on {
    width: 33.75%;
    flex: 1 1 33.75%;
  }
  .hm-sec2 .cont .item .on .list {
    border-radius: 10px;
  }
  .hm-sec2 .cont .item .on .list .bag {
    opacity: 0;
  }
  .hm-sec2 .cont .item .on .list .img {
    background-color: #ffffff;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);
    margin-top: -0.84rem;
  }
  .hm-sec2 .cont .item .on .list .tit {
    padding-top: 0.22rem;
    padding-bottom: 0.24rem;
  }
  .hm-sec2 .cont .item .on .list .jut .but {
    opacity: 0;
  }
  .hm-sec2 .cont .item .on .list .jut .nei,
  .hm-sec2 .cont .item .on .list .jut .text {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    position: relative;
    visibility: visible;
    -webkit-transition: all 0.4s 0.4s;
    transition: all 0.4s 0.4s;
  }
}
.hm-sec2 .cont .active {
  visibility: visible;
  opacity: 1;
  z-index: 4;
  position: relative;
}
.hm-sec2 .but1 {
  display: flex;
  justify-content: center;
}
.hm-sec2 .fz_but {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: #0068ff;
  margin: 0 auto;
  position: relative;
  color: #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border: 1px solid #0068ff;
  border-radius: 25px;
  padding-left: 0.3rem;
  font-size: 18px;
  padding-right: 0.2rem;
  line-height: 50px;
}
@media (max-width: 1580px) {
  .hm-sec2 .fz_but {
    line-height: 46px;
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .hm-sec2 .fz_but {
    line-height: 42px;
  }
}
@media (max-width: 767px) {
  .hm-sec2 .fz_but {
    line-height: 0.76rem;
    font-size: 14px;
    padding: 0 0.4rem;
  }
}
.hm-sec2 .fz_but span,
.hm-sec2 .fz_but i {
  float: left;
  position: relative;
}
.hm-sec2 .fz_but i {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-left: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hm-sec2 .fz_but i svg {
  width: 100%;
}
.hm-sec2 .fz_but i svg path {
  fill: #fff;
  opacity: 1;
}
.hm-sec2 .fz_but:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background-color: #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.hm-sec2 .fz_but:hover {
  opacity: 0.9;
  color: #0068ff;
  border-color: #0068ff;
}
.hm-sec2 .fz_but:hover i {
  border-color: #0068ff;
}
.hm-sec2 .fz_but:hover i svg path {
  fill: #0068ff;
}
.hm-sec2 .fz_but:hover:before {
  width: 100%;
}
.hm-sec2:before,
.hm-sec2:after {
  content: "";
  display: block;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}
.hm-sec2:before {
  width: 21.35%;
  padding-bottom: 21.35%;
  /* background-image: url(https://cdn-home.ihr360.com/template/default/static/images/gaodniyuan1.png); */
  right: 0.2rem;
  top: -2.6rem;
  -webkit-animation: trantale1 10s linear infinite;
  animation: trantale1 10s linear infinite;
}
.hm-sec2:after {
  background-image: url(https://cdn-home.ihr360.com/public/mobile/index/images/gaodniyuan2.png);
  width: 22%;
  padding-bottom: 22%;
  bottom: -1.43rem;
  left: -2.08rem;
  -webkit-animation: trantale1 8s 2s linear infinite;
  animation: trantale1 6s 3s linear infinite forwards;
}
.hm-sec3 {
  overflow: hidden;
  position: relative;
  z-index: 4;
}
.hm-sec3 .hm_tit {
  margin-bottom: 0.7rem;
}
.hm-sec3 .cont {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  border-radius: 10px;
  min-height: 6rem;
  margin-bottom: 0.6rem;
}
.hm-sec3 .cont .lt {
  width: 20%;
  border: 1px solid #eeeeee;
  border-right: none;
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/fanganltbag1.jpg) right bottom / cover no-repeat;
  border-radius: 10px 0 0 10px;
}
@media (max-width: 1199px) {
  .hm-sec3 .cont .lt {
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    border-right: 1px solid #eeeeee;
  }
}
@media (max-width: 567px) {
  .hm-sec3 .cont .lt {
    overflow: auto;
  }
}
.hm-sec3 .cont .lt .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.2rem 0.4rem;
  padding-right: 0.34rem;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  border-bottom: 1px solid #eeeeee;
}
@media (max-width: 1199px) {
  .hm-sec3 .cont .lt .item {
    width: auto;
    border-bottom: none;
    width: 33.333%;
    border-top: 1px solid #eeee;
  }
}
@media (max-width: 767px) {
  .hm-sec3 .cont .lt .item {
    width: 50%;
    border: none;
  }
}
@media (max-width: 567px) {
  .hm-sec3 .cont .lt .item {
    padding: 0.1rem 0.3rem;
    flex-shrink: 0;
  }
}
.hm-sec3 .cont .lt .item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -6px;
  opacity: 0;
  height: 100%;
  width: 6px;
  background-color: #97d700;
  border-radius: 5px 0px 0px 5px;
}
@media (max-width: 1199px) {
  .hm-sec3 .cont .lt .item:before {
    display: none;
  }
}
.hm-sec3 .cont .lt .item .but {
  width: calc(100% - 18px);
  display: flex;
  align-items: center;
}
.hm-sec3 .cont .lt .item .but i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 46px;
}
@media (max-width: 1580px) {
  .hm-sec3 .cont .lt .item .but i {
    width: 41px;
    height: 42px;
  }
}
@media (max-width: 991px) {
  .hm-sec3 .cont .lt .item .but i {
    width: 37px;
    height: 38px;
  }
}
@media (max-width: 767px) {
  .hm-sec3 .cont .lt .item .but i {
    width: 0.66rem;
    height: 0.68rem;
  }
}
.hm-sec3 .cont .lt .item .but i img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  float: left;
}
.hm-sec3 .cont .lt .item .but i img:nth-child(2) {
  display: none;
}
.hm-sec3 .cont .lt .item .but span {
  display: block;
  width: calc(100% - 45px);
  color: #1a1a1a;
  padding-left: 0.3rem;
}
@media (max-width: 1580px) {
  .hm-sec3 .cont .lt .item .but span {
    width: calc(100% - 41px);
  }
}
@media (max-width: 991px) {
  .hm-sec3 .cont .lt .item .but span {
    width: calc(100% - 37px);
  }
}
@media (max-width: 767px) {
  .hm-sec3 .cont .lt .item .but span {
    width: calc(100% - 0.66rem);
  }
}
.hm-sec3 .cont .lt .item .f_icon {
  width: 8px;
  overflow: hidden;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.hm-sec3 .cont .lt .item .f_icon svg {
  width: 100%;
  float: left;
}
.hm-sec3 .cont .lt .item .f_icon svg path {
  fill: #a5abac;
}
.hm-sec3 .cont .lt .on {
  background-color: #0068ff;
}
.hm-sec3 .cont .lt .on .but i img:nth-child(1) {
  display: none;
}
.hm-sec3 .cont .lt .on .but i img:nth-child(2) {
  display: block;
}
.hm-sec3 .cont .lt .on .but span {
  color: #fff;
}
.hm-sec3 .cont .lt .on .f_icon svg path {
  fill: #fff;
}
@media (max-width: 991px) {
  .hm-sec3 .cont .lt .on .f_icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
.hm-sec3 .cont .lt .on:before {
  opacity: 1;
}
.hm-sec3 .cont .gt {
  width: 80%;
  background-color: #fff;
  border: solid 1px #eeeeee;
  position: relative;
}
@media (max-width: 1199px) {
  .hm-sec3 .cont .gt {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .hm-sec3 .cont .gt {
    border-top: none;
  }
}
@media (min-width: 992px) {
  .hm-sec3 .cont .gt {
    border-radius: 0 10px 10px 0;
  }
}
.hm-sec3 .cont .gt .fz_jut {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 1199px) {
  .hm-sec3 .cont .gt .fz_jut {
    height: auto;
  }
}
.hm-sec3 .cont .gt .fz_jut .fz_scene {
  display: flex;
  flex-wrap: wrap;
  margin-right: -2px;
}
@media (min-width: 992px) {
  .hm-sec3 .cont .gt .fz_jut .fz_scene {
    border-radius: 0 10px 10px 0;
    border-right: 1px solid #eeeeee;
  }
}
.hm-sec3 .cont .gt .fz_jut .fz_scene .item {
  width: 25%;
  border-left: 1px solid #eeeeee;
  margin-left: -1px;
  margin-top: -1px;
  padding-left: 1px;
  border-top: 1px solid #eeeeee;
}
@media (max-width: 1199px) {
  .hm-sec3 .cont .gt .fz_jut .fz_scene .item {
    width: 50%;
  }
}
.hm-sec3 .cont .gt .fz_jut .fz_scene .item .list {
  display: block;
  position: relative;
  padding-left: 1px;
}
.hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .tit {
  color: #1a1a1a;
  display: flex;
  align-items: center;
}
.hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .tit i {
  display: block;
  width: 8px;
  overflow: hidden;
  margin-left: 12px;
}
@media (min-width: 768px) {
  .hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .tit i {
    display: none;
  }
}
.hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .tit i svg {
  width: 100%;
  float: left;
}
.hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .tit i svg path {
  opacity: 1;
  fill: #1a1a1a;
  fill: #0068ff;
}
.hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .nei {
  width: 100%;
  padding: 0.28rem 0.34rem 0.28rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s 0.1s;
}
.hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .nei .tit {
  margin-bottom: 0.19rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s 0.1s;
}
.hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .nei .text {
  -webkit-transition: all 0.4s;
  transition: all 0.4s 0.2s;
  font-size: 18px;
  line-height: 28px;
  color: #505050;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 86px;
  margin-bottom: 0.2rem;
}
@media (max-width: 1580px) {
  .hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .nei .text {
    height: 80px;
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 1199px) {
  .hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .nei .text {
    height: 68px;
    font-size: 14px;
    line-height: 22px;
  }
}
.hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .nei .but {
  -webkit-transition: all 0.4s;
  transition: all 0.4s 0.1s;
  overflow: hidden;
  width: 0.74rem;
  margin-left: -0.2rem;
}
.hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .nei .but img {
  width: 100%;
  float: left;
}
.hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .hover1 {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 3;
  top: 0;
  opacity: 0;
  transform: translateY(10px);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  height: 100%;
  padding: 0.28rem 0.24rem 0.28rem;
  border-radius: 10px;
  box-shadow: 5px 9px 20px 0px rgba(0, 0, 0, 0.08), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.65);
  background-color: #fff;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/zhapingxiaoyuabimg1.jpg) center / cover no-repeat;
}
@media (max-width: 1199px) {
  .hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .hover1 {
    display: none;
  }
}
.hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .hover1 .tit {
  margin-bottom: 0.26rem;
}
.hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .hover1 .text {
  font-size: 16px;
  line-height: 26px;
  color: #505050;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 132px;
  margin-bottom: 0.1rem;
}
@media (max-width: 1580px) {
  .hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .hover1 .text {
    height: 98px;
    font-size: 14px;
    -webkit-line-clamp: 4;
    line-height: 24px;
  }
}
@media (max-width: 1199px) {
  .hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .hover1 .text {
    height: 112px;
    line-height: 22px;
  }
}
.hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .hover1 .fz_but {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0068ff;
  padding-top: 0.2rem;
  border-top: 1px solid #e5e5e5;
}
.hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .hover1 .fz_but i {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .hover1 .fz_but i svg {
  width: 100%;
}
.hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .hover1 .fz_but i svg path {
  fill: #0068ff;
}
.hm-sec3 .cont .gt .fz_jut .fz_scene .item .list .hover1 .fz_but:hover i {
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
}
@media (min-width: 1200px) {
  .hm-sec3 .cont .gt .fz_jut .fz_scene .item .list:hover .nei {
    transition: all 0.4s;
  }
  .hm-sec3 .cont .gt .fz_jut .fz_scene .item .list:hover .nei .tit,
  .hm-sec3 .cont .gt .fz_jut .fz_scene .item .list:hover .nei .text {
    opacity: 0;
  }
  .hm-sec3 .cont .gt .fz_jut .fz_scene .item .list:hover .nei .but {
    transform: translateY(10px);
    opacity: 0;
  }
  .hm-sec3 .cont .gt .fz_jut .fz_scene .item .list:hover .hover1 {
    opacity: 1;
    transform: translateY(0);
    -webkit-transition: all 0.4s;
    transition: all 0.4s 0.1s;
  }
}
.hm-sec3 .cont .gt .fz_jut .fz_industry {
  height: 100%;
  align-items: flex-start;
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/secaizhibag.png) center / cover no-repeat;
}
.hm-sec3 .cont .gt .fz_jut .fz_industry .item {
  width: 33.333%;
  border-bottom: 1px solid #eeeeee;
}
@media (max-width: 1199px) {
  .hm-sec3 .cont .gt .fz_jut .fz_industry .item {
    width: 50%;
    border-right: 1px solid #eeeeee;
  }
}
@media (max-width: 767px) {
  .hm-sec3 .cont .gt .fz_jut .fz_industry .item {
    width: 100%;
    border-right: none;
  }
}
.hm-sec3 .cont .gt .fz_jut .fz_industry .item .list .nei {
  padding: 0.6rem 0.5rem 0.32rem;
}
.hm-sec3 .cont .gt .fz_jut .fz_industry .item .list .nei .tit {
  margin-bottom: 0.16rem;
}
.hm-sec3 .cont .gt .fz_jut .fz_industry .item .list .nei .text {
  margin-bottom: 0.12rem;
  -webkit-line-clamp: 3;
  max-height: 86px;
}
@media (max-width: 1580px) {
  .hm-sec3 .cont .gt .fz_jut .fz_industry .item .list .nei .text {
    max-height: 80px;
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 1199px) {
  .hm-sec3 .cont .gt .fz_jut .fz_industry .item .list .nei .text {
    max-height: 68px;
    font-size: 14px;
    line-height: 22px;
  }
}
.hm-sec3 .cont .gt .fz_jut .fz_industry .item .list .nei .but {
  margin-left: 0;
  width: 0.6rem;
}
.hm-sec3 .cont .gt .fz_jut .fz_industry .item .list .hover1 {
  padding: 0.3rem 0.4rem 0.28rem;
  padding-right: 0.25rem;
  background-image: url(https://cdn-home.ihr360.com/public/mobile/index/images/zhihoushouy1.png);
}
.hm-sec3 .cont .gt .fz_jut .fz_industry .item .list .hover1 .tit {
  margin-bottom: 0.2rem;
}
.hm-sec3 .cont .gt .active {
  position: relative;
  visibility: visible;
  opacity: 1;
  z-index: 3;
}
.hm-sec3 .cont:after {
  content: "";
  display: block;
  position: absolute;
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/zhuanshshouim1.png) center / contain no-repeat;
  z-index: -1;
  left: 0.9rem;
  bottom: -1.3rem;
  width: 20.31%;
  padding-bottom: 20.31%;
  -webkit-animation: trantale3 16s ease infinite;
  animation: trantale3 16s ease infinite;
}
.hm-sec3 .but1 {
  display: flex;
  justify-content: center;
}
.hm-sec3 .but1 .fz_but {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: #0068ff;
  margin: 0 auto;
  position: relative;
  color: #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border: 1px solid #0068ff;
  border-radius: 25px;
  padding-left: 0.3rem;
  font-size: 18px;
  padding-right: 0.2rem;
  line-height: 50px;
}
@media (max-width: 1580px) {
  .hm-sec3 .but1 .fz_but {
    line-height: 46px;
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .hm-sec3 .but1 .fz_but {
    line-height: 42px;
  }
}
@media (max-width: 767px) {
  .hm-sec3 .but1 .fz_but {
    line-height: 0.76rem;
    font-size: 14px;
    padding: 0 0.4rem;
  }
}
.hm-sec3 .but1 .fz_but span,
.hm-sec3 .but1 .fz_but i {
  float: left;
  position: relative;
}
.hm-sec3 .but1 .fz_but i {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-left: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hm-sec3 .but1 .fz_but i svg {
  width: 100%;
}
.hm-sec3 .but1 .fz_but i svg path {
  fill: #fff;
  opacity: 1;
}
.hm-sec3 .but1 .fz_but:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background-color: #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.hm-sec3 .but1 .fz_but:hover {
  opacity: 0.9;
  color: #0068ff;
  border-color: #0068ff;
}
.hm-sec3 .but1 .fz_but:hover i {
  border-color: #0068ff;
}
.hm-sec3 .but1 .fz_but:hover i svg path {
  fill: #0068ff;
}
.hm-sec3 .but1 .fz_but:hover:before {
  width: 100%;
}
.hm-sec4 {
  position: relative;
  z-index: 2;
}
.hm-sec4 .fzqcircle {
  position: absolute;
  right: 0;
  top: -4.4rem;
  z-index: -1;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.hm-sec4 .fzqcircle img {
  width: 43.4375%;
  position: absolute;
  right: -24.16666%;
  top: 0;
  -webkit-animation: trantale3 16s ease infinite;
  animation: trantale3 16s ease infinite;
}
.hm-sec4 .cont {
  position: relative;
  /*margin-bottom: 0.3rem;*/
}
.hm-sec4 .cont .hm4_cont {
  overflow: visible;
  width: 100%;
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
/*.hm-sec4 .cont .hm4_cont .swiper-slide .item .lt {
  width: 100%;
  -webkit-transition: all 1s cubic-bezier(0.11, 0.2, 0.1, 0.95);
  transition: all 1s cubic-bezier(0.11, 0.2, 0.1, 0.95);
}*/
@media (min-width: 992px) {
  .hm-sec4 .cont .hm4_cont .swiper-slide .item .lt {
    position: absolute;
    left: 0;
    top: 50%;
    width: 39.0625%;
    margin-top: -14%;
  /*  -webkit-transform: translateX(1.4rem);
    transform: translateX(1.4rem);
    opacity: 0;*/
  }
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .lt .jut {
  position: relative;
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .lt .jut .img {
  overflow: hidden;
  background-color: #0068ff;
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .lt .jut .img,.hm-sec4 .cont .hm4_cont .swiper-slide .item .lt .jut .img img
{  border-radius: 47px 0 47px 0;}
@media (max-width: 991px) {
.hm-sec4 .cont .hm4_cont .swiper-slide .item .lt .jut .img,.hm-sec4 .cont .hm4_cont .swiper-slide .item .lt .jut .img img
{
    border-radius: 20px 0 20px 0 ;
  }
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .lt .jut .font {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .lt .jut .font .fz_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.7rem;
  margin-bottom: 0.44rem;
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .lt .jut .font .fz_icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .lt .jut .font .but {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 135px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 20px;
  color: #0068ff;
}
@media (max-width: 1580px) {
  .hm-sec4 .cont .hm4_cont .swiper-slide .item .lt .jut .font .but {
    width: 110px;
    height: 36px;
    border-radius: 18px;
  }
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .lt .jut .font .but i {
  display: inline-block;
  overflow: hidden;
  width: 7px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  margin-left: 14px;
  vertical-align: middle;
  height: 13px;
}
@media (max-width: 1580px) {
  .hm-sec4 .cont .hm4_cont .swiper-slide .item .lt .jut .font .but i {
    margin-left: 10px;
  }
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .lt .jut .font .but i svg {
  float: left;
  width: 100%;
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .lt .jut .font .but i svg path {
  fill: #0068ff;
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .lt .jut .font .but:hover i {
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .lt .jut .label {
  position: absolute;
  top: 0;
  left: -8px;
  width: 2.02rem;
  height: 0.75rem;
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/lbaelzhaophm1.png) left top / contain no-repeat;
  color: #0068ff;
  z-index: 2;
  padding: 0.2rem 0.46rem 0;
  padding-right: 0;
  line-height: 1;
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt {
/*  -webkit-transition: all 1s cubic-bezier(0.11, 0.2, 0.1, 0.95);
  transition: all 1s cubic-bezier(0.11, 0.2, 0.1, 0.95);*/
  position: relative;
  background-color: rgba(255, 255, 255, 0.9);
  /*! border-radius: 10px; */
  /*! border: solid 1px #eeeeee; */
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  width: 60.875%;
  min-height: 2.8rem;
  padding: 0.52rem 0.5rem 0;
}
@media (max-width: 991px) {
  .hm-sec4 .cont .hm4_cont .swiper-slide .item .gt {
    border-radius: 0 0 10px 10px;
  }
}
@media (max-width: 991px) {
  .hm-sec4 .cont .hm4_cont .swiper-slide .item .gt {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .hm-sec4 .cont .hm4_cont .swiper-slide .item .gt {
    padding: 0.6rem 0.6rem 0.16rem;
  }
}
@media (min-width: 992px) {
/*  .hm-sec4 .cont .hm4_cont .swiper-slide .item .gt {
    -webkit-transform: translateX(-1.4rem);
    transform: translateX(-1.4rem);
    opacity: 0;
  }*/
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .label {
  background-color: rgba(153, 153, 153, 0.11);
  border-radius: 5px;
  padding: 10px;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 0.25rem;
  color: #666666;
}
@media (max-width: 767px) {
  .hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .label {
    font-size: 12px;
    padding: 8px;
  }
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .tit {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #333333;
  padding-right: 0.62rem;
  position: relative;
  padding-left: 11px;
  margin-bottom: 0.44rem;
}
@media (max-width: 1580px) {
  .hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .tit {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 767px) {
  .hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .tit {
    padding-right: 0.2rem;
    padding-left: 0;
    font-size: 14px;
    line-height: 24px;
  }
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .tit:before,
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .tit:after {
  content: "";
  display: block;
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
  width: 0.56rem;
  height: 0.6rem;
  position: absolute;
}
@media (max-width: 767px) {
  .hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .tit:before,
  .hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .tit:after {
    width: 0.4rem;
  }
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .tit:before {
  left: -0.52rem;
  top: -0.18rem;
/*  background-image: url(/public/mobile/index/images/hezuodouhaoimg1.png);*/
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .tit:after {
  right: -0.3rem;
  bottom: -0.18rem;
/*  background-image: url(/public/mobile/index/images/hezuodouhaoimg2.png);*/
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .text {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #999999;
  margin-bottom: 0.76rem;
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .text:before {
  content: "";
  display: block;
  width: 0.58rem;
  height: 2px;
  background-color: #cccccc;
  border-radius: 1px;
  margin-right: 0.1rem;
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .jut {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 0.3rem;
  border-top: 1px solid #eeeeee;
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .jut .li {
  margin-bottom: 0.3rem;
  height: 1.2rem;
  width: 16.666%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media (max-width: 991px) {
  .hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .jut .li {
    padding: 0 0.2rem;
  }
}
@media (max-width: 767px) {
  .hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .jut .li {
    width: 33.333%;
  }
}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .jut .li img {
  /*! max-width: 100%; */
  /*! max-height: 100%; */
  float: left;
  width: 100%;
}
/*@media (min-width: 992px) {
  .hm-sec4 .cont .hm4_cont .swiper-slide .item:hover .lt {
    -webkit-transform: translateY(5%) translateX(3%);

    transform: translateY(5%) translateX(3%);
  }
  .hm-sec4 .cont .hm4_cont .swiper-slide .item:hover .gt {
    -webkit-transform: translateX(-3%);
    transform: translateX(-3%);
  }
}*/
.hm-sec4 .cont .hm4_cont .swiper-slide-active .item .lt,
.hm-sec4 .cont .hm4_cont .swiper-slide-active .item .gt {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.hm-sec4 .cont .hm4-next,
.hm-sec4 .cont .hm4-prev {
  opacity: 1;
}
@media (max-width: 991px) {
  .hm-sec4 .cont .hm4-next,
  .hm-sec4 .cont .hm4-prev {
    display: none;
  }
}
.hm-sec4 .hm4-page {
  margin-bottom: 0.4rem;
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
}
.hm-sec4 .hm4-page span {
  width: 10px;
  height: 10px;
  opacity: 1;
  margin: 0 5px;
border:#0068ff 1px solid;
background:none
}
@media (max-width: 767px) {
  .hm-sec4 .hm4-page span {
    width: 8px;
    height: 8px;
    margin: 0 4px;
  }
}
.hm-sec4 .hm4-page .swiper-pagination-bullet-active {
  background-color: #0068ff;
}
.hm-sec4 .but1,.more .but1{
  display: flex;
  justify-content: center;
}
.hm-sec4 .but1 .fz_but,.more .but1 .fz_but {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color:#0068ff;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border: 2px solid #0068ff;
  border-radius: 25px;
  /*! padding-left: 0.3rem; */
  font-size: 16px;
  /*! padding-right: 0.2rem; */
  line-height: 42px;
  width: 2rem;
}
@media (max-width: 1580px) {
  .hm-sec4 .but1 .fz_but,.more .but1 .fz_but{
    line-height: 46px;
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .hm-sec4 .but1 .fz_but,.more .but1 .fz_but{
    line-height: 42px;
  }
}
@media (max-width: 767px) {
  .hm-sec4 .but1 .fz_but,.more .but1 .fz_but{
    line-height: 0.76rem;
    font-size: 14px;
    padding: 0 0.4rem;
  }
}
.hm-sec4 .but1 .fz_but span,
.hm-sec4 .but1 .fz_but i {
  float: left;
  position: relative;
}
.hm-sec4 .but1 .fz_but i,.more .but1 .fz_but i{
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-left: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hm-sec4 .but1 .fz_but i svg {
  width: 100%;
}
.hm-sec4 .but1 .fz_but i svg path {
  fill: #fff;
  opacity: 1;
}
.hm-sec4 .but1 .fz_but:before,.more .but1 .fz_but:before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
   background:#0068ff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.more .but1 .fz_but span{ z-index:1} 
.hm-sec4 .but1 .fz_but:hover,.more .but1 .fz_but:hover{
  color: #fff;
  background: #fff;
}
.hm-sec4 .but1 .fz_but:hover i,.more .but1 .fz_but:hover i{
  border-color:#0068ff;
  display:none;
}
.hm-sec4 .but1 .fz_but:hover i svg path {
  fill:#0068ff;
}
.hm-sec4 .but1 .fz_but:hover:before,.more .but1 .fz_but:hover:before{
  width:100%;
}
.hm-sec5 {
  position: relative;
  padding-top: 1.52rem;
}
@media (max-width: 767px) {
  .hm-sec5 {
    padding-top: 0.8rem;
  }
}
.hm-sec5 .container {
  position: relative;
}
.hm-sec5 .bag {
  position: absolute;
  left: 0;
  bottom: 0;
  top: initial;
  width: 100%;
  text-align: center;
  overflow: hidden;
  height: 3rem;
}
.hm-sec5 .bag img {
  width: 100vw;
  max-width: 1920px;
}
.hm-sec5 .hm_tit {
  margin-bottom: 0.62rem;
}
.hm-sec5 .cont {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .hm-sec5 .cont {
    padding-bottom: 0.6rem;
  }
}
.hm-sec5 .cont .item {
  width: 16.6666%;
  border-right: 1px solid #f1f1f1;
  text-align: center;
}
@media (max-width: 1199px) {
  .hm-sec5 .cont .item {
    width: 33.333%;
    margin-bottom: 0.4rem;
  }
}
@media (max-width: 1199px) and (min-width: 568px) {
  .hm-sec5 .cont .item:nth-child(3n) {
    border-right: none;
  }
}
@media (max-width: 567px) {
  .hm-sec5 .cont .item {
    width: 50%;
    margin-bottom: 0.6rem;
  }
  .hm-sec5 .cont .item:nth-child(2n) {
    border-right: none;
  }
}
.hm-sec5 .cont .item:last-child {
  border-right: none;
}
.hm-sec5 .cont .item .tit {
  font-size: 18px;
  color: #505050;
  margin-bottom: 10px;
}
@media (max-width: 1580px) {
  .hm-sec5 .cont .item .tit {
    font-size: 16px;
  }
}
@media (max-width: 567px) {
  .hm-sec5 .cont .item .tit {
    font-size: 14px;
  }
}
.hm-sec5 .cont .item .shu {
  line-height: 0.8;
  font-size: 0.42rem;
  font-weight: 600;
  color: #0068ff;
}
.hm-sec5 .fz_cont {
  width: 100%;
  padding: 0 0.96rem 0.86rem;
  text-align: center;
  position: relative;
}
@media (max-width: 767px) {
  .hm-sec5 .fz_cont {
    padding: 0 0 0.86rem;
  }
}
.hm-sec5 .fz_cont .img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  height: 2.44rem;
}
.hm-sec5 .fz_cont .img img {
  height: 100%;
}
.hm-sec5 .fz_cont .fz_tit {
  position: relative;
  color: #010101;
  padding: 0 0.66rem;
  margin-bottom: 0.3rem;
}
.hm-sec5 .fz_cont .fz_tit:before,
.hm-sec5 .fz_cont .fz_tit:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.56rem;
  height: 0.58rem;
}
.hm-sec5 .fz_cont .fz_tit:before {
  left: 0;
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/hm5douhaoimg1.png) center / contain no-repeat;
}
.hm-sec5 .fz_cont .fz_tit:after {
  right: 0;
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/hm5douhaoimg2.png) center / contain no-repeat;
}
.hm-sec5 .fz_cont .fz_text {
  position: relative;
  color: #0068ff;
  font-size: 18px;
}
@media (max-width: 1580px) {
  .hm-sec5 .fz_cont .fz_text {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .hm-sec5 .fz_cont .fz_text {
    font-size: 14px;
  }
}
.hm-sec5 .fz_cont .fz_text span {
  position: relative;
}
.hm-sec5 .fz_cont .fz_text span:before,
.hm-sec5 .fz_cont .fz_text span:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  width: 0.6rem;
  height: 2px;
}
.hm-sec5 .fz_cont .fz_text span:before {
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/xiantiaoimg1.png) center / 100% no-repeat;
  right: 100%;
  margin-right: 0.16rem;
}
.hm-sec5 .fz_cont .fz_text span:after {
  left: 100%;
  margin-left: 0.16rem;
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/xiantiaoimg2.png) center / 100% no-repeat;
}
.hm-sec5 .yuan1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 6rem;
  overflow: hidden;
  top: -2.4rem;
}
.hm-sec5 .yuan1:after {
  content: "";
  display: block;
  position: absolute;
  left: -20%;
  top: 0;
  width: 34.0625%;
  padding-bottom: 34.0625%;
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/guanlirenxiaimg1.png) center / contain no-repeat;
  -webkit-animation: trantale1 16s ease infinite;
  animation: trantale1 16s ease infinite;
}
.hm-sec6 {
  background-color: #0068ff;
  position: relative;
}
@media (max-width: 767px) {
  .hm-sec6 {
    overflow: hidden;
  }
}
.hm-sec6 .container {
  position: relative;
}
.hm-sec6 .container .img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: 18.875%;
}
@media (max-width: 991px) {
  .hm-sec6 .container .img {
    width: 36%;
  }
}
@media (max-width: 767px) {
}
.hm-sec6 .container .img img {
  width: 100%;
  float: left;
}
.hm-sec6 .cont {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 79.375%;
  padding: 0.8rem 0;
  position: relative;
  z-index: 4;
  color: #fff;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .hm-sec6 .cont {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .hm-sec6 .cont {
    width: 100%;
  }
}
.hm-sec6 .cont .font {
  width: calc(100% - 3.72rem);
}
@media (max-width: 1580px) {
  .hm-sec6 .cont .font {
    width: calc(100% - 4.1rem);
  }
}
@media (max-width: 991px) {
  .hm-sec6 .cont .font {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .hm-sec6 .cont .font {
    margin-top: -10px;
  }
}
.hm-sec6 .cont .font .tit {
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .hm-sec6 .cont .font .tit {
    font-size: 0.38rem;
    font-size: 18px;
  }
}
.hm-sec6 .cont .font .text {
  font-size: 18px;
}
@media (max-width: 1580px) {
  .hm-sec6 .cont .font .text {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .hm-sec6 .cont .font .text {
    font-size: 14px;
  }
}
.hm-sec6 .cont .gt {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .hm-sec6 .cont .gt {
    display: block;
  }
}
.hm-sec6 .cont .gt .f_but1 {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  box-shadow: inset 0px 0px 0px 2px #ffffff;
}
.hm-sec6 .cont .gt .f_but1:hover {
  color: #0068ff;
}
.hm-sec6 .cont .gt .f_but1:hover i svg path {
  fill: #0068ff;
}
.hm-sec6 .cont .gt .f_but1:hover:before {
  width: 100%;
}
.hm-sec6 .cont .gt .f_but2 {
  box-shadow: inset 0px 0px 0px 2px #ffffff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  margin-left: 0.22rem;
}
@media (max-width: 767px) {
  .hm-sec6 .cont .gt .f_but2 {
    margin-left: 0;
    margin-top: 0.2rem;
  }
}
.hm-sec6 .cont .gt .f_but2 i {
  display: block;
  width: 22px;
  margin-left: 14px;
}
@media (max-width: 1580px) {
  .hm-sec6 .cont .gt .f_but2 i {
    width: 18px;
    margin-left: 10px;
  }
}
@media (max-width: 991px) {
  .hm-sec6 .cont .gt .f_but2 i {
    width: 16px;
  }
}
.hm-sec6 .cont .gt .f_but2:hover {
  color: #0068ff;
}
.hm-sec6 .cont .gt .f_but2:hover i {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.hm-sec6 .cont .gt .f_but2:hover i svg path {
  fill: #0068ff;
}
.hm-sec6 .cont .gt .f_but2:hover:before {
  width: 100%;
}
.hm-sec6 .fzq_jut {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hm-sec6 .fzq_jut .circle {
  position: absolute;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.hm-sec6 .fzq_jut .circle:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.hm-sec6 .fzq_jut .yuan1 {
  background-color: #0bb2bf;
  opacity: 0.5;
  width: 61.9791666%;
  top: -0.6rem;
  left: -23%;
  -webkit-animation: trantale2 16s ease infinite;
  animation: trantale2 16s ease infinite;
}
.hm-sec6 .fzq_jut .yuan2 {
  width: 7.552%;
  background-image: url(https://cdn-home.ihr360.com/public/mobile/index/images/tuoyuanimgfaz1.png);
  left: 2%;
  top: -0.6rem;
  -webkit-animation: trantale1 16s 1s ease infinite;
  animation: trantale1 16s 1s ease infinite;
}
@media (max-width: 767px) {
  .hm-sec6 .fzq_jut .yuan2 {
    top: 0.2rem;
    left: 6%;
  }
}
.hm-sec6 .fzq_jut .yuan3 {
  width: 21.354166%;
  background-image: url(https://cdn-home.ihr360.com/public/mobile/index/images/tuoyuanimgfaz2.png);
  bottom: -99%;
  left: 60%;
  -webkit-animation: trantale1 16s 1s ease infinite;
  animation: trantale1 16s 1s ease infinite;
}
@media (max-width: 991px) {
  .hm-sec6 .fzq_jut .yuan3 {
    bottom: -40%;
    left: 40%;
  }
}
@media (max-width: 767px) {
  .hm-sec6 .fzq_jut .yuan3 {
    bottom: -10%;
  }
}
.hm-sec6 .fzq_jut .yuan4 {
  width: 41.6666%;
  background-image: url(https://cdn-home.ihr360.com/public/mobile/index/images/tuoyuanimgfaz3.png);
  right: -20%;
  top: -6.8rem;
  -webkit-animation: trantale1 16s 1s ease infinite;
  animation: trantale1 16s 1s ease infinite;
}
@media (max-width: 991px) {
  .hm-sec6 .fzq_jut .yuan4 {
    top: -4.8rem;
  }
}
@media (max-width: 767px) {
  .hm-sec6 .fzq_jut .yuan4 {
    top: -2rem;
  }
}
.hm-sec7 {
  position: relative;
  z-index: 3;
}
.hm-sec7 .cont {
  display: flex;
  flex-wrap: wrap;
  border-radius: 10px;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0px 1px rgba(229, 243, 245, 0.9);
}
@media (max-width: 767px) {
  .hm-sec7 .cont {
    display: none;
  }
}

.hm-sec7 .cont .lt {
  width: 18%;
  background-color: #e8f1ff;
  padding: 0.28rem 0.41rem;
  max-height: 7rem;
  overflow: auto;
}
@media (max-width: 767px) {
  .hm-sec7 .cont .lt {
    width: 100%;
  }
}
.hm-sec7 .cont .lt .item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  cursor: pointer;
  color: #505050;
  background-color: #ffffff;
  position: relative;
  box-shadow: 0px 0px 15px 0px #c9e8ea;
  transition: all 0.3s;
  border-radius: 10px;
  margin-bottom: 15px;
  line-height: 0.58rem;
}
@media (max-width: 1580px) {
  .hm-sec7 .cont .lt .item {
    margin-bottom: 10px;
  }
}
@media (max-width: 1199px) {
  .hm-sec7 .cont .lt .item {
    font-size: 14px;
  }
}
.hm-sec7 .cont .lt .item:last-child {
  margin-bottom: 0;
}
.hm-sec7 .cont .lt .item::before {
  content: "";
  position: absolute;
  top: 0;
  right: -0.2rem;
  z-index: 1;
  width: calc(100% + 0.2rem);
  border-radius: 10px;
  height: 100%;
  background:url(../image/sy-66.png) no-repeat right top / 100% 100%;
  opacity: 0;
  transition: all 0.3s;
}
@media (max-width: 991px) {
}
.hm-sec7 .cont .lt .item span {
  display: block;
  z-index: 2;
  position: relative;
}
.hm-sec7 .cont .lt .item.on {
  color: #fff;
}
.hm-sec7 .cont .lt .item.on:before {
  opacity: 1;
}
@media (max-width: 767px) {
  .hm-sec7 .cont .lt .nav {
    display: flex;
    overflow: auto;
    width: 100%;
  }
  .hm-sec7 .cont .lt .nav .item {
    width: auto;
    margin-bottom: 0;
    width: 1.8rem;
    line-height: 0.74rem;
    flex-shrink: 0;
    margin-right: 0.4rem;
  }
}
.hm-sec7 .cont .lt .fz_tit {
  color: #0068ff;
  background: #fff url(https://cdn-home.ihr360.com/public/mobile/index/images/changtiti1.jpg) center / cover no-repeat;
  box-shadow: 0px 0px 15px 0px #c9e8ea, inset 0px 0px 10px 0px #ffffff;
}
@media (max-width: 767px) {
}
.hm-sec7 .cont .lt .fz_tit i {
  position: relative;
  z-index: 2;
  display: block;
  height: 18px;
  opacity: 0;
  overflow: hidden;
  margin-right: 16px;
}
@media (max-width: 1580px) {
  .hm-sec7 .cont .lt .fz_tit i {
    height: 14px;
    margin-right: 12px;
  }
}
@media (max-width: 767px) {
  .hm-sec7 .cont .lt .fz_tit i {
    height: 12px;
    margin-right: 8px;
  }
}
.hm-sec7 .cont .lt .fz_tit i img {
  height: 100%;
  float: left;
}
.hm-sec7 .cont .lt .fz_tit.on i {
  opacity: 1;
}
.hm-sec7 .cont .gt {
  width: 82%;
}
@media (max-width: 767px) {
  .hm-sec7 .cont .gt {
    width: 100%;
  }
}
.hm-sec7 .cont .gt .hm7_cont {
  width: 100%;
}
.hm-sec7 .cont .gt .hm7_cont .item {
  padding: 1rem 0.84rem;
  padding-right: 0.4rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1199px) {
  .hm-sec7 .cont .gt .hm7_cont .item {
    padding-left: 0.4rem;
  }
}
.hm-sec7 .cont .gt .hm7_cont .item .fz_font {
  width: 38.993%;
  padding-right: 0.4rem;
  /*! padding-right: 1.2rem; */
}
@media (max-width: 1199px) {
  .hm-sec7 .cont .gt .hm7_cont .item .fz_font {
    padding-right: 0.6rem;
  }
}
@media (max-width: 767px) {
  .hm-sec7 .cont .gt .hm7_cont .item .fz_font {
    width: 100%;
    padding: 0;
  }
}
.hm-sec7 .cont .gt .hm7_cont .item .fz_font .fzq_tit {
  display: flex;
  align-items: center;
  font-size: 28px;
  line-height: 1;
  color: #010101;
  margin-bottom: 0.5rem;
}
@media (max-width: 1580px) {
  .hm-sec7 .cont .gt .hm7_cont .item .fz_font .fzq_tit {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .hm-sec7 .cont .gt .hm7_cont .item .fz_font .fzq_tit {
    font-size: 0.34rem;
    justify-content: center;
  }
}
.hm-sec7 .cont .gt .hm7_cont .item .fz_font .fzq_tit i {
  display: block;
  overflow: hidden;
  width: 35px;
  margin-right: 25px;
}
@media (max-width: 767px) {
  .hm-sec7 .cont .gt .hm7_cont .item .fz_font .fzq_tit i {
    width: 30px;
    margin-right: 16px;
  }
}
.hm-sec7 .cont .gt .hm7_cont .item .fz_font .fzq_tit i img {
  width: 100%;
  float: left;
}
.hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.54rem;
}
@media (max-width: 1199px) {
  .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li {
    margin-bottom: 0.36rem;
  }
}
@media (max-width: 767px) {
  .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li {
    flex-wrap: wrap;
    margin-bottom: 0.4rem;
  }
}
.hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li:last-child {
  margin-bottom: 0;
}
.hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li i {
  flex: 0 0 auto;
  display: block;
  line-height: 1;
  font-style: normal;
  padding: 4px 6px;
  color: #0068ff;
  margin-top: 4px;
  font-size: 14px;
  box-shadow: 0px 0px 10px 0px #e8f1ff;
  border-radius: 13px;
  border: solid 1px #e6f5f8;
}
@media (max-width: 767px) {
  .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li i {
    margin: 0 auto;
    margin-bottom: 0.2rem;
  }
}
.hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen {
  padding-left: 6px;
  width:100%
}
@media (max-width: 767px) {
  .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen {
    padding-left: 0;
    width: 100%;
    text-align: center;
  }
}
.hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .tit {
  color: #1a1a1a;
  border-left: #51BBB7 5px solid;
  padding-left: 5%;
  margin-bottom: 8%;
}
.hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .text {
  margin-top: 6px;
  font-size: 18px;
  line-height: 22px;
  color: #999;
  margin-top: 5%;
  background:url(../image/sy-68.png) no-repeat left top 5px; padding-left:30px
}
@media (max-width: 1580px) {
  .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .text {
    font-size: 14px;
    margin-top: 4px;
    line-height: 20px;
  }
}
.hm-sec7 .cont .gt .hm7_cont .item .fz_font .hm_but {
  margin-top: 0.58rem;
  margin-left: 0;
  display: inline-block;
  line-height: 0.42rem;
  text-align: center;
  margin-right: 6%;
}
@media (max-width: 1199px) {
  .hm-sec7 .cont .gt .hm7_cont .item .fz_font .hm_but {
    margin-top: 0.34rem;
  }
}
@media (max-width: 767px) {
  .hm-sec7 .cont .gt .hm7_cont .item .fz_font .hm_but {
    margin: 0.34rem auto 0;
  }
}
@media (max-width: 367px) {
  .hm-sec7 .cont .gt .hm7_cont .item .fz_font .hm_but {
    font-size: 12px;
    width: 2.8rem;
  }
}
.hm-sec7 .cont .gt .hm7_cont .item .fz_font .hm_but i {
  margin-left: 6px;
  width: 9px;
}
.hm-sec7 .cont .gt .hm7_cont .item .img {
  width: 61.007%;
  overflow: hidden;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .hm-sec7 .cont .gt .hm7_cont .item .img {
    display: none;
  }
}
.hm-sec7 .cont .gt .hm7_cont .item .img:before {
  /*! padding-bottom: 133.333%; */
}
.hm-sec7 .cont .gt .hm7_cont .swiper-slide:first-child .fz_font {
  padding-top: 0;
}
.hm-sec7 .fz_cont {
  display: none;
}
@media (max-width: 767px) {
  .hm-sec7 .fz_cont {
    display: block;
  }
}
.hm-sec7 .fz_cont .item {
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
  margin-bottom: 0.26rem;
}
.hm-sec7 .fz_cont .item:last-child {
  margin-bottom: 0;
}
.hm-sec7 .fz_cont .item .c-wrap {
  display: flex;
  align-items: center;
  font-size: 0.28rem;
  color: #333;
  padding: 0.22rem 0.36rem;
  transition: backgroundColr 0.3s;
}
.hm-sec7 .fz_cont .item .c-wrap img {
  width: 0.4rem;
  transition: all 0.3s;
}
.hm-sec7 .fz_cont .item .c-wrap p {
  display: block;
  width: calc(100% - 0.4rem);
  transition: all 0.3s;
}
.hm-sec7 .fz_cont .item .c-wrap i,
.hm-sec7 .fz_cont .item .c-wrap svg {
  display: block;
  width: 0.4rem;
  overflow: hidden;
  height: 0.3rem;
}
.hm-sec7 .fz_cont .item .c-wrap i svg,
.hm-sec7 .fz_cont .item .c-wrap svg svg {
  width: 100%;
  max-height: 100%;
}
.hm-sec7 .fz_cont .item .c-wrap i svg path,
.hm-sec7 .fz_cont .item .c-wrap svg svg path {
  fill: #333;
  transition: all 0.3s;
}
.hm-sec7 .fz_cont .item .c-wrap i img,
.hm-sec7 .fz_cont .item .c-wrap svg img {
  width: 100%;
  float: left;
}
.hm-sec7 .fz_cont .item .jut {
  display: none;
  padding: 0.46rem 0.36rem;
}
.hm-sec7 .fz_cont .item .jut .fz_font {
  width: 61.99325%;
  padding-right: 1.68rem;
  padding-right: 1.2rem;
}
@media (max-width: 1199px) {
  .hm-sec7 .fz_cont .item .jut .fz_font {
    padding-right: 0.6rem;
  }
}
@media (max-width: 767px) {
  .hm-sec7 .fz_cont .item .jut .fz_font {
    width: 100%;
    padding: 0;
  }
}
.hm-sec7 .fz_cont .item .jut .fz_font .fzq_tit {
  display: flex;
  align-items: center;
  font-size: 28px;
  line-height: 1;
  color: #010101;
  margin-bottom: 0.5rem;
}
@media (max-width: 1580px) {
  .hm-sec7 .fz_cont .item .jut .fz_font .fzq_tit {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .hm-sec7 .fz_cont .item .jut .fz_font .fzq_tit {
    font-size: 0.34rem;
  }
}
.hm-sec7 .fz_cont .item .jut .fz_font .fzq_tit i {
  display: block;
  overflow: hidden;
  width: 35px;
  margin-right: 25px;
}
@media (max-width: 767px) {
  .hm-sec7 .fz_cont .item .jut .fz_font .fzq_tit i {
    width: 30px;
    margin-right: 16px;
  }
}
.hm-sec7 .fz_cont .item .jut .fz_font .fzq_tit i img {
  width: 100%;
  float: left;
}
.hm-sec7 .fz_cont .item .jut .fz_font .font li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.54rem;
}
@media (max-width: 1199px) {
  .hm-sec7 .fz_cont .item .jut .fz_font .font li {
    margin-bottom: 0.36rem;
  }
}
@media (max-width: 767px) {
  .hm-sec7 .fz_cont .item .jut .fz_font .font li {
    flex-wrap: wrap;
    margin-bottom: 0.4rem;
  }
}
.hm-sec7 .fz_cont .item .jut .fz_font .font li:last-child {
  margin-bottom: 0;
}
.hm-sec7 .fz_cont .item .jut .fz_font .font li i {
  flex: 0 0 auto;
  display: block;
  line-height: 1;
  font-style: normal;
  padding: 4px 6px;
  color: #0068ff;
  margin-top: 4px;
  font-size: 14px;
  box-shadow: 0px 0px 10px 0px #e8f1ff;
  border-radius: 13px;
  border: solid 1px #e6f5f8;
}
@media (max-width: 767px) {
  .hm-sec7 .fz_cont .item .jut .fz_font .font li i {
    display: none;
    margin-bottom: 0.2rem;
  }
}
.hm-sec7 .fz_cont .item .jut .fz_font .font li .fwen {
  padding-left: 6px;
}
@media (max-width: 767px) {
  .hm-sec7 .fz_cont .item .jut .fz_font .font li .fwen {
    padding-left: 0;
    width: 100%;
  }
}
.hm-sec7 .fz_cont .item .jut .fz_font .font li .fwen .tit {
  color: #1a1a1a;
}
.hm-sec7 .fz_cont .item .jut .fz_font .font li .fwen .text {
  margin-top: 6px;
  font-size: 16px;
  line-height: 22px;
  color: #505050;
}
@media (max-width: 1580px) {
  .hm-sec7 .fz_cont .item .jut .fz_font .font li .fwen .text {
    font-size: 14px;
    margin-top: 4px;
    line-height: 20px;
  }
}
.hm-sec7 .fz_cont .item .jut .fz_font .hm_but {
  margin-top: 0.58rem;
  margin-left: 64px;
}
@media (max-width: 1199px) {
  .hm-sec7 .fz_cont .item .jut .fz_font .hm_but {
    margin-top: 0.34rem;
  }
}
@media (max-width: 767px) {
  .hm-sec7 .fz_cont .item .jut .fz_font .hm_but {
    margin: 0.34rem auto 0;
  }
}
@media (max-width: 367px) {
  .hm-sec7 .fz_cont .item .jut .fz_font .hm_but {
    font-size: 12px;
    width: 2.8rem;
  }
}
.hm-sec7 .fz_cont .item .jut .fz_font .hm_but i {
  margin-left: 6px;
  width: 18px;
}
.hm-sec7 .fz_cont .item.on .c-wrap {
  background-color: #0068ff;
  color: #fff;
}
.hm-sec7 .fz_cont .item.on .c-wrap img {
  opacity: 0;
}
.hm-sec7 .fz_cont .item.on .c-wrap i {
  transform: rotate(-180deg);
}
.hm-sec7 .fz_cont .item.on .c-wrap i svg path {
  fill: #fff;
}
.motive-ani {
  position: absolute;
  width: 120%;
  height: 100%;
  left: 0;
  opacity: 0.6;
}
.motive-ani01 {
  bottom: -50px;
}
.motive-ani02 {
  top: 0;
  left: -105px;
  transform: rotate(180deg);
}
.motive-ani > div {
  width: 10px;
  height: 100%;
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/moti-bg.png) no-repeat top center;
  background-size: 100% 100%;
  display: inline-block;
  height: 40%;
  bottom: 0;
  position: absolute;
  opacity: 0.3;
  animation: wave 12s linear infinite;
}
.motive-wr02 {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0;
  width: 100%;
}
.motive-wr02 .motive-ani > div {
  animation: wave02 8s linear infinite;
}
@keyframes wave {
  0% {
    left: -2%;
  }
  5% {
    height: 45%;
  }
  15%,
  27%,
  55%,
  67%,
  95% {
    height: 65%;
  }
  20%,
  22%,
  60%,
  62% {
    height: 70%;
  }
  35%,
  45%,
  75%,
  85% {
    height: 45%;
  }
  40%,
  42%,
  80%,
  82% {
    height: 40%;
  }
  100% {
    left: 100%;
    height: 70%;
  }
}
@keyframes wave02 {
  1%,
  33%,
  35%,
  66%,
  68%,
  99% {
    height: 40%;
  }
  5%,
  29%,
  31%,
  62%,
  72%,
  95% {
    height: 45%;
  }
  12%,
  22%,
  45%,
  55%,
  79%,
  89% {
    height: 65%;
  }
  16%,
  18%,
  49%,
  51%,
  83%,
  85% {
    height: 70%;
  }
}
@-webkit-keyframes fzqwidth {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes fzqwidth {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.fzqwidth {
  -webkit-animation-name: fzqwidth;
  animation-name: fzqwidth;
}
@-webkit-keyframes scale1 {
  0% {
    opacity: 0.7;
    transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes scale1 {
  0% {
    opacity: 0.7;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
    transform: translate(-50%, -50%) scale(0.6);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes trantale1 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-0.4rem, -0.4rem);
  }
  50% {
    transform: translate(0.6rem, -0.6rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes trantale1 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-0.4rem, -0.4rem);
  }
  50% {
    transform: translate(0.6rem, -0.6rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes trantale2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-0.8rem, -0.8rem);
  }
  50% {
    transform: translate(1rem, 1rem);
  }
  75% {
    transform: translate(0.8rem, 0.8rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes trantale2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-0.8rem, -0.8rem);
  }
  50% {
    transform: translate(1rem, 1rem);
  }
  75% {
    transform: translate(0.8rem, 0.8rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes trantale3 {
  form {
    -webkit-transform-origin: 40%;
    transform-origin: 40%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform-origin: 40%;
    transform-origin: 40%;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* End */
/* 右侧固定 */
@media (max-width: 767px) {
  .fixehE {
    height: 61.03px;
  }
}
.fixedgt {
  position: fixed;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
  display: none;
  padding: 0 7px;
  width: 70px;
  z-index: 466;
  padding-bottom: 22px;
}
@media (max-width: 1580px) {
}
@media (max-width: 767px) {
  .fixedgt {
    padding: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.14rem 0;
    zoom: 1;
    background-color: #0068ff;
  }
  .fixedgt:after {
    content: '';
    display: block;
    clear: both;
  }
}
@media (min-width: 768px) {
  .fixedgt {
    right: 0.25rem;
    top: 50%;
    border-radius: 35px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.fixedgt .item {
  border-bottom: 1px solid #f0f0f0;
  position: relative;
  padding: 12px 0 14px;
}
@media (max-width: 767px) {
  .fixedgt .item {
    padding: 0;
    border-bottom: none;
    width: 33.333%;
    float: left;
    border-right: 1px solid #f0f0f0;
  }
}
.fixedgt .item:last-child {
  border-bottom: 0;
  border-right: none;
}
.fixedgt .item .fz_li {
  cursor: pointer;
  color: #505050;
  display: flex;
  font-size: 14px;
  flex-direction: column;
  align-items: center;
  text-align: center;
  line-height: 15px;
}
@media (max-width: 767px) {
  .fixedgt .item .fz_li {
    font-size: 12px;
  }
}
.fixedgt .item .fz_li .fz_icon {
  display: flex;
  align-items: center;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  justify-content: center;
}
@media (max-width: 767px) {
  .fixedgt .item .fz_li .fz_icon {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.fixedgt .item .fz_li .fz_icon img:nth-child(2) {
  display: none;
}
.fixedgt .item.fz_top:hover .fz_li .fz_icon img:nth-child(1) {
  display: none;
}
.fixedgt .item.fz_top:hover .fz_li .fz_icon img:nth-child(2) {
  display: block;
}
.fixedgt .item .fz_li .fz_icon img,
.fixedgt .item .fz_li .fz_icon svg {
  height: 59.0909%;
  position: relative;
}
@media (max-width: 767px) {
  .fixedgt .item .fz_li .fz_icon img,
  .fixedgt .item .fz_li .fz_icon svg {
    height: 76%;
  }
}
.fixedgt .item .fz_li .fz_icon svg path {
  fill: #fff;
  opacity: 1;
}
.fixedgt .item .hover1 {
  background-color: #fff;
  width:215px;
  border-radius: 10px;
  padding: 6px 0.2rem;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
  position: absolute;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.fixedgt .item .hover1 div img{ display:block; margin:auto}  
.fixedgt .fz_fan1 .hover1{ background:none; box-shadow:none; width:125px}
.fixedgt .fz_fan1 a{ color:#333; display:block; text-align:center}
.fixedgt .fz_fan1 .fz_li .fz_icon{ display:block; margin:auto}
.fixedgt .fz_fan1 .fz_li .fz_icon img{ margin-top:9px}


@media (min-width: 768px) {
  .fixedgt .item .hover1 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 100%;
    margin-right: 26px;
  }
}
@media (max-width: 767px) {
  .fixedgt .item .hover1 {
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 22px;
    width: 175px;
  }
  #vipimg4 img{ display:block; margin:auto}
}
.fixedgt .item .hover1 .link {
  border-bottom: 1px solid #eeeeee;
  padding: 10px 0.12rem;
}
.fixedgt .item .hover1 .link:last-child {
  border-bottom: 0;
}
.fixedgt .item .hover1 .link .fz_t {
  color: #505050;
  font-size: 14px;
  margin-bottom: 4px;
}
.fixedgt .item .hover1 .link .tel {
  line-height: 0.8;
  color: #0068ff;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.fixedgt .item .hover1 .link .tel a{color: #0068ff;}
@media (max-width: 1580px) {
  .fixedgt .item .hover1 .link .tel {
    font-size: 14px;
  }
}
.fixedgt .item .hover1:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.fixedgt .fz_fan1 .hover1::after{ display:none}
@media (max-width: 767px) {
  .fixedgt .item .hover1:after {
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    right: 50%;
    margin: 0;
    margin-right: -8px;
    top: 100%;
  }
}
.fixedgt .item:hover .hover1 {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 767px) {
  .fixedgt .fz_advisory {
    background-color: #0068ff;
    border-right-color: rgba(255, 255, 255, 0.5);
  }
}
@media (max-width: 767px) {
  .fixedgt .fz_advisory .fz_li {
    color: #fff;
  }
}
.fixedgt .fz_advisory .fz_li .fz_icon {
  position: relative;
}
.fixedgt .fz_advisory .fz_li .fz_icon:after {
  content: "1";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -6px;
  top: -4px;
  width: 16px;
  height: 16px;
  background-color: #fc3d37;
  border: solid 2px #ffffff;
  color: #ffffff;
  font-size: 12px;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .fixedgt .fz_advisory .fz_li .fz_icon {
    background-color: #0068ff;
    margin-bottom: 0.2rem;
  }
  .fixedgt .fz_advisory .fz_li .fz_icon:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: scale2 1s linear infinite alternate;
    animation: scale2 1s linear infinite alternate;
    background-color: #0068ff;
    border-radius: 50%;
    opacity: 0.4;
  }
}
@media (max-width: 767px) {
  .fixedgt .fz_advisory .fz_li .fz_icon svg path {
    fill: #0068ff;
    fill: #fff;
  }
}
.fixedgt .fz_top {
  margin-top: 13px;
  padding: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .fixedgt .fz_top {
    position: absolute;
    top: 100%;
    left: 0;
  }
}
@media (max-width: 767px) {
  .fixedgt .fz_top {
    position: absolute;
    bottom: 1.6rem;
    width: 0.8rem;
    right: 0.3rem;
  }
}
.fixedgt .fz_top .fz_li {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  height: 70px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
}
@media (max-width: 767px) {
  .fixedgt .fz_top .fz_li {
    height: 0.8rem;
  }
}
.fixedgt .fz_top .fz_li .fz_icon {
  width: 100%;
  height: 100%;
}
.fixedgt .fz_top .fz_li .fz_icon svg {
  height: 38.57%;
}
.fixedgt .fz_top .fz_li .fz_icon svg path {
  opacity: 1;
  fill: #0068ff;
}
.fixedgt .fz_top:hover .fz_li {
  background-color: #0068ff;
}
.fixedgt .fz_top:hover .fz_li .fz_icon svg path {
  fill: #fff;
}
@media (max-width: 767px) {
  .fixedgt .fz_fan {
    background-color: #0068ff;
    border-right-color: rgba(255, 255, 255, 0.5);
  }
  .fixedgt .fz_fan .fz_li .fz_icon img:nth-child(1) {
    display: none;
  }
  .fixedgt .fz_fan .fz_li .fz_icon img:nth-child(2) {
    display: block;
  }
  .fixedgt .fz_fan .fz_li,.fixedgt .fz_fan1 a{
    color: #fff;
  }
  .fixedgt .fz_fan1 .fz_li .fz_icon img{ margin-top:0}
  .fixedgt .fz_fan1 .fz_li .fz_icon img:nth-child(2){ margin:auto}
  .fixedgt .fz_fan1:hover .hover1 { opacity:0}
}
@keyframes scale2 {
  from {
    transform: translate(-50%, -50%) scale(0.8);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes scale2 {
  from {
    transform: translate(-50%, -50%) scale(0.8);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}
/* End */
/* 弹窗 */
.bealter {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 8888888;
  display: none;
}
.bealter .bag {
  background-color: #000;
  opacity: 0.5;
  width: 100%;
  height: 100%;
}
.bealter .cont {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  background-color: #f8f8f8;
  width: 910px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  min-height: 6rem;
}
@media (max-width: 991px) {
  .bealter .cont {
    width: 92%;
  }
}
.bealter .cont .close {
  position: absolute;
  right: 28px;
  top: 32px;
  width: 38px;
  height: 38px;
  cursor: pointer;
  overflow: hidden;
  z-index: 2;
}
@media (max-width: 767px) {
  .bealter .cont .close {
    right: 12px;
    top: 12px;
    width: 32px;
    height: 32px;
  }
}
.bealter .cont .close img,
.bealter .cont .close svg {
  width: 100%;
  float: left;
  max-height: 100%;
}
.bealter .cont .close img path,
.bealter .cont .close svg path {
  opacity: 1;
  fill: #cccccc;
}
.bealter .cont .lt {
  display: flex;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 38.46%;
  padding-top: 1.44rem;
}
@media (max-width: 767px) {
  .bealter .cont .lt {
    display: none;
  }
}
.bealter .cont .lt .fz_jut {
  width: 100%;
  padding: 0 0.42rem;
}
.bealter .cont .lt .fz_jut .fz_name {
  color: #505050;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 8px;
}
@media (max-width: 1580px) {
  .bealter .cont .lt .fz_jut .fz_name {
    font-size: 16px;
  }
}
.bealter .cont .lt .fz_jut .fz_tit {
  color: #505050;
  line-height: 1;
  margin-bottom: 0.36rem;
}
.bealter .cont .lt .fz_jut .nei {
  width: 100%;
}
.bealter .cont .lt .fz_jut .nei .li {
  display: flex;
  align-items: center;
  margin-bottom: 0.18rem;
}
.bealter .cont .lt .fz_jut .nei .li:last-child {
  margin-bottom: 0;
}
.bealter .cont .lt .fz_jut .nei .li i {
  display: block;
  width: 20px;
}
@media (max-width: 1580px) {
  .bealter .cont .lt .fz_jut .nei .li i {
    width: 16px;
  }
}
.bealter .cont .lt .fz_jut .nei .li i img {
  width: 100%;
  float: left;
}
.bealter .cont .lt .fz_jut .nei .li span {
  color: #666666;
  font-size: 18px;
  display: block;
  padding-left: 10px;
  width: calc(100% - 20px);
}
@media (max-width: 1580px) {
  .bealter .cont .lt .fz_jut .nei .li span {
    font-size: 16px;
    width: calc(100% - 16px);
  }
}
.bealter .cont .gt {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 61.54%;
  position: relative;
}
@media (max-width: 767px) {
  .bealter .cont .gt {
    width: 100%;
  }
}
.bealter .cont .gt .fz_jut {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.bealter .cont .gt .fz_jut .form {
  width: 100%;
}
.bealter .cont .gt .fz_jut .form .fz_li {
  width: 100%;
  margin-bottom: 10px;
}
.bealter .cont .gt .fz_jut .form .fz_li .int {
  width: 100%;
}
.bealter .cont .gt .fz_jut .form .fz_li .int input,
.bealter .cont .gt .fz_jut .form .fz_li .int select {
  width: 100%;
  color: #999999;
  padding: 17px 0.26rem;
  height: 55px;
  background-color: #ffffff;
  border-radius: 10px;
  border: solid 1px #efefef;
  font-size: 16px;
}
@media (max-width: 1580px) {
  .bealter .cont .gt .fz_jut .form .fz_li .int input,
  .bealter .cont .gt .fz_jut .form .fz_li .int select {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .bealter .cont .gt .fz_jut .form .fz_li .int input,
  .bealter .cont .gt .fz_jut .form .fz_li .int select {
    height: 50px;
    padding: 12px 0.26rem;
  }
}
.bealter .cont .gt .fz_jut .form .fz_li .int select {
  background-repeat: no-repeat;
  background-position: 94% center;
  background-position: calc(100% - 34px) center;
  background-size: 10px;
  background-image: url(https://cdn-home.ihr360.com/public/mobile/index/images/selceiconim1.svg);
}
@media (max-width: 1580px) {
  .bealter .cont .gt .fz_jut .form .fz_li .int select {
    background-position: calc(100% - 30px) center;
  }
}
@media (max-width: 767px) {
  .bealter .cont .gt .fz_jut .form .fz_li .int select {
    background-position: calc(100% - 20px) center;
  }
}
.bealter .cont .gt .fz_jut .form .fz_telcode {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px 10px;
}
@media (max-width: 767px) {
  .bealter .cont .gt .fz_jut .form .fz_telcode {
    margin: 0;
    margin-bottom: 10px;
  }
}
.bealter .cont .gt .fz_jut .form .fz_telcode .fz_tel,
.bealter .cont .gt .fz_jut .form .fz_telcode .fz_code {
  padding: 0 5px;
}
@media (max-width: 767px) {
  .bealter .cont .gt .fz_jut .form .fz_telcode .fz_tel,
  .bealter .cont .gt .fz_jut .form .fz_telcode .fz_code {
    padding: 0;
  }
}
.bealter .cont .gt .fz_jut .form .fz_telcode .fz_tel {
  width: 65.555%;
}
@media (max-width: 767px) {
  .bealter .cont .gt .fz_jut .form .fz_telcode .fz_tel {
    width: 100%;
  }
}
.bealter .cont .gt .fz_jut .form .fz_telcode .fz_tel .zh {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  border-radius: 10px;
  border: solid 1px #efefef;
}
.bealter .cont .gt .fz_jut .form .fz_telcode .fz_tel .int {
  width: 56.56%;
}
.bealter .cont .gt .fz_jut .form .fz_telcode .fz_tel .int input {
  border-radius: 10px;
  border: none;
}
.bealter .cont .gt .fz_jut .form .fz_telcode .fz_tel .fz_but {
  width: 43.44%;
  color: #0068ff;
  text-align: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .bealter .cont .gt .fz_jut .form .fz_telcode .fz_tel .fz_but {
    width: 30%;
    font-size: 12px;
  }
}
.bealter .cont .gt .fz_jut .form .fz_telcode .fz_code {
  width: 34.445%;
}
@media (max-width: 767px) {
  .bealter .cont .gt .fz_jut .form .fz_telcode .fz_code {
    width: 100%;
    margin-top: 10px;
  }
}
.bealter .cont .gt .fz_jut .form .fzlat {
  margin-top: 0.38rem;
  margin-bottom: 0.3rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}
.bealter .cont .gt .fz_jut .form .fzlat i {
  display: block;
  width: 15px;
  height: 15px;
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 2px #cccccc;
  background-position: center;
  background-size: contain;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  background-repeat: no-repeat;
}
@media (max-width: 1580px) {
  .bealter .cont .gt .fz_jut .form .fzlat i {
    width: 12px;
    height: 12px;
    border-width: 1px;
  }
}
.bealter .cont .gt .fz_jut .form .fzlat span {
  display: block;
  padding-left: 12px;
  font-size: 14px;
  color: #999999;
}
@media (max-width: 1580px) {
  .bealter .cont .gt .fz_jut .form .fzlat span {
    padding-left: 8px;
  }
}
.bealter .cont .gt .fz_jut .form .fzlat span a {
  color: #0068ff;
}
.bealter .cont .gt .fz_jut .form .fzlat span a:hover {
  text-decoration: underline;
}
.bealter .cont .gt .fz_jut .form .fzlat input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.bealter .cont .gt .fz_jut .form .fzlat input:checked ~ i {
  background-color: #0068ff;
  border-color: #0068ff;
  background-image: url(https://cdn-home.ihr360.com/public/mobile/index/images/zhengque.svg);
}
.bealter .cont .gt .fz_jut .form .fz_sub {
  margin: 0 auto;
}
.bealter .cont .gt .fz_j1 {
  padding: 0.46rem 0.55rem 0.3rem;
}
@media (max-width: 767px) {
  .bealter .cont .gt .fz_j1 {
    padding: 0.6rem 0.3rem;
  }
}
.bealter .cont .gt .fz_j1 .tit {
  color: #1a1a1a;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .bealter .cont .gt .fz_j1 .tit {
    text-align: center;
  }
}
.bealter .cont .gt .fz_j1 .text {
  color: #505050;
  font-size: 16px;
  margin-bottom: 0.46rem;
}
@media (max-width: 1580px) {
  .bealter .cont .gt .fz_j1 .text {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .bealter .cont .gt .fz_j1 .text {
    text-align: center;
  }
}
@media (max-width: 567px) {
  .bealter .cont .gt .fz_j1 .text {
    font-size: 12px;
  }
}
.bealter .cont .gt .fz_j2 {
  padding: 1.08rem 0.55rem 0.3rem;
}
@media (max-width: 767px) {
  .bealter .cont .gt .fz_j2 {
    padding: 0.6rem 0.3rem;
  }
}
.bealter .cont .gt .fz_j2 .text {
  font-size: 18px;
}
@media (max-width: 1580px) {
  .bealter .cont .gt .fz_j2 .text {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .bealter .cont .gt .fz_j2 .text {
    text-align: center;
  }
}
.bealter .cont .gt .fz_j2 .tit {
  margin-top: 4px;
  margin-bottom: 0.32rem;
}
@media (max-width: 767px) {
  .bealter .cont .gt .fz_j2 .tit {
    text-align: center;
  }
}
.bealter .cont .gt .fz_j2 .form .fz_li select {
  color: #505050;
  font-size: 18px;
}
@media (max-width: 1580px) {
  .bealter .cont .gt .fz_j2 .form .fz_li select {
    font-size: 16px;
  }
}
.bealter .cont .gt .fz_j2 .form .fzlat {
  margin-top: 1.15rem;
}
@media (max-width: 767px) {
  .bealter .cont .gt .fz_j2 .form .fzlat {
    margin-top: 0.6rem;
  }
}
.bealter .cont .gt .fz_j3 {
  display: flex;
  align-items: flex-end;
  background: url(https://cdn-home.ihr360.com/public/mobile/index/images/banyuanchenim1.png) center bottom / 100% no-repeat;
  padding: 1rem 0.5rem 0.5rem;
}
@media (max-width: 767px) {
  .bealter .cont .gt .fz_j3 {
    padding: 0.6rem 0.3rem;
  }
}
.bealter .cont .gt .fz_j3 .fz_chengong {
  text-align: center;
  width: 100%;
}
.bealter .cont .gt .fz_j3 .fz_chengong .fz_icon {
  width: 0.77rem;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 0.24rem;
}
.bealter .cont .gt .fz_j3 .fz_chengong .fz_icon img {
  width: 100%;
  float: left;
}
.bealter .cont .gt .fz_j3 .fz_chengong .fz_t {
  color: #0068ff;
  margin-bottom: 4px;
}
.bealter .cont .gt .fz_j3 .fz_chengong .fz_txt {
  color: #505050;
  margin-bottom: 0.54rem;
  font-size: 22px;
}
@media (max-width: 1580px) {
  .bealter .cont .gt .fz_j3 .fz_chengong .fz_txt {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .bealter .cont .gt .fz_j3 .fz_chengong .fz_txt {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .bealter .cont .gt .fz_j3 .fz_chengong .fz_txt {
    font-size: 14px;
  }
}
@media (max-width: 567px) {
  .bealter .cont .gt .fz_j3 .fz_chengong .fz_txt {
    font-size: 12px;
  }
}
.bealter .cont .gt .fz_j3 .fz_chengong .er {
  display: block;
  width: 152px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 0.18rem;
}
@media (max-width: 767px) {
  .bealter .cont .gt .fz_j3 .fz_chengong .er {
    width: 1.8rem;
  }
}
.bealter .cont .gt .fz_j3 .fz_chengong .er img {
  width: 100%;
  float: left;
}
.bealter .cont .gt .fz_j3 .fz_chengong .fz_nei1 {
  line-height: 1.3;
}
.bealter .cont .gt .active {
  position: relative;
  visibility: visible;
  opacity: 1;
}
/* End */
/* 图片弹窗 */
.imgAlert {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 888;
  width: 100%;
  height: 100%;
  display: none;
}
.imgAlert .bag {
  background-color: #000;
  opacity: 0.5;
  width: 100%;
  height: 100%;
}
.imgAlert .cont {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 6.4rem;
}
@media (max-width: 767px) {
  .imgAlert .cont {
    width: 92%;
  }
}
.imgAlert .cont .close {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  width: 0.46rem;
  height: 0.46rem;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #ffffff;
  top: -0.2rem;
  right: -0.2rem;
}
@media (max-width: 767px) {
  .imgAlert .cont .close {
    width: 0.66rem;
    height: 0.66rem;
  }
}
.imgAlert .cont .close svg {
  width: 36.956%;
}
.imgAlert .cont .close svg path {
  fill: #0068ff;
  opacity: 1;
}
.imgAlert .cont .close:hover {
  background-color: #0068ff;
}
.imgAlert .cont .close:hover svg path {
  fill: #fff;
}
.imgAlert .cont .img {
  width: 100%;
  border-radius: 10px;
  display: block;
  overflow: hidden;
}
.imgAlert .cont .img img {
  float: left;
  width: 100%;
}
/* End */
@media (max-width: 1260px) {
     .jfa_07 .fl {
        width: 100%;
    }
    .jfa_07 .fr {
        width: 100%;
        margin-top: 20px;
    }
    .jfa_07_t {
        line-height: 40px;
    }
    .jfa_07_t span {
        font-size: 16px;
    }
    .jfa_07_t a {
        font-size: 12px;
        line-height: 22px;
        border-radius: 20px;
        padding: 0px 10px;
        height: 24px;
    }
    .jfa_07_t a i {
        background-size: 14px;
        padding-right: 20px;
        background-position: right 5px;
    }
    .jfa_07_c ul li {
        line-height: 24px;
    }
    .jfa_07_c1 ul li {
        line-height: 24px;
    }
    .sfl_01_c ul li {
        line-height: 30px;
    }
    .sfl_01_c {
        height: 30px;
        display: none
    }
    .sfl_tab_change ul li {
        display: block;
    }
    .rly_01 ul li .sfl_02_cell {
        display: block;
        width: 100%;
    }
    .rly_01 ul li .sfl_02_cell:nth-child(3) {
        display: none;
    }
    .rly_01 ul li .sfl_02_txt {
        margin-top: 10px;
        margin-bottom: 15px;
        padding-left: 0px;
    }
    .rly_01 ul li .sfl_02_txt p.p1 {
        font-size: 18px;
        line-height: 30px;
    }
    .rly_01 ul li .sfl_02_txt p.p2 i {
        font-size: 16px;
        line-height: 24px;
        background: url("https://cdn-home.ihr360.com/public/mobile/index/images/sfl_09.png") left 9px no-repeat;
        background-size: 6px;
        padding-left: 10px;
    }
    .rly_01 ul li .sfl_02_txt p.p3 a {
        font-size: 14px;
        line-height: 34px;
        border-radius: 34px;
        padding: 0px 20px;
        margin-bottom: 10px;
    }
    .rly_01 ul li .sfl_02_txt p.p3 a span {
        background-size: 15px;
        padding-left: 20px;
    }
}
.fotbox .fot1 .cont .gt .fz_er {
  width: 100%;
  margin-top: 0.2rem;
  display: flex;
}
@media (max-width: 767px) {
  .fotbox .fot1 .cont .gt .fz_er {
    justify-content: center;
    margin-top: 0.5rem;
    display:none;
  }
}
.fotbox .fot1 .cont .gt .fz_er .fli {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: auto;
  margin-right: 0.2rem;
}
@media (max-width: 767px) {
  .fotbox .fot1 .cont .gt .fz_er .fli {
    width: 1.8rem;
    margin: 0 0.2rem;
  }
}
.fotbox .fot1 .cont .gt .fz_er .fli:last-child {
  margin-right: 0;
}
.fotbox .fot1 .cont .gt .fz_er .fli .img {
  width: 1.4rem;
  overflow: hidden;
  margin-bottom: 10px;
  text-align: center;
  margin: 0 auto 6px;
}
@media (max-width: 767px) {
  .fotbox .fot1 .cont .gt .fz_er .fli .img {
    margin-bottom: 4px;
  }
}
.fotbox .fot1 .cont .gt .fz_er .fli .img img {
  width: 100%;
  float: left;
}
.fotbox .fot1 .cont .gt .fz_er .fli .ftext {
  font-size: 14px;
  color: #666;
}
.fotbox .fot1 .cont .gt .fz_er .fli{ position:relative}
.fotbox .fot1 .cont .gt .fz_er .fli p{ position:absolute; top:-100px; display:none}
.fotbox .fot1 .cont .gt .fz_er .fli p img{ width:100px}
.fotbox .fot1 .cont .gt .fz_er .fli:hover p{ display:block}

@media (max-width: 1580px) {
  .fotbox .fot1 .cont .gt .fz_er .fli .ftext {
    font-size: 14px;
  }
}
.list_1 .tj_tag {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 16px;
    padding: 5px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #ebf3ff;
    color: #858e99;
    text-align: center;
    transition: all .4s;
}
.pro_cont2{ overflow:hidden}
.hadbox-sec4 .lt{overflow: hidden;
  float: left;
  width: 76%;}
.hadbox-sec4 .gt{float: right;
  width: 20%;padding-top: 3%;}
.hadbox-sec4 .jut{ overflow:hidden} 
.sy1-1{float: left;
  width: 34%;
  box-shadow: 0 0 20px #ddd;
  padding-left: 14%;
  padding-right: 2%;
padding-top: 4%;
padding-bottom: 4%;
}
.sy1-2{float: left;
  width: 61%;
	margin-left: 14%;
padding: 4% 0;
}
.sy1{width: 100%;
  overflow: hidden;}
.sy1-1 div{ line-height:40px; margin-bottom:5%; cursor:pointer; padding:0 4%; font-size:16px}
.sy1-1 div a{ color: #111111}
.sy1-1 div img{ width:27px; vertical-align:middle; margin-left:5px}
.sy1-1 .curr1{ background:#e8f1ff; color:#0068ff; border-radius:5px}
.sy1-2-1{ overflow:hidden; margin-left:-10%; margin-top:-2%;}
.sy1-2-1 dl{ float:left; width:23.333%; margin-left:10%; margin-top:2%; overflow:hidden;}
.sy1-2-1 dl dt{ float:left; width:17%;}
.sy1-2-1 dl dd{ float:right; width:78%;font-size: 16px; color:#333}
.sy1-2-1 dl .b2{ display:block; font-size:12px; color:#999; margin-top:1%; display:none}
.sy1-2-1 dl .b1 img{ width:26px; vertical-align:middle; margin-left:30px}
.sy1-2-1 dl a{ padding:4% 10%; border-radius:5px; display:block; overflow:hidden}
.sy1-2-1 dl a:hover{background:#e8f1ff; }
.hadbox-sec4 .cont .pro_cont,.sy1-1{ height:470px}
.hadbox-sec4 .gt .item .font{font-size: 16px;
  color: #333;
  margin-bottom: 6%;}
.hadbox-sec4 .gt .item .font .tit img{ width:27px; vertical-align:middle; margin-left:10px}
.hadbox-sec4 .gt .item .img img{ width:100%; border-radius:5px}
.hadbox-sec4 .cont .pro_cont .gt .item .font .tit1{color: #999;
  font-size: 14px;
  margin-bottom: 5%;
  line-height: 24px;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.hadbox-sec4 .gt .item .font{ font-size:14px; margin-bottom:0}
.hadbox-sec4 .gt .item .font1{ margin-bottom:6%}
.hadbox-sec4 .cont .pro_cont .gt .item .font .but i{ vertical-align:middle; margin-left:5px}
.hadbox-sec4{box-shadow: 0 0 10px #eee;}
.hm-sec7 .cont .gt{ background:url(../image/sy-70.png) no-repeat right bottom;border: #EDF8F6 1px solid;}
.hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .text img{ vertical-align:middle; margin-right:5px}
.hm-sec7 .cont .gt .hm7_cont .item .fz_font .hm_but:nth-child(2){ background:none; color:#0068ff; margin-right:0}
.hm-sec7 .cont .gt .hm7_cont .item .fz_font .hm_but:nth-child(2):hover{ background:#0068ff; color:#fff}
.hm-sec7 .cont .gt .hm7_cont .item .fz_font .hm_but:nth-child(2):before{ width:100%} 
.hm-sec7 .cont .gt .hm7_cont .item .fz_font .hm_but:nth-child(2):hover:before {
  width:0%;
}
.hm-sec7 .cont .gt .hm7_cont .item .fz_font .hm_but:nth-child(2):hover i{ display:none}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .tit h3{ font-size:30px}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .tit h4{ font-size:20px; margin:3% 0 1%}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .tit p{ font-size:16px; color:#999}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .text::before{ display:none}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .text{margin-bottom: 0.2rem;}
.hm_tit{ margin:1rem 0 0.7rem}
.xsy1-1{ overflow:hidden; margin-left:-1.5%; margin-top:-1.5%}
.xsy1-1-1{ float:left; width:18.5%; margin-left:1.5%; margin-top:1.5%; position:relative;}
.xsy1-1-1 h3{ padding:4%; border:#ddd 1px solid;}
.xsy1-1-1 h3 img{ width:100%; height:122px}
.xsy1-1-1 h3,.xsy1-1-1 h3 img{ border-radius:5px}
.xsy1-1-1 .kk1{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../image/sy-148.png) no-repeat center; border-radius:5px; padding:9%; display:none}
.xsy1-1-1 .kk1 h4{ color:#fff; font-size:18px;}
.xsy1-1-1 .kk1 h4{ text-align:center}
.xsy1-1-1 .kk1 .kk2,.xsy1-1-1 .kk1 h3 a{ font-size:14px; text-align:center; color:#fff; margin:3% 0}
.xsy1-1-1 .kk1 h3{ text-align:center}
.xsy1-1-1 .kk1 h3 img{ vertical-align:middle; margin-left:10px}
.xsy1-1-1:hover .kk1{ display:block}
.more{ margin-top:3%}
.xsy2-1{ overflow:hidden; margin-top:-1.5%; margin-left:-1.5%}
.xsy2-1-1{ float:left; width:23.5%; margin-left:1.5%; margin-top:1.5%; background:url(../image/sy-104.png) no-repeat center; border:#AFE0DF 1px solid; border-radius:10px; padding:1.5%}
.xsy2-1-1 dl{ overflow:hidden}
.xsy2-1-1 dl dt{ float:left; width:22%}
.xsy2-1-1 dl dt img{ width:100%; border-radius:50%}
.xsy2-1-1 dl dd{ float:right; width:75%; font-size:20px; background:url(../image/sy-149.png) no-repeat left bottom;padding-top: 2%;}
.xsy2-1-1 dl dd span{ font-size:14px; display:block;margin-top: 2%;}
.xsy2-1-1 h3{ font-size:16px; margin:8% 0 4%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xsy2-1-1 p{ font-size:15px; line-height:24px; color:#999;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin-bottom:6%; height:72px; overflow:hidden}
.xsy2-1-1 h4{ font-size:14px;}
.xsy2-1-1 h4 a{ border-bottom:#BFE7E6 1px solid; color:#0068ff; padding-bottom:2px; display:inline-block; cursor:pointer}
.xsy2-1-1 h4 a .d2{ display:none}
.xsy2-1-1 h4 a img{ vertical-align:middle; margin-left:10px}
.xsy2-1-1:hover{ background:url(../image/sy-103.png) no-repeat center; color:#fff}
.xsy2-1-1:hover p,.xsy2-1-1:hover h4 a{ color:#fff}
.xsy2-1-1:hover h4 a .d1{ display:none}
.xsy2-1-1:hover h4 a .d2{ display:inline-block}
.clear{ clear:both}
.left{ float:left}
.right{ float:right;}
.xsy3-1 .left{ width:48%; box-shadow:0 0 15px #eee; border-radius:20px}
.xsy3-1 .right{ width:48%}
.xsy3-1 .left h3 img{ width:100%; border-radius:20px 20px 0 0}
.xsy3-1 .left div{ padding:1.5% 4%}
.xsy3-1 .left div h2 span{ background:#E5F8F4; border-radius:5px; padding:6px 10px; margin-right:3%; color:#54BDB8}
.xsy3-1 .left div h3 a{ font-size:20px; color:#333; display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xsy3-1 .left div h3{ margin:3% 0 2%}
.xsy3-1 .left div p{ font-size:15px; line-height:24px; color:#666;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.xsy3-1 .right h3{ font-size:20px; overflow:hidden; border-bottom:#54BDB8 1px solid; padding-bottom:1.5%}
.xsy3-1 .right h3 img{ vertical-align:middle; margin-right:10px;}
.xsy3-1 .right h3 a{ float:right; font-size:15px; color:#54BDB8; margin-top:7px}
.xsy3-1 .right h3 a img{ margin-right:0; margin-left:10px}
.xsy3-1 .right ul{ margin-bottom:3%}
.xsy3-1 .right ul li{ border-bottom:#54BDB8 1px dashed; padding:2.6% 0}
.xsy3-1 .right ul li a{ font-size:15px; overflow:hidden; color:#333}
.xsy3-1 .right ul li a span{ float:right; color:#999}
.xsy3-1 .right ul:last-child{ margin-bottom:0}
.xsy3-1 .right ul li a:hover,.xsy3-1 .left div h3 a:hover{ color:#54BDB8}
.hm_tit h4{ font-size:18px; margin-top:1%}
.hm_tit h4 img{ vertical-align:middle; margin-right:10px}
.xsy4{ margin-bottom:5%}
.xsy4-1{ overflow:hidden}
.xsy4-2{ float:left; width:23%; margin-left:2%; background:url(../image/sy-121.png) no-repeat center; border:#B7E2E3 1px solid; border-radius:10px}
.xsy4-2 dl{ padding:14% 7%;}
.xsy4-2 dl dt img{ display:block; margin:auto}
.xsy4-2 dl dd{ text-align:center; margin-top:4%}
.xsy4-2 dl .c1{ font-size:22px; font-weight:bold}
.xsy4-2 dl .c2{ font-size:18px; color:#999; line-height:30px}
.xsy4-3 h3{ text-align:center; font-size:22px; color:#fff; font-weight:bold}
.xsy4-3 ul{ height:193px; overflow:hidden}
.xsy4-3 ul li{ font-size:14px; color:#fff; border-bottom:#fff 1px dashed; padding:3% 0}
.xsy4-3 ul li:last-child{ border:0; padding-bottom:0}
.xsy4-1 .more .but1 .fz_but{ line-height:37px; background:#fff; font-size:14px; width:1.5rem}
.xsy4-1 .more .but1 .fz_but:hover,.fotbox .fot1 .cont .lt .item .jut a:hover{ color:#0068ff}
.xsy4-1 .more .but1 .fz_but:hover,.xsy4-1 .more .but1 .fz_but:hover::before{ color:#fff}
.xsy4-1 .more .but1 .fz_but::before{ z-index:1}
.xsy4-1 .more .but1 .fz_but:hover::before{ background:#0068ff; width:100%;}
.xsy4-1 .more{ margin-top:7%}
.xsy4-3,.xsy4-2 dl{ height:342px}
.xsy4-3{ background:url(../image/sy-120.png) no-repeat center; border-radius:10px; padding:8% 7%; display:none}
.xsy4-2:hover dl{ display:none}
.xsy4-2:hover div{ display:block}
.hm-sec6{ background:url(../image/sy-127.png) no-repeat center}
.hm-sec6 .cont .font .tit{ font-weight:bold;}
.hm-sec6 .hm_but{ border-radius:10px; border:0; margin-top:4%; background:#fff; color:#0068ff;width: 1.8rem; height: 0.52rem;}
.hm-sec6 .hm_but:hover{ color:#fff}
.hm-sec6 .hm_but:hover::before{ background:#0068ff;}
.xsy5{ background:#F5F5F7; padding:2% 0}
.xsy5 ul{ overflow:hidden; margin-left:-10%}
.xsy5 ul li{ float:left; width:15%; margin-left:10%; font-size:18px; font-weight:bold}
.xsy5 ul li img{ vertical-align:middle; margin-right:10px}
.fotbox .fot1 .cont .lt .item{ width:14%}
.fotbox .fot1 .cont .lt .fz_item{ width:37%}
.fotbox .fot1 .cont .lt .fz_item1{ width:38%}
.fotbox .fot1 .cont .lt .item .jut a{ color:#999}
.fotbox .fot1 .cont .lt .item .jut .subtitle{ color:#777}
.fotbox .fot1 .fz_logo .lt .jut .li a{ color:#666; margin-left:0.3rem; display:inline-block}
.fotbox .fot1 .fz_logo .lt .jut .li a:hover{ color:#0068ff}
[ripple] {
  z-index: 1;
  position: relative;
  overflow: hidden;
}
[ripple] .ripple {
  position: absolute;
  background: #FFFFFF;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  -webkit-animation: ripple 1.6s;
          animation: ripple 1.6s;
}
@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(40);
            transform: scale(40);
    opacity: 0;
  }
}
@keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(40);
            transform: scale(40);
    opacity: 0;
  }
}
.tabs {
  z-index: 15px;
  position: relative;
  /*! background: #FFFFFF; */
  width:100%;
  box-sizing: border-box;
  overflow: hidden;
}
.tabs-header {
  position: relative;
  overflow: hidden;
}
.tabs-header .border {
  position: absolute;
  bottom: 0;
  left: 0;
  background:#0068ff;
  width: auto;
  height: 2px;
  -webkit-transition: 0.3s ease;
          transition: 0.3s ease;
}
.tabs-header ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: calc(100% - 68px);
}
.tabs-header li {
  -webkit-transition: 0.3s ease;
          transition: 0.3s ease;
}
.tabs-header a {
  z-index: 1;
  display: block;
  box-sizing: border-box;
  padding: 0 20px 15px;
  color: #333;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  font-size:16px
}
.tabs-nav {
  position: absolute;
  top: 292px;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 0 10px;
  color: #FFFFFF;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
  height: 40px;
}
.tabs-nav i {
  border-radius: 100%;
  cursor: pointer;
}
.tabs-content {
  position: relative;
  padding:5%;
  -webkit-transition: 0.3s ease;
          transition: 0.3s ease;
  overflow: hidden;
  box-shadow:0 0 15px #eee;
  max-width: 1300px;
  margin: 4% auto;
  background: #fff;
}
.tabs-content2{ margin-bottom:0}
.tabs-content:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  box-shadow: 0 0 20px 10px #FFFFFF;
}
.tabs-content .tab {
  display: none;
}
.tabs-content .tab.active {
  display: block;
}
.xsy7{ background:url(../image/sy-150.png) no-repeat center top 55px; /*! padding-bottom:6% */}
.tabs-header ul{ width:100%}
.tabs-header li img{ vertical-align:middle; margin-right:10px}
.tabs-header li{ margin-right:5%}
.tabs-header li:last-child{ margin-right:0}
.xsy7 .hm-sec7 .cont .gt{ background:none; width:100%; border:0}
.xsy7 .hm-sec7 .cont{ box-shadow:none}
.xsy7 .hm-sec7 .cont .gt .hm7_cont .item{ padding:0}
#prev,#prev2{ position:absolute; left:0; top:0; z-index:99}
#next,#next2{ position:absolute; right:0; top:0; z-index:99}
.tabs-content{ height:inherit !important}
.xsy7 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .text{ font-size:16px; margin-top:3%}
.xsy7 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .tit{ border:0; padding-left:0; font-size:0.35rem}
.xsy7 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen{ padding-left:0}
.xsy7 .hm-sec7 .cont .gt .hm7_cont .item .img{ width:48%}
.xsy7 .hm-sec7 .cont .gt .hm7_cont .item .fz_font { width: 52%; padding-right: 8%;}
.tabs-header2 li{ display:inline-block;}
.tabs-header2 ul{ display:block; text-align:center}
.tabs-header2 li a{ border-radius:30px; border:#0068ff 2px solid;padding: 10px 0;width: 135px; color:#0068ff}
.tabs-header2 .active a{ background:#0068ff; color:#fff}
.tabs-content2{ padding:0; box-shadow:none; margin-top:2%}
.xsy6-1 h3{ font-size:24px; text-align:center; font-weight:bold}
.xsy6-1 p{ font-size:16px; color:#999; text-align:center; margin:1% 0 0}
.xsy6 .tabs-nav{ top:500px}
.xsy6-1 h4 img{ max-width:100%; display:block; margin:auto}
.zgbj{ background:url(../image/sy-140.png) no-repeat center top 500px;}
.xsy6{ margin-top:7%}
.ssn{ border:#0068ff 1px solid; border-radius:5px; overflow:hidden; width:190px;margin-right: 5%;}
.ssn input{ height:34px; line-height:34px;}
.ssn input:nth-child(1){ float:right; width:80%; color:#666; font-size:14px; padding:0 10px}
.ssn input:nth-child(2){ float:left; width:20%; background:url(../image/cp-cx-1.png) no-repeat center}
.bannerbox1{ height:inherit; background:url(../image/cp-cx-4.jpg) no-repeat center; margin-top:70px; padding:0 !important}
.bannerbox1 .item .cont{ position:relative; top:inherit !important; padding:1rem 0}
.bannerbox1 .item .cont .container .left,.bannerbox1 .item .cont .container .right{ width:49%}
.bannerbox1 .item .cont .container .right p img{ width:100%}
.bannerbox1 .item .cont .container .left{ padding-top:4%}
.bannerbox1 .swiper-slide1{ width:100%}
.container1{ max-width:1400px}
.xc1-1{ overflow:hidden; margin-left:-1.5%; padding:10px 10px 10px 0; margin-bottom:6%; margin-top:-0.5%}
.xc1-2{ float:left; width:19.6%; margin-left:1.5%; border-radius:10px; box-shadow:0 0 15px #ddd; padding:40px 20px; height:359px; overflow:hidden;transition: all .3s ease;}
.xc1-2 h3 img{ display:block; margin:auto}
.xc1-2 h3 img:nth-child(2){ display:none}
.xc1-2 h4{ text-align:center; font-size:18px; font-weight:bold; margin:40px 0 0px}
.xc1-2 h4 span{ display:block; height:54px; overflow:hidden;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.xc1-2 h4 span:nth-child(2){ display:none}
.xc1-2 .more .but1 .fz_but{ border:0}
.xc1-2 .more .but1 .fz_but:nth-child(2){ display:none}
.xc1-2 .more .but1 .fz_but{width: 1.6rem;}
.xc11{ background:url(../image/cp-cx-30.png) no-repeat center; width:35%; padding:40px;}
.xc11 h3 img:nth-child(1){ display:none}
.xc11 h3 img:nth-child(2){ display:block}
.xc11 h4{ color:#fff}
.xc11 h4 span:nth-child(1){ display:none}
.xc11 h4 span:nth-child(2){ display:block}
.xc11 .more .but1 .fz_but:nth-child(1){ display:none}
.xc11 .more .but1 .fz_but:nth-child(2){ display:flex}
.xc11 .more .but1 .fz_but{ background:#fff}
.xc2{ background:url(../image/cp-cx-13.jpg) no-repeat center}
.xc2-1 ul{ overflow:hidden; padding:4% 0}
.xc2-1 ul li{ float:left; width:25%; background:url(../image/cp-cx-14.png) no-repeat center right; font-size:18px; color:#fff; text-align:center}
.xc2-1 ul li:last-child{ background:none}
.xc2-1 ul li strong{ display:block; font-size:45px; margin-bottom:2%}
.hm_tit .tit span{background: linear-gradient(to right, #02B8E9, #4AD9BD); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.xc4{ background:none}
.xc4 .tabs-header li{ margin-right:6.8%}
.xc41 .tabs-header li{ margin-right:4.9%}
.xc4 .tabs-header li:last-child{ margin-right:0}
.xc4 .tabs-content{ margin:0; border:#ddd 1px solid; box-shadow:2px 4px 8px #eee; margin-bottom:8px; max-width:1400px; padding:4% 5%}
.xc4 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .tit{ font-size: 0.25rem; font-weight:bold}
.xc4 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .text{ color:#333; background:none; padding-left:0; overflow:hidden; line-height:30px}
.xc4 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .text img{ float:left; width:5%; margin-top:6px}
.xc4 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .text span{ float:right; display:block; width:92%}
.xc4 .hm-sec7 .cont .gt .hm7_cont .item .fz_font{ width:39%; padding-right:6%; padding-top:2%}
.xc4 .hm-sec7 .cont .gt .hm7_cont .item .img{ width:61%}
.xc4 .tabs-header .active a{ color:#0068ff; font-weight:bold} 
.xc5 .cont .hm4_cont .swiper-slide .item .gt .tit h3{ color:#0068ff}
.xc5 .cont .hm4_cont .swiper-slide .item .gt .text img{ width:70px}
.xc5 .cont .hm4_cont .swiper-slide .item .gt .tit{ margin-bottom: 0.3rem;}
.xc6-1 .left ul li,.xc6-1 .left h1{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}
.xc6-1 .left ul li img,.xc6-1 .left h1 img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.xc6-1 .left ul li:hover img,.xc6-1 .left h1:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.xc6-1{ margin-bottom:7%}
.xc6-1 .right{ width:41%}
.xc6-1 .left{ width:54%; box-shadow:none; border-radius:0}
.xc6-1 .left h1 img{ width:100%;}
.xc6-1 .left h1,.xc6-1 .left h1 img{ border-radius:10px}
.xc6-1 .left ul{ overflow:hidden; margin-left:-2%; margin-top:2%}
.xc6-1 .left ul li{ float:left; width:31.33%; margin-left:2%}
.xc6-1 .left ul li img{ width:100%; height:131px}
.xc6-1 .left ul li,.xc6-1 .left ul li img{ border-radius:5px}
.xc6-1 .right ul li{ padding:4.8% 0}
.xc6-1 .right ul li a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xc3-1{ overflow:hidden; margin-top:-40px; padding-left:2%; padding-bottom:10px}
.xc3-1 div{ float:left; width:20%; background:url(../image/cp-cx-33.png) no-repeat center right 15px; position:relative; padding-top:40px;}
.xc3-1 div ul{ box-shadow:0 0 10px #ddd; width:85%; border-radius:20px; margin-top:-20px; padding:40px 15px 20px; height:361px}
.xc3-1 div h1{ box-shadow: 2px 3px 5px #ddd; position:relative; z-index:9; background:#4FBF9F; color:#fff; width:140px; line-height:45px; border-radius:30px; text-align:center; margin-left:18%}
.xc3-1 div h1,.xc3-1 div ul li{ font-size:16px}
.xc3-1 div ul li{ background:url(../image/cp-cx-32.png) no-repeat center bottom; padding-bottom:16px; margin-top:10px; text-align:center}
.xc3-1 div ul li span{ display:block; border:#4FBF9F 1px solid; border-radius:10px; padding:6px}
.xc3-1 div ul li:last-child{ background:none; padding-bottom:0}
.xc3-1 div:nth-child(5),.xc3-1 div:nth-child(10){ background:none}
.xc3-1 div h2{ width:85%; margin-top:-20px; background:url(../image/cp-cx-37.png) no-repeat center bottom; padding-bottom:30px}
.xc3-1 div h2 img{ width:100%; box-shadow:0 0 10px #ddd; border-radius:20px;}
.xc3-1 div:nth-child(10) ul{ margin-top:5%; padding-top:17px; height:197px}
.xc3-1 div:nth-child(10) ul li{ background:none; padding-bottom:0; margin-top:13px}
.xc3-1 div:nth-child(2){ background:url(../image/cp-cx-34.png) no-repeat center right 15px}
.xc3-1 div:nth-child(2) h1{ background:#63CFC0}
.xc3-1 div:nth-child(2) ul li span{ border:#63CFC0 1px solid}
.xc3-1 div:nth-child(3){ background:url(../image/cp-cx-35.png) no-repeat center right 15px}
.xc3-1 div:nth-child(3) h1{ background:#62CDD0}
.xc3-1 div:nth-child(3) ul li span{ border:#62CDD0 1px solid}
.xc3-1 div:nth-child(4){ background:url(../image/cp-cx-36.png) no-repeat center right 15px}
.xc3-1 div:nth-child(4) h1{ background:#61CDD0}
.xc3-1 div:nth-child(4) ul li span{ border:#61CDD0 1px solid}
.xc3-1 div:nth-child(5) h1{ background:#649ECF}
.xc3-1 div:nth-child(5) ul li span{ border:#649ECF 1px solid}
.xc3-1 div:nth-child(6){ background:url(../image/cp-cx-41.png) no-repeat center right 15px}
.xc3-1 div:nth-child(6) h1{ background:#EC99DD}
.xc3-1 div:nth-child(6) ul li span{ border:#EC99DD 1px solid}
.xc3-1 div:nth-child(7){ background:url(../image/cp-cx-40.png) no-repeat center right 15px}
.xc3-1 div:nth-child(7) h1{ background:#CF99ED}
.xc3-1 div:nth-child(7) ul li span{ border:#CF99ED 1px solid}
.xc3-1 div:nth-child(8){ background:url(../image/cp-cx-39.png) no-repeat center right 15px}
.xc3-1 div:nth-child(8) h1{ background:#9982EA}
.xc3-1 div:nth-child(8) ul li span{ border:#9982EA 1px solid}
.xc3-1 div:nth-child(9){ background:url(../image/cp-cx-38.png) no-repeat top 115px right 15px}
.xc3-1 div:nth-child(9) h1{ background:#6C7ADB}
.xc3-1 div:nth-child(9) ul li span{ border:#6C7ADB 1px solid}
.xc3-1 div:nth-child(10){ background:url(../image/cp-cx-37.png) no-repeat left 43% top 15px}
.xc3-1 div:nth-child(10) h1{ background:#628DD1}
.xc3-1 div:nth-child(10) ul li span{ border:#628DD1 1px solid}
.xc3-1 div:nth-child(2) ul li:nth-child(4) span{ background:#D1F1EC; border:#D1F1EC 1px solid}
.xc3-1 div:nth-child(3) ul li:nth-child(1) span,.xc3-1 div:nth-child(3) ul li:nth-child(2) span{ background:#D1F0F2; border:#D1F0F2 1px solid}
.xc3-1 div:nth-child(4) ul li:nth-child(5) span{ background:#D9EBF5; border:#D9EBF5 1px solid}
.xc3-1 div:nth-child(5) ul li:nth-child(1) span,.xc3-1 div:nth-child(5) ul li:nth-child(2) span,.xc3-1 div:nth-child(5) ul li:nth-child(3) span{ background:#E0ECF8; border:#E0ECF8 1px solid}
.xc3-1 div:nth-child(6) ul li:nth-child(1) span{border: #EC99DD 1px dashed;}
.xc3-1 div:nth-child(7) ul li:nth-child(1) span,.xc3-1 div:nth-child(7) ul li:nth-child(2) span,.xc3-1 div:nth-child(7) ul li:nth-child(4) span{ background:#F4E7FB; border: #F4E7FB 1px dashed;}
.xc3-1 div:nth-child(8) ul li span{ border: #C2BAE8 1px dashed;}
.xc3-1 div:nth-child(8) ul li:nth-child(1) span{ background:#E7DEF9; border: #E7DEF9 1px dashed;}
.xc3-1 div:nth-child(10) ul li span{ background:#E1E7F5; border: #E1E7F5 1px dashed;}
.xc3-1 div:nth-child(6) h3{ position:absolute; top:15px; left:40%}
.bb1 img{ max-width:100%; display:block; margin:auto}
.bb1 p video{ max-width:1000px !important; margin:auto; display:block; border-radius:23px}
.bannerbox3 .item .cont .container .tit span{ background: linear-gradient(to right, #52b3b3, #4062ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.bannerbox3 .hm_but,.spr3 .hm_but{ background: linear-gradient(to right, #52b3b3, #4062ff); border:#fff 2px solid}
.bannerbox3 .hm_but{ border:#E8EBF4 2px solid}
.bannerbox3 .hm_but:hover,.spr3 .hm_but:hover{ border-color: #0068ff;}
.spr1{ background:#FAFBFF; overflow:hidden; padding-bottom:6%}
.hm_tit .tit .e1{ display:block; font-weight:normal; font-size:28px; margin-top:1%}
.hm_tit .tit .e2{ display:block; margin-top:1.5%}
.hm_tit .tit .e2{ font-size:24px; color:#333}
.hm_tit .tit .e2 strong,.hm_tit .tit .e1 .e4{ display:block; font-weight:normal; font-size:18px; color:#999; margin-top:0.5%}
.spr2{ background:url(../image/sp-11.png) no-repeat center top; overflow:hidden; margin-top:5%; padding-top:2%;}
.spr2 .hm_tit .tit{ color:#fff}
.spr2-1{ overflow:hidden; margin-left:-3%; padding:0 15px; padding-bottom:2%;}
.spr2-2{ float:left; width:22%; margin-left:3%; background:#fff; height:439px; overflow:hidden; border-radius:10px; padding:4% 2%; box-shadow:2px 5px 14px #eee}
.spr2-2 h3 img{ display:block; margin:auto}
.spr2-2 h4{ font-size:20px; text-align:center; font-weight:bold; margin:8% 0}
.spr2-2 p{ font-size:16px; line-height:30px; text-align:center; color:#999}
.hm_tit .tit .e1 .e3{ color:#4465FE; font-weight:normal}
.spr3{ background:url(../image/sp-2.jpg) no-repeat center; overflow:hidden; margin-top:6%; padding-bottom:6%}
.spr3 .hm_tit .tit{ color:#fff}
.spr3 .tabs-header li{margin-right:3%; width: 14.15%; background:#fff;background-color: rgba(255,255,255,0.2); filter: Alpha(opacity=20); border-radius:10px 10px 0 0}
.spr3 .tabs-header li:last-child{ margin-right:0}
.spr3 .tabs-header a{ text-align:center; padding:20px 0; color:#fff}
.spr3 .tabs-header .active{ background:#4062ff;}
.spr3 .tabs-content{ max-width:1400px; margin:0; border-radius:0 0 10px 10px; box-shadow:none} 
.spr3 .hm-sec7 .cont .gt .hm7_cont .item .img{ width:62%}
.spr3 .hm-sec7 .cont .gt .hm7_cont .item .fz_font{ width:38%}
.spr3 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .tit{ font-size:0.26rem; font-weight:bold}
.spr3 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .text{ color:#333; background:none; padding-left:0; margin-top:5%}
/* Grow Rotate */
.grow-rotate,.spr2-2 h3 img{
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.grow-rotate:hover, .grow-rotate:focus, .grow-rotate:active,.spr2-2:hover h3 img{
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}
.wsj{ margin-top:70px;}
.ai1{ background:url(../image/xa-30.jpg) no-repeat center top; overflow:hidden}
.ai1-1{ margin:8% 0}
.ai1-1 h3{ margin-bottom:2.5%}
.ai1-1 h3 img{ display:block; margin:auto; max-width:100%}
.ai1-1 h2{ color:#fff; text-align:center; margin:2.5% 0; font-weight:bold; height:55px}
.ai1-1 .hm_but{ margin:auto; background:#fff; color:#0068ff; border:0}
.ai1-1 .hm_but:hover{ color:#fff}
.ai1-1 .hm_but::before{ background:#0068ff;}
.ai1-1 p{ margin-top:3%; display:none}
.ai1-1 p img{ display:block; margin:auto; max-width:100%}
.ai1-2{ margin-bottom:8%}
.ai1-2-1{ overflow:hidden; position:relative}
.ai1-2-1 .left{ width:32%}
.ai1-2-1 .right{ width:63%; position:absolute; left:37%; bottom:10%;}
.ai1-2-1 .left p img{ width:100%}
.ai1-2-1 .right h3{ font-size:45px; color:#fff; font-weight:bold;margin-bottom: 2%; background:url(../image/xa-29.png) no-repeat left bottom}
.ai1-2-1 .right p{ font-size:23px; color:#fff; text-indent:2em; line-height:38px}
.ai1-2-2 p img{ width:100%}
.solution .hm_but{background: linear-gradient(to right, #50d5ba, #00b6ea); border:0;}
.solution .hm_but:hover{ border:2px solid #0068ff;} 
.solution .l-body .l-content-l ul{ padding-bottom:3%}
.solution {
	margin-bottom:8%
}
.solution .l-body {
  display: flex; 
  align-items: center; 
  /*垂直居中*/
  justify-content: center; 
  /*水平居中*/
}
.solution .l-body .l-content-l {
  /*! padding-right: 50px; */
  width: 49%;
  margin-right: 3%;
}
.solution-01 .l-body .l-content-l,.solution-03 .l-body .l-content-l{ margin-right:0; margin-left:3%}
.solution .l-body .l-content-l .l-tips {
  font-size: 40px;
  font-weight: bold;
  background: linear-gradient(to right, #50d5ba, #00b6ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.solution-01 .l-body .l-content-l .l-tips{background: linear-gradient(to right, #50d5ba, #71d63a);-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.solution-02 .l-body .l-content-l .l-tips{background: linear-gradient(to right, #50d5ba, #6555ff);-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.solution-03 .l-body .l-content-l .l-tips{background: linear-gradient(to right, #50d5ba, #ff9f2e);-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.solution-04 .l-body .l-content-l .l-tips{background: linear-gradient(to right, #50d5ba, #db60ff);-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.solution .l-body .l-content-l .l-tips img {
  height: 40px;
  margin-bottom: 10px;
}
.solution .l-body .l-content-l h3 {
  font-size: 20px;
  color: #333;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  padding-left: 20px;
}
.solution .l-body .l-content-l h3 i {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: text-top;
  background-size: 100% 100% !important;
  margin-right: 10px;
  margin-top: -2px;
  transition: all 0.3s;
}
.solution .l-body .l-content-l h3 .fold-icon {
	  width: 13px;
  height: 8px;
  background:url(../image/xa-15.png);
  background-size: cover;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -6px;
  transition: all 0.3s;
  right: 0;
  display: block !important;
}
.solution .l-body .l-content-l .active h3 .fold-icon{
  background:url(../image/xa-14.png);}
.solution .l-body .l-content-l ul {
  margin-top: 20px;
}
.solution .l-body .l-content-l li {
  padding: 10px 0;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.3s;
}
.solution .l-body .l-content-l .active{ padding:15px 0 10px}
.solution .l-body .l-content-l li:last-child {
  border: none;
}
.solution .l-body .l-content-l li h3 {
  font-size: 18px;
  color: #333;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 0;
  cursor: pointer;

  transition: all 0.3s;
  position: relative;
  padding-left: 54px;
  padding-right: 20px;
}
.solution .l-body .l-content-l .active h3{ color:#fff}
.solution .l-body .l-content-l li h3 i:last-child {
  right: 10px;
  top: 15px;
}
.solution .l-body .l-content-l li h3 i:first-child {
  position: absolute;
  left: 20px;
  top: 1px;
}
.solution .l-body .l-content-l li p {
  margin-top: 20px;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  line-height: 20px;
  padding-left: 20px;
  display: none;
}
.solution .l-body .l-content-l li p span {
  font-size: 16px;
  color: #fff;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 10px;
  display: block;
  padding-right: 20px;
  padding-left: 20px;
  position: relative;
}
.solution .l-body .l-content-l li p span:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
}
.solution .l-body .l-content-l li p span:last-child {
  margin-bottom: 0;
}
.solution .l-body .l-content-l li.active {
  background: linear-gradient(to right, #50d5ba, #00b6ea);
  border-radius: 20px;
}
.solution .l-body .l-content-l .btn-box {
  padding-top: 30px;
}
.solution .l-body .l-content-r {
  width: 48%;
  border-radius: 20px;
}
.solution .l-body .l-content-r img {
  width: 100%;
  visibility: hidden;
}
.solution .l-body .l-content-r .img-box {
  background:url(../image/xa-5.png);
  background-size: 100% 100%;
  transition: all 0.3s;
}
.solution .l-body .img-box {
  position: relative;
}
.solution .l-body .img-box video {
  position: absolute;
  left: 0;
  top: 10px;
  right: 0;
  bottom: 0;
  width: 100%;
  border-radius: 8px;
  height: 100%;
  object-fit: fill;
  transition: all 0s;
  z-index: 999;
  visibility: hidden;
  transform: scale(0.9);
}
.solution .l-body .img-box .move-img {
  position: absolute;
  left: 8%;
  top: 5px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
}
.solution .l-body .img-box .move-img img {
  width: 100px;
  visibility: visible;
  animation: arrow 2s linear infinite;
}
.solution .l-body .img-box .scrolls-box {
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
  top: 0;
  background: #010422;
  opacity: 0;
}
.solution .l-body .img-box .scrolls-box img {
  width: 100%;
  position: absolute;
  left: 0;
  visibility: visible;
}
.solution .l-body .img-box .scrolls-box #divTyping1 {
  position: absolute;
  left: 61%;
  top: 14.2%;
  font-size: 12px;
  color: #fff;
  transform: scale(0.9);
  z-index: 2;
  opacity: 0;
}
.solution .l-body .img-box .scrolls-box #divTyping2 {
  position: absolute;
  left: 58.8%;
  top: 56.2%;
  font-size: 12px;
  color: #fff;
  transform: scale(0.87);
  z-index: 2;
  opacity: 0;
}
.solution.solution-0 li.active:nth-child(1) h3 i:first-child {
  background:url(../image/xa-7-1.png) !important;
  background-size: 100% 100% !important;
}
.solution.solution-0 li.active:nth-child(2) h3 i:first-child {
  background:url(../image/xa-8-1.png) !important;
  background-size: 100% 100% !important;
}
.solution.solution-0 li.active:nth-child(3) h3 i:first-child {
  background: url(../image/xa-9-1.png) !important;
  background-size: 100% 100% !important;
}
.solution.solution-0 li.active:nth-child(4) h3 i:first-child {
  background: url(../image/xa-10-1.png) !important;
  background-size: 100% 100% !important;
}
.solution.solution-0 li.active:nth-child(5) h3 i:first-child {
  background: url(../image/xa-11-1.png) !important;
  background-size: 100% 100% !important;
}
.solution.solution-0 li.active:nth-child(6) h3 i:first-child {
  background: url(../image/xa-12-1.png) !important;
  background-size: 100% 100% !important;
}
.solution.solution-0 li.active:nth-child(7) h3 i:first-child {
  background: url(../image/xa-13-1.png) !important;
  background-size: 100% 100% !important;
}
.solution.solution-0 .l-body[data-index="1"] .l-content-r .img-box {
  background:url(../image/xa-5.png);
  background-size: 100% 100%;
}
.solution.solution-0 .l-body[data-index="2"] .l-content-r .img-box {
  background:url(../image/xa-5.png);
  background-size: 100% 100%;
}
.solution.solution-0 .l-body[data-index="3"] .l-content-r .img-box {
  background:url(../image/xa-5-2.png);
  background-size: 100% 100%;
}
.solution.solution-0 .l-body[data-index="4"] .l-content-r .img-box {
  background:url(../image/xa-5-2.png);
  background-size: 100% 100%;
}
.solution.solution-0 .l-body[data-index="5"] .l-content-r .img-box {
  background:url(../image/xa-5-4.png);
  background-size: 100% 100%;
}
.solution.solution-0 .l-body[data-index="6"] .l-content-r .img-box {
  background:url(../image/xa-5-4.png);
  background-size: 100% 100%;
}
.solution.solution-0 .l-body[data-index="7"] .l-content-r .img-box {
  background:url(../image/xa-5-6.png);
  background-size: 100% 100%;
}
.solution.solution-01 li.active:nth-child(1) h3 i:first-child {
  background:url(../image/xa-17.png) !important;
  background-size: 100% 100% !important;
}
.solution.solution-01 li.active:nth-child(2) h3 i:first-child {
  background:url(../image/xa-18.png) !important;
  background-size: 100% 100% !important;
}
.solution.solution-01 li.active:nth-child(3) h3 i:first-child {
  background: url(../image/xa-20.png) !important;
  background-size: 100% 100% !important;
}
.solution.solution-01 .l-body[data-index="1"] .l-content-r .img-box {
  background:url(../image/xa-16.png);
  background-size: 100% 100%;
}
.solution.solution-01 .l-body[data-index="2"] .l-content-r .img-box {
  background:url(../image/xa-16-1.png);
  background-size: 100% 100%;
}
.solution.solution-01 .l-body[data-index="3"] .l-content-r .img-box {
  background:url(../image/xa-16-2.png);
  background-size: 100% 100%;
}
.solution.solution-02 li.active:nth-child(1) h3 i:first-child {
  background:url(../image/xa-22-1.png) !important;
  background-size: 100% 100% !important;
}
.solution.solution-02 .l-body[data-index="1"] .l-content-r .img-box {
  background:url(../image/xa-21.png);
  background-size: 100% 100%;
}
.solution.solution-03 li.active:nth-child(1) h3 i:first-child {
  background:url(../image/xa-25-1.png) !important;
  background-size: 100% 100% !important;
}
.solution.solution-03 li.active:nth-child(2) h3 i:first-child {
  background:url(../image/xa-25.png) !important;
  background-size: 100% 100% !important;
}
.solution.solution-03 li.active:nth-child(3) h3 i:first-child {
  background:url(../image/xa-25-2.png) !important;
  background-size: 100% 100% !important;
}
.solution.solution-03 li.active:nth-child(4) h3 i:first-child {
  background:url(../image/xa-25-3.png) !important;
  background-size: 100% 100% !important;
}
.solution.solution-03 li.active:nth-child(5) h3 i:first-child {
  background:url(../image/xa-25-4.png) !important;
  background-size: 100% 100% !important;
}
.solution.solution-03 .l-body[data-index="1"] .l-content-r .img-box {
  background:url(../image/xa-24.png);
  background-size: 100% 100%;
}
.solution.solution-03 .l-body[data-index="2"] .l-content-r .img-box {
  background:url(../image/xa-24-1.png);
  background-size: 100% 100%;
}
.solution.solution-03 .l-body[data-index="3"] .l-content-r .img-box {
  background:url(../image/xa-24-2.png);
  background-size: 100% 100%;
}
.solution.solution-03 .l-body[data-index="4"] .l-content-r .img-box {
  background:url(../image/xa-24-3.png);
  background-size: 100% 100%;
}
.solution.solution-03 .l-body[data-index="5"] .l-content-r .img-box {
  background:url(../image/xa-27.png);
  background-size: 100% 100%;
}

@media (max-width:1024px) {
  .solution {
    padding-bottom: 0;
  }
  .solution .l-body {
    display: block;
  }
  .solution .l-body .l-content-l {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .solution .l-body .l-content-l > h3 {
    font-size: 24px;
    color: #000000;
    text-align: center;
    line-height: 36px;
    font-weight: 500;
  }
  .solution .l-body .l-content-l li {
    margin-bottom: 10px;
    box-shadow: 0px 4px 8px 0px rgba(214, 218, 240, 0.5);
    border-radius: 4px;
    border: none;
    padding: 0;
  }
  .solution .l-body .l-content-l li h3 {
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    line-height: 56px;
    padding: 0 20px;
	margin-left:15px
  }
  .solution .l-body .l-content-l li p {
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    line-height: 20px;
    padding:10px 20px 20px;
    margin-top: 0;
    border-top: 1px solid #e6e6e6;
  }
  .solution .l-body .l-content-l .mb {
    width: 100%;
    display: inline-block !important;
    margin-bottom: 20px;
    transition: all 0.3s;
  }
  .solution .l-body .l-content-l .mb img {
    width: 100%;
    opacity: 0;
  }
  .solution .l-body .l-content-r {
    display: none;
  }
  .solution .l-body .l-content-l .l-tips {
    padding-left: 0;
  }
  .solution .l-body .l-content-l .l-tips img {
    height: 28px;
  }
  .solution .l-body .l-content-l > h3 {
    padding-left: 0 !important;
    font-size: 16px !important;
    color: #ffffff !important;
    letter-spacing: 0;
    text-align: left !important;
    line-height: 24px !important;
    font-weight: 500;
    margin-bottom: 20px !important;
  }
  .solution .l-body .l-content-l .mb {
    background: #27294d;
    border-radius: 11.17px;
  }
  .solution .l-body .l-content-l li {
    background: none;
    box-shadow: none;
    margin-bottom:15px;
  }
  .solution .l-body .l-content-l li.active {
    box-shadow: none;
  }
  .solution .l-body .l-content-l li h3 {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px !important;
    font-weight: 500;
    padding-left: 34px;
    padding-right: 10px;
  }
  .solution .l-body .l-content-l li p span {
    padding-right: 0;
	font-size:14px;
	line-height:22px;
	margin-bottom:5px
  }
  .solution .l-body .l-content-l li h3 i:first-child {
    left: 0px;
    top: -1px;
  }
  .solution .l-body .l-content-l li h3 i:last-child {
    right: 0;
  }
  .solution .l-body .l-content-l li p {
    border: none !important;
    padding-bottom: 0 !important;
  }
  .solution .l-body .l-content-l .btn-box {
    padding-top: 0;
  }
  .solution .l-body .img-box {
    width: calc( 100% + 10px ) !important;
    left: -5px;
  }
  .solution .l-body .l-content-l .l-tips{ font-size:26px}
  .solution .l-body .l-content-l ul{ padding-bottom:1%}
  .ai1{ background-size:cover}
  .solution-01 .l-body .l-content-l, .solution-03 .l-body .l-content-l{ margin-left:0}
}
@keyframes ss {
  0% {
    background-size: 1520px auto;
    background-position-y: -300px;
  }
  100% {
    background-size: 1920px auto;
    background-position-y: -50px;
  }
}
@keyframes changeimg01 {
  0% {
    background: #000422 url(../images/1-1.png);
    background-size: 100% 100%;
  }
  40% {
    background: #000422 url(../images/1-1.png);
    background-size: 100% 100%;
  }
  50% {
    background: #000422 url(../images/1-1（2）.png);
    background-size: 100% 100%;
  }
  90% {
    background: #000422 url(../images/1-1（2）.png);
    background-size: 100% 100%;
  }
  100% {
    background: #000422 url(../images/1-1.png);
    background-size: 100% 100%;
  }
}
@keyframes changeimg02 {
  0% {
    background: #000422 url(../images/1-2.png);
    background-size: 100% 100%;
  }
  17% {
    background: #000422 url(../images/1-2.png);
    background-size: 100% 100%;
  }
  25% {
    background: #000422 url(../images/1-2（2）.png);
    background-size: 100% 100%;
  }
  40% {
    background: #000422 url(../images/1-2（2）.png);
    background-size: 100% 100%;
  }
  50% {
    background: #000422 url(../images/1-2（3）.png);
    background-size: 100% 100%;
  }
  67% {
    background: #000422 url(../images/1-2（3）.png);
    background-size: 100% 100%;
  }
  75% {
    background: #000422 url(../images/1-2（4）.png);
    background-size: 100% 100%;
  }
  90% {
    background: #000422 url(../images/1-2（4）.png);
    background-size: 100% 100%;
  }
  100% {
    background: #000422 url(../images/1-2.png);
    background-size: 100% 100%;
  }
}
@keyframes changeimg03 {
  0% {
    background: #000422 url(../images/1-4.png);
    background-size: 100% 100%;
  }
  26% {
    background: #000422 url(../images/1-4.png);
    background-size: 100% 100%;
  }
  33% {
    background: #000422 url(../images/1-4（1）.png);
    background-size: 100% 100%;
  }
  53% {
    background: #000422 url(../images/1-4（1）.png);
    background-size: 100% 100%;
  }
  66% {
    background: #000422 url(../images/1-4（2）.png);
    background-size: 100% 100%;
  }
  90% {
    background: #000422 url(../images/1-4（2）.png);
    background-size: 100% 100%;
  }
  100% {
    background: #000422 url(../images/1-4.png);
    background-size: 100% 100%;
  }
}
@keyframes scrollright1 {
  0% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  32% {
    opacity: 1;
  }
  48% {
    opacity: 1;
  }
  64% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scrollright2 {
  0% {
    opacity: 0;
  }
  16% {
    opacity: 0;
  }
  32% {
    opacity: 1;
  }
  48% {
    opacity: 1;
  }
  64% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scrollright3 {
  0% {
    opacity: 0;
  }
  16% {
    opacity: 0;
  }
  32% {
    opacity: 0;
  }
  48% {
    opacity: 1;
  }
  64% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scrollright4 {
  0% {
    opacity: 0;
  }
  16% {
    opacity: 0;
  }
  32% {
    opacity: 0;
  }
  48% {
    opacity: 0;
  }
  64% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scrollright11 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  82.5% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scrollright12 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  82.5% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scrollright13 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  82.5% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scrollright14 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  82.5% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scrollright15 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scrollright16 {
  0% {
    opacity: 0;
  }
  12.5% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37.5% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  62.5% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  82.5% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scrollright17 {
  0% {
    opacity: 0;
  }
  12.5% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37.5% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62.5% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  82.5% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scrollright111 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  82.5% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scrollright112 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  82.5% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scrollright113 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  82.5% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scrollright114 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  82.5% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scrollright115 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  82.5% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scrollright116 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  82.5% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.solution{ position:relative}
.solution .l-body .l-content-l li p strong{ position:absolute; right:0; top:0; z-index:99;width: 48%;}
.bannerbox4{ background:url(../image/j-zz-banner.jpg) no-repeat center}
.bannerbox4 .item .cont .container .tit{ color:#fff}
.c-case3 .c-main {
  position: relative;
  display: flex;
  align-content: flex-start;
  background-color: #ebf1f9;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .c-case3 .c-main {
    display: none;
  }
}
@media (max-width: 991px) {
  .c-case3 .c-main {
    flex-wrap: wrap;
  }
}
.c-case3 .c-main .c-left {
  position: relative;
  flex-shrink: 0;
  padding: 30px 25px;
  width: 270px;
  border-radius: 10px;
}
@media (max-width: 1580px) {
  .c-case3 .c-main .c-left {
    width: 270px;
  }
}
@media (max-width: 991px) {
  .c-case3 .c-main .c-left {
    padding: 20px;
    width: 100%;
  }
}
.c-case3 .c-main .c-left .c-dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .c-case3 .c-main .c-left .c-dot {
    overflow: visible;
    height: auto;
  }
}
.c-case3 .c-main .c-left .c-dot::before {
  content: "";
  position: absolute;
  bottom: -2rem;
  left: -1rem;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  background: url(https://cdn-home.ihr360.com/template/default/static/images/jianbianimg2.png) no-repeat center / 100% 100%;
  animation: trantale1 6s 1s linear infinite forwards;
  opacity: 0.5;
}
.c-case3 .c-main .c-left .c-dot::after {
  content: "";
  position: absolute;
  bottom: 0.5rem;
  right: -1rem;
  z-index: -1;
  width: 1.7rem;
  height: 1.7rem;
  background: url(https://cdn-home.ihr360.com/template/default/static/images/jianbianimg1.png) no-repeat center / 100% 100%;
  animation: trantale1 6s 3s linear infinite forwards;
  opacity: 1;
}
.c-case3 .c-main .c-left .c-case3-swiper1 {
  z-index: 5;
  overflow: visible;
}
.c-case3 .c-main .c-left .c-wrap {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0.35rem 0.25rem;
  border-radius: 10px;
  color: #666;
  background-color: #fff;
}
.c-case3 .c-main .c-left .c-wrap img {
  position: relative;
  z-index: 5;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  transition: all 0.3s;
}
.c-case3 .c-main .c-left .c-wrap .sjx{ display:none}
.c-case3 .c-main .c-left .on .c-wrap .sjx{ display:block}
.c-case3 .c-main .c-left .on .c-wrap .pcx{ display:none}
.c-case3 .c-main .c-left .c-wrap .c-title {
  position: relative;
  z-index: 5;
  transition: all 0.3s;
  font-weight: 500;
}
.c-case3 .c-main .c-left .c-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  right: -30px;
  z-index: 1;
  width: calc(100% + 30px);
  border-radius: 10px;
  height: 100%;
  background:url(../image/j-zz-19.png) no-repeat right top / 100% 100%;
  opacity: 0;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .c-case3 .c-main .c-left .c-wrap::before {
    display: none;
  }
}
@media (max-width: 991px) {
  .c-case3 .c-main .c-left .swiper-slide.on .c-wrap {
    background-color: #0068ff;
  }
}
.c-case3 .c-main .c-left .swiper-slide.on .c-wrap::before {
  opacity: 1;
}
.c-case3 .c-main .c-left .swiper-slide.on .c-wrap .c-title {
  color: #fff;
}
.c-case3 .c-main .c-right {
  width: calc(100% - 310px);
}
.c-case3 .c-main .c-right .swiper-slide {
  height: auto;
}
@media (max-width: 1580px) {
  .c-case3 .c-main .c-right {
    width: calc(100% - 270px);
  }
  .xsy4-3 ul{ height:205px}
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
  .c-case3 .c-main .c-right {
    width: 100%;
  }
  .xsy4-3 ul{ height:inherit}
}
.c-case3 .c-main .c-right .c-case3-swiper2 {
  height: 100%;
}
.c-case3 .c-main .c-right .c-wrap {
  display: flex;
  height: 100%;
}
@media (max-width: 991px) {
  .c-case3 .c-main .c-right .c-wrap {
    flex-wrap: wrap;
    height: auto;
    align-items: flex-start;
    align-content: flex-start;
  }
}
.c-case3 .c-main .c-right .c-wrap .c-text-box {
  padding: 0.6rem;
  width: 45.46%;
  padding-right: 0.2rem;
}
@media (max-width: 1580px) {
  .c-case3 .c-main .c-right .c-wrap .c-text-box {
    width: 42%;
  }
}
@media (max-width: 991px) {
  .c-case3 .c-main .c-right .c-wrap .c-text-box {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .c-case3 .c-main .c-right .c-wrap .c-text-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.c-case3 .c-main .c-right .c-wrap .c-text-box .c-list {
  margin-bottom: 0.6rem;
  padding-right: 6px;
}
.c-case3 .c-main .c-right .c-wrap .c-text-box h3{ font-size:26px; font-weight:bold; margin-bottom:4%} 
@media (max-width: 1580px) {
}
.c-case3 .c-main .c-right .c-wrap .c-text-box .c-list::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.c-case3 .c-main .c-right .c-wrap .c-text-box .c-list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #0068ff;
}
.c-case3 .c-main .c-right .c-wrap .c-text-box .c-list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
  background: transparent;
}
.c-case3 .c-main .c-right .c-wrap .c-text-box .c-list li {
  /*! margin-bottom: 0.2rem; */
  padding-left: 29px;
  background:url(../image/j-zz-5.png) no-repeat left top 11px;
}
.c-case3 .c-main .c-right .c-wrap .c-text-box .c-list li:last-child {
  margin-bottom: 0;
}
.c-case3 .c-main .c-right .c-wrap .c-text-box .c-list li .c-title {
  position: relative;
  font-weight: 500;
  line-height: 34px;
}
.c-case3 .c-main .c-right .c-wrap .c-text-box .c-list li .c-text {
  margin-top: 0.05rem;
  color: #666;
}
.c-case3 .c-main .c-right .c-wrap .c-text-box .hm_but::before {
  background-color: #e8f3f5;
}
@media (max-width: 367px) {
  .c-case3 .c-main .c-right .c-wrap .c-text-box .hm_but {
    font-size: 12px;
    width: 2.8rem;
  }
}
.c-case3 .c-main .c-right .c-wrap .c-text-box .hm_but i {
  margin-left: 6px;
  width: 18px;
}
.c-case3 .c-main .c-right .c-wrap .c-img-box {
  position: relative;
  width: 53.54%;
}
@media (max-width: 1580px) {
  .c-case3 .c-main .c-right .c-wrap .c-img-box {
    width: 53%;
  }
}
@media (max-width: 991px) {
  .c-case3 .c-main .c-right .c-wrap .c-img-box {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .c-case3 .c-main .c-right .c-wrap .c-img-box {
    display: none;
  }
}
.c-case3 .c-main .c-right .c-wrap .c-img-box::before {
  content: "";
  display: block;
}
@media (max-width: 991px) {
  .c-case3 .c-main .c-right .c-wrap .c-img-box::before {
    padding-top: 60.5%;
  }
}
.c-case3 .c-main .c-right .c-wrap .c-img-box img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: auto;
}
@media (max-width: 991px) {
  .c-case3 .c-main .c-right .c-wrap .c-img-box img {
    height: 100%;
    object-fit: contain;
  }
}
.c-case3.c-marhe .c-main .c-left .c-wrap {
  padding: 0.18rem 0.25rem;
}
.c-case3.c-marhe .c-main .c-right .c-wrap .c-text-box {
  padding: 0.4rem 0.6rem;
  padding-right: 0.3rem;
}
.c-case3 .cont {
  display: none;
}
@media (max-width: 767px) {
  .c-case3 .cont {
    display: block;
  }
}
.c-case3 .cont .item {
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
  margin-bottom: 0.26rem;
}
.c-case3 .cont .item:last-child {
  margin-bottom: 0;
}
.c-case3 .cont .item .c-wrap {
  display: flex;
  align-items: center;
  font-size: 0.28rem;
  color: #333;
  padding: 0.22rem 0.36rem;
  transition: backgroundColr 0.3s;
}
.c-case3 .cont .item .c-wrap img {
  width: 0.4rem;
  transition: all 0.3s;
}
.c-case3 .cont .item .c-wrap p {
  display: block;
  width: calc(100% - 0.8rem);
  padding-left: 0.26rem;
  transition: all 0.3s;
}
.c-case3 .cont .item .c-wrap i,
.c-case3 .cont .item .c-wrap svg {
  display: block;
  width: 0.4rem;
  overflow: hidden;
  height: 0.3rem;
}
.c-case3 .cont .item .c-wrap i svg,
.c-case3 .cont .item .c-wrap svg svg {
  width: 100%;
  max-height: 100%;
}
.c-case3 .cont .item .c-wrap i svg path,
.c-case3 .cont .item .c-wrap svg svg path {
  fill: #333;
  transition: all 0.3s;
}
.c-case3 .cont .item .c-wrap i img,
.c-case3 .cont .item .c-wrap svg img {
  width: 100%;
  float: left;
}
.c-case3 .cont .item .jut {
  display: none;
  padding: 0.46rem 0.36rem;
}
.c-case3 .cont .item .jut .c-list {
  width: 100%;
}
.c-case3 .cont .item .jut .c-list li {
  width: 100%;
  margin-bottom: 0.32rem;
}
.c-case3 .cont .item .jut .c-list li .c-title {
  font-size: 0.24rem;
  margin-bottom: 0.12rem;
}
.c-case3 .cont .item .jut .c-list li .c-text {
  font-size: 0.26rem;
  color: #666;
}
.c-case3 .cont .item .jut .hm_but {
  margin-top: 0.36rem;
}
.c-case3 .cont .item .jut .hm_but::before {
  background-color: #e8f3f5;
}
@media (max-width: 367px) {
  .c-case3 .cont .item .jut .hm_but {
    font-size: 12px;
    width: 2.8rem;
  }
}
.c-case3 .cont .item .jut .hm_but i {
  margin-left: 6px;
  width: 18px;
}
.c-case3 .cont .item.on .c-wrap {
  background-color: #0068ff;
  color: #fff;
}
.c-case3 .cont .item.on .c-wrap img {
  opacity: 0;
}
.c-case3 .cont .item.on .c-wrap p {
  transform: translateX(-0.66rem);
}
.c-case3 .cont .item.on .c-wrap i {
  transform: rotate(-180deg);
}
.c-case3 .cont .item.on .c-wrap i svg path {
  fill: #fff;
}
.c-case7 {
  position: relative;
  margin-top: 1.1rem;
  padding:0 0 0.9rem;
  background-color: #ebf1f9;
  overflow: hidden;
}
@media (max-width: 767px) {
  .c-case7 {
    padding:0 0  1.2rem;
  }
}
.c-case7::after {
  content: "";
  position: absolute;
  top: -1.5rem;
  right: -1.5rem;
  width: 3rem;
  height: 3rem;
  background: url(https://cdn-home.ihr360.com/template/default/static/images/gaodniyuan1.png) no-repeat center / 100% 100%;
  animation: trantale1 6s 1s linear infinite forwards;
  opacity: 0.9;
}
.c-case7 .c-list {
  position: relative;
  z-index: 5;
  display: flex;
  align-content: flex-start;

  flex-wrap: wrap;
  margin: 0 -0.1rem 0.3rem;
}
.c-case7 .c-list li {
  display: flex;
  width: 25%;
  padding: 0 0.1rem 0.2rem;
}
@media (max-width: 1199px) {
  .c-case7 .c-list li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .c-case7 .c-list li {
    width: 100%;
  }
}
.c-case7 .c-list li .c-wrap {
  width: 100%;
  padding: 0.37rem;
  border-radius: 10px;
  background:url(../image/j-zz-21.png) no-repeat center / cover;
}
.c-case7 .c-list li .c-wrap .c-title {
  position: relative;
  font-weight:bold;
  padding-left: 28px;
  background:url(../image/j-zz-5.png) no-repeat left top 7px;
  font-size: 18px;
}
.c-case7 .c-list li .c-wrap .c-text {
  margin-top: 0.15rem;
  color: #666;
  line-height: 28px;
  font-size:16px;
  display:none
}
.c-case7 .hm_but {
  margin: 0 auto;
}
.c-case7 .hm_but i {
  margin-left: 0.1rem;
  width: 18px;
}
.c-case7 .hm_but::before {
  background-color: #ebf4f3;
}
.c-case5 {
  position: relative;
  z-index: 5;
}
.c-case5 .c-bottom {
  position: relative;
  background-color: #e8f3f4;
  overflow: hidden;
}
.c-case5 .c-case5-swiper1 {
  margin-top: -20px;
  padding: 20px 0 40px;
}
.c-case5 .c-case5-swiper1 .swiper-slide {
  width: 3.1rem;
}
.c-case5 .c-case5-swiper1 .c-img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.25rem;
  border-radius: 10px;
  background-color: #fff;
  border-top: 2px solid transparent;
  cursor: pointer;
  transition: all 0.3s;
}
.c-case5 .c-case5-swiper1 .c-img img {
  max-width: 100%;
  max-height: 100%;
}
.c-case5 .c-case5-swiper1 .on .c-img {
  opacity: 1;
  filter: grayscale(0);
  border: #0068ff 2px solid;
  box-shadow: 0 0 0.16rem rgba(173, 202, 200, 0.25);
}
.c-case5 .c-case5-swiper2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
}
@media (max-width: 767px) {
  .c-case5 .c-case5-swiper2 {
    position: relative;
    width: 100%;
    height: 4rem;
    display: none;
  }
}
.c-case5 .c-case5-swiper2 .c-img {
  position: relative;
  height: 100%;
}
.c-case5 .c-case5-swiper2 .c-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(82, 179, 179, 0.60);
}
@media (max-width: 767px) {
  .c-case5 .c-case5-swiper2 .c-img::before {
    opacity: 0;
  }
}
.c-case5 .c-case5-swiper2 .c-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-case5 .c-case5-swiper3 {
  overflow: visible;
}
@media (max-width: 767px) {
  .c-case5 .c-case5-swiper3 {
    margin-top: -4rem;
  }
}
.c-case5 .c-case5-swiper3 .swiper-slide {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .c-case5 .c-case5-swiper3 .swiper-slide {
    flex-wrap: wrap;
  }
}
.c-case5 .c-case5-swiper3 .swiper-slide .c-left {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  transform: translateX(10%);
  transition: all 1s;
}
@media (max-width: 767px) {
  .c-case5 .c-case5-swiper3 .swiper-slide .c-left {
    width: 100%;
    height: 4rem;
    opacity: 0;
    transform: translateX(0);
  }
}
.c-case5 .c-case5-swiper3 .swiper-slide .c-left > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-case5 .c-case5-swiper3 .swiper-slide .c-left .c-img img {
  max-height: 78px;
  max-width: 445px;
  object-fit: contain;
}
@media (max-width: 991px) {
  .c-case5 .c-case5-swiper3 .swiper-slide .c-left .c-img img {
    max-width: 3rem;
    max-height: 1rem;
  }
}
.c-case5 .c-case5-swiper3 .swiper-slide .c-left .c-img svg {
  height: 60px;
  width: 162px;
}
@media (max-width: 991px) {
  .c-case5 .c-case5-swiper3 .swiper-slide .c-left .c-img svg {
    width: 2rem;
    height: 1rem;
  }
}
.c-case5 .c-case5-swiper3 .swiper-slide .c-left .c-img svg path {
  fill: #fff;
}
.c-case5 .c-case5-swiper3 .swiper-slide .c-left .c-line {
  margin: 0 0.4rem;
  height: 18px;
  border-left: 3px solid #fff;
}
.c-case5 .c-case5-swiper3 .swiper-slide .c-right {
  display: block;
  position: relative;
  z-index: 4;
  margin: 0.6rem 20px 0.6rem -50px;
  width: 51.875%;
  border-radius: 10px;
  box-shadow: 0 0 0.46rem rgba(86, 173, 178, 0.15);
  background-color: #fff;
  /*! backdrop-filter: saturate(180%) blur(20px); */
  padding: 0.6rem 1.1rem;
  transform: translateX(-10%);
  transition: all 1s;
}
@media (max-width: 991px) {
  .c-case5 .c-case5-swiper3 .swiper-slide .c-right {
    width: 55%;
    margin: 0.6rem 0 0.6rem 0;
    padding: 0.4rem 0.6rem;
  }
}
@media (max-width: 767px) {
  .c-case5 .c-case5-swiper3 .swiper-slide .c-right {
    width: 100%;
    transform: translateX(0);
  }
}
.c-case5 .c-case5-swiper3 .swiper-slide .c-right::before,
.c-case5 .c-case5-swiper3 .swiper-slide .c-right::after {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
}
.c-case5 .c-case5-swiper3 .swiper-slide .c-right::before {
  top: 0.4rem;
  left: 0.3rem;
  background:url(../image/j-zz-35.png) no-repeat center / contain;
}
@media (max-width: 991px) {
  .c-case5 .c-case5-swiper3 .swiper-slide .c-right::before {
    left: 0rem;
  }
}
.c-case5 .c-case5-swiper3 .swiper-slide .c-right::after {
  right: 0.3rem;
  bottom: 0.4rem;
  background:url(../image/j-zz-36.png) no-repeat center / contain;
}
@media (max-width: 991px) {
  .c-case5 .c-case5-swiper3 .swiper-slide .c-right::after {
    right: 0rem;
  }
}
.c-case5 .c-case5-swiper3 .swiper-slide .c-right .c-text {
  color: #999;
}
.c-case5 .c-case5-swiper3 .swiper-slide .c-right .c-title {
  font-weight: 500;
  margin: 0.35rem 0 0.1rem;
  color: #333;
  font-weight: bold;
}
.c-case5 .c-case5-swiper3 .swiper-slide .c-right .c-text2 {
  color: #999;
  line-height: 30px;
}
.c-case5 .c-case5-swiper3 .swiper-slide .c-right .c-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5rem;
}
.c-case5 .c-case5-swiper3 .swiper-slide .c-right .c-box .c-text3 {
  padding: 0 0.1rem;
  line-height: 34px;
  border-radius: 5px;
  background-color: #eef0f1;
  color: #666;
}
.c-case5 .c-case5-swiper3 .swiper-slide .c-right .c-box .c-btn {
  display: flex;
  align-items: center;
  color: #51B6B7;
  font-weight: 500;
  font-size: 15px;
}
.c-case5 .c-case5-swiper3 .swiper-slide .c-right .c-box .c-btn img,
.c-case5 .c-case5-swiper3 .swiper-slide .c-right .c-box .c-btn svg {
  width: 8px;
  height: 13px;
  margin-left: 0.1rem;
}
.c-case5 .c-case5-swiper3 .swiper-slide .c-right .c-box .c-btn img path,
.c-case5 .c-case5-swiper3 .swiper-slide .c-right .c-box .c-btn svg path {
  fill: #0068ff;
}
.c-case5 .c-case5-swiper3 .swiper-slide .c-left,
.c-case5 .c-case5-swiper3 .swiper-slide .c-right {
  transform: translate(0, 0);
}
.c-case5 .c-case5-swiper3 .swiper-slide.swiper-slide-active .c-left,
.c-case5 .c-case5-swiper3 .swiper-slide.swiper-slide-active .c-right {
  transform: translate(0, 0);
}
.c-case5 .c-btn-box {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 0.6rem;
}
@media (max-width: 767px) {
  .c-case5 .c-btn-box {
    display: none;
  }
}
.c-case5 .c-btn-box .hm_but:nth-child(2) {
  margin-left: 0.2rem;
  color: #0068ff;
  background-color: #fff;
}
.c-case5 .c-btn-box .hm_but:nth-child(2)::before {
  background-color: #0068ff;
}
.c-case5 .c-btn-box .hm_but:nth-child(2) svg path {
  fill: #0068ff;
  border: 2px solid #0068ff;
}
.c-case5 .c-btn-box .hm_but:nth-child(2):hover {
  color: #fff;
}
.c-case5 .c-btn-box .hm_but:nth-child(2):hover svg path {
  fill: #fff;
}
.c-case6 {
  padding:0 0 1rem;
  position: relative;
}
.c-case6::before {
  content: "";
  position: absolute;
  bottom: -1.5rem;
  left: -1.5rem;
  z-index: -1;
  width: 3rem;
  height: 3rem;
  background: url(https://cdn-home.ihr360.com/template/default/static/images/gaodniyuan2.png) no-repeat center / 100% 100%;
  animation: trantale1 6s 1s linear infinite forwards;
  opacity: 0.3;
}
.c-case6::after {
  content: "";
  position: absolute;
  bottom: 1rem;
  right: -3rem;
  z-index: -1;
  width: 6rem;
  height: 6rem;
  background: url(https://cdn-home.ihr360.com/template/default/static/images/gaodniyuan2.png) no-repeat center / 100% 100%;
  animation: trantale1 6s 2s linear infinite forwards;
  opacity: 0.3;
}
@media (max-width: 767px) {
  .c-case6 {
    padding:0 0 0.5rem;
  }
}
.c-case6 .container {
  max-width: 1340px;
}
.c-case6 .c-main {
  display: flex;
  align-items: center;
  box-shadow: 0 0 0.38rem rgba(124, 165, 162, 0.17);
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
}
@media (max-width: 991px) {
  .c-case6 .c-main {
    flex-wrap: wrap;
  }
}
.c-case6 .c-main .c-img-box {
  display: block;
  width: 58.2%;
  height: 490px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .c-case6 .c-main .c-img-box {
    width: 100%;
    height: 7rem;
  }
}
@media (max-width: 767px) {
  .c-case6 .c-main .c-img-box {
    height: 4rem;
  }
}
.c-case6 .c-main .c-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
  border-radius:10px
}
.c-case6 .c-main .c-img-box:hover img {
  transform: scale(1.05);
}
.c-case6 .c-main .c-list {
  width: 41.8%;
  padding: 0 50px;
}
@media (max-width: 991px) {
  .c-case6 .c-main .c-list {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .c-case6 .c-main .c-list {
    padding: 0 0.4rem;
  }
}
.c-case6 .c-main .c-list li {
  border-bottom: 1px solid #ddd;
}
.c-case6 .c-main .c-list li:last-child {
  border: 0;
}
.c-case6 .c-main .c-list li .c-wrap {
  display: block;
  padding: 29px 0;
  color: #1a1a1a;
}
@media (max-width: 767px) {
  .c-case6 .c-main .c-list li .c-wrap {
    padding: 0.3rem 0;
  }
}
.c-case6 .c-main .c-list li .c-wrap .c-title {
  margin-bottom: 5px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}
@media (max-width: 767px) {
  .c-case6 .c-main .c-list li .c-wrap .c-title {
    line-height: 1.5;
  }
}
.c-case6 .c-main .c-list li .c-wrap .c-text {
  line-height: 28px;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s;
  font-size: 17px;
}
@media (max-width: 767px) {
  .c-case6 .c-main .c-list li .c-wrap .c-text {
    margin-bottom: -0.4rem;
    line-height: 0.4rem;
    display: none;
  }
}
.c-case6 .c-main .c-list li .c-wrap .c-more img,
.c-case6 .c-main .c-list li .c-wrap .c-more svg {
  margin-left: 10px;
  width: 18px;
  height: 18px;
}
.c-case6 .c-main .c-list li .c-wrap .c-more img path,
.c-case6 .c-main .c-list li .c-wrap .c-more svg path {
  fill: #0068ff;
}
.hm_tit .tit .e4{ color:#999}
.zzh1{ overflow:hidden; margin-left:-2%}
.zzh1-1{ float:left; width:31.33%; margin-left:2%; border:#fff 1px solid; border-top:#fff 5px solid; border-radius:10px; padding:2%; height:590px; overflow:hidden}
.zzh11 .zzh1-1{ height:630px}
.zzh1-1 h3 img{ width:100%; height:237px}
.zzh1-1 h2{ font-size:26px; font-weight:bold; margin:4% 0 3%}
.zzh1-1 ul li{ font-size:16px; line-height:32px; background:url(../image/j-zz-5.png) no-repeat left top 8px; padding-left:27px}
.zzh1-1:hover{ border:#EDF5F5 1px solid; border-top:#50B2B4 5px solid;}
.lan p{ float:left}
.lan{ overflow:hidden; margin-top:5%}
.lan .hm_but::before{ background:none}
.lan .hm_but:hover{ background:none; color:#fff; border:#fff 2px solid}
.lan .hm_but:nth-child(2){ width:2rem; margin-left:4%; background:none; border:#fff 2px solid}
.lan .hm_but:nth-child(2)::before{ background:#0068ff;}
.lan .hm_but:nth-child(2):hover{ color:#fff; border:#0068ff 2px solid}
.lan .hm_but a{ color:#fff}
.lan .hm_but:nth-child(2) a{ color:#0068ff}
.lan .hm_but:hover a{ color:#0068ff}
.lan .hm_but:nth-child(2):hover a{ color:#fff;}
.bannerbox4 .item .cont .container .left{ padding-top:7%}
.bannerbox5{ background:url(../image/lx-banner.jpg) no-repeat center}
.bannerbox5 .item .cont .container .left{ width:100%;}
.bannerbox5 .item .cont .container .text{ max-width:100%; color:#333; font-size:22px}
.bannerbox5 .item .cont{ padding:2rem 0}
.lx1{ margin:6% 0}
.lx1 .left{ width:30%}
.lx1 .right{ width:65%}
.lx1 .left .hm_tit{ text-align:left; margin:0}
.lx1 .left .hm_tit strong{ font-size:16px; color:#666; margin-top:1%; font-weight:normal; display:block}
.lx1 .right dl{ border-bottom:#ccc 1px solid; overflow:hidden; padding:3% 0}
.lx1 .right dl dt{ float:left; width:9%}
.lx1 .right dl dt img{ width:100%}
.lx1 .right dl dd{ float:right; width:87%; font-size:16px; color:#666; padding-top:1%}
.lx1 .right dl dd strong{ display:block; font-size:24px; color:#333; margin-top:1%}
.lx1 .right dl:nth-child(1){ padding-top:0}
.lx2 p img{ width:100%}
.lx3{ margin:6% 0}
.bannerbox6{ background:url(../image/IT-banner.jpg) no-repeat center}
.it-z{ width:50%; padding-top:5%; padding-left:8%}
.it-y{ width:47%}
.it-y p img{ width:100%}
.it-z h3{ font-size:35px; font-weight:bold; background:url(../image/dz-6.png) no-repeat left bottom; padding-bottom:7px; margin-bottom:4%}
.it-z h3 span{ background: linear-gradient(to right, #4FD6BD, #04B5E6); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.it-z p{ background:url(../image/j-zz-5.png) no-repeat left top 13px; padding-left:35px; font-size:20px; line-height:40px}
.it0{ margin:2% 0 0}
.it2{ margin:6% 0; padding:0 5%}
.it2 .left{ width:55%; padding-top:22%; padding-left:5%}
.it2 .right{ width:40%}
.it2 .right p img{ width:100%}
.it2 .left p{ font-size:40px; font-weight:bold; line-height:80px}
.bannerbox7{ background:url(../image/rs-banner.jpg) no-repeat center}
.bannerbox7 .item .cont .container .tit,.bannerbox7 .item .cont .container .text{ color:#fff}
.it01 .it1{ margin-top:6%}
.it01 .it-y p img{ border-radius:20px}
.it01 .it-z{ padding-top:3%}
.it03 .it-z{ padding-top:7%}
.it01 .it-z h2{ background:#E6F8FC; border-radius:10px; padding:2% 3%; font-size:16px; line-height:33px; margin:1% 0;}
.it01 .it-z p span{ float:right}
.it01 .it-z p{ overflow:hidden}
.it01 .it-z p span img{ margin-top:17px}
.it01 .it-z p span img:nth-child(2){ display:none}
.it01 .it-z .currentDt span img:nth-child(1){ display:none}
.it01 .it-z .currentDt span img:nth-child(2){ display:block}
.rs1 .hm_tit .tit strong{ display:block; color:#999; font-weight:normal; font-size:26px; margin-top:1%}
.rs1-1{ max-width:540px; margin:auto}
.rs1-1 p span{ font-size:20px; color:#999; display:block; margin-bottom:2%}
.rs1-1 p input,.rs1-1 p textarea{ display:block; border:#ccc 1px solid; padding:0 15px; height:50px; line-height:50px; width:100%; border-radius:5px; font-size:16px}
.rs1-1 p{ margin-bottom:4%}
.rs1-1 p textarea{ height:110px; line-height:26px; padding:10px 15px}
.rs1{ margin-bottom:6%}
.rs1-1 p span img{ vertical-align:super; margin-right:4px}
.rs1-1 h3 input{ display:block; width:140px; margin:auto; text-align:center; background:#0068ff; color:#fff; border-radius:30px; height:40px; line-height:40px; font-size:16px}
.rs1-1 h3{ margin-top:8%}
.navContent{display: none;}
.subNav{ cursor:pointer}
.bannerbox8{ background:url(../image/dz-banner.jpg) no-repeat center}
.bannerbox8 .item .cont,.bannerbox9 .item .cont{ padding:1.5rem 0}
.dz1 p img{ width:100%}
.dz2 .left{ width:71%}
.dz2 .right{ width:29%; border-left:#eee 2px solid; padding-left:10%; margin-top:3%}
.dz2 .left p img{ width:100%}
.dz2 .right h3{ font-size:22px; text-align:center; line-height:34px;color: #666;margin-bottom: 12%;}
.dz2 .right h3 img{ display:block; margin:0 auto 15%; max-width:100%}
.dz2 p .hm_but{ margin:auto}
.it02{ margin-top:-4%}
.dz3{ border-bottom:#F0F0F0 1px solid}
.dz3-1{ overflow:hidden}
.dz3-1 dl{ float:left; width:30.333%; border-right:#F0F0F0 1px solid; padding:3.5% 8% 4%; overflow:hidden}
.dz3-1 dl:last-child{ border:0; padding-right:0}
.dz3-1 dl:first-child{ padding-left:0}
.dz3-1 dl:nth-child(2){ width:39.333%}
.dz3-1 dl dt{ float:left; width:24%; padding-top:5%}
.dz3-1 dl dt img{ width:100%} 
.dz3-1 dl dd{ float:right; width:70%; font-size:18px; color:#666}
.dz3-1 dl dd strong{ display:block; font-size:40px; color:#333}
.bannerbox9{ background:url(../image/zm-banner.jpg) no-repeat center}
.zm3 p img{ max-width:100%; display:block; margin:auto}
.zm4{ background:#F0F8FA; overflow:hidden; padding-bottom:6%; margin-top:6%}
.zm1{ overflow:hidden; margin-left:-3%; padding:10px}
.zm1 dl{ float:left; width:30.333%; margin-left:3%; background:url(../image/zm-4.png) no-repeat center; padding:3%; border-radius:10px; box-shadow:0 0 10px #eee; height:355px; overflow:hidden}
.zm1 dl dt img{ display:block; margin:auto; max-width:100%}
.zm1 dl dd{ font-size:16px; text-align:center; margin-top:8%; color:#666}
.zm1 dl dd strong{ display:block; font-size:28px; margin-bottom:4%; color:#333}
.zm2{ overflow:hidden; margin-left:-2%; margin-top:-2%}
.zm2 dl{ float:left; width:31.333%; margin-left:2%; margin-top:2%; background:#F0F8FA; overflow:hidden}
.zm2 dl dt{ float:left; width:29%}
.zm2 dl dt img{ width:100%}
.zm2 dl dd{ float:right; width:71%; padding:30px; font-size:16px;}
.zm2 dl:first-child{ width:98%}
.zm2 dl:first-child dt{ width:9.4%} 
.zm2 dl:first-child dd{ width:90.6%} 
.zm2 dl dd strong{ display:block; font-size:22px; margin-bottom:10px}
.zm2 dl,.zm2 dl dt img{ height:180px;}
.zm1 dl dt img{ -webkit-transition:1s ease;-moz-transition:1s ease;}
.zm1 dl:hover dt img{-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);}
.bannerbox10{ background:url(../image/fw-banner.jpg) no-repeat center}
.bannerbox10 .item .cont .container .tit span{ display:block; color:#333; font-weight:normal}
.bannerbox10 .item .cont .container .tit{ margin-bottom:0.6rem}
.fw1{ overflow:hidden; margin-left:-3%; padding:10px;}
.fw1 dl{ float:left; width:30.333%; margin-left:3%; box-shadow:0 0 10px #E0EAEA; border-radius:20px; padding:6% 6% 5%}
.fw1 dl dt img{ display:block; margin:auto; -webkit-transition:1s ease;-moz-transition:1s ease;}
.fw1 dl:hover dt img{-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);}
.fw1 dl dd{ font-size:30px; font-weight:bold; margin-top:24%; text-align:center}
.container2{ max-width:1200px}
.fw2 .left{ width:33%; padding-top:6%}
.fw2 .right{ width:57%}
.fw2-2 li img{ width:100%; border-radius:20px}
.fw2-1 li{ cursor:pointer; padding:6% 4%; font-size:16px; color:#999; margin:4% 0}
.fw2-1 li strong{ display:block; font-size:24px; color:#333; margin-bottom:2%} 
.fw2-1 li span{ display:block; background:url(../image/j-zz-5.png) no-repeat left top 12px; padding-left:30px;}
.fw2-1 .curr2{ background:url(../image/fw-10.png) no-repeat center; border-radius:10px; box-shadow:0 0 10px #eee}
.bannerbox11{ background:url(../image/j-xc-banner.jpg) no-repeat center}
.bannerbox11 .item .cont .container .text img,.bannerbox19 .item .cont .container .text img{ display:block; margin-top:1%}
.bannerbox11 .item .cont,.bannerbox19 .item .cont{ padding:.4rem 0 1.2rem;}
.bannerbox11 .item .cont .container .text,.bannerbox19 .item .cont .container .text{ margin-bottom:0.4rem}
.bannerbox11 .item .cont .container .tit,.bannerbox19 .item .cont .container .tit{margin-bottom: 0.1rem;}
.xcf4-1 .hm_but{ margin: 0 auto;}
.xcf4-1 .hm_but::before{ background-color: #fff;}
.xcf1{ overflow:hidden; margin-left:-2%}
.xcf1-1{ float:left; width:23%; margin-left:2%; border:#fff 1px solid; border-top:#fff 4px solid; border-radius:10px; padding:2% 1%}
.xcf1-1 h3 img{ width:100%}
.xcf1-1 h2{ font-size:24px; font-weight:bold; margin:5% 0}
.xcf1-1 p{ font-size:16px; background:url(../image/j-zz-5.png) no-repeat left top 5px; margin-top:3%; padding-left:30px}
.xcf1-1:hover{ border:#F0F6F4 1px solid; border-top:#52B2B3 4px solid;}
.xcf2{ background:#ebf1f9; overflow:hidden; padding-bottom:6%; margin-top:6%}
.xcf2 .zm1{ margin-left:-2%}
.xcf2 .zm1 dl{ background:#fff; width:31.333%; margin-left:2%; height:386px; padding:3% 4%}
.xcf2 .zm1 dl dd{ line-height:28px}
.xcf2 .zm1 dl dd strong{ font-size:24px}
.xcf4-1 ul{ overflow:hidden; margin-left:-1.5%; margin-bottom:3%}
.xcf4-1 ul li{ float:left; width:23.5%; margin-left:1.5%; border-radius:10px; background:url(../image/j-xc-13.png) no-repeat center; text-align:center; padding:3% 0; color:#fff; font-size:28px; font-weight:bold}
.xcf4-1 ul li span{ background:url(../image/j-xc-14.png) no-repeat center bottom; display:block; padding-bottom:4%}
.xcf5 ul{ overflow:hidden; padding:0 9%}
.xcf5 ul li{ float:left; width:25.333%; margin:0 4%}
.xcf5 ul li img{ width:100%}
.xcf6{ overflow:hidden; margin-left:-2%; margin-top:-2%; margin-bottom:6%}
.xcf6-1{ float:left; width:23%; margin-left:2%; margin-top:2%; position:relative}
.xcf6-1 h4 img{ width:100%; border-radius:10px; height:263px}
.xcf6-1 div{ position:absolute; left:0; bottom:0; padding:7% 8%; border-radius:10px}
.xcf6-1 div h5{ font-size:28px; font-weight:bold; color:#fff}
.xcf6-1 div p{ font-size:15px; color:#fff; margin:6% 0; display:none}
.xcf6-1 div h3{ position:absolute; left:7%; bottom:8%; font-size:15px; color:#fff; display:none}
.xcf6-1:hover div{ background:url(../image/j-xc-18-1.png) no-repeat center; height:100%; width:100%}
.xcf6-1:hover div p,.xcf6-1:hover div h3{ display:block}
.xcf3{ background:none}
.xcf3 .tabs-content{ max-width:100%; padding:0; box-shadow:none}
.xcf3 .tabs-header{ border-bottom:#ddd 1px solid}
.xcf3 .tabs-header ul{ text-align:center; display:block}
.xcf3 .tabs-header li{ display:inline-flex; margin-right:4%}
.xcf3 .tabs-header a{ font-size:18px; color:#999;padding: 0 0 20px}
.xcf3 .tabs-header .active a{ color:#0068ff}
.xcf3 .tabs-header li:last-child{ margin-right:0}
.xcf3 .hm-sec7 .cont .gt .hm7_cont .item .img{ width:50%}
.xcf3 .hm-sec7 .cont .gt .hm7_cont .item .fz_font{ width:50%; padding-right:7%; padding-left:4%; padding-top:5%;}
.xcf3 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .text1{ font-size:16px; color:#666; line-height:30px}
.xcf3 .cont .gt .hm7_cont .item .fz_font .font li .fwen .tit{ margin-bottom:4%; font-weight:bold}
.xcf3 .tabs-content{ margin-bottom:0}
.bannerbox12{ background:url(../image/al-banner.jpg) no-repeat center}
.bannerbox12 .item .cont .container .tit{ font-weight:normal;}
.bannerbox12 .item .cont .container .tit img{ display:block; margin:auto; max-width:100%}
.bannerbox12 .item .cont .container .tit span{ font-size:40px; text-align:center; display:block; color:#fff; margin-top:2%}
.bannerbox12 .item .cont .container .left{ width:100%}
.bannerbox12 .item .cont{ padding:2rem 0}
#case4 h1 img{ width:100%; height:250px}
#case4 h3 video{ border-radius:10px 10px 0 0}
#case4 .swiper-slide{ box-shadow:0 0 10px #E3F0F0; border-radius:10px}
#case4.swiper-container-horizontal > .swiper-pagination-bullets{ bottom:0}
#case4.swiper-container{ padding:0 10px; padding-bottom:3%;}
#case4 dl{ padding:6%}
#case4 dl dt img{ height:43px}
#case4 dl dd,.al2-1 p{ font-size:18px; line-height:30px; margin-top:4%; height:60px; overflow:hidden;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#case4 .swiper-pagination-bullet{ width:24px; height:5px; border-radius:0; background:#9FA1A0; opacity:1}
#case4 .swiper-pagination-bullet-active{ background:#0068ff}
.al1{ border-radius:20px; padding:2%; box-shadow:0 0 10px #eee}
.al1-1{ overflow:hidden;}
.al1-1 h3{ font-size:18px; font-weight:bold; display:inline-block; line-height:43px}
.al1-1 p{ float:right; border:#0068ff 1px solid; border-radius:5px; width:32%; overflow:hidden}
.al1-1 p input{ height:43px; line-height:43px; float:left}
.al1-1 p input:nth-child(1){ width:83%; font-size:14px; padding:0 15px}
.al1-1 p input:nth-child(2){ width:17%; background:url(../image/al-9.png) no-repeat center #0068ff}
.al1-2-1{ overflow:hidden; margin-top:1%}
.al1-2-1 h3{ float:left; width:7%; font-size:16px; line-height:37px}
.al1-2-1 ul{ float:right; width:93%; overflow:hidden}
.al1-2-1 ul li{ float:left; width:9%; text-align:center; margin-right:1%}
.al1-2-1 ul li a{ font-size:16px; color:#333; display:block; line-height:37px; border-radius:5px}
.al1-2-1 ul .dq1 a{ background:#ebf1f9; color:#0068ff}
.al2{ overflow:hidden; margin-left:-2%; padding:10px}
.al2-1{ float:left; width:31.333%; margin-left:2%; margin-top:3%;box-shadow: 0 0 10px #E3F0F0; border-radius:10px}
.al2-1 h3 img{ width:100%; height:245px;}
.al2-1 h5,.al2-1 h3 img{ border-radius:10px 10px 0 0}
.al2-1 div{ padding:5%}
.al2-1 h2{ display:inline-block; background: #ebf1f9; color: #0068ff; font-size:15px; padding:6px 15px; border-radius: 5px;}
.al2-1 p a{ color:#333; display:block;}
.al2-1 h3{ margin-top:5%}
.al2-1 h3 img{ height:43px}
.al2-1 h5 img{ height:245px}
.al2-1 h5,.gs7 .slick-slide dl dt{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}
.al2-1 h5 img,.gs7 .slick-slide dl dt img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.al2-1:hover h5 img,.gs7 .slick-slide dl:hover dt img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.fy{ text-align:center; margin:4% 0 6%}
.fy a{ display:inline-block; border:#0068ff 1px solid; color:#333; border-radius:5px; padding:7px 15px; margin:0 5px; font-size:16px}
.fy a:hover,.fy .curr{ background:#0068ff; color:#fff}
/* .fy a:first-child,.fy a:last-child{ padding:7px 20px} */
.bannerbox14{ background:url(../image/al-xq-banner.jpg) no-repeat center}
.bannerbox14 .item .cont .container .tit{ font-size:18px; color:#fff; line-height:30px; font-weight:normal;}
.bannerbox14 .item .cont .container .tit1{ font-size:20px}
.bannerbox14 .container1{ background:url(../image/bf-2.png) no-repeat left top; padding:0 2.5%; position:relative}
.bannerbox14 .container1 h5{ position:absolute; right:0; top:25%}
.bannerbox14 .item .cont{ padding:1.1rem 0 2.3rem}
.al-ba1{ position:fixed; left:50%; top:50%; z-index:99999; width:1000px; height:565px; margin-left:-500px; margin-top:-282px; display:none}
.al-ba1 h3{ position:absolute; right:0; top:0; cursor:pointer}
.al-ba1 p img{ width:100%}
.alx1{ box-shadow:0 0 10px #D3E5E5; border-radius:20px; background:#fff; padding:3%; margin-bottom:6%}
.alx1 h1 img{ height:43px}
.alx1 h2{ font-size:35px; font-weight:bold; margin:2% 0}
.alx1 ul{ overflow:hidden}
.alx1 ul li{ float:left; margin-right:4%; font-size:14px; color:#666}
.alx1 ul li span{ display:block; color:#333; font-size:18px}
.alx1 ul li span strong{ font-size:30px; vertical-align:-moz-middle-with-baseline}
.alx-y{ margin-top:-150px}
#LoutiNav{ /*! border: 1px solid gray; */ width:100%;/* position: fixed; top: 150px; */margin-top: 14%;}
#LoutiNav li{ width:100%; height: 37px; border-left: 2px solid #DCDCDC; line-height: 37px; /*! text-align: center; */ cursor: pointer;padding-left: 11%;font-size: 15px;color: #999;}
#LoutiNav span{display: none;}
#LoutiNav .active{/*! background: white; */ color: #0068ff;border-left: 2px solid #0068ff;}
#goTop{width: 40px;height: 40px; line-height: 40px;text-align: center; background: gray; position: fixed;bottom: 30px; right: 30px; cursor: pointer;border-radius: 5px; display: none; }
.louceng h3,.alx2 h3{ font-size:28px; font-weight:bold; margin:2% 0 1%}
.louceng h3 img,.alx2 h3 img{ vertical-align:middle; margin-right:10px}
.louceng:first-child h3:first-child{ margin-top:0}
.x_fixed{ position: sticky; top:64px}
.sxy{ border-top:#eee 2px solid; border-bottom:#eee 2px solid; padding:0.5% 0; margin:4% 0 6%}
.sxy p a{ font-size:18px; color:#999}
.sxy p a:hover{ color:#333}
.sxy p{ margin:1% 0}
.alx2 h1{ margin:0 0 2%}
.alx2-1{ overflow:hidden; margin-left:-5%; margin-top:-2.5%}
.alx2-1 dl{ float:left; width:45%; margin-left:5%; margin-top:2.5%; overflow:hidden}
.alx2-1 dl dt{ float:left; width:32%}
.alx2-1 dl dt img{ width:100%; border-radius:10px; height:111px;}
.alx2-1 dl dd{ float:right; width:64%; font-size:16px; color:#333;line-height: 30px;padding-top:5%;}
.alx3-1{ float:left; width:76%}
.alx3-2{ float:right; width:20%;}
.alx3{ margin-bottom:6%}
.alx3-2-1{ box-shadow:0 0 10px #D3E5E5; border-radius:10px; background:#fff}
.alx3-2-1 h3 img{ width:100%}
.alx3-2-1 ul{ padding:0 6% 1%}
.alx3-2-1 ul li{ border:#0068ff 1px solid; line-height:40px; border-radius:5px; margin:6% 0}
.alx3-2-1 ul li a{ display:block; text-align:center; font-size:16px; color:#0068ff}
.alx3-2-1 ul li a:hover{ background:#0068ff; color:#fff}
.bannerbox13 p img{ width:100%}
.gs1{ margin-bottom:4%}
.gs1 .left{ width:42%}
.gs1 .right{ width:54%}
.gs1 .left p img{ width:100%}
.gs1 .right p{ font-size:16px; line-height:30px; text-indent:2em; margin-top:4%}
.gs1 .right p:first-child{ margin-top:0}
.flexslider{position:relative;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li a{ display:block;}
.flex-control-nav{position:absolute;bottom:40px;z-index:2;width:100%;text-align:center; display:none}
.flex-control-nav li{display:inline-block;width:140px;height:18px;margin:0;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:140px;height:18px;line-height:50px;overflow:hidden;background:url(https://cdn-home.ihr360.com/template/default/static/images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.slides li img{ width:100%; border-radius:20px}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%; margin-top:-25px}
.flex-direction-nav li a{display:block;width:32px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:0%;background:url(../image/gy-6.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:0%;background:url(../image/gy-7.png) center center no-repeat;}
.gs2-z,.gs2-y{ width:48%}
.gs2-1{ margin-top:3%}
.gs2{ margin:6% 0}
.gs2-z{ padding:10% 8%}
.gs2-z dl{ overflow:hidden}
.gs2-z dl dt{ float:left; width:22%; padding-top:1%}
.gs2-z dl dd{ float:right; width:69%; font-size:24px}
.gs2-z dl dt img{ width:100%}
.gs2-z dl dd strong{ display:block; margin-bottom:2%;}
.gs3{ background-image: linear-gradient(to right, #50D5BA, #01B6EB); overflow:hidden}
.gs3-1{ margin:6% 0; overflow:hidden; position:relative}
.gs3-1 div{ float:left;}
.gs3-1-1{ width:24%}
.gs3-1-2{ width:48%; margin:0 8%}
.gs3-1-3{ width:12%; position:absolute; right:0; bottom:0}
.gs3-1-1 p img{ width:100%}
.gs3-1-2 h4{ font-weight:bold; color:#fff; margin-bottom:4%}
.gs3-1-2 p{ font-size:16px; color:#fff; margin:3% 0; line-height:28px}
.gs3-1-2 .h1{ overflow:hidden}
.gs3-1-2 .h1 img{ float:right}
.gs3-1-2 h5{ font-size:16px; color:#fff}
.gs3-1-2 h5 strong{ font-size:26px; margin-right:10px}
.gs3-1-3 dl dt img{ width:100%}
.gs3-1-3 dl dd{ font-size:16px; text-align:center; color:#fff; margin-top:8%}
.gs4-1{ width:15%; float:left;box-shadow: 0 0 10px #E3F0F0;}
.gs4-2{ width:85%; float:right; padding:0 5%}
.gs4-2 p{ overflow:hidden; font-size:20px; margin:4% 0}
.gs4{box-shadow: 0 0 10px #E3F0F0; overflow:hidden; margin-bottom:6%}
.gs4-1 ul li{ text-align:center; font-size:25px; font-weight:bold; margin:18% 0; cursor:pointer}
.gs4-2 p .left{ width:90%}
.gs4-2 p .right{ width:6%;}
.gs4-1 ul .curr12{ color:#52B3B2; background:url(../image/gy-12.png) no-repeat center bottom}
.gs4-1,.gs4-2{ height:460px; overflow:scroll}
.gs5 p img{ width:100%; margin:6% 0}
.gs6{ background:url(../image/gy-22.jpg) no-repeat center; overflow:hidden; padding-bottom:6%}
.gs6 .hm_tit .tit{ color:#fff}
.gs7{ margin:6% 0}
.gs77{ margin-top:0}
.cd-horizontal-timeline {
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 117px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 60px;
  overflow: hidden;
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 56px;
  height: 1px;
  /* width will be set using JavaScript */
  background: #fff;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size:24px;
  padding-bottom:30px;
  color: #fff;
  font-weight:bold;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -8px;
  height:20px;
  width: 20px;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
  background:url(../image/gy-21.png) no-repeat center
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #0068ff;
  border-color: #0068ff;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
  background:url(../image/gy-20.png) no-repeat center;
  width:31px;
  height:31px;
  bottom:-14px
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #0068ff;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}
.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height:60px;
  width: 60px;
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  
}
.cd-timeline-navigation a.prev {
  left: 0;
  background:url(../image/gy-18.png) no-repeat center
}
.cd-timeline-navigation a.next {
  right: 0;
   background:url(../image/gy-17.png) no-repeat center
}
.no-touch .cd-timeline-navigation a:hover {
  border-color: #0068ff;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}
.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  height:auto !important;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
  background:url(../image/gy-23.jpg) no-repeat center
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding:5% 6%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  margin: 0 auto;
}
.cd-horizontal-timeline .events-content h3 {
  font-weight: bold;
  font-size:40px;
  color: #51BBBA;
  margin-bottom: 1%;
}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}
.cd-horizontal-timeline .events-content p {
  font-size:20px;
  /*! color: #959595; */
  background:url(../image/gy-dd.png) no-repeat left top 15px;
  padding-left:22px
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 36px;
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.bannerbox15{ background:url(../image/z-xz-banner.jpg) no-repeat center}
.bannerbox15 .item .cont,.bannerbox16 .item .cont,.bannerbox17 .item .cont,.bannerbox18 .item .cont{ padding:1.2rem 0 2rem}
.bannerbox15 .item .cont .container .text,.bannerbox16 .item .cont .container .text,.bannerbox17 .item .cont .container .text,.bannerbox18 .item .cont .container .text{ color:#333; font-size:22px; max-width:100%}
.al1{ z-index:99}
.zl1{ margin-top:6%; margin-bottom:2%}
.zl1 h3{ font-size:22px; font-weight:normal}
.zl2 .al1-2-1,.zl2 .al1-2-1 ul{ overflow:inherit}
.zl2 .al1-2-1{ margin-top:0; padding-top:1%; clear:both}
.zl2 .al1-2-1:first-child{ padding-top:0}
.zl2 .al1-2-1 ul li{ width:auto}
.zl2 .al1-2-1 ul li a{ padding:0 15px; cursor:pointer}
.zl2 .al1-2-1 ul li:last-child{ position:relative}
.zl2 .al1-2-1 ul li a img{ vertical-align:middle; margin-left:5px}
.zl2 .al1-2-1 ul ul{ position:absolute; top:33px; float:none; width:100px;box-shadow: 0 0 10px #ddd;background: #fff;z-index: 99999;padding: 5px 0; display:none}
.zl2 .al1-2-1 ul ul li{ width:100%}
.zl2 .al1-2-1 ul li:hover ul{ display:block}
.zl2 .al1-2-1 ul li ul li a:hover{ color:#0068ff}
.zl3 .al2-1 p{ text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; height:30px; margin-top:0}
.zl3 .al2-1 div{ padding:6% 5%; height:204px; overflow:hidden}
.zl3 .al2-1 h3{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color:#999; font-size:15px;}
.zl3 .al2-1 h4{ margin-top:14%; overflow:hidden; font-size:15px; color:#999}
.zl3 .al2-1 h4 span{ float:right}
.zl3 .al2-1 h4 img{ vertical-align:middle; margin-right:10px;}
.bannerbox16{ background:url(../image/z-zx-banner.jpg) no-repeat center}
.zb1 .al2-1 p{ margin-top:0}
.zb1 .al2-1 div{ padding:6% 5%; height:198px; overflow:hidden}
.zb1 .al2-1 h4{ width:120px; border-radius:10px; line-height:45px; font-size:16px; color:#fff; margin-top:10%; background:#0068ff; text-align:center}
.zb1 .al2-1 h4 a{ font-size:16px; color:#fff;}
.zb0{ border-bottom:#ddd 1px solid}
.zb0 h3{ text-align:center}
.zb0 h3 a{ font-size:26px; display:inline-block; margin:0 4%; padding:2% 0; color:#333; border-bottom:#fff 2px solid}
.zb0 h3 .dq2{ color:#0068ff; border-bottom:#0068ff 2px solid}
.sc1 .al2-1 div{ height:228px}
.sc1 .al2-1 p{ height:90px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.bannerbox17{ background:url(../image/z-gh-banner.jpg) no-repeat center}
.gh1-z{ width:76%}
.gh1-y{ width:20%}
.gh2{ box-shadow: 0 0 10px #E3F0F0; margin-bottom:10%; padding:7%} 
.gh2 h3 img{ width:100%}
.gh1{ margin:6% 0}
.gh1-z .fy{ margin-bottom:0; margin-top:6%}
.gh1-0{ box-shadow: 0 0 10px #E3F0F0;}
.gh1-1{ border-bottom:#ddd 1px solid; padding:3%} 
.gh1-1 h3 a{ font-size:18px; margin-right:8.5%; display:inline-block; color:#666; border-bottom:#fff 2px solid; padding:0 1% 1%}
.gh1-1 h1 .dq3{ color:#51B3B2; border-bottom:#51B3B2 2px solid}
.gh1-1 h3 a:last-child{ margin-right:0}
.gh1-2{ padding:1% 3% 6%}
.gh1-2-1{ border-bottom:#ddd 1px solid; padding:4% 0 3%}
.gh1-2-1 .left{ width:27%}
.gh1-2-1 .left p img{ width:100%; height:170px}
.gh1-2-1 .right{ width:70%; padding-top:1%}
.gh1-2-1 .right h3 a{ display:block; font-size:18px; color:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gh1-2-1 .right h3 a:hover{ color:#51B3B2}
.gh1-2-1 .right p{ font-size:16px; line-height:30px; color:#999; margin:2% 0 3%;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.gh1-2-1 .right h4{ font-size:14px; color:#999}
.gh1-2-1 .right h4 img{ vertical-align:middle; margin-right:10px;}
.gh1-2-1 .left p,.gh2 h3,.yj1-2 .right p{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}
.gh1-2-1 .left p img,.gh2 h3 img,.yj1-2 .right p img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.gh1-2-1 .left:hover p img,.gh2 h3:hover img,.yj1-2 .right:hover p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.gh2 h4 a{ font-size:18px; color:#333}
.gh2 h4{ margin:5% 0; text-align:center}
.gh2 p{ font-size:14px; color:#666; line-height:24px;}
.gh2 h3 a{ width:100%; display:block; border:#51B3B2 1px solid; line-height:40px; border-radius:30px; font-size:16px; color:#51B3B2; text-align:center}
.gh2 h3{ margin:6% 0 5%}
.gh2 h3 a:hover{ background:#51B3B2; color:#fff}
.yj2{ margin-top:-4%}
.yj2 .al2-1 p{ height:30px;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.yj2 .al2-1 h3{ color:#999; height:84px; margin-top:3%; font-size:15px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height:28px}
.yj2 .al2-1 h4{ margin-top:5%}
.yj2 .al2-1 div{ height:244px}
.yj1{ background:url(../image/z-yj-banner.jpg) no-repeat center top; padding-top:9%}
.yj1-1{ background:#fff; border-radius:20px; padding:2%;box-shadow: 0 0 10px #E3F0F0;}
.yj1-z .flex-control-nav{ display:block; bottom:20px}
.yj1-z .flex-direction-nav{ display:none}
.yj1-z .flex-control-nav li{ width:50px; height:4px; margin:0 5px}
.yj1-z .flex-control-nav a{ background:#fff; width:50px; height:4px; border-radius:5px}
.yj1-z .flex-control-nav .flex-active{ background:#52B3B2}
.yj1-z .slides li img{ border-radius:10px}
.yj1-z{ width:59%}
.yj1-y{ width:37%}
.yj1-y .zl1 h3 img{ vertical-align:middle; margin-right:8px}
.yj1-y .al1-1 p{ width:50%}
.yj1-y .zl1{ margin:0}
.yj1-2{ margin-top:8.5%}
.yj1-2 .left{ width:54%; padding-top:3%}
.yj1-2 .right{ width:36%}
.yj1-2 .right p img{ width:100%;}
.yj1-2 .right p,.yj1-2 .right p img{ border-radius:10px}
.yj1-2 .left h3 a{ display:block; font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color:#333}
.yj1-2 .left h4{ overflow:hidden; margin-top:6%}
.yj1-2 .left h4 .j1{ display:inline-block; width:65px; background:#DCF0EF; border-radius:5px; line-height:35px; font-size:16px; color:#0068ff; text-align:center}
.yj1-2 .left h4 .j2{ float:right; font-size:15px; color:#999; line-height:35px}
.bannerbox21{ background:url(../image/yj-banner.jpg) no-repeat center}
.bannerbox22{ background:url(../image/j-cy-banner.jpg) no-repeat center}
.bannerbox22 .item .cont .container .tit{ color:#333}
.bannerbox22 .lan .hm_but:hover{ color:#0068ff;}
.bannerbox22 .lan .hm_but::before{ background:#fff;}
.bannerbox22 .lan .hm_but:nth-child(2){ background:#fff; color:#0068ff}
.bannerbox22 .lan .hm_but:nth-child(2)::before{ background:#0068ff;}
.bannerbox22 .lan .hm_but:nth-child(2):hover{ color:#fff;}
.bannerbox23{ background:url(../image/j-wl-banner.jpg) no-repeat center}
.zzh12 .zzh1-1{ width:23%; height:500px}
.zzh12 .zzh1-1 h3 img{ height:186px}
.c-case31.c-marhe .c-main .c-left .c-wrap{ padding:0.28rem 0.25rem}
.bannerbox24{ background:url(../image/j-yy-banner.jpg) no-repeat center}
.zzh13 .zzh1-1:nth-child(4){ margin-left:17%}
.zzh13 .zzh1-1{ height:430px; margin-top:2%}
.zzh13{ margin-top:-2%}
.bannerbox25{ background:url(../image/j-wy-banner.jpg) no-repeat center}
.zzh14 .zzh1-1{ height:462px;}
.bannerbox26{ background:url(../image/j-ls-banenr.jpg) no-repeat center}
.zzh15 .zzh1-1{ height:403px;}
.bannerbox27{ background:url(../image/j-hl-banner.jpg) no-repeat center}
.zzh16 .zzh1-1{ height:474px;}
.bannerbox28{ background:url(../image/j-gy-banner.jpg) no-repeat center}
.zzh17 .zzh1-1{ height:494px;}
.ai1-1 h3 .sjx{ display:none}

.xbs1{ background:url(../image/bs-7.jpg) no-repeat center; overflow:hidden; padding-bottom:6%}
.xbs1-1{ text-align:center; font-size:24px; color: #2e7a79; margin-top:-3%}
.xbs2{ overflow:hidden; margin-left:-3%}
.xbs2-1{ float:left; width:30.333%; margin-left:3%}
.xbs2-1 h1 img{ width:100%; height:437px}
.xbs2-1 h2,.xbs-y h1{ font-size:20px; font-weight:bold; text-align:center; margin:5% 0 4%}
.xbs2-1 p,.xbs-y p{ text-align:center; font-size:16px; line-height:30px;}
.xbs3-1{ margin-top:4%;}
.xbs3{ margin-bottom:6%;margin-top: 6%;}
.xbs-z,.xbs-y{ width:48%}
.xbs-z p img{ width:100%}
.xbs-y h1{ text-align:left; margin:0 0 4%;font-size: 28px;}
.xbs-y p{ text-align:left;font-size: 18px;line-height: 38px;}
.xbs-y{ padding-top:4%;} 
.bannerbox18{ background:url(../image/j-cs-banner.jpg) no-repeat center}


@media (max-width:1650px) {
.container,.hadbox-sec1 .container{ width:90%}	
.bannerbox .item .cont,
.bannerbox1 .item .cont,
.bannerbox3 .item .cont{ top:1rem}
.bannerbox3 .item .cont{ top:2.4rem}
.bannerbox .item-nn .cont{ top:5.4rem;}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .text img{ width:70px}
.xsy1-1-1 h3 img{ height:99px}
.xsy1-1-1 .kk1{ padding:8%}
.xsy2-1-1 dl dd{ padding-top:0}
.xsy3-1 .right ul li{ padding:2.4% 0}
.fotbox .fot1 .fz_logo .lt .logo1,.fotbox .fot1 .fz_logo .lt .jut .li{margin-right: 0.3rem;}
.fotbox .fot1 .fz_logo .lt .jut .li a{ margin-left:0.2rem}
.fotbox .fot1 .fz_logo .lt .jut .li i{ width:20px}
.tabs-header li{ margin-right:3%}
.tabs-content{ max-width:82%}
.tabs-header a{ padding: 15px 19px;}
.xsy6 .tabs-nav{ top:400px}
.tabs-header2 li a{ padding:9px 0}
.xsy5 ul li{ width:20%; margin-left:5%}
.xsy5 ul{ margin-left:-5%}
.hm-sec4 .but1 .fz_but, .more .but1 .fz_but{ width:2.3rem}
.hadbox-sec1 .gt .tel strong{ font-size:20px}
.hadbox-sec1 .gt .login_but .nut{ width:88px}
.hadbox-sec1 .gt .tel strong{ margin-left:5px}
.hadbox2 .hadbox-sec1 .gt .tel{ margin-right:5px}
.ssn{ margin-right:4%; width:155px}
.hadbox-sec1 .f_navbox li .tit{padding: 0 0.24rem;}
.xc6-1 .left ul li img{ height:126px}
.xc6-1 .right ul li{ padding:4.8% 0}
.xc3-1 div ul{ height:346px}
.xc3-1 div:nth-child(10) ul{ height:192px}
.xc3-1 div:nth-child(10) ul li{ margin-top:14px}
.xc3-1 div h1{ margin-left:16%}
.hm_tit .tit .e1{ font-size:24px}
.hm_tit .tit .e2 strong, .hm_tit .tit .e1 .e4{ font-size:16px}
.ai1-2-1 .right h3{ font-size:40px;}
.ai1-2-1 .right p{ font-size:21px; line-height:36px}
.zzh1-1{ height:612px}
.zzh11 .zzh1-1{ height:563px}
.c-case7 .c-list li .c-wrap{ padding:0.3rem}
.zzh1-1 h3 img{ height:219px}
.xcf2 .zm1 dl dd{ line-height:26px}
.xcf6-1 h4 img{ height:228px}
.al2-1 h3 img,#case4 h1 img{ height:225px}
.alx2-1 dl dt img{ height:98px}
.alx2-1 dl dd{ padding-top:4%}
.bannerbox15 .item .cont .container .text,.bannerbox16 .item .cont .container .text,.bannerbox17 .item .cont .container .text,.bannerbox18 .item .cont .container .text{ font-size:18px}
.gh1-2-1 .left p img{ height:163px}
.sy1-1{ padding-left:10%}
.sy1-2-1 dl{width: 28.333%; margin-left:5%;}
.zzh12 .zzh1-1{ height:531px}
.zzh16 .zzh1-1{ height:490px;}

.xbs2-1 h1 img{ height:418px}
	}
@media (max-width:1580px) {
	.hadbox-sec1 .gt .login_but .nut{ width:85px}
	.al2-1 h5 img{ height:237px}
}
@media (max-width:1500px) {
.tabs-header a{ padding:0 10px 15px;}
.fotbox .fot1 .fz_logo .lt .logo1, .fotbox .fot1 .fz_logo .lt .jut .li{ margin-right: 0.05rem;}
}
@media (max-width:1400px) {
.ssn{ margin-right:3%}
.hadbox-sec1 .gt .tel strong{ font-size:18px}
.hadbox-sec1 .f_navbox li .tit{padding: 0 0.1rem;}
}
@media (max-width:1024px) {
.bannerbox_cont{ padding:0.7rem 0 0.5rem}
.hm-sec7 .cont .gt .hm7_cont .item .fz_font{ padding-right: 0.3rem;}
.xsy1-1-1 h3 img{ height:55px}
.xsy2-1-1 dl dd{ font-size:16px; width:67%}
.xsy2-1-1 dl dt{ width:30%}
.xsy2-1-1 p{ font-size:14px; line-height:22px; height:65px}
.xsy3-1 .left div h3 a,.xsy3-1 .right h3,.hm_tit h4,.xsy5 ul li{ font-size:16px}
.xsy3-1 .left div p,.xsy4-2 dl .c2{ font-size:14px; line-height:22px}
.xsy3-1 .right h3 a,.xsy3-1 .right ul li a{ font-size:14px}
.xsy3-1 .left div{ padding:8% 4%}
.xsy3-1 .right h3 img{ width:30px}
.xsy3-1 .right h3 a img{ width:6px}
.xsy3-1 .left div h3{ margin: 5% 0 3%;}
.hm_tit h4 img{ width:25px}
.xsy4-2 dl dt img{ width:80px}
.xsy4-3 h3,.xsy4-2 dl .c1{ font-size:18px}
.xsy4-1 .more .but1 .fz_but{ line-height:33px}
.xsy4-2 dl .c2 br{ display:none}
.xsy4-2 dl dd{ margin-top:12%}
.xsy4-3 ul li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xsy4-3, .xsy4-2 dl{ height:265px}
.xsy5 ul li{ width:48%; margin-left:2%}
.xsy5 ul{ margin-left:-2%}
.xsy5 ul li img{ width:35px}
.fot1{ display:none}
.tabs-header a{ padding:10px 14px}
.tabs-header1 li{ border-bottom:#fff 2px solid}
.tabs-header1 .active{ border-bottom:#0068ff 2px solid}
.tabs-header .border{ display:none}
.xsy7{ background: url(../image/sy-150.png) no-repeat center top 126px;}
.tabs-content{ max-width:75%}
.tabs-nav i img{ width:80px}
.xsy7 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .text{ font-size:14px}
.hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .text{background: url(../image/sy-68.png) no-repeat left top 3px;}
.tabs-header a{ font-size:14px}
.tabs-header2 li a{ width:105px; padding:7px 0}
.xsy6-1 h3{ font-size:18px}
.xsy6-1 p{ font-size:14px}
.xsy6 .tabs-nav{ top:250px} 
.hm-sec4 .but1 .fz_but, .more .but1 .fz_but{width: 2.8rem;}
.xsy4-1 .more .but1 .fz_but{ padding:0;width: 1.8rem;}
.xsy7{ margin-top:-1%}
.bannerbox1 .item .cont .container .left{ padding-top:0}
.xc1-2 h3 img{ width:80px}
.xc1-2{ padding:20px; height:270px}
.xc1-2 h4,.xc2-1 ul li{ font-size:16px}
.xc1-2 .more .but1 .fz_but{ width:2rem}
.xc1-2 h4 span{ height:48px; overflow:hidden}
.xc1-2 h4{margin: 30px 0 20px;}
.xc2-1 ul li strong{ font-size:30px}
.xc4 .tabs-header li{ margin-right:1.6%}
.xc4{ background:none !important}
.xc6-1 .left ul li img{ height:68px}
.xc6-1 .right ul li{ padding:3% 0}
.bannerbox1,.wsj{ margin-top:60px}
.xc3-1{ margin-left:-2%}
.xc3-1 div h1{ width:120px; line-height:40px}
.xc3-1 div{ background:none !important; padding-top:20px; margin-left:2%; width:18%}
.xc3-1 div ul,.xc3-1 div h2{ width:100%}
.xc3-1{ padding:0 5px 5px}
.xc3-1 div ul{ box-shadow:0 0 5px #ddd}
.xc3-1 div h1{ margin-left:6%}
.xc3-1 div ul li span{ padding:3px}
.xc3-1 div:nth-child(6) h3{ display:none}
.xc3-1{ margin-top:-20px}
.xc3-1 div ul{ padding:20px 10px}
.xc3-1 div h1,.xc3-1 div ul li{ font-size:14px}
.xc4 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .text{ line-height:22px}
.xc4 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .text img{ width:9%; margin-top:2px}
.xc4 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .text span{ width:86%}
.hm_tit .tit .e1,.hm_tit .tit .e2{ font-size:18px} 
.hm_tit .tit .e2 strong, .hm_tit .tit .e1 .e4{ font-size:14px}
.spr3{ background:url(../image/sp-2.jpg) no-repeat center; margin-top:6%}
.spr3 .tabs-header a{ padding:11px 0}
.spr3 .tabs-header li{ margin-right: 2%; width: 15%;}
.spr3 .hm-sec7 .cont .gt .hm7_cont .item .fz_font{ padding-right:4%}
.spr2-2 h3 img{ width:80px}
.spr2-2 h4{ font-size:16px}
.spr2-2 p{ font-size:14px; line-height:22px}
.spr2-2{ height:293px;}
.spr2{ background-size: cover}
.spr3 .tabs-header1 li{ border-bottom:#4A91E1 2px solid}
.ai1-2-1 .right h3{ font-size:24px;background-size: 128px}
.ai1-2-1 .right p{ font-size:16px; line-height:24px}
.ai1-1 h3 img{ width:320px}
.lan .hm_but:nth-child(2){ width:2.5rem}
.bannerbox4 .item .cont .container .left{ padding-top:4%}
.zzh1-1 h3 img{ height:123px}
.zzh1-1 h2{ font-size:18px}
.zzh1-1 ul li,.c-case3 .c-main .c-right .c-wrap .c-text-box .c-list li{ font-size:14px; line-height:24px; background-size:12px; padding-left:20px}
.zzh1-1{ height:440px}
.c-case3 .c-main .c-right .c-wrap .c-text-box h3{ font-size:20px; margin-bottom:2%}
.c-case7 .c-list li .c-wrap .c-title{ font-size:16px}
.c-case7 .c-list li .c-wrap .c-text,.c-case5 .c-case5-swiper3 .swiper-slide .c-right .c-box .c-btn,.c-case6 .c-main .c-list li .c-wrap .c-text{ font-size:14px}
.c-case5 .c-case5-swiper3 .swiper-slide .c-right .c-text2{ line-height:22px}
.bannerbox5 .item .cont .container .text{ margin-bottom:0; font-size:16px}
.lx1 .left .hm_tit strong,.lx1 .right dl dd{ font-size:14px}
.lx1 .right dl dd strong{ font-size:16px; margin-top:0}
.lx1 .right dl dd{ padding-top:0}
.it-z{ padding-left:0; padding-top:0}
.it-z h3{ font-size:24px; background-size:300px}
.it0{ margin-top:0}
.it1{ margin-top:6%}
.it-z p{ font-size:16px; line-height:30px; background: url(../image/j-zz-5.png) no-repeat left top 8px}
.it2 .left p{ font-size:24px; line-height:40px}
.it2{ padding:0}
.rs1 .hm_tit .tit strong{ font-size:18px}
.rs1-1 p span{ font-size:16px} 
.rs1-1 p input, .rs1-1 p textarea{ height:40px; line-height:40px; font-size:14px}
.rs1-1 p textarea{ height:110px; line-height:22px; padding:10px 15px}
.rs1-1 h3 input{ width:100px; height:35px; line-height:35px; font-size:14px}
.it01 .it-z{ padding-top:0}
.it01 .it-z p span{ font-size:14px; line-height:24px}
.dz3-1 dl dd,.zm1 dl dd{ font-size:14px}
.dz3-1 dl dd strong{ font-size:30px}
.dz3-1 dl{ padding:3.5% 4% 4%}
.dz2 .right h3{ font-size:16px; line-height:24px}
.zm1 dl dt img,.fw1 dl dt img{ width:75px}
.zm1 dl dd strong,.fw1 dl dd{ font-size:20px}
.zm1 dl{ height:241px}
.zm2 dl{ width:48%}
.zm2 dl, .zm2 dl dt img{ height:143px}
.zm2 dl dd{ font-size:14px; padding:20px}
.zm2 dl dd strong{ font-size:18px}
.zm2 dl:first-child dt{ width:14.4%}
.zm2 dl:first-child dd{ width:85.6%}
.fw2-1 li{ font-size:14px}
.fw2-1 li strong{ font-size:18px}
.fw2 .left{ padding-top:2%}
.fw2-1 li span{ background: url(../image/j-zz-5.png) no-repeat left top 8px;}
.bannerbox11 .item .cont .container .text img,.bannerbox19 .item .cont .container .text img{ display:none}
.bannerbox11 .item .cont .container .text,.bannerbox19 .item .cont .container .text{ margin-bottom:0.7rem}
.bannerbox11 .item .cont,.bannerbox19 .item .cont{ padding:1.2rem 0}
.xcf1-1 h2{ font-size:18px}
.xcf1-1 p{ font-size:14px; padding-left:26px}
.xcf2 .zm1 dl dd strong{ font-size:18px}
.xcf2 .zm1 dl dd{ line-height:22px}
.xcf2 .zm1 dl{ height:250px}
.xcf4-1 ul li{ font-size:18px}
.xcf4-1 ul li span{ background-size:40px}
.xcf6-1 div h5{ font-size:16px}
.xcf6-1:hover div p,.xcf6-1:hover div h3{ display:none}
.xcf6-1:hover{ background:none}
.xcf6-1 h4 img{ height:137px}
.xcf3 .tabs-header a{ font-size:16px}
.xcf3 .hm-sec7 .cont .gt .hm7_cont .item .fz_font{ padding-top:0; padding-right:0}
.xcf3 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .text1{ font-size:14px; line-height:22px}
.bannerbox12 .item .cont .container .tit img{ max-width:80%}
.bannerbox12 .item .cont .container .tit span{ font-size:30px}
.al2-1 h3 img, #case4 h1 img{ height:122px}
#case4 dl dt img,.al2-1 h3 img{ height:30px}
#case4 dl dd, .al2-1 p{ font-size:14px; line-height:22px; height:43px}
.al1-1 h3{ font-size:16px; line-height:37px}
.al1-1 p input{ height:35px; line-height:35px}
.al1-2-1 h3,.al1-2-1 ul li a,.al2-1 h2,.fy a{ font-size:14px}
.al1-2-1 h3{ width:10%}
.al1-2-1 ul{ width:90%}
.al1-2-1 ul li{ width:15%}
.al1-2-1 ul li a,.al1-2-1 h3{ line-height:30px}
.fy a,.fy a:first-child, .fy a:last-child{ padding:5px 10px}
.gs1 .right p,.gs3-1-2 p{ font-size:14px; line-height:22px}
.gs2-z dl dd{ font-size:16px}
.gs2-z{ padding:8% 5%}
.flex-direction-nav li a{ width:25px; background-size:100% !important}
.gs3-1-2 h3 img{ width:30px}
.gs3-1-2 h5,.gs3-1-3 dl dd{ font-size:14px}
.gs3-1-2 h5 strong{ font-size:20px}
.gs4-1 ul li{ font-size:18px}
.gs4-2 p{ font-size:16px}
.gs4-2 p .right{ width:8%}
.gs4-1, .gs4-2{ height:300px}
.cd-horizontal-timeline .events-content h3{ font-size:30px}
.cd-horizontal-timeline .events-content p{ font-size:16px}
.cd-horizontal-timeline .events a{ font-size:20px}
.cd-timeline-navigation a{ width:40px; height:40px; background-size:100% !important}
.bannerbox14 .item .cont .container .tit{ font-size:14px; line-height:22px}
.bannerbox14 .item .cont .container .tit1,.alx1 ul li span{ font-size:16px}
.alx1 h1 img{ height:30px}
.alx1 h2,.alx1 ul li span strong{ font-size:24px}
.alx-y{ margin-top:-103px}
.bannerbox14 .container1 h5 img{ width:40px}
.bannerbox14 .container1 h5{ top:62%}
.al-ba1{ left:4%; width:92%; margin-left:0; height:420px; margin-top:-210px}
.louceng h3, .alx2 h3{ font-size:20px}
.sxy p a{ font-size:14px}
.alx3-2{ display:none}
.alx3-1{ width:100%}
.alx2-1 dl dt img{ height:76px}
.alx2-1 dl dd{ font-size:14px; line-height:22px; padding-top:1%}
.bannerbox15 .item .cont .container .text,.bannerbox16 .item .cont .container .text,.bannerbox17 .item .cont .container .text,.bannerbox18 .item .cont .container .text{ font-size:16px}
.bannerbox15 .item .cont, .bannerbox16 .item .cont, .bannerbox17 .item .cont, .bannerbox18 .item .cont{ padding: 1.2rem 0 1.5rem;}
.zl3 .al2-1 h3,.zl3 .al2-1 h4{ font-size:14px}
.zl3 .al2-1 div{ height:139px}
.zb0 h3 a{ font-size:20px}  
.zb1 .al2-1 h4{ width:90px; line-height:35px; font-size:14px}
.zb1 .al2-1 div{ height:126px}
.sc1 .al2-1 p{ height:67px}
.sc1 .al2-1 div{ height:150px}
.gh1-z,.gh1-y{ width:100%}
.gh1-y{ display:none}
.gh1-1 h3 a{ font-size:16px; margin-right:6%}
.gh1-2-1 .left p img{ height:117px} 
.gh1-2-1 .right h3 a{ font-size:16px}
.gh1-2-1 .right p{ font-size:14px; line-height:22px}
.gh1-2-1 .right{ padding-top:0}
.yj1-2 .left h3 a,.yj1-2 .left h4 .j1,.yj1-2 .left h4 .j2{ font-size:14px}
.yj1-2 .left h4 .j1{ width:50px; line-height:28px}
.yj1-2 .left h4 .j2{ line-height:28px}
.yj1-2 .left{ padding-top:0}
.yj1-2 .left h4{ margin-top:3%}
.yj1-2{ margin-top:5%}
.yj2 .al2-1 p{ height:23px} 
.yj2 .al2-1 h3{ font-size:14px; line-height:22px; height:68px}
.yj2 .al2-1 div{ height:172px}
.yj2 .al2-1 div p a{ font-size:15px}
.yj1{ padding-top:13%}
.zzh11 .zzh1-1{ height:392px}
.zzh12 .zzh1-1{ height:412px}
.zzh12 .zzh1-1 h3 img{ height:97px}
.zzh13 .zzh1-1{ height:299px}
.zzh14 .zzh1-1{ height:323px;}
.zzh15 .zzh1-1{ height:289px;}
.zzh16 .zzh1-1{ height:361px;}
.zzh17 .zzh1-1{ height:296px;}

.xbs1-1{ font-size:18px; margin-top:-5%}
.xbs2-1 h1 img{ height:228px}
.xbs2-1 p, .xbs-y p{ font-size:14px; line-height:22px;}
.xbs2-1 h2, .xbs-y h1{ font-size:16px}
.xbs-y{ padding-top:0}

.al2-1 h5 img{ height:126px}
	}
@media (max-width:767px) {
.bannerbox_cont{ padding:0.4rem 0 0.3rem}
.bannerbox .item .cont .container .tit,
.bannerbox1 .item .cont .container .tit,
.bannerbox3 .item .cont .container .tit{font-size: 0.32rem;}
.font40{ font-size: 0.33rem;}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt{ padding: 0.4rem 0.3rem 0.16rem;}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .tit h3{ font-size:18px} 
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .tit h4{ font-size:16px}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .tit p{ font-size:14px}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .text img{ width:28px}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .jut .li{ padding:0}
.hm-sec4 .cont .hm4_cont .swiper-slide .item .gt .jut .li{ margin-bottom: 0.1rem; height: 0.8rem;}
.hm-sec4 .but1 .fz_but, .more .but1 .fz_but{line-height: 0.56rem; padding: 0 0.3rem;}
.hm_tit{ margin: 0.5rem 0 0.32rem;}
.xsy1-1-1,.xsy2-1-1{ width:48.5%}
.xsy1-1-1 h3 img{ height:67px}
.xsy1-1-1 .kk1 h4{ font-size:14px}
.xsy1-1-1 .kk1 h4{ display:none}
.xsy1-1-1 .kk1{ padding:13% 6%}
.more{ margin-top:6%}
.xsy2-1-1 dl dd,.xsy2-1-1 h3,.xsy3-1 .left div h3 a,.xsy3-1 .right h3{ font-size:15px}
.xsy2-1-1 dl dd span{ font-size:13px}
.xsy2-1-1{ padding:3%}
.xsy3-1 .left,.xsy3-1 .right,.xsy4-2{ width:100%}
.xsy3-1 .left div{ padding:6% 4%}
.xsy3-1 .left div h3{ margin:5% 0 2%}
.xsy3-1 .left{ margin-bottom:5%}
.xsy3-1 .right h3 a{ margin-top:4px}
.hm_tit h4{ font-size:14px; line-height:22px}
.hm_tit h4 img{ width:20px}
.xsy4-3{ padding:4% 6%;}
.xsy4-3 ul li{ padding:2% 0}
.xsy4-1{ width:100%; margin-top:-3%; padding-bottom:1px}
.xsy4-2{ width:100%; margin-left:0; margin-top:3%}
.xsy4-2 dl dt img{ width:60px}
.xsy4-2 dl .c1{ font-size:16px}
.xsy4-2 dl dd{ margin-top:3%}
.xsy4-2 dl{ padding:7%}
.xsy4-3 ul{height: 103px; overflow:hidden}
.xsy4-1 .more{ margin-top:1%}
.xsy4-3, .xsy4-2 dl{ height:191px}
.xsy5 ul li{ font-size:12px}
.fixedgt .item{ width:25%}
.fixedgt .item:last-child{ width:50px}
.tabs-header li img{ width:30px; margin-right:3px}
.tabs-header a{ padding:6px 8px}
.tabs-header ul,.tabs-content{ width:100%}
.tabs-content{ max-width:100%}
.xsy7 .hm-sec7 .cont{ display:block}
.tabs-nav{ display:none}
.xsy7 .hm-sec7 .cont .gt .hm7_cont .item .img{ display:block}
.tabs-nav i img{ width:60px}
.xsy7 .hm-sec7 .cont .gt .hm7_cont .item .fz_font,.xsy7 .hm-sec7 .cont .gt .hm7_cont .item .img{ width:100%}
.xsy7 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .text{ text-align:left}
.xsy7 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .tit{ text-align:left; margin-bottom:2%}
.xsy7 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .hm_but{ height:0.6rem; line-height:0.6rem;width: 1.7rem; margin-right:5%}
.xsy7 .hm-sec7 .cont .gt .hm7_cont .item .img{ margin-top:4%}
.xsy7{background: url(../image/sy-150.png) no-repeat center top 132px;}
.fixedgt .fz_fan .fz_li .tit br{ display:none}
.tabs-header2 li a{ width:95px; padding:5px 0}
.xsy6-1 h3{ font-size:16px}
.hm-sec4 .but1 .fz_but, .more .but1 .fz_but{ padding:0; width:2.4rem;}
.hm-sec6 .hm_but{ font-size:14px;width: 2rem; height: 0.62rem;}
.bannerbox .item .cont,
.bannerbox1 .item .cont,
.bannerbox3 .item .cont{  text-align:left}
.bannerbox .item .cont .container .hm_but,
.bannerbox1 .item .cont .container .hm_but,
.bannerbox3 .item .cont .container .hm_but{ margin:0}
.bannerbox .item-nn .cont .container .hm_but{ margin:auto}
.bannerbox .item .cont,
.bannerbox1 .item .cont,
.bannerbox3 .item .cont{ top: 0.5rem; }
.bannerbox3 .item .cont{ top: 1rem; }
.bannerbox .item-nn .cont{ top:3.8rem;}
.bannerbox .item-nn .cont .container{ padding-left:0}
.bannerbox .item .cont .container .text,
.bannerbox1 .item .cont .container .text,
.bannerbox3 .item .cont .container .text{ font-size:14px; line-height:24px}
.bannerbox3 .item .cont .container .text,.swiper-container .swiper-slide11 .item .cont .container .text{ font-size:20px; line-height:28px}
.bannerbox .item .cont .container .hm_but,
.bannerbox1 .item .cont .container .hm_but,
.bannerbox3 .item .cont .container .hm_but{width: 1.8rem; height: 0.6rem;}
.bannerbox_cont .cont .item .list .font .tit{font-size: 0.23rem;}
.bannerbox_cont .cont .item .list{padding: 0.15rem 0.3rem;}
.bannerbox_cont {  padding: 0.3rem 0 0.15rem;}
.xsy7 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .tit{font-size: 0.30rem;}
.xsy7 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .hm_but{line-height: 0.55rem;}
.hm-sec7 .cont .gt .hm7_cont .item .fz_font .hm_but i{ width:7px}
.hm-sec7 .fz_cont .item.on .jut{ display:block}
.hm-sec7 .fz_cont .item .c-wrap{ font-size: 0.26rem;padding: 0.18rem 0.36rem;}
.hm-sec7 .fz_cont .item .jut{padding: 0.4rem 0.3rem;}
.hm-sec7 .fz_cont .item .jut .fz_font .hm_but{ width: 1.8rem; height: 0.6rem;margin: 0;display: inline-block;text-align: center;line-height: 0.55rem;}
.hm-sec7 .fz_cont .item .jut .fz_font p{ margin:5% 0}
.hm-sec7 .fz_cont .item .jut .fz_font .font li .fwen .tit{ margin-bottom:3%}
.hm-sec7 .fz_cont .item .jut .fz_font .hm_but:last-child{ background:none; color:#0068ff}
.hm-sec7 .fz_cont .item .jut .fz_font .hm_but i{ width:7px}
.hm_but{ font-size:13px}
.ssn{ display:none}
.bannerbox1 .item .cont .container .left{ width:100%}
.bannerbox1 .item .cont .container .right{ display:none}
.bannerbox1 .item .cont{ padding:0.8rem 0}
.xc1-2{ width:48.5%;box-shadow: 0 0 5px #ddd; margin-top:1.5%}
.xc1-1{padding:5px 5px 5px 0; margin-top:-1.5%}
.xc1-2 h3 img{ width:70px}
.xc1-2 h4 span{ font-size:15px}
.xc1-2 h4{ margin:18px 0 17px}
.xc1-2 .more .but1 .fz_but { width: 1.8rem;}
.xc1-2{ height:227px}
.xc2-1 ul{ padding-top:1%}
.xc2-1 ul li{ width:50%; font-size:14px; margin-top:3%}
.xc2-1 ul li:nth-child(2){ background:none}
.xc2-1 ul li strong{ font-size:22px; margin-bottom:0} 
.xc4 .hm-sec7 .cont .gt .hm7_cont .item .fz_font{ padding-right:0; padding-top:0}
.xc6-1 .left ul li img{ height:58px}
.xc3-1 div{ width:48%}
.xc3-1 div h1{ margin-left:13%; line-height:35px}
.xc3-1 div ul{ height:310px;padding: 20px 10px 10px;}
.xc3-1 div{ padding-top:10px;}
.xc3-1{ margin-top:-10px}
.xc3-1 div:nth-child(10) ul li{ margin-top:18px}
.xc4 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .text img{ width:6.5%}
.xc4 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .text span{ width:90%} 
.hm_tit .tit .e1, .hm_tit .tit .e2{ font-size:15px}
.hm_tit .tit .e2 strong, .hm_tit .tit .e1 .e4{ font-size:12px}
.spr3{ background: url(../image/sp-2.jpg) no-repeat center;}
.spr3 .tabs-header li:nth-child(3){ margin-right:0}
.spr3 .tabs-header li{ width:31.9%}
.spr3 .tabs-header a{ padding:7px 0}
.spr3 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .tit{ font-size:0.26rem}
.spr3 .hm-sec7 .cont .gt .hm7_cont .item .fz_font .font li .fwen .text{ margin-top:3%}
.spr2{ margin-top:-3%; padding-top:12%;}
.spr2-1{ margin-top:-3%; padding:6px;}
.spr2-2{ width:47%; margin-top:3%;box-shadow: 2px 5px 6px #eee; height:220px}
.spr2-2 h3 img{ width:65px}
.spr2-2 h4{ font-size:15px}
.ai1-1 h3 img{ width:255px}
.ai1-1 h3:nth-child(2) img{ width:295px}
.ai1-1 h3{ margin-bottom:4%}
.ai1-1 .hm_but,.solution .hm_but{width: 1.9rem; height: 0.58rem;}
.ai1-2-1 .right p{ font-size:14px; line-height:20px;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ai1-2-1 .right h3{ font-size:20px;background-size: 106px;}
.ai1-1 h2{ height:60px}
.solution .l-body .l-content-l .l-tips{ font-size:18px}
.solution .l-body .l-content-l li h3{ font-size:15px}
.bannerbox4 .item .cont .container .lan .hm_but:nth-child(2){ margin-left:5%; width:2.4rem}
.zzh1-1 h2{ font-size:16px}
.zzh1{ margin-top:-2%; padding-bottom:1px}
.zzh1-1{ border:#eee 1px solid; width:98%; height:inherit; margin-top:2%}
.zzh1-1 h3 img{ height:inherit}
.c-case3 .cont .item .c-wrap .f2{ display:none}
.c-case3 .cont .item.on .c-wrap .f1{ display:none}
.c-case3 .cont .item.on .c-wrap .f2{ display:block; opacity:1}
.c-case3 .cont .item.on .c-wrap p{ transform: translateX(0);}
.c-case3 .cont .item{ margin-bottom:0.2rem}
.c-case7{ margin-top:0.5rem; padding-bottom:0.5rem}
.c-case5 .c-case5-swiper1 .c-img{ height:0.8rem}
.c-case5 .c-case5-swiper1{ padding-bottom:20px}
.lx1 .left,.lx1 .right{ width:100%}
.lx1 .left{ margin-bottom:4%}
.lx1 .right dl dd strong{ font-size:15px}
.lx1 .right dl dt{ width:11%; padding-top:1%}
.lx1 .right dl dd{ width:86%}
.it-z h3{ font-size:18px; background-size:200px; padding-bottom:3px}
.it-z,.it-y{ width:100%}
.it-z{ margin-bottom:4%}
.it-z p{ font-size:15px; line-height:26px; background: url(../image/j-zz-5.png) no-repeat left top 8px; background-size:12px; padding-left:24px}
.it2 .left p{ font-size:16px; line-height:26px}
.it2 .left{ padding-left:0; padding-top:19%}
.rs1 .hm_tit .tit strong,.rs1-1 p span{ font-size:15px}
.rs1-1 p span img{ width:6px}
.rs1-1 p input, .rs1-1 p textarea{ height:35px; line-height:35px;}
.rs1-1 p textarea{ height:110px; line-height:22px; padding:10px 15px}
.dz3-1 dl,.dz3-1 dl:nth-child(2){ border:0; width:100%; padding:4% 2% !important}
.dz3-1 dl dt{ width:15%; padding-top:1%}
.dz3-1 dl dd{ width:80%}
.dz3-1 dl dd strong{ font-size:20px}
.dz2 .left,.dz2 .right{ width:100%; border:0; padding-left:0}
.dz2 .right{ margin-top:4%}
.dz2 .right h3 img{ width:140px; margin-bottom:3%}
.dz2 .right h3{ font-size:15px; line-height:22px; margin-bottom:3%}
.dz2 p .hm_but{width: 1.8rem; height: 0.56rem;}
.zm1{ margin-top:-4%}
.zm1 dl{ width:97%; height:inherit; margin-top:4%; padding:6%}
.zm1 dl dt img{ width:60px}
.zm1 dl dd strong{ font-size:16px; margin-bottom:2%}
.zm1 dl dd{ margin-top:4%}
.zm2 dl dd strong,.fw1 dl dd,.fw2-1 li strong{ font-size:16px}
.zm2 dl{ width:98%} 
.zm2 dl dt{ width:22% !important}
.zm2 dl dd{ width:72% !important}
.zm2 dl, .zm2 dl dt img{ height:103px}
.zm2 dl dd{ padding:0; box-sizing:border-box; margin:3%; height:83px; overflow:scroll}
.fw1 dl dt img{ width:45px}
.fw1 dl{ width:97%; margin-top:4%}
.fw1{ margin-top:-4%}
.fw1 dl dd{ margin-top:4%}
.fw2 .left,.fw2 .right{ width:100%}
.fw2 .left{ margin-bottom:4%; padding-top:0}
.fw2-1 li{ padding: 5% 4%; margin:0}
.fw2-1 li span{ background: url(../image/j-zz-5.png) no-repeat left top 6px; background-size: 13px; padding-left:22px}
.fw2-1 li strong{ margin-bottom:1%}
.xcf1-1{ width:48%; height:226px; overflow:hidden}
.xcf1-1 h2{ font-size:16px}
.xcf1-1 p{ background-size:12px; padding-left:20px}
.xcf2 .zm1 dl{ width:98%; height:inherit; padding:5% 4%}
.xcf2 .zm1 dl dd strong{ font-size:16px}
.xcf4-1 ul li{ width:48.5%; margin-top:1.5%; font-size:16px; padding:6% 0}
.xcf4-1 ul{ margin-top:-1.5%}
.xcf4-1 .hm_but{width: 1.8rem; height: 0.56rem;}
.xcf5 ul{ padding:0}
.xcf5 ul li{ width:31.33%; margin:1%}
.xcf6-1{ width:48%}
.xcf6-1 div h5{ font-size:14px}
.xcf6-1 h4 img{ height:133px}
.xcf3 .tabs-header a{ font-size:14px}
.xcf3 .tabs-header li{ margin-right:2%}
.xcf3 .tabs-header a{ padding:0 0 6px}
.xcf3{ background:none}
.xcf3 .hm-sec7 .cont .gt .hm7_cont .item .fz_font{ padding-left:0; margin-top:5%}
.xcf3 .hm-sec7 .cont .gt .hm7_cont .item .img{ margin-top:0}
.bannerbox12 .item .cont .container .tit span{ font-size:16px}
#case4.swiper-container{ padding-bottom:10%}
.al2-1 h3 img, #case4 h1 img{ height:177px}
#case4 dl dt img, .al2-1 h3 img{ height:25px}
.al1-1 p{ width:60%}
.al1-1 p input{ height:30px; line-height:30px}
.al1-1 h3{ line-height:32px}
.al1-1 p input:nth-child(1){ font-size:12px; padding:0 10px}
.al1{ padding:4%}
.al1-2-1 h3,.al1-2-1 ul{ width:100%}
.al1-2-1 ul li{ width:32.333%}
.al1-2-1 h3{ margin-bottom:2%}
.al2-1{ width:98%}
.al2{ padding:5px}
.fy a, .fy a:first-child, .fy a:last-child{ padding: 3px 10px;}
.gs1 .left,.gs1 .right{ width:100%}
.gs1 .left{ margin-bottom:5%} 
.gs2-z,.gs2-y{ width:100%}
.gs2-z dl dd{ font-size:14px}
.gs2-z dl dt{ width:16%; padding-top:0}
.gs2-z dl dd{ width:75%}
.gs3-1 div{ width:100% !important; margin:5% 0 0 !important}
.gs3-1 .gs3-1-1{ margin-top:0 !important}
.gs3-1-1 p img{ width:200px; display:block; margin:auto}
.gs3-1-3{ position:relative}
.gs3-1-2 h3 img{ width:25px}
.gs3-1-2 h5 strong{ font-size:16px}
.gs3-1-3 dl dt img{ width:120px; display:block; margin:auto}
.gs3-1-3 dl dd{ margin-top:2%}
.gs4-1, .gs4-2{ width:100%}
.gs4-1 ul{ overflow:hidden}
.gs4-1 ul li{ float:left; width:20%; font-size:15px; margin:1% 0}
.gs4-1 ul .curr12{ background-size:40px}
.gs4-1{ height:auto; padding:2%}
.gs4-2{ padding:0 4%}
.gs4-2 p{ font-size:14px}
.gs4-2 p .right{ width:12%}
.gs4-2 p .left{ width:83%}
.cd-horizontal-timeline .events-content h3{ font-size:18px}
.cd-horizontal-timeline .events-content p{ font-size:14px; line-height:26px;background: url(../image/gy-dd.png) no-repeat left top 10px;}
.cd-horizontal-timeline .events a{ font-size:16px}
.cd-timeline-navigation a{ width:35px; height:35px; background-size:100% !important}
.cd-horizontal-timeline .events-wrapper{ margin:0 30px} 
.cd-horizontal-timeline .timeline{ height:73px}
.cd-horizontal-timeline .events{ top:36px}
.cd-horizontal-timeline .events a::after{ width:15px; height:15px; background-size:100% !important;bottom: -6px;}
.cd-horizontal-timeline .events a.selected::after{ width:20px; height:20px; background-size:100% !important;bottom: -9px;}
.cd-horizontal-timeline .events a{ padding-bottom:19px}
.bannerbox14 .item .cont .container .tit{ font-size:14px}
.bannerbox14 .container1{ background-size:15px; padding:0 5%}
.alx1 h1 img{ height:26px}
.alx1 h2, .alx1 ul li span strong{ font-size:18px}
.alx1 ul li{ font-size:12px}
.alx1 ul li span{ font-size:13px}
.alx-y{ margin-top:-77px}
.bannerbox14 .item .cont{ padding:0.6rem 0 1.2rem}

.al-ba1{ height:195px; margin-top:-97px}
.bannerbox14 .container1 h5 {top: auto;bottom: 0%;}
.louceng h3, .alx2 h3{ font-size:16px}
.alx2-1 dl{ width:95%}
.alx2-1 dl dt img{ height:74px}
.zl3 .al2-1 h3{ margin-top:0}
.zl3 .al2-1 h4{ margin-top:8%}
.zl3 .al2-1 div{ height:136px}
.zb0 h3 a{ font-size:16px; padding:3% 0} 
.zb1 .al2-1 h4{ margin-top:5%; line-height:33px} 
.zb1 .al2-1 div{ height:130px}
.sc1 .al2-1 div{ height:156px}
.gh1-1 h3 a{ font-size:14px; margin-right:2%; padding:2%} 
.gh1-2-1 .left,.gh1-2-1 .right{ width:100%}
.gh1-2-1 .left{ margin-bottom:4%}
.gh1-2-1 .left p img{ height:200px}
.gh1-2-1 .right h3 a{ font-size:15px}
.yj2 .al2-1 div{ height:189px} 
.yj1{ padding-top:23%}
.yj1-z,.yj1-y{ width:100%}
.yj1-z .flex-control-nav a,.yj1-z .flex-control-nav li{ width:35px}
.yj1-z .flex-control-nav{ bottom:10px}
.yj1-1{ padding:4%}
.yj1-z{ margin-bottom:5%}
.yj1-2 .left{ padding-top:1%}
.yj1-2{ margin-top:3%}
.zzh11 .zzh1-1,.zzh12 .zzh1-1,.zzh12 .zzh1-1 h3 img,.zzh13 .zzh1-1,.zzh13 .zzh1-1 h3 img,.zzh14 .zzh1-1,.zzh15 .zzh1-1,.zzh16 .zzh1-1,.zzh17 .zzh1-1{ height:inherit}
.bannerbox22 .item .cont .container .hm_but:nth-child(2){ width:2.4rem; margin-left:5%}
.zzh12 .zzh1-1{ width:98%}
.zzh13 .zzh1-1:nth-child(4){ margin-left:2%}
.ai1-1 h3 .pcx{ display:none}
.ai1-1 h3 .sjx{ display:block}
	}
@media (max-width: 567px) {
.c-case3 .hm_but,.c-case7 .hm_but{ width: 1.7rem; height: 0.55rem;}
	}

.ka-ns0{ background: url(../image/cp-kq-10-1.png) no-repeat center bottom;padding-bottom: 127px;}
.ka-ns1-1{ /*! overflow:hidden; */}
.ka-ns1-1 .left{ width:17%; background:#F2F4FF; border-radius:10px; padding:15px;height: 234px;margin-top: -12px;}
.ka-ns1-1 .right{ width:82%; border:#89B3F3 1px solid;padding: 10px;border-radius: 10px;background: #F2F4FF;height: 221px;}
.ka-ns1-1 h4,.ka-ns1-1 h5,.ka-ns1-1 .left p span,.ka-ns1-1 .right .e2 p,
.ka-ns1-3 h4,.ka-ns1-3 h5,.ka-ns1-3 h3,.ka-ns1-3 p{ border-radius:30px; font-size:12px; text-align:center; line-height:25px;}
.ka-ns1-1 h4,.ka-ns1-3 h4{ background:#89B3F3; color:#fff; font-size:14px; line-height:35px;}	
.ka-ns1-1 h5,.ka-ns1-3 h5,.ka-ns1-3 h3{ border:#89B3F3 1px solid; background:#fff; color:#89B3F3; margin-top:8px;}	
.ka-ns1-1 .left p{ margin-top:5px; margin-left:-2%; overflow:hidden}
.ka-ns1-1 .left p span{ display:inline-block; float:left; width:30.33%; margin-left:3%;}
.ka-ns1-1 .left p span,.ka-ns1-1 .right .e2 p,.ka-ns1-3 p span{ background:#fff; border:#89B3F3 1px dashed; color:#89B3F3;}
.ka-ns1-1 .right .e1,.ka-ns1-1 .right .e2{ overflow:hidden; margin-left:-1%;margin-top: 13px;}
.ka-ns1-1 .right .e1 h4,.ka-ns1-1 .right .e2 p{ float:left; width:24%; margin-left:1%;}
.ka-ns1-1 .right .e3 h5{ width:11.5%; margin-left:1%; float:left}
.ka-ns1-1 .right .e3{ overflow:hidden;margin-left: -1%;margin-top: 10px;}
.ka-ns1-1 .left p span{ line-height:20px}
.ka-ns1-1 .right .ss{ margin-top:-26px; box-shadow:2px 5px 5px #A5C4F5;}
.ka-ns1-2{ background:#FCC871; line-height:45px; text-align:center; font-size:18px; color:#fff; border-radius:30px; margin:15px 0}
.ka-ns1-2 h3 img{ vertical-align:middle; margin-right:15px;}
.ka-ns1-3{ overflow:hidden; margin-left:-1%;padding-top: 13px;}
.ka-ns1-3 .e4{ float:left; width:26%; margin-left:1%; border:#66D1BC 1px solid; background:#EDFDF8; padding:12px 8px; /*! overflow:hidden; */border-radius: 20px;height: 362px;}	
.ka-ns1-3 .e4-1{ float:left; width:48%; margin:0 1%;padding: 14px 0 10px;}
.ka-ns1-3 .e4:nth-child(3){ width:21%;}
.ka-ns1-3 .e4:nth-child(4){ width:14%;}
.ka-ns1-3 .e4:nth-child(5){ width:8%;}
.ka-ns1-3 p span{ width:47%; margin-left:3%; display:inline-block; border-radius:30px; margin-top:5px;text-align: center;border:#65D1BC 1px dashed; background:#F6FFFD; color:#65D1BC}	
.ka-ns1-3 p{ margin-left:-3%;line-height: 20px;text-align: left;}
.ka-ns1-3 .e4:nth-child(5) .e4-1{ width:98%}
.ka-ns1-3 h4{ background:#65D1BC;margin-top: -26px;box-shadow: 2px 5px 5px #95E3D3;}	
.ka-ns1-3 h5{ border:#65D1BC 1px dashed; color:#65D1BC}
.ka-ns1-3 h3{ background:#F6FFFD; border:#65D1BC 1px solid; color:#65D1BC}
.ka-ns1-1 .right .e2 p,.ka-ns1-3 h5{ font-weight:bold}	
.ka-ns1-1 .left p span,.ka-ns1-3 p{ font-size:10px}

.ka-ns2{ overflow:hidden; background: url(../image/cp-zp-14-8.png) no-repeat center bottom;padding-bottom: 153px;}
.ka-ns2-1{ background: url(../image/cp-cx-17-8.png) no-repeat center bottom;height: 367px;}
.ka-ns2-1,.ka-ns2-2{ float:left; width:10%;}
.ka-ns2-2{ width:78%; margin:0 1%}
.ka-ns2-1 h3,.ka-ns2-1 p,.ka-ns2-2 h3,.ka-ns2-2 .f2 p,.ka-ns2-2 .f3 p,.ka-ns2-2 .f4 p{ line-height:35px; text-align:center; border-radius:30px; font-size:14px}
.ka-ns2-1 h3{ background:#5FCAB6; color:#fff;}
.ka-ns2-1 p{ border:#5FCAB6 1px solid; margin:30px 25px; font-size:14px;color: #5FCAB6;}
.ka-ns2-2 h3{ background:#F6A949; color:#fff;margin-bottom: 10px;z-index: 9;position: relative;/*! margin-left: 5%; */}
.ka-ns2-2 .f5{ margin-left:5%; margin-right:5%}
.ka-ns2-2 .f1{ overflow:hidden;margin-top: -31px;z-index: 1;position: relative; margin-left:10px; margin-right:10px}
.ka-ns2-2 .f2,.ka-ns2-2 .f3{ float:left; width:18%; border:#F6A949 1px solid;height: 223px;}
.ka-ns2-2 .f3{ width:62%; margin:0 1%; background:#FFF8ED;border-radius: 10px;padding: 37px 10px 10px;overflow: hidden;}
.ka-ns2-2 .f3-1{ float:left; width:18%; margin-left:2%}
.ka-ns2-2 .f2{ border:#739DDD 1px solid; background:#F2F7FF;border-radius: 10px;padding: 37px 10px 10px;}
.ka-ns2-2 .f2 h3{ background:#739DDD;margin-bottom: 10px;}
.ka-ns2-2 .f2 p{ color:#739DDD;font-size: 14px;line-height: 26px;}
.ka-ns2-2 .f3 p{ color:#F6A949;font-size: 14px;line-height: 37px;}
.ka-ns2-2 .f4{ overflow:hidden; border:#5FCAB6 1px solid; background:#EFF9F8; padding:10px; margin-top:15px; border-radius:10px;}
.ka-ns2-2 .f4 p{ float:left; width:11.5%; /*! margin-left:2%; */ margin:0.5%; background:#EEFFFC; color:#5FCAB6;border: #5FCAB6 1px solid;font-size: 14px;}
.ka-ns2-1:last-child p{ margin: 20px 25px;}

.ka-ns2-22 ul{ overflow:hidden}
.ka-ns2-22 .f5 ul li,.ka-ns2-22 .f6 ul li,.ka-ns2-22 .f7-1{ float:left; background: url(../image/cp-cx-17-13.png) no-repeat center right; text-align:center}
.ka-ns2-22 .f5 ul li:last-child,.ka-ns2-22 .f6 ul li:last-child,.ka-ns2-22 .f7-1:nth-child(4){ background:none}
.ka-ns2-22 .f5{ margin-left:0; margin-right:0}
.ka-ns2-22 .f5,.ka-ns2-22 .f6{ overflow:hidden;margin-bottom: 17px;padding-top: 17px;}
.ka-ns2-22 .f5 div,.ka-ns2-22 .f6 div,.ka-ns2-22 .f7{ float:left; padding:40px 10px 20px; border-radius:10px; font-size:14px}
.ka-ns2-22 .f5 div{ background:#F2F7FF; color:#739CDD; border:#739CDD 1px solid;height: 91px;}
.ka-ns2-22 .f6 div{ background:#FFF8ED; color:#F49E3C; border:#F49E3C 1px solid}
.ka-ns2-22 .f7{ background:#EFF9F8; color:#5ECAB5; border:#5ECAB5 1px solid}
.ka-ns2-22 .f5-1{ width:30%}
.ka-ns2-22 .f5-1 li{ width:50%;}
.ka-ns2-22 .f5-2 li{ width:25%; line-height:42px} 
.ka-ns2-22 .f6-1 li{ width:14.285%;}
.ka-ns2-22 .f6-2 li{ width:50%;}
.ka-ns2-22 .f5-2{ width:68%; margin-left:2%}
.ka-ns2-22 .f6-1{ width:73%}
.ka-ns2-22 .f6-2{ width:25%; margin-left:2%}
.ka-ns2-22 .f7{ float:none; /*! overflow:hidden; */margin-top: 40px;clear: both;}
.ka-ns2-22 .f7-1{ float:left; width:25%; /*! overflow:hidden */}
.ka-ns2-22 .f7-1 li{ width:50%; float:left;margin-top: 11px;}
.ka-ns2-22 .f7-1:nth-child(3) li:nth-child(3),.ka-ns2-22 .f7-1:nth-child(2) li:nth-child(3),.ka-ns2-22 .f7-1:nth-child(4) li:nth-child(3){ width:100%} 
.ka-ns2-22 h3{ font-size:16px;margin-top: -56px;margin-bottom: 14px;margin-left: 25px;margin-right: 25px;}
.ka-ns2-22 .f5 h3{ background:#739CDD;box-shadow: 2px 5px 5px #A7C4F0;}
.ka-ns2-22 .f6 h3{box-shadow: 2px 5px 5px #F0C690;}
.ka-ns2-22 .f7 h3{ background:#5ECAB5;margin-top: -62px;box-shadow: 2px 5px 5px #A2E3D6;}
.ka-ns2-11{ margin-top:30px}
.ka-ns2-11:last-child{ background: url(../image/cp-cx-17-9-1.png) no-repeat center bottom;}
.ka-ns2-11:last-child p{ margin:40px 25px; border:#739CDD 1px solid; color:#739CDD; background:#F5F9FF}
.ka-ns22{ position:relative}
.ka-ns22{ position:relative}
.ka-ns2-33 p:nth-child(1){ position:absolute; left:8.7%; top:36%;}
.ka-ns2-33 p:nth-child(2){ position:absolute; left:55%; top:18%;}
.ka-ns2-33 p:nth-child(3){ position:absolute; left:50%; top:43%;}
.ka-ns2-33 p:nth-child(4){ position:absolute; left:49%; top:71%;}
.ka-ns2-33 p:nth-child(5){ position:absolute; right:8.7%; top:31%;}
.ka-ns2-4{position: absolute;right: 19%;top: 32%;}
.ka-ns2-5{ padding:0 40px 0 10px}
.ka-ns2-5-1{ height:471px}
.ka-ns2-5 .right{ height:471px}
.ka-ns2-5 .left{ width:80%;}
.ka-ns2-5 .right{ width:14%; border:#F6A544 1px solid; background:#FFF8ED; border-radius:10px;margin-top: 16px;}
.ka-ns2-5 h3,.ka-ns2-5 h4,.ka-ns2-5 p{ line-height:35px; text-align:center;font-size: 14px;}
.ka-ns2-5 h3,.ka-ns2-5 h4{ border-radius:30px;}
.ka-ns2-5 h3{ color:#fff}
.ka-ns2-5 .left h3{ background:#60CCB7;font-size: 16px;box-shadow: 2px 5px 5px #9DDED1;}
.ka-ns2-5 .left p{ color:#2E8171; line-height: 20px;margin: 14px 0;}
.ka-ns2-5-1{ overflow:hidden;margin-top: -19px; border:#60CCB7 1px solid; background:#EFF9F8; border-radius:10px;padding: 45px 30px 30px;position: relative;z-index: 1;margin-left: 30px;margin-right: 30px;}
.ka-ns2-5-1 .f8{ float:left; width:14%; margin:0 3%;}
.ka-ns2-5-1 .f8-1{ border:#60CCB7 1px dashed; padding:15px 20px;border-radius: 10px;margin-top: 30px;}
.ka-ns2-5-1 .f8-1 p{ text-align:left; line-height:24px;margin: 0;}
.ka-ns2-5-1 .f8-1 h4{ border:#60CCB7 1px dashed; background:#fff; color:#2E8171; font-size: 14px;text-align: center;border: #D2F5F2 1px solid;margin-top: -26px;margin-bottom: 11px;border-radius: 5px;line-height: 26px;}
.ka-ns2-5 .right{ padding:30px 20px;}
.ka-ns2-5 .right h3{ background:#F6A544;font-size: 16px;margin-top: -47px;margin-bottom: 35px;box-shadow: 2px 5px 5px #F2C693;}
.ka-ns2-5 .right h4{ border:#E7CCB9 1px solid; color:#F6A544;margin-top: 20px;background: #FFFBF5;margin-left: 15px;margin-right: 15px;}
.ka-ns2-5 .left h3{ /*! margin-top:-48px; */position: relative;z-index: 9;}
.ka-ns2-5 .left .f8 h3{ margin-bottom:10px; margin-top:0}

.xgy1{ overflow:hidden; margin-left:-5%; margin-bottom:6%}
.xgy1 dl{ float:left; width:20%; margin-left:5%}
.xgy1 dl dt img{ display:block; margin:auto}
.xgy1 dl dd{ text-align:center; font-size:16px; line-height:30px;}
.xgy1 dl dd strong{ font-size:20px; display:block; margin:8% 0 5%;}
.tc-sp{ position:fixed; left:0; top:0; width:100%; height:100%;background:#000; background-color: rgba(0,0,0,0.3); filter: Alpha(opacity=30);z-index: 999999; display:none}
.tc-sp p{ width:853px; height:480px; position:absolute; left:50%; top:50%; margin-left:-427px; margin-top:-240px}
.tc-sp p video{ display:block; margin:auto}
.tc-sp h1{ position:absolute; right:5%; top:5%; cursor:pointer}

.preHander{ overflow: hidden;}
.market_item4{ position:relative;}
.market_tc4{ position:absolute; z-index:999; width:100%; height:100%; display:none; z-index:999999}
.market_mask4{ position:fixed; background-color:#000; width:100%; height:100%;}
.market_tc4_nr{ position:fixed; left:0; top:0; height:100%; width:100%}
.market_tc4_nr_close4{ position:fixed; right:5%; top:5%; cursor:pointer;z-index: 9999999;}
.market_tc4_box4 .tc-sp{ display:block}

.xc6{ margin-bottom:7%}
.xc6 .container1{ display:none}


.lan11 .hm_but:hover{ border: 2px solid #0068ff;background-color: #0068ff;}
.lan11 .hm_but::before{ background:#0068ff;}
.lan11 .hm_but:hover::before{ background:#fff;}

.xcf3-1 .left{ width:48%}
.xcf3-1 .right{ width:48%;padding-top: 4%;}
.xcf3-1 .left p img{ width:100%}
.xcf3-1 .right h1,.xcf3-0 h2{ font-size:30px; font-weight:bold; margin-bottom:3%}
.xcf3-1 .right h2{ font-size:16px; line-height:35px;} 
.xcf3-1 .right p{ margin-top:6%}
.xcf3-0 h2{ text-align:center;font-size: 20px;color: #0068ff;font-weight: normal;}

.videolist:hover{ cursor: pointer; }
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{ display:none; position:fixed; left:0; top:0; background:#000; background-color: rgba(0,0,0,0.3); filter: Alpha(opacity=30);z-index: 999999; width:100%; height:100%; clear:both}
.videos video{ width:853px; height:480px; position:absolute; left:50%; top:50%; margin-left:-427px; margin-top:-240px}
.vclose { position:absolute;right:5%; top:5%; border-radius:100%; cursor: pointer; }

.bannerbox1 .item .cont .container .right p video{ border-radius:20px}

.xalx1{ box-shadow: 0 0 10px #D3E5E5; border-radius:10px; padding:30px 25px;/*! border-radius: 5px; */}
.xalx1 p{ margin-bottom:10px;}
.xalx1 p:last-child{ margin-bottom:0}
.xalx1 p span{ font-size:16px; margin-bottom:8px;display: block;} 
.xalx1 p span strong{ color:#f00; vertical-align:inherit; margin-left:5px}
.xalx1 p input,.xalx1 p select{ font-size:14px; border:#0068ff 1px solid; height:37px; line-height:37px;display: block;padding: 0 15px;width: 100%;border-radius: 5px;}
.xalx1 p select{appearance: auto;}
.xalx1 .llq input{ background:#0068ff; color:#fff; font-size:16px}

.hadbox-sec4,.hadbox-sec4 .cont,.hadbox-sec1 .cont{ background:#fff; overflow:hidden}
.hadbox-sec1{ background:#fff}
.hadbox-sec1 .f_navbox li .hover1{ overflow:hidden}

#LRdiv0{ display:none !important}

.fixedgt .item .fz_li.sjx{ display:none}

.xz0{ background: url(../image/xz1.jpg) no-repeat center bottom;padding:3% 0;}
.xz1 .left{ width:50%;}
.xz1 .left p img{ display:block; margin:auto;max-width: 100%;}
.xz1 .right{ width:50%;padding-top: 5%;}
.xz1 .right dl dt{ display:block; margin:auto}
.xz1 .right dl dt img{ display:block; margin:auto}
.xz1 .right dl dd{ text-align:center; font-size:20px; margin-top:30px}
.xz0 .hm_tit .tit strong{ font-weight:normal; display:block; font-size:26px; margin-top:10px; color:#666}

.bannerbox2 .item .cont .container .text span{font-size: 24px;
  font-weight: bold;
  background-image: linear-gradient(to right, #1ABBE9, #45D1C2);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  vertical-align: bottom;
  margin-left: 5px;} 
  
 
.xzdy1{ overflow:hidden; margin-left:-2%; margin-top:-2%;padding: 0 15px 15px 0;}
.xzdy1-1{ float:left; width:23%; margin-left:2%; margin-top:2%; box-shadow: 0 0 15px #ddd; padding:2% 3%; border-radius:10px;}
.xzdy1-1 h4{ font-size:24px; font-weight:bold; text-align:center}
.xzdy1-1 h4 img{ display:block; margin: 0 auto 6%;}
.xzdy1-1 h4 .aa2{ display:none}
.xzdy1-1 p{ font-size:15px; color:#666; text-align:center; line-height:24px; margin:3% 0 4%;height: 72px;overflow: hidden;}
.xzdy1-1 h5{ text-align:center;}
.xzdy1-1 h5 a{ font-size:17px; color:#0068ff;}
.xzdy1-1:hover h4 .aa1{ display:none}
.xzdy1-1:hover h4 .aa2{ display:block}
.xzdy1-1:hover{ background: linear-gradient(to bottom, #47D2BF, #07B7E8);}
.xzdy1-1:hover h4,.xzdy1-1:hover p,.xzdy1-1:hover h5 a{ color:#fff}
.xzdy2{ overflow:hidden; margin-left:-4%}
.xzdy2-1{ float:left; width:29.333%; margin-left:4%; padding:2% 2% 0; background: url(../image/cp-ztyx-18.png) no-repeat center top; background-size:100%; padding-bottom:10px}
.xzdy2-1 h4{ font-size:30px; font-weight:bold; color:#fff; text-align:center; background: url(../image/cp-ztyx-19.jpg) no-repeat center bottom;padding-bottom:6%; margin-bottom:7%;}
.xzdy2-1 ul{ box-shadow: 0 0 10px #ddd; background:#fff; border-radius:10px;padding: 8% 3%; height:246px; overflow: hidden;}
.xzdy2-1 ul li{ overflow:hidden; font-size:15px; margin-bottom:6%; line-height:24px}
.xzdy2-1 ul li .left{ float:left; width:5%; color:#0068ff}
.xzdy2-1 ul li .right{ float:right; width:95%}
.xzdy2-1 ul li:last-child{ margin-bottom:0}
.chuh1{ background:#ebf1f9; overflow:hidden; padding-bottom:6%; margin-top:6%}
.chuh4{ margin-bottom:6%}
.chuh2-1{ overflow:hidden; padding:0 15px 15px 0}
.chuh2-1-1{ float:left; width:23%; height:266px; overflow:hidden; margin-left:2%; margin-top:2%; box-shadow: 0 0 15px #ddd;padding:56px 25px 0; border-radius:10px;}
.chuh2-1-1:nth-child(5),.chuh2-1-1:nth-child(6),.chuh2-1-1:nth-child(7){ width:31.333%}
.chuh2-1-1 h4 img{ display:block; margin:0 auto 15px}
.chuh2-1-1 h4{ font-size:24px; font-weight:bold; text-align:center; margin-bottom:15px}
.chuh2-1-1 p{ font-size:15px; line-height:24px; color:#666; text-align:center; height:48px; overflow:hidden; display:none}
.chuh2-1-1 .more{ display:none; margin-top:10%}
.chuh2-1-1:hover{ background: url(../image/j-cs-18.png) no-repeat center; background-size:cover;padding:70px 25px 0;}
.chuh2-1-1:hover h4,.chuh2-1-1:hover p{ color:#fff}
.chuh2-1-1:hover .more{ display:block}
.chuh2-1-1:hover h4 img{ display:none;}
.chuh2-1-1 .more .but1 .fz_but{ background:#fff;width: 1.6rem; border:0}
.chuh3-1{ overflow:hidden; margin-left:-3%; padding:0 15px 15px 0}
.chuh3-2{ float:left; box-shadow: 0 0 15px #ddd; border-radius:10px; background:#fff; width:30.333%; margin-left:3%}
.chuh3-2 h4{ background: url(../image/cp-ztyx-18.png) no-repeat center top; border-radius:10px 10px 0 0; font-size:30px; font-weight:bold; text-align:center; line-height:170px; color:#fff;background-size: 100%;}
.chuh3-2 p{ font-size:17px; line-height:28px;text-align: center; padding: 7%; color: #666; height:173px; overflow:hidden}
.chuh4 .swiper-container-fade .swiper-slide{ overflow:hidden; box-shadow: 0 0 0.38rem rgba(124, 165, 162, 0.17);}
.chuh4 .swiper-container-fade .swiper-slide .lt{ float:left; width:38%}
.chuh4 .swiper-container-fade .swiper-slide .gt{ float:right; width:62%; padding:4% 4% 0}
.chuh4 .swiper-container-fade .swiper-slide .gt h4{ margin-top:1%}
.chuh4 .swiper-container-fade .swiper-slide .gt h4 a{ font-size:24px; font-weight:bold; color:#333}
.chuh4 .swiper-container-fade .swiper-slide .gt p{ font-size:16px; color:#999; line-height:30px; margin-bottom:2%;height: 92px; overflow: hidden;}
.chuh4 .swiper-container-fade .swiper-slide .gt h5{ text-align:right}
.chuh4 .swiper-container-fade .swiper-slide .gt h5 a{ color:#0068ff; font-size:16px}
.chuh4 .hm4-page{ margin-top:4%}
.bannerbox19{ background:url(../image/j-sy-banner.jpg) no-repeat center}
.bannerbox19 .lan{ margin-top:0}
.syh0{ background:#F1F9FB; overflow:hidden; padding-bottom:6%; margin-top:6%}
.syh1{ overflow:hidden; margin-left:-2%; padding:0 15px 15px 0}
.syh1-1{ float:left; width:23%; margin-left:2%; position:relative; height:320px; overflow:hidden; border-top:#50B2B1 5px solid; border-radius:10px; box-shadow: 0 0 15px #ddd; padding:3%;}
.syh1-1 h4{ font-weight:bold; text-align:center; margin-bottom:7%; font-size:22px}
.syh1-1 p{ font-size:18px; color:#666; text-align:center; line-height:30px;}
.syh1-1 h5{ position:absolute; right:0; bottom:0; width:45%}
.syh1-1 h5 img{ width:100%}
.syh2{ overflow:hidden; margin-left:-1%}
.syh2 .xzdy2-1{ width:24%; margin-left:1%}
.syh2 .xzdy2-1 ul{ padding: 8% 15%; height:135px}
.syh2 .xzdy2-1 ul li{ font-size:16px; text-align:left; line-height:30px}
.syh3 .xc1-2{width: 15.6%;}
.syh3 .xc1-2 h4 span{ font-size:16px; font-weight:normal;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:none;} 
.syh3 .xc1-2 h4{ margin-top:30px} 
.syh3 .xc1-2{ padding:70px 20px; height:258px}
.syh3 .xc11{ width:30%; padding: 34px 25px;}
.syh3 .xc11 h4 span{ display:block; background: url(../image/cp-ztyx-19.jpg) no-repeat left top;padding-top: 17px; margin-top: 15px; height: 89px;}
.syh3 .xc11 h4{ text-align:left;margin-top: 15px;} 
.syh3 .xc11 h3 img{ margin:0}
.navContent{display: none;}
.xz-l-1{ border-bottom:#E3E6E6 1px solid; position:relative; padding:2% 0; cursor:pointer;}
.xz-l-1 h3{ font-size:18px; overflow:hidden; background:url(../image/j-sy-18.png) no-repeat left top; padding:0 0 0 5%;line-height: 34px;}
.xz-l-1 h3 span{ float:right}
.xz-l-1 h3 .x2{ display:none}
.currentDt h3 .x1{ display:none}
.currentDt h3 .x2{ display:block}
.xz-l-1 h3 img{ vertical-align:middle; margin-left:10px}
.xz-l{ padding:0% 0% 2% 5.2%; overflow:hidden;/*! margin: 0 5px; */border-bottom: #E3E6E6 1px solid; margin-top:-1%}
.currentDd{ margin:0}
.subNavBox{ margin:4% 0 5%;}
.xz-l p{ color: #999;line-height: 28px; background:url(../image/j-sy-19.png) no-repeat left top 12px; padding-left:20px;lin: ;}
.xz-l p span{ color:#0059c2}
.xz-l{ position:relative;}
.currentDd{ border:0;}

.bannerbox29{ background:url(../image/dd-banner.jpg) no-repeat center}
.didi1 .left{ width:21%; background:url(../image/dd-2.png) no-repeat center bottom #01B6EB; border-radius:10px; padding:5% 2%;color: #fff;height: 610px;}
.didi1 .right{ width:77.5%; background:#fff; box-shadow:0 0 10px #eee; border-radius:10px; padding:2%}
.didi2{ background: url(../image/dd-25.jpg) no-repeat center; overflow:hidden}
.didi1-0{ overflow:hidden; margin-left:-3%;}
.didi1-1{ float:left; width:22%; margin-left:3%; border-radius:10px; padding:2.5% 2%;height: 185px;}
.didi1-1 h3 .vv2{ display:none}
.didi1-1 h4{ font-size:17px; margin:7% 0;}
.didi1-1 p{ font-size:15px; color:#666}
.didi1 .left h3{ margin-top:18%}
.didi1 .left h3 a{ color:#fff}
.didi1-1:hover{ background: linear-gradient(to bottom, #00B5EA, #50D5BA);}
.didi1-1:hover h3 .vv1{ display:none}
.didi1-1:hover h3 .vv2{ display:block}
.didi1-1:hover h4,.didi1-1:hover p{ color:#fff}
.didi2 .hm_tit .tit strong{ color:#fff}
.didi2 .tabs-header li{ margin-right:1%;width: 10.222%;}
.didi2 .tabs-header .active{ background:#04B9E8}
.didi2 .hm-sec7 .cont .gt .hm7_cont .item .fz_font{ width:45%; padding-right:0}
.didi2 .hm-sec7 .cont .gt .hm7_cont .item .img{ width:55%}
.didi2 .hm_but{ background: linear-gradient(to right, #60DDC3, #01B7E9); }


@media (max-width: 1550px){
	.fotbox .fot1 .fz_logo .lt .logo1, .fotbox .fot1 .fz_logo .lt .jut .li{ margin-right: 0.2rem;}
	.ka-ns2-5-1 .f8-1{ padding:15px 10px}
	.bannerbox2 .item .cont .container .text span{font-size: 22px;}
	.chuh2-1-1 .more .but1 .fz_but{ width:1.8rem}
	.chuh3-2 p{ height:195px}
}

@media (max-width: 1500px){
.xcf3-1 .right h1{ font-size:26px} 	
.xcf3-1 .right h2{ line-height:30px}
.xcf3-1 .right p{ margin-top:4%}
	.ka-ns2-5-1 .f8-1{ padding:15px 8px}
	.fotbox .fot1 .fz_logo .lt .jut .li{ font-size:13px}
	.fotbox .fot1 .fz_logo .lt .jut .li strong{ font-size:14px}
}
@media (max-width:1024px){
.ka-ns2-1 p{ margin:30px 10px}
.ka-ns2-1:last-child p{ margin:20px 10px}
.ka-ns2-1 h1, .ka-ns2-1 p, .ka-ns2-2 h3, .ka-ns2-2 .f2 p, .ka-ns2-2 .f3 p, .ka-ns2-2 .f4 p,.ka-ns2-22 .f5 div, .ka-ns2-22 .f6 div, .ka-ns2-22 .f7{ font-size:12px}
.ka-ns2-22 h3{ margin-left:15px; margin-right:15px}
.ka-ns2-5-1{ padding:35px 13px 20px;}
.ka-ns2-5 .left h3,.ka-ns2-5 .right h3{ font-size:14px}
.ka-ns2-5-1 .f8{ width:18%; margin:0 1%}
.ka-ns2-5-1 .f8-1{ padding:15px 10px}
.ka-ns2-5-1 .f8-1 p,.ka-ns2-5-1 .f8-1 h4,.ka-ns2-5 .right h4{ font-size:12px}
.ka-ns2-5 .right{ padding:30px 10px}
.ka-ns2-5 .right h4{ margin-left:0; margin-right:0}
.ka-ns2-5 h1, .ka-ns2-5 h3, .ka-ns2-5 p{ line-height:28px}
.ka-ns2-5-1{ height:522px}
.ka-ns2-5 .right{ height:514px}
.ka-ns2-4{ right:21%}

.xgy1 dl dd,.xcf3-1 .right h2{ font-size:14px; line-height:24px}
.xgy1 dl dd strong,.xcf3-0 h2{ font-size:16px}

.xcf3-1 .right h1{ font-size:20px} 	
.xcf3-1 .right{ padding-top:0}

.xalx0{ display:block; width:100%; margin-top:6%}
.xalx1{ padding:20px 15px}
.xalx1 p span,.xalx1 .llq input{ font-size:14px}
.xalx1 p input, .xalx1 p select{ height:33px; line-height:33px}

.fixedgt .item .fz_li.pcx{ display:none}
.fixedgt .item .fz_li.sjx{ display:block}

.xz0 .hm_tit .tit strong{ font-size:20px}
.xz1 .right dl dd{ font-size:16px}
.xz0{ padding:6% 0}
.xz1 .right dl dd{ margin-top:20px}

.xzdy1-1 h4 img,.chuh2-1-1 h4 img{ width:70px}
.xzdy1-1 h4,.chuh2-1-1 h4{ font-size:16px}
.xzdy1-1 p,.xzdy2-1 ul li,.chuh2-1-1 p,.chuh3-2 p,.chuh4 .swiper-container-fade .swiper-slide .gt p{ font-size:14px; line-height:22px}
.xzdy1-1 h5 a{ font-size:15px}
.xzdy1-1{ padding:2%}
.xzdy1-1 p{ height:110px}
.xzdy2-1 h4{ font-size:20px} 
.xzdy2-1 ul li .left{ width:7%}
.xzdy2-1 ul li .right{ width:93%}
.xzdy2-1 ul{ height:251px}
.chuh2-1-1 p{ height:68px}
/*.chuh2-1-1{ padding: 18px 15px 0 !important}*/
.chuh2-1-1 h4{ margin-bottom:10px}
.chuh2-1-1{ height:220px}
.chuh3-2 h4{ font-size:18px; line-height:95px}
.chuh3-2 p{ height:185px}
.chuh4 .swiper-container-fade .swiper-slide .gt .text img{ width:40px}
.chuh4 .swiper-container-fade .swiper-slide .gt h4 a{ font-size:18px}
.chuh4 .swiper-container-fade .swiper-slide .gt h5 a,.chuh2-1-1 .more .but1 .fz_but{ font-size:14px}
.chuh4 .swiper-container-fade .swiper-slide .gt p{ height:88px}
.chuh4 .swiper-container-fade .swiper-slide .gt{ padding:3%}
.syh1-1 h4{ font-size:16px}
.syh1-1{ padding:2%; height:210px}
.syh1-1 p,.syh2 .xzdy2-1 ul li,.syh3 .xc1-2 h4 span{ font-size:14px; line-height:22px}
.syh2 .xzdy2-1 ul{ padding:6%; height:106px}
.syh3 .xc1-2 h3 img{ width:45px}
.syh3 .xc1-2{ padding: 50px 10px; height:225px}
.syh3 .xc1-2 h4{ margin-top:20px}
.syh3 .xc11{ padding: 19px 20px;}
.syh3 .xc11 h4 span{ background-size:50px;padding-top: 10px; margin-top: 10px; height:123px}
.syh3 .xc11 h4{ margin-top:7px}
.xz-l-1 h3{ font-size:16px;line-height: 25px; background-size: 25px;}
.xz-l p{ line-height:24px;background-size: 4px; padding-left:15px}
.didi1-1 h4{ font-size:16px;}
.didi1-1 p{ font-size:14px;}
.didi1-1{ width:24%; margin-left:1%}
.didi1-0{ margin-left:-1%}
.didi1 .left{ height:584px}
}


@media (max-width:640px){
.ka-ns1-1 .left,.ka-ns1-1 .right{ width:100%}
.ka-ns1-1 .right{ margin-top:25px}
.ka-ns1-1 .right .e3 h5{ width:32.333%}
.ka-ns1-2{ font-size:16px; line-height:35px}
.ka-ns1-1 .right{ height:inherit}
.ka-ns1-3 .e4{ width:99% !important; height:inherit; margin-top:25px} 
.ka-ns1-3{ padding-top:0}
.ka-ns1-2{ margin-bottom:0}
.ka-ns0{padding-bottom: 30px; background-size: contain}
.ka-ns2-1, .ka-ns2-2{ width:100%}
.ka-ns2-1 h3, .ka-ns2-1 p, .ka-ns2-2 h3, .ka-ns2-2 .f2 p, .ka-ns2-2 .f3 p, .ka-ns2-2 .f4 p{ font-size:14px; line-height:30px} 
.ka-ns2-1 p,.ka-ns2-1:last-child p,.ka-ns2-2 .f2 p{ margin:3% 1% 0;float: left;width: 31.333%; background:#fff}
.ka-ns2-1{ height:inherit; background:none;overflow: hidden;}
.ka-ns2-2 .f1{ margin-left:0; margin-right:0}
.ka-ns2-2 .f2, .ka-ns2-2 .f3{ width:100%; margin-left:0; margin-right:0; height:inherit}
.ka-ns2-2 .f2 p,.ka-ns2-2 .f3 p{ line-height:24px}
.ka-ns2-2 .f2 p{ background:none}
.ka-ns2-2 .f5{ margin-left:0; margin-right:0}
.ka-ns2-2{ margin:3% 0;}
.ka-ns2-2 .f2{ padding-top:30px; overflow:hidden}
.ka-ns2-2 .f3{ padding-top:0; margin:3% 0}
.ka-ns2-2 .f3-1{ width:31.33%; margin-top:3%}
.ka-ns2-2 .f2:last-child{ padding-top:10px}
.ka-ns2-2 .f4 p{ width:32.333%}
.ka-ns2-2 .f2 h3{ margin-bottom:0} 
.ka-ns2{ background-size:contain;padding-bottom: 33px;}
.ka-ns2-22 .f5 div, .ka-ns2-22 .f6 div, .ka-ns2-22 .f7{ font-size:14px}
.ka-ns2-11:last-child{ background:none}
.ka-ns2-22 .f5-1,.ka-ns2-22 .f5-2,.ka-ns2-22 .f6-1,.ka-ns2-22 .f6-2{ width:100%}
.ka-ns2-22 .f5-2,.ka-ns2-22 .f6-2{ margin-top:9%; margin-left:0}
.ka-ns2-33{ display:none}
.ka-ns2-22 .f5-2 li{ line-height:22px}
.ka-ns2-22 .f5, .ka-ns2-22 .f6{ margin-bottom:10px}
.ka-ns2-22 .f5-2 li,.ka-ns2-22 .f6-1 li{ width:50%}
.ka-ns2-22 .f6-1 li br{ display:none}
.ka-ns2-22 .f7-1{ width:100%; float:none; margin-bottom:10px; background:none}
.ka-ns2-22 .f7-1:nth-child(2) h3,.ka-ns2-22 .f7-1:nth-child(3) h3,.ka-ns2-22 .f7-1:nth-child(4) h3{ margin-top:0}
.ka-ns2-22 .f7-1:nth-child(4){ margin-bottom:0}
.ka-ns2-22 .f7-1 ul{ margin-top:-8px}
.ka-ns2-22 .f7-1 li{ margin-top:8px}
.ka-ns2-11{ margin-top:0}
.ka-ns2-22 .f5 ul li:nth-child(even), .ka-ns2-22 .f6 ul li:nth-child(even){ background:none}
.ka-ns2-5 .left,.ka-ns2-5 .right{ width:100%}
.ka-ns2-5-1,.ka-ns2-5 .right{ height:inherit}
.ka-ns2-5{ padding:0}
.ka-ns2-5-1{ margin-left:10px; margin-right:10px}
.ka-ns2-5-1 .f8{ width:46%; margin:2%}
.ka-ns2-5-1 .f8-1 p,.ka-ns2-5-1 .f8-1 h4,.ka-ns2-5 .right h4{ font-size:14px}
.ka-ns2-5 .left p{ margin:5px 0}
.ka-ns2-5-1 .f8-1{ margin-top:22px;padding: 9px 10px 5px;}
.ka-ns2-5-1 .f8:nth-child(1),.ka-ns2-5-1 .f8:nth-child(2){ height:305px}
.ka-ns2-5-1 .f8:nth-child(3),.ka-ns2-5-1 .f8:nth-child(4){ height:356px}
.ka-ns2-5-1{ padding:30px 13px 0}
.ka-ns2-5 .right{ margin-top:9%; padding:15px 10px}
.ka-ns2-5 .right h4{ float:left; width:31.33%; margin:1%} 
.ka-ns2-5 .right h3{ margin-top:-31px; margin-bottom:15px}
.bb1 p video{ width:100% !important;}

.xgy1{ margin-top:-4%}
.xgy1 dl{ width:45%; height:215px; margin-top:4%}
.xgy1 dl dt img{ width:40px;} 
.xgy1 dl dd{ line-height:22px}

.tc-sp p{ width:90%; margin-left:0; left:5%; height:211px; margin-top:-105px}
.tc-sp h1 img,.market_tc4_nr_close4 p img{ width:25px}

.xbs1-1{ font-size:14px}
.xbs2{ margin-top:-4%}
.xbs2-1{ width:97%; margin-top:4%}
.xbs2-1 h2{ margin:3% 0}
.xbs2-1 h1 img{ height:337px}
.xbs-z, .xbs-y{ width:100%}
.xbs-y{ margin-top:4%}

.xcf3-0 h2{ font-size:15px; margin-bottom:5%}
.xcf3-1 .right h1{ font-size:16px}
.xcf3-1 .left,.xcf3-1 .right{ width:100%}
.xcf3-1 .left{ margin-bottom:4%}
.xcf3-1 .right .hm_but{width: 1.8rem;
    height: 0.6rem;}
	
.videos video{ width:90% !important; margin-left:0; left:5%; height:211px; margin-top:-105px}
.vclose{ width:25px !important; height:25px !important}

.zb1 .al2-1 h4 a{ font-size:14px}

.xsy6 .tabs-header li{ margin: 2% 6% 0 !important;}
.xsy6 .tabs-header ul{ margin-top:-2%}
.xsy1-1-1 .kk1{ padding:0 5%;}
.xsy1-1-1 .kk1 .kk2{ display:table; margin:0; height:100%; width:100%}
.xsy1-1-1 .kk1 .kk2 p{display: table-cell; vertical-align: middle;}
.xsy3-1 .right ul li a span{ float:none; display:block; margin-top:1%}
.xsy4-3 h3{ font-size:16px}
.xsy4-3{ background-size:100%}
.xc1-2{ height:239px}
.xc1-2 h4 span{ height:67px;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.gs4-2{ height:218px}

.al2-1 h5 img{ height:179px}

.fixedgt .fz_fan1{ display:none }
.fixedgt .item{ width:33.333%} 
.fixedgt .item:nth-child(3){ border:0}

.xz1 .left{ display:none}
.xz1 .right{ width:100%}
.xz0 .hm_tit .tit strong{ font-size:16px}
.xz1 .right dl dd{ font-size:15px; margin-top:15px}
.xz0{ padding:23% 0 16%}

.bannerbox2 .item .cont .container .text span{font-size:18px;}

.xzdy1{ padding:5px}
.xzdy1-1{ width:48%; box-shadow: 0 0 10px #ddd;}
.xzdy2-1{ width:96%; margin-top:4%;padding: 4% 4% 0;}
.xzdy2{ margin-top:-4%}
.xzdy2-1 ul{ height:auto}
.xzdy2-1 h4{ font-size:18px;background-size: 50px; padding-bottom:4%; margin-bottom:5%} 
.xzdy1-1 p{ height:88px}
.xzdy1-1 h5 a{ font-size:14px}
.xzdy1-1 h4 img,.chuh2-1-1 h4 img{ width:60px}
.xzdy2-1 ul li{ margin-bottom:4%}
.xzdy2{ padding-bottom:5px}
.chuh2-1-1{ padding:10% 4% !important; width:48% !important; box-shadow: 0 0 10px #ddd;}
.chuh2-1{ padding:5px}
.chuh2-1-1 h4,.chuh3-2 h4{ font-size:16px}
.chuh2-1-1 h4 img{ margin-bottom:10px}
.chuh2-1-1 h4{ margin-bottom:10px}
.chuh2-1-1{ height:160px}
.chuh2-1-1:nth-child(7){ margin-left:25%}
.chuh3-2{ width:97%; margin-top:4%}
.chuh3-1{ margin-top:-4%}
.chuh3-2 h4{ line-height:58px}
.chuh3-2 p{ padding:4%; height:auto}
.chuh4 .swiper-container-fade .swiper-slide .lt,.chuh4 .swiper-container-fade .swiper-slide .gt{ width:100%}
.chuh4 .swiper-container-fade .swiper-slide .gt{ padding:5%}
.chuh4 .swiper-container-fade .swiper-slide .gt h4 a{ font-size:16px}
.chuh4 .swiper-container-fade .swiper-slide .gt p{ height:auto; margin-bottom:3%}
.chuh4 .swiper-container-fade .swiper-slide .gt .text img{ width:30px}
.syh1-1{ width:48%; margin-top:3%;box-shadow: 0 0 10px #ddd;}
.syh1{ margin-top:-2%; padding:5px}
.syh2 .xzdy2-1{ width:49%}
.syh3 .xc1-2,.syh3 .xc11{ width:48.5%}
.syh1-1{ padding:4% 2%; height:195px}
.syh3 .xc1-2 h4 span{ display:block; margin-top:10px}
.syh3 .xc1-2,.syh3 .xc11{ padding:30px 10px; height:258px}
.syh3 .xc11 h3 img{ margin:auto}
.syh3 .xc11 h4{ text-align:center}
.syh3 .xc11 h4 span{ background: none; padding-top: 0;}
.syh3 .xc11 h4,.syh3 .xc1-2 h4{ margin-top:15px}
.syh3 .xc1-2 h3 img{ width:40px}
.syh3 .xc1-2 h4 span{ height:110px}
.syh3 .xc1-2:nth-child(5){ margin-left:25%}
.xz-l-1 h3{ font-size:15px; padding:0 8% 0 11%; position:relative}
.xz-l-1 h3 span{position: absolute; right: 0; top: 0;}
.xz-l-1{ padding:3% 0} 
.xz-l{ padding-left:11%}
.xz-l-1 h3 img{ width:14px}
.didi1 .left,.didi1 .right{ width:100%}
.didi1 .left{ height:inherit;background-size: cover;padding: 7% 4%;}
.didi1 .left h3{ margin-top:4%}
.didi1 .right{ margin-top:4%}
.didi1-1{ width:49%; height:150px}
.didi1-1 h4{ font-size:15px; margin:6% 0}
.didi1-1 h3 img{ width:32px}
.didi2 .tabs-header li{ width:31.9%}
.didi2 .hm-sec7 .cont .gt .hm7_cont .item .fz_font,.didi2 .hm-sec7 .cont .gt .hm7_cont .item .img{ width:100%}
.bannerbox29{ background-size:cover}
	}	
	
	
#LRdiv0{ display:none}
#vipimg img{ display:block; margin:auto}

.bannerbox889 .item .cont .container .tit{ color:#fff}

.ai1 .hm_but a{ color:#0068ff}
.ai1 .hm_but:hover a{ color:#fff}
.ai1 .solution .hm_but a{ color:#fff}
.ai1 .solution .hm_but:hover a{ color:#0068ff}


#xqwz p img{ max-width: 100%;}

#xqwz img{ max-width: 100%;}


#LRdiv3{display: none !important}


#xqwz video{ width:80%; margin:0 auto; display: block;}