/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

body {margin: 0;padding: 0;background-color: #fff;min-height: 100%;}
a {text-decoration: none}
h1,h2,h3 {margin: 0;padding: 0}
ul,li{margin: 0;padding: 0;list-style: none;}
dl,dt,dd{margin: 0;padding: 0;}
textarea{
    resize: none!important;
}
a:visited{text-decoration:none;}
a:-webkit-any-link{
  color:inherit
}

::-webkit-scrollbar {
  width : 10px;  height: 10px;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #C0C4CC;
}
::-webkit-scrollbar-track {
  border-radius: 10px;background: rgba(0,0,0,0);
}
@media  only screen and (min-width: 768px) {
  html{
    font-size: 8px!important;
  }
}
@media  only screen and (min-width: 1024px) {
  html{
    font-size: 11px!important;
  }
}
@media  only screen and (min-width: 1366px) {
  html{
    font-size: 14px!important;
  }
}
@media  only screen and (min-width: 1600px) {
  html{
    font-size: 17px!important;
  }
}
@media  only screen and (min-width: 1920px) {
  html{
    font-size: 20px!important;
  }
}
@media  only screen and (min-width: 2560px) {
  html{
    font-size: 26px!important;
  }
} 

/* 专业顾问团队，暂时隐藏，删掉下方显示 start */
.consultant{
  display: none;
}
/* end */

.body{
    width: 60.5rem;margin: 0 auto;
}

.nav{
    height: 3.5rem;
    background-color: #1055F0;
    /* border-bottom: solid .01rem #fff; */
}
.nav-body{
    margin: 0 auto;
    width: 60.5rem;height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
.nav-body__logo img{
    width: 5.5rem;display: block;
}

/* 菜单 */
.nav-body__menu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;height: 100%;
}
.nav-body__menu .item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    /* width: 4.5rem; */
    height: 100%;
    position: relative;
    font-size: .85rem;
    color: #fff;
    margin-left: 2.1rem;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.nav-body__menu .item::after{
    content: '';
    display: block;
    position: absolute;bottom: 0;left: 0;
    height: 1.08rem;width: 100%;
    background: url('../image/menu-active.png') no-repeat;
    background-size: cover;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.nav-body__menu .item.active, .nav-body__menu .item:hover{
    font-weight: bold;
	background-color: #0C58FF;
}
.nav-body__menu .item.active::after, .nav-body__menu .item:hover::after{
    opacity: 1;
}
.nav-body__menu .item a{
    color: #fff;
    display: block;height: 100%;width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    position: relative;z-index: 2;
}
.nav-body__menu .item ul{
	position: absolute;top: 100%;left: 0;
  z-index: 99;
	width: 100%;background-color: #fff;
	color:  #272C38;
	padding-top: 0;
	text-align: center;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	opacity: 0;
}
.nav-body__menu .item ul li{
	font-size: 0.75rem;
	color: #272C38;
	line-height: 1;
	height: 0;
	padding-bottom: 0;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.nav-body__menu .item ul li:hover{
	font-weight: 800;
}
.nav-body__menu .item:hover ul{
	padding-top: 1.05rem;opacity: 1;
}
.nav-body__menu .item:hover ul li{
	height: .75rem;
	padding-bottom: 1.2rem;
}


.nav-body__menu .item ul{
  padding: 0 2.05rem 0 1.3rem;
  width: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  
}
.nav-body__menu .item ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
}
.nav-body__menu .item ul li span, .nav-body__menu .item ul li a{
  display: block;
  font-size: 0.85rem;
  font-weight: 400;
  color: #272C38;
  line-height: 1;
}
.nav-body__menu .item ul li span.active, .nav-body__menu .item ul li a.active, .nav-body__menu .item ul li a:hover ,.nav-body__menu .item ul li span:hover{
  font-weight: bold;
}
.nav-body__menu .item ul li span:nth-child(2), .nav-body__menu .item ul li a:nth-child(2){
  margin-left: 2.75rem;
}
.nav-body__menu .item ul li small{
  display: block;
  font-size: 0.65rem;
  font-weight: bold;
  color: #272C38;
  line-height: 1;
  opacity: 0.5;
  padding-left: .25rem;
  border-left: solid .1rem #0A4AD8;
}
.nav-body__menu .item ul li small:nth-child(2){
  margin-left: 4.15rem;
}


/* 客服 */
.customer-service{
    position: fixed;top: 24.5rem;right: 2.4rem;
    z-index: 99;
}
.customer-service__icon{
    cursor: pointer;
    width: 1.1rem;height: 1.1rem;
    position: absolute;top: -0.65rem;right: -1.05rem;
    background: url('../image/close.svg') no-repeat;background-size: cover;
}
.customer-service__body{
    width: 5.67rem;
    background: #FFFFFF;border-radius: 0.5rem;
    padding: .25rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.customer-service__body .main{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: solid .05rem #1055F0;
    border-radius: .5rem;
    padding-bottom: .8rem;
}
.customer-service__body .main .title{
    color: #272c38;font-size: .7rem;
    line-height: 1;
    text-align: center;
    margin: .8rem 0 0;
}
.customer-service__body .main .qrcode{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    width: 4.5rem;height: 4.5rem;
    margin: .85rem auto 0;
    background: url('../image/code_bg.png') no-repeat;background-size: cover;
}
.customer-service__body .main .qrcode img{
    display: block;
    width: 4.1rem;height: 4.1rem;
}
.customer-service__btn{
    margin-top: 1.25rem;
    width: 5.67rem;height: 2.05rem;border-radius: 1rem;
    background-color: #1055F0;border-radius: 1rem;
    opacity: 0;
}
.customer-service__btn a{
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    width: 100%;height: 100%;
    font-size: .9rem;
}




.form{
	overflow: hidden;
	background: url('../image/home/form-bg.png') no-repeat;
	background-size: cover;
	padding-bottom: 5.55rem;
}
input::-webkit-input-placeholder {
	color: #272C38;
	line-height: 1.18rem;
	opacity: 0.3;
}
.form-main{
	padding-top: 2rem;
}
.form-main__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
	padding-top: 2.1rem;
}
.form-main__item input{
	height: 3.5rem;width: calc((100% - 2.3rem) / 2);
	background: #FFFFFF;
	border: 0.03rem solid #ADB4C4;
	-webkit-box-shadow: 0rem 0rem 1rem 0rem rgba(16,85,240,0.2000);
	        box-shadow: 0rem 0rem 1rem 0rem rgba(16,85,240,0.2000);
	border-radius: 1.74rem;
	padding: 0 1.6rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.form-main__item.full input{
	width: 100%;
}
.form-main__btn{
	margin: 1.9rem auto 0;
	width: 14.75rem;height: 3.5rem;
	background: #1055F0;
	border: 0px solid #ADB4C4;
	-webkit-box-shadow: 0rem 0rem 1rem 0rem rgba(16,85,240,0.2000);
	        box-shadow: 0rem 0rem 1rem 0rem rgba(16,85,240,0.2000);
	border-radius: 1.74rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
	font-size: 1.15rem;color: #fff;
	cursor: pointer;
}




/* 底部 */
.footer{
    padding: 4.8rem 0 2rem;
	background-color: #2B2E36;
}
.footer-body{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.footer-body dl{
	margin-left: 4.7rem;
}
.footer-body dl:nth-child(1) {
	margin-left: 0;
}
.footer-body dl:nth-child(1) dd{
	text-align: left;
}
.footer-body dl dt{
	font-size: 1.28rem;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.32rem;
	padding-bottom: .3rem;
}
.footer-body dl.right{
	margin-left: auto;
}
.footer-body dl dd{
	font-size: 1.11rem;
	font-weight: 400;
	color: rgba(255, 255, 255, .3);
	line-height: 1.32rem;
	margin-top: 1.25rem;
	text-align: center;
}
.footer-body dl dd a{
	color: rgba(255, 255, 255, .3);
}
.footer-body dl dd button{
	margin-right: 1.35rem;
	background: none;outline: none;border: none;
	text-align: center;
	padding: 0;
}
.footer-body dl dd button img{
	display: block;
	width: 4.45rem;height: 4.45rem;
	margin-bottom: .25rem;
}
.footer-body dl dd button span{
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1;
	opacity: 0.5;
	font-size: .78rem;
}


/* 全局标题 */
.title{
  text-align: center;
  font-size: 2.5rem;line-height: 1;color: #272c38;
}
.title h2{
  margin-top: 3.4rem;
  font-size: 2.5rem;
}
.title h3{
  font-size: 1.5rem;
  margin-top: 2.4rem;
}
.title .blue{
  color: #1055F0;
}
.title summary{
  font-size: 1.1rem;color: #272c38;
  line-height: 1;
  margin-top: 1.45rem;
  opacity: .8;
}
.title.bd h2{
  border-bottom: solid .15rem #E4E4E4;
  padding-bottom: .9rem;
  display: inline-block;
  margin: 0 auto;
  position: relative;
}
.title.bd h2::after{
  content: '';
  position: absolute;bottom: -.15rem;left: 0;
  width: 50%;height: .15rem;
  background-color: #1055F0;
}
.title2{
  text-align: center;
  margin-top: 3.65rem;
  font-size: 2.5rem;line-height: 1;color: #272c38;
}
.title2 span{
  font-size: 3.5rem;color: #EFEFEF;opacity: .8;
  text-transform: uppercase;
  position: relative;z-index: 1;
}
.title2 h2{
  font-size: 2.5rem;
  margin-top: -1.6rem;
  position: relative;z-index: 2;
}


.choice{
  overflow: hidden;
}
.choice-img{
  display: flex;
}
.choice-img .s1, .choice-img .s2{
  display: block;width: 100%;flex-shrink: 0;
  animation: run1 30s linear infinite;
}
@keyframes run1 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes run2 {
  from {
    margin-left: -100%;
  }
  to {
    margin-left: 0;
  }
}

@media screen and (max-width: 1020px) {
  .body{
      width: auto;margin: 0 1.2rem;
  }

  .nav{
      height: 3.5rem;
  }
  .nav-body{
      margin: 0;width: auto;
  }
  .nav-body__logo img{
      width: 6rem;display: block;
      margin-left: 1.2rem;
  }

  /* 菜单 */
  .nav-body__menu{
      -ms-flex-item-align: start;
          align-self: flex-start;display: block;height: auto;padding-top: 3.4rem;
      position: relative;
      width: 3.8rem;
  }
  .nav-body__menu::after, .nav-body__menu::before{
    position: absolute;top: 1.7rem;right: 1.2rem;
    content: '';
    width: 1.4rem;

  }
  .nav-body__menu::before{
    height: .2rem;background-color: #fff;
    margin-top: -.1rem;
  }
  .nav-body__menu::after{
    height: .8rem;
    border-top: solid .2rem #fff;
    border-bottom: solid .2rem #fff;
    margin-top: -.6rem;
  }

  .nav-body__menu .item{
      margin-left: 0;width: 12.8rem;height: auto;white-space: nowrap;
      font-size: 1rem;z-index: 999;
      margin-left: -9rem;
      background-color: #1055F0;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      border-bottom: 0 #fff solid;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      overflow: hidden;
  }
  .nav-body__menu .item::after{
      display: none;
  }
  .nav-body__menu .item.active, .nav-body__menu .item:hover{
      font-weight: bold;
      background-color: #fff;
      color: #1055F0;
  }
  .nav-body__menu .item > a{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 1.2rem;
  }
  .nav-body__menu .item > a, .nav-body__menu .item > span{
    height: 0;overflow: hidden;
    line-height: 3.3rem;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }
  .nav-body__menu .item ul li span{
    width: 100%;
  }
  

  .nav-body__menu .item ul{
    position: static;
    z-index: 99;
    opacity: 1;
    width: 100%;
    padding: 0 1.2rem 0;
    background: none;
  }
  .nav-body__menu .item ul li{
    text-align: left;
    font-size: 1rem;
    height: 0;
    padding-bottom: 0;
  }
  .nav-body__menu .item ul li:hover{
    font-weight: 800;
  }
  .nav-body__menu .item:hover a, .nav-body__menu .item:hover span,
  .nav-body__menu .item.active a, .nav-body__menu .item.active span
  {
    color: #1055F0;
  }
  .nav-body__menu .item:hover ul{
    padding-top: 0;opacity: 1;
  }
  .nav-body__menu .item:hover ul li{
    height: 1rem;line-height: 1;
    padding-bottom: 1rem;
  }
  .nav-body__menu .item:hover ul li a, .nav-body__menu .item:hover ul li span, .nav-body__menu .item ul li span.active, .nav-body__menu .item ul li a.active{
    color: #272C38;
  }
  .nav-body__menu .item:hover ul li small, .nav-body__menu .item.active ul li small{
    border-left-color: #1055F0;
    color: #272C38;
  }

  .nav-body__menu:hover .item > a, .nav-body__menu:hover .item > span
  {
    height: 3.3rem;
  }
  .nav-body__menu:hover .item{
    border-bottom-width: .1rem;
  }
  .nav-body__menu:hover .item ul li{
    height: 1rem;
    padding-bottom: 1rem;
  }


  .nav-body__menu .item ul li span, .nav-body__menu .item ul li a{
    font-size: 0.8rem;
    color: #fff;
    line-height: 1rem;

  }
  .nav-body__menu .item ul li span:nth-child(2), .nav-body__menu .item ul li a:nth-child(2){
    margin-left: 1.2rem;
  }
  .nav-body__menu .item ul li small{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
    font-size: .8rem;
    padding-left: .25rem;
    border-left: solid .1rem #fff;
    color: #fff;
  }
  .nav-body__menu .item ul li small:nth-child(2){
    margin-left: 3.8rem;
  }


  /* 客服 */
  .customer-service{
      position: fixed;top: calc(100% - 1.2rem);right: 1.2rem;
      -webkit-transform: translateY(-100%);
          -ms-transform: translateY(-100%);
              transform: translateY(-100%);
      z-index: 99;
      display: none;
  }
  .customer-service__icon{
      width: 1.2rem;height: 1.2rem;
  }
  .customer-service__body{
      width: 8rem;
  }
  .customer-service__body .main{
      padding-bottom: 1.2em;
  }
  .customer-service__body .main .title{
      color: #272c38;font-size: 1rem;
      margin: 1.2rem 0 0;
  }
  .customer-service__body .main .qrcode{
      width: 6rem;height: 6rem;
  }
  .customer-service__body .main .qrcode img{
      width: 5.2rem;height: 5.2rem;
  }
  .customer-service__btn{
      margin-top: .8rem;
      width: 8rem;height: 2.05rem;
  }

  .form{
    padding-bottom: 1.2rem;
  }
  .form-main{
    padding-top: .8rem;
  }
  .form-main__item {
    padding-top: .8rem;
  }
  .form-main__item input{
    height: 2.4rem;width: calc((100% - .8rem) / 2);
    padding: 0 .8rem;
    font-size: .8rem;
  }
  .form-main__btn{
    margin: .8rem auto 0;
    width: 8rem;height: 2.4rem;
    border-radius: 1.4rem;
    font-size: .8rem;
  }




  /* 底部 */
  .footer{
      padding: 1.2rem 0 4rem;
  }
  .footer-body{
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .footer-body dl{
    margin-left: 0;
  }
  .footer-body dl:nth-child(1){
    margin-top: 1.2rem;
  }

  .footer-body dl dt{
    font-size: 1rem;
    line-height: 1;
    padding-bottom: .2rem;
  }
  .footer-body dl.right{
    margin-left: 0;
  }
  .footer-body dl dd{
    font-size: .8rem;
    line-height: 1.2;
    margin-top: .8rem;
  }

  .footer-body dl dd button{
    margin-right: 1.2rem;
  }
  .footer-body dl dd button img{
    display: block;
    width: 4rem;height: 4rem;
    margin-bottom: .2rem;
  }
  .footer-body dl dd button span{
    line-height: 1;
    font-size: .6rem;
  }


  /* 全局标题 */
  .title{
    font-size: 1.8rem;
  }
  .title h2{
    margin-top: 2rem;
    font-size: 1.2rem;
  }
  .title h3{
    font-size: 1.2rem;
    margin-top: 1.2rem;
  }

  .title summary{
    font-size: .6rem;
    margin-top: .8rem;
  }
  .title.bd h2{
    padding-bottom: .6rem;
  }
  .title2{
    margin-top: 2rem;
    font-size: 1.2rem;
  }
  .title2 span{
    font-size: 2.4rem;
  }
  .title2 h2{
    font-size: 1.8rem;
    margin-top: -1rem;
  }
}
.copyright {
  text-align: center;
  display: felx;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.copyright p{
  text-align: center;
  display: felx;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}