.clearfix:before, .clearfix:after { display: table; content: ''; }

.clearfix:after { clear: both; }

img { display: block; max-width: 100%; }

* { font-family: Arial, Helvetica, sans-serif; box-sizing: border-box; margin: 0; padding: 0; }

ul { list-style: none; }

html { font-size: 100px; }

@media only all and (max-width: 1450px) { html { font-size: 76px; } }

.wechartinfo { position: relative; border: 1px solid #fff; }

.wechartinfo .showchat { position: absolute; display: none; width: 99px; max-width: 99px; right: -18px; top: -10px; height: 99px; opacity: 0; transition: all 1s; }

.wechartinfo { cursor: pointer; }

.wechartinfo:hover .showchat { display: block !important; animation: showani .5s ease-in forwards; }

@keyframes showani { 0% { opacity: 0; }
  100% { opacity: 1; } }

.com-baner { position: relative; }

.com-baner .banertext { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.com-baner .banertext .tips { font-size: .4rem; color: #dda000; font-style: italic; text-align: center; }

.com-baner .banertext .linetext { position: relative; font-size: .7rem; color: #fff; font-weight: bold; letter-spacing: .16rem; }

.com-baner .banertext .linetext::after, .com-baner .banertext .linetext::before { position: absolute; content: ''; top: 50%; transform: translate(0, -50%); width: .62rem; height: 4px; background-color: #fff; }

.com-baner .banertext .linetext::after { left: -1rem; transform: skew(226deg, 360deg); }

.com-baner .banertext .linetext::before { right: -1rem; transform: skew(127deg, 360deg); }

body, html { max-width: 1920px; margin: 0 auto; }

* { font-family: 'Arial'; color: #333; font-size: .12rem; }

.no-nowrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@font-face { font-family: 'BebasNeue'; src: url("../font/BebasNeue-1.woff"); }

@font-face { font-family: 'Techna'; src: url("../font/Techna-Sans-Regular-2.woff"); }

.container { max-width: 1400px; margin: 0 auto; }

a { text-decoration: none; }

.p { display: block; }

.f { display: none; }


@media only all and (max-width:770px) { 
  .wrap .increment .incrementft{
    max-width: 90%!important;
    width: 90%;
    left: 4%;
    padding: 10px!important;
  }
  .wrap .increment .incrementft h1{
    font-size: 24px!important;
    margin-bottom: 10px!important;
  }
  .wrap .increment .incrementft .rows{
    font-size: 13px!important;
    margin-bottom: 8px!important;
  }
  .wrap .finance .box .financecase .casedetails{
    padding-top: .1rem !important;
    padding-bottom:.1rem !important;
  }
  .wrap .finance .box .financecase .casedetails .imgbox{
    width: .65rem!important;
    height: .65rem!important;
    line-height: .65rem!important;
  }
 }

@media only all and (min-width: 750px) { .headerfixed, .newsheader, .query { height: .99rem; background-color: #fff; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05); padding: 0 !important; padding-left: 0.36rem !important; }
  .headerfixed .logo, .newsheader .logo, .query .logo { display: flex; align-items: center; }
  .headerfixed .logo .f, .newsheader .logo .f, .query .logo .f { display: block; }
  .headerfixed .logo .p, .newsheader .logo .p, .query .logo .p { display: none; }
  .headerfixed .text, .newsheader .text, .query .text { color: #4e4e4e !important; }
  .headerfixed .head-info::before, .newsheader .head-info::before, .query .head-info::before { position: absolute; left: -1.9rem; top: 0; content: ''; width: 0; height: 0; width: 3.4rem; height: 100%; transform: rotate(128deg); background-color: #fff; } }

.header { position: fixed; top: 0; left: 0; z-index: 22; width: 100%; padding: .26rem .36rem; display: flex; justify-content: space-between; }

.header .logo img { width: 2.4rem; }

.header .nav-list { display: flex; justify-content: space-around; align-items: center; }

.header .nav-list .list { position: relative; padding: 0 20px; }

.header .nav-list .list.active a::after { position: absolute; content: ''; width: 100%; bottom: -4px; left: 0; border-bottom: solid 4px #dda000; }

.header .nav-list .list .text { position: relative; display: inline-block; font-size: .18rem; font-weight: bold; color: #fff; padding: 10px 0; }

.header .nav-list .list .text::before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; border: solid 1px rgba(255, 255, 255, 0.6); opacity: 0; transition: all 0.2s ease-out; }

.head-info { display: flex; align-items: center; }

.head-info > div { display: flex; align-items: center; }

.head-info .phoneinfo { color: #fff; font-size: .22rem; }

.head-info .phoneinfo img { width: .3rem; margin-right: .08rem; }

.head-info .wechartinfo { border: 1px solid #fff; padding: .09rem; border-radius: 100%; margin-left: .35rem; }

.footer { padding: .52rem 0 .3rem; background-color: #6b6b6b; }

.footer .footerinfo { padding-bottom: 1.12rem; display: flex; justify-content: space-between; }

.footer .footerinfo > div span { font-size: .16rem; color: #ffffff; }

.footer .footerinfo > div p { font-size: .14rem; color: #ffffff; margin-top: .18rem; }

.footer .footerinfo > div p a { font-size: .14rem; color: #ffffff; }

.footer .footerinfo > div .switchbox { display: flex; border-bottom: 2px solid #7a7a7a; margin-bottom: .14rem; }

.footer .footerinfo > div .switchbox span { padding: .16rem; }

.footer .footerinfo > div .switchbox .active { position: relative; }

.footer .footerinfo > div .switchbox .active::before { position: absolute; content: ''; width: 100%; left: 0; bottom: -2px; border-bottom: 2px solid #fff; }

.footer .footerinfo > div .switchboxcont img { display: none; }

.footer .footerinfo > div .switchboxcont img:first-child { display: block; }

.footer .registerinfo { display: flex; justify-content: space-between; align-items: center; }

.footer .registerinfo p { font-size: .14rem; color: #ffffff; }

.footer .registerinfo span { font-size: .12rem; color: #cccccc; }

.foot-menu { width: 740px; font-size: 0; }

.foot-menu .menu-list { display: inline-block; vertical-align: top; width: 65%; margin-bottom: 30px; }

.foot-menu .menu-list:nth-child(odd) { width: 35%; }

.foot-menu .menu-list .title { font-size: 16px; line-height: 18px; margin-bottom: 15px; font-weight: bold; color: #fff; }

.foot-menu .menu-list .list { font-size: 18px; line-height: 20px; font-weight: bold; margin-bottom: 10px; color: #999; }

.foot-menu .menu-list a { display: inline-block; transition: all 0.4s; }

.foot-menu .menu-list a:hover { color: #fff; }

.menu-btn { display: none; }

@media only all and (max-width: 1600px) { .container { max-width: 1200px; } }

@media only all and (max-width: 1400px) { .container { max-width: 1020px; } }

@media only all and (max-width: 1200px) { .container { max-width: 700px; }
  .header .logo img { width: 2rem; }
  .header .nav-list .list { position: relative; padding: 0 0.1rem; }
  .submenu { top: 38px; }
  .header .nav { display: block; position: fixed; top: 0; left: 0; height: 100%; bottom: 0; width: 60%; background: #7c858d; box-shadow: 0px 10px 12px 0px rgba(9, 9, 9, 0.5); } }

@media only all and (max-width: 750px) { html { font-size: 100px !important; }
  .wrap { padding-top: 50px; }
  .com-baner .banertext .tips { font-size: .24rem; letter-spacing: .02rem; }
  .com-baner .banertext .linetext { font-size: .24rem; letter-spacing: .02rem; }
  .com-baner .banertext .linetext::after { left: -0.8rem; }
  .com-baner .banertext .linetext::before { right: -0.8rem; }
  .header .logo img { width: 1.1rem; }
  .head-info { display: none; }
  .menu-btn { display: flex; width: 40px; height: 26px; align-items: center; justify-content: center; flex-wrap: wrap; margin-right: 0; margin-left: auto; position: relative; }
  .menu-btn.active span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
  .menu-btn.active span:nth-child(2) { display: none; }
  .menu-btn.active span:nth-child(1) { margin-bottom: 0; transform: translate(-50%, -50%) rotate(45deg); transform-origin: 50%, 50%; }
  .menu-btn.active span:nth-child(3) { margin-bottom: 0; transform: translate(-50%, -50%) rotate(-45deg); transform-origin: 50%, 50%; }
  .menu-btn span { display: block; width: 75%; height: 2px; background: #fff; border-radius: 2px; margin-bottom: 8px; }
  .menu-btn span:last-child { margin-bottom: 0; }
  .head-info { position: static; margin-top: 15px; height: 35px; }
  .header { position: fixed; top: 0; left: 0; width: 100%; padding: 10px 20px; z-index: 1000; display: flex; align-items: center; background-color: rgba(0, 0, 0, 0.5); }
  .header.active { background: #fff; }
  .header .logo-moblie { display: block; }
  .header .logo-moblie img { height: 35px; }
  .header .nav-list { display: none; }
  .menu-btn { width: 35px; }
  .menu-btn span { margin-bottom: 0px; }
  .header .nav-list { display: block; position: fixed; top: 0; left: -150%; height: 100%; bottom: 0; width: 60%; padding-top: 15px !important; background: #fff; box-shadow: 0px 10px 12px 0px rgba(9, 9, 9, 0.5); transition: left 0.6s; }
  .header .nav-list.active { left: 0; }
  .header .nav-list .list { display: flex; align-items: center; margin-top: 25px; }
  .header .nav-list .list .text { font-size: 16px; padding: 0 20px; color: #505050; }
  .header .nav-list .list a { padding: 10px 10px 10px 0; }
  .header .nav-list .list a img { width: 30px !important; height: 22px !important; object-fit: contain; }
  .header .nav-list .logo-list { display: none; }
  .footer .footerinfo > div p { margin-top: .1rem; }
  .footer .footerinfo { flex-wrap: wrap; padding: 0 10px; }
  .footer .footerinfo > div { margin-bottom: 40px; }
  .footer .registerinfo { flex-direction: column; text-align: center; }
  .footer .registerinfo .copyright { margin: 20px 0; }
  .footer .registerinfo img { width: .8rem; } }

.fy { position: absolute; top: 1.4rem; font-size: .4rem; color: #000000; }

.swiper-container { width: 100%; }

.swiper-container .swiper-slide { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; height: 100%; }

.swiper-container .swiper-slide .coreft { -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-top: 1rem; overflow-y: auto; }

.swiper-container .swiper-slide .coreft span { display: block; font-size: 20px; color: #cd8b01; margin-bottom: 17px; }

.swiper-container .swiper-slide .coreft p { line-height: 1.5; font-size: 18px; height: 250px; color: #666666; }

.swiper-container .swiper-slide .coreimg { width: 57%; margin-left: 8%; }

.swiper-pagination-bullet { opacity: 1 !important; width: 10px; height: 10px; margin-bottom: 30px !important; display: block; background: none !important; font-size: .16rem; }

.swiper-container-horizontal > .swiper-pagination-bullets { left: auto; }

.swrap { position: relative; height: auto; }

.circleChart_canvas { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.swiper-pagination { position: relative; width: 40% !important; bottom: -1.1rem !important; z-index: 2; text-align: left !important; padding: 0; left: 0 !important; background-color: #fff; }

.swiper-pagination > span { position: relative; margin-right: 40px !important; }

.swiper-pagination > span:before {display: block; position: absolute; left: 50%; top: 50%; font-size: .18rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: attr(data-beforeContent); color: #000000; }

.swiper-pagination-bullet-active { background: none !important; }

.swiper-pagination-bullet-active:before { color: #eab012 !important; }

.modebg { position: relative; width: 100%; }

.wrap { background-color: #ffffff; }

.wrap .subnavs { width: 100%; background-color: #6b6b6b; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.wrap .subnavs a { position: relative; padding: .19rem .44rem; color: #ffffff; font-size: .18rem;border-bottom: 3px solid transparent;}
.wrap .subnavs a:hover{
  background-color: #565656; border-bottom: 3px solid #dda000; 
}
.wrap .subnavs a.active { background-color: #565656; border-bottom: 3px solid #dda000; }

.wrap .d1 { position: relative; padding: 1.33rem 0; }

.wrap .increment { position: relative; width: 100%; }

.wrap .increment .incrementft { position: absolute; max-width: 50%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); right: 13.5%; padding: .6rem; background-color: rgba(0, 0, 0, 0.4); }

.wrap .increment .incrementft h1 { font-size: .4rem; color: #ffffff; margin-bottom: .26rem; }

.wrap .increment .incrementft .rows { font-size: .18rem; color: #ffffff; margin-bottom: .12rem; }

.wrap .increment .incrementft .rows img { display: inline-block; margin-right: .24rem; }

.wrap .Insurance { position: relative; }

.wrap .Insurance .Insuranceft { position: absolute; width: 30%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); left: 13.5%; background-color: rgba(0, 0, 0, 0.4); }

.wrap .Insurance .Insuranceft h1 { padding: .6rem .6rem .2rem .4rem; font-size: .4rem; color: #ffffff; }

.wrap .Insurance .Insuranceft .rows { font-size: .2rem; color: #ffffff; height: .72rem; line-height: .72rem; padding-left: .4rem; }

.wrap .Insurance .Insuranceft .show { position: relative; width: 100%; height: 100%; }

.wrap .Insurance .Insuranceft .show .acives { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: #ce8b00;background: -webkit-gradient(linear, 0 100%, 100% 100%, from(#ecad00), to(#ce8b00)); /** Chrome Safari **/background: -ms-gradient(linear, 0 100%, 100% 100%, from(#ecad00), to(#ce8b00));background: -moz-gradient(linear, 0 100%, 100% 100%, from(#ecad00), to(#ce8b00)); }

.wrap .Insurance .Insuranceft .show .acives::before { position: absolute; content: ''; right: -30px; top: 0; width: 0; height: 0; border-top: 0.36rem solid transparent; border-left: 0.42rem solid #ce8b00; border-bottom: .36rem solid transparent; }

.wrap .Insurance .Insurancedetails { position: absolute; width: 30%; right: 13.5%; bottom: 30%; }

.wrap .Insurance .Insurancedetails p { width: 100%; word-break: break-all; word-wrap: break-word; white-space: pre-wrap; font-size: .2rem; color: #ffffff; line-height: 1.5; }

.wrap .finance { position: relative; }

.wrap .finance .box { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; text-align: center; }

.wrap .finance .box h1 { padding-top: 1.48rem; padding-bottom: .33rem; font-size: .4rem; color: #fff; }

.wrap .finance .box .breif { width: 80%; margin: 0 auto; line-height: 1.5; font-size: .2rem; color: #fff; }

.wrap .finance .box .financecase { position: absolute; bottom: 0; left: 0; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox;display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.wrap .finance .box .financecase .casedetails { width: 49.9%; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox;display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: .26rem 0; padding-left: 18%; -webkit-justify-content: revert; -ms-flex-pack: revert; justify-content: revert; background-color: rgba(0, 0, 0, 0.4); }

.wrap .finance .box .financecase .casedetails:nth-child(odd) { padding-left: 20%; padding-right: 0; }

.wrap .finance .box .financecase .casedetails p { font-size: .2rem; color: #ffffff; }

.wrap .finance .box .financecase .casedetails .imgbox { position: relative; width: .98rem; height: .98rem; line-height: .98rem; padding-top: .98rem; padding: 0 .2rem; margin-right: .15rem; border-radius: 100%; background-color: #cd8a00; }

.wrap .finance .box .financecase .casedetails .imgbox img { display: inline-block; width: 100%; vertical-align: middle; }

.wrap .goods { width: 100%; }

.wrap .goods > p { padding: .24rem 0; text-align: center; font-size: .24rem; color: #cd8b01; }

.wrap .goods .goodwrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }

.wrap .goods .goodwrap .goodsdetails { width: 33%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.wrap .goods .goodwrap .goodsdetails img { margin: 0 auto; margin-bottom: .16rem; }

.wrap .goods .goodwrap .goodsdetails p { font-size: .2rem; color: #333333; }

.wrap .goods .goodwrap .centens { -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: .44rem 0; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; text-align: center; }

@media only all and (max-width: 1200px) { .wrap .finance .box h1 { padding-top: .5rem; }
  .wrap .finance .box .financecase .casedetails { padding: .2rem 0; padding-left: 18%; }
  .wrap .finance .box .financecase .casedetails .imgbox { height: .88rem; width: .88rem; } }

@media only all and (max-width: 750px) {
  .messagebox{right: 0 !important;}
  .swiper-container .swiper-slide .coreft p{font-size: 14px;}
   .wrap .subnavs a { padding: 10px 8px; font-size: .14rem;}
  .wrap .increment .incrementft { position: relative; top: 0; max-width: 100%; -webkit-transform: translate(0, 0); transform: translate(0, 0); right: 0; padding: 0.1rem; }
  .wrap .increment .incrementft { text-align: center; }
  .wrap .increment .incrementft h1 { font-size: .24rem; }
  .wrap .Insurance .Insuranceft { position: relative; left: 0; width: 100%; z-index: 2; text-align: center; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .wrap .Insurance .Insuranceft h1 { padding: 8px 10px; font-size: 24px; }
  .wrap .Insurance .Insuranceft .rows { font-size: .12rem; padding: 8px 10px; height: auto; line-height: inherit; }
  .wrap .Insurance .Insuranceft .show .acives::before { display: none; }
  .wrap .Insurance .Insurancedetails { position: relative; right: inherit; width: 100%; }
  .wrap .Insurance .Insurancedetails p {font-size: 14px; color: #6b6b6b; padding: 20px; }
  .wrap .finance .box { position: relative; }
  .wrap .finance .box h1 { color: #6b6b6b; font-size: .24rem; padding: 20px 0 0 0; }
  .wrap .finance .box .breif { font-size: .13rem; width: 98%; padding: 20px 0; color: #6b6b6b; }
  .wrap .finance .box .financecase { position: relative; }
  .wrap .finance .box .financecase .casedetails .imgbox { width: .4rem !important; height: .4rem !important; line-height: .4rem !important; padding: 0 .1rem; margin-right: 4px; }
  .wrap .finance .box .financecase .casedetails:nth-child(odd) { padding-left: 20px; }
  .wrap .finance .box .financecase .casedetails { padding: .1rem 0; padding-left: 20px; }
  .wrap .finance .box .financecase .casedetails p { font-size: .12rem; white-space: nowrap; }
  .wrap .goods .goodwrap .centens { padding: 20px 0; }
  .wrap .goods .goodwrap .goodsdetails img{height: 14px;}
  .wrap .goods .goodwrap .goodsdetails p { font-size: .13rem; text-align: center; }
  .swiper-container .swiper-slide { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .swiper-container .swiper-slide .coreft { margin-top: .1rem; padding: 10px; }
  .swiper-container .swiper-slide .coreimg { width: 100%; padding: 10px; margin-left: 0; }
  .d1 { position: relative; padding: 0 !important; padding-bottom: .5rem; }
  .d1 h1 { position: relative; top: 10px; width: 100%; font-size: .3rem; text-align: center; }
  .swiper-pagination { position: relative; width: 100% !important; bottom: -31px !important; z-index: 2; text-align: center !important; padding: 20px 0; left: 0 !important; background-color: #fff; }
  .swrap { padding-bottom: 60px; } 
  .wrap .increment .incrementft .rows{width: 70%;display: inline-block;text-align: left;}
  .wrap .increment .incrementft .rows img{height:8px;margin-right: 0.12rem;}
}

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