@charset "utf-8";
/* CSS Document */

/*af banner*/
.af_banner {height:480px;width: 100%;background: url(../newimages/aptitudes5.png) no-repeat center center;}
.banner_texts {width: 1190px;text-align: left;margin: 0 auto;padding-top: 125px;}
.banner_texts>h3 {font-size: 48px;color: #fff;margin-bottom: 28px;}
.banner_texts>p {font-size: 16px;color: #fff;font-weight: bold;line-height: 35px;letter-spacing: 1.5px;}
.banner_texts_btn {margin-top: 245px;}
.banner_texts_btn>a>input[type=button] {padding: 0px 30px;line-height: 45px;border: 2px solid #fff;border-radius: 30px;color: #fff;font-size: 18px;background: rgba(0,0,0,0);cursor: pointer;}
.banner_texts_btn>a:nth-child(2) {margin-left: 10px;}
.banner_texts_btn>a>input[type=button].btn_active {background-image: linear-gradient(180deg, #ffc837 0%, #ff8008 100%), 
linear-gradient(0deg, #ff8008 0%,  #ffc837 100%);color: white;border: 0;}
.banner_texts_btn>a>input[type=button]:hover {background: #fff;color: #ff8008;}

/*af manage*/
.af_manage {height: 380px;background: #fff;width: 100%;}
.af_manage_center,.af_aptitude_center,.af_condition_center,.af_consult_conter {width: 1000px;height: 100%;margin: 0 auto;overflow: hidden;}
.af_manage_texts{float: left;color: #000;}
.af_adtop,.af_madtops{text-align: center;margin-bottom: 30px;}
.af_adtop>h4,.af_madtops>h4 {font-size: 28px;margin-top: 40px;color: #000;font-weight: bold;}
.af_adtop>p,.af_madtops>p,.af_condition_center>p,.af_conadtop>p{color: #ccc;margin-bottom: 20px;}
.af_manage_texts>p {font-size: 14px;width: 540px;line-height: 25px;color: #333;}
.af_manage_flow {margin-top: 30px;}
.af_manage_flow>div{font-size: 16px;}
.af_manage_flow>div>span,.af_manage_flow .af_textsubt{color: #000;font-weight: bold;}
.af_manage_flow>div>img{margin-top: 20px;width: 550px;height: 60px;}
.af_manage_img {float: right;margin-right: 5px;}
.af_manage_img>img {width: 358px;height: 220px;}

/*af aptitude*/
.af_aptitude {height: 600px;width: 100%;background: #f3f3f3;}
.af_aptitude_texts {float: left;width: 755px;color: #000;}
.af_aptitude_img {float: right;}
.af_aptitude_texts>h4 {font-size: 28px;font-weight: bold;margin-top: 55px;margin-bottom: 20px;color: #000;}
.aptitude_text_one>h5,.aptitude_text_two>h5 {font-size: 16px;font-weight: bold;line-height: 40px;color: #333;}
.aptitude_text_one>p {font-size: 14px;font-weight: normal;line-height: 25px;}
.aptitude_text_two {margin-top: 15px;}
.aptitude_text_two>img {margin-top: 10px;}

/*af condition*/
.af_condition {background: #fff;height: 935px;width: 100%;}
.af_condition_center {text-align: center;}
.af_condition_center>h5 {font-size: 28px;color: #000;font-weight: bold;margin-top: 40px;}

/*af apply*/
.af_apply {height: 600px;width: 100%;background: url(../newimages/aptitudes3.png) no-repeat center center;}
.af_apply_form {height: 540px;width: 410px;margin: 25px auto;}
.af_apply_form>h5,.af_manage_head>h5{font-weight: bold;font-size: 30px;color: var(--mainFontColor);}
.af_apply_input {width: 380px;margin: 0 auto;text-align: center;}
.af_apply_input>input[type=button] {width: 120px;height: 35px;border-radius: 5px;color: #fff;background: var(--mains-color);font-size: 16px;cursor: pointer;box-shadow: 1px 1px 5px #999;margin-top: 10px;}
.af_enitembig {position: relative;}
ul.select_ul {position: absolute;left: 0px;top: 50px;background: #fff;width: 100%;font-size: 16px;color: #333;display: none;z-index: 10;}
ul.select_ul>li {height: 27px;line-height: 27px;width: 97%;padding-left: 3%;cursor: pointer;}
ul.select_ul li:hover {background: #fcebe3; color: var(--mainFontColor);}

/*af consult*/
.af_consult {height: 400px;}
.af_consult_conter {text-align: center;padding-top: 27px;}
.af_conadtop>h5 {font-weight: bold;font-size: 28px;color: #000;}
.af_consult_conter>p {font-size: 18px;color: #000;line-height: 48px;text-align: left;margin-left: 363px;}
.tel_service {font-size: 18px;color: #000;margin-top: 15px;text-align: left;margin-left: 363px;}
.tel_service>span {display: inline-block;height: 30px;width: 112px;color: #fff;background: var(--mains-color) url(../newimages/weixin_logo.png) no-repeat 15px center;font-size: 14px;line-height: 30px;padding-left: 25px;cursor: pointer;text-align: center;}

/*right buoy*/
.right_bouy {width: 50px;position: fixed;right: 0px;top: 400px;display: none;}
.right_bouy>div {height: 42px;width: 42px;border-radius: 50%;line-height: 42px;text-align: center;margin-bottom: 7px;}
.right_bouy>div>a {display: block;height: 42px;width: 42px;border-radius: 50%;color: #fff;font-size: 14px;}
.bouy_top {background: #cccccc;}
.bouy_apply,.bouy_ask {background: var(--mains-color);}
.bouy_apply:hover,.bouy_ask:hover {background: var(--mains-color);}

.af_manage_head{text-align: center;padding-top: 30px;}
.af_madtops_form p{color: #ccc;text-transform: uppercase;font-size: 16px;margin-bottom: 0;}
.af_apply_form .af_enitem{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 17px;
}
.af_apply_form .af_enitem>span{
  background-color: var(--main-color);
  color: #fff;
  padding: 13px 0;
  font-size: 18px;
  display: inline-block;
  min-width: 120px;
  text-align: center;
}
.af_apply_form .af_enitem>input,.af_apply_form .af_enitem>p{
  width: 290px;
    height: 50px;
    border: 1px solid var(--main-color);
    background-color: #fff;
    outline: none;
    padding: 0 5px;
    box-sizing: border-box;
    font-size: 16px;
}
.af_apply_form .af_enitem>p{
  cursor: pointer;
  display: flex;
  align-items: center;
}
.tijiao{
  text-align: center;
}
.tijiao>button{
  background-image: linear-gradient(to right,#fb3c34,#ff8a41);
  border: none;
  border-radius: 10px;
  width: 300px;
  height: 50px;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  outline: none;
  margin-top: 20px;
}
.enitemErr{
  font-size: 12px;
    color: #e33c33;
    line-height: 20px;
    padding: 0 20px 0 39px;
    position: relative;
    background-color: #fff;
    text-align: left;
    opacity: 0;
}
.enitemErr::before{
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  background: url(../newimages/lww_errorss.png)no-repeat center;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.selected_text{
  position: relative;
}
.selected_text::after{
  content: '';
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  width: 19px;
  height: 10px;
  transform: translateY(-50%);
  background: url(../newimages/af_select_down.png) no-repeat right center;
}