﻿.agent_form {
  background: #f8f8f8 url(../images/applybg.jpg) no-repeat center top;
  padding-bottom: 80px;
}
.agent_form .title {
  line-height: 150px;
  text-align: center;
  font-size: 28px;
}
.agent_form .agent_box {
  width: 580px;
  height: 650px;
  margin: 0 10px;
  padding: 15px 0 0 40px;
  background: #fff;
}
.agent_form .agent_box .age_tit {
  line-height: 78px;
  height: 78px;
}
.agent_form .agent_box .age_tit i {
  float: left;
  font-size: 30px;
  vertical-align: middle;
  margin-right: 20px;
  color: #fbcc00;
}
.agent_form .agent_box .age_tit p {
  font-size: 22px;
  float: left;
}
.agent_form .agent_left {
  float: left;
}
.agent_form .agent_left dl {
  padding-left: 15px;
}
.agent_form .agent_left dl dt {
  font-size: 18px;
  line-height: 40px;
  color: #333;
  position: relative;
}
.agent_form .agent_left dl dt span {
  font-size: 14px;
}
.agent_form .agent_left dl dt::before {
  content: " ";
  display: block;
  width: 4px;
  height: 4px;
  background: #3d7bd1;
  position: absolute;
  top: 18px;
  left: -15px;
}
.agent_form .agent_left dl dd {
  font-size: 14px;
  line-height: 32px;
  color: #666;
  margin-bottom: 20px;
}
.agent_form .agent_right {
  float: left;
}
.agent_form .agent_right .ipt_box {
  margin-bottom: 20px;
}
.agent_form .agent_right .ipt_box .f_tit {
  display: block;
  width: 48px;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  float: left;
}
.agent_form .agent_right .ipt_box .f_right {
  width: 436px;
  float: left;
}
.agent_form .agent_right .ipt_box::after {
  content: " ";
  display: block;
  clear: both;
}
.agent_form .agent_right .sel_box .sim_sel {
  position: relative;
}
.agent_form .agent_right .sel_box .sim_sel .sim_se {
  width: 390px;
  height: 40px;
  border: 1px solid #eee;
  padding-left: 15px;
  cursor: pointer;
}
.agent_form .agent_right .sel_box .sim_sel .sim_op {
  position: absolute;
  top: 40px;
  left: 0px;
  width: 390px;
  background: #fff;
  display: none;
  border: 1px solid #eee;
  border-top: none;
}
.agent_form .agent_right .sel_box .sim_sel .sim_op li {
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
}
.agent_form .agent_right .sel_box .sim_sel .sim_op li label {
  cursor: pointer;
}
.agent_form .agent_right .txt_box input {
  height: 40px;
  border: 1px solid #eee;
  padding-left: 15px;
}
.agent_form .agent_right .txt_box .f_right .yzm {
  width: 323px;
  float: left;
}
.agent_form .agent_right .txt_box .f_right .yzm_img {
  margin-left: 20px;
  float: left;
}
.agent_form .agent_right .txt_box .f_right .tel {
  width: 196px;
  float: left;
}
.agent_form .agent_right .txt_box .f_right .tel_yzm {
  width: 110px;
  float: left;
  margin-left: 20px;
}
.agent_form .agent_right .txt_box .f_right .get_yzm {
  width: 90px;
  float: left;
  line-height: 40px;
  text-align: center;
  color: #333;
  background: #fbcc00;
  margin-left: 20px;
}
.agent_form .agent_right .sub_box {
  margin-top: 40px;
  margin-left: 91px;
}
.agent_form .agent_right .sub_box input {
  width: 354px;
  text-align: center;
  background: #fbcc00;
  color: #333;
  font-size: 16px;
  line-height: 40px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.agent_form .agent_right .sub_box .notice {
  width: 354px;
  text-align: center;
  line-height: 32px;
  color: #999;
  font-size: 12px;
}
.agent_form::after {
  content: " ";
  display: block;
  clear: both;
}
.agent_sup {
  padding-bottom: 50px;
}
.agent_sup .title {
  line-height: 150px;
  text-align: center;
  font-size: 28px;
}
.agent_sup .agent_sup_list li {
  width: 282px;
  height: 380px;
  margin-right: 24px;
  margin-bottom: 24px;
  background: #fafafa;
  border-radius: 5px;
  padding-top: 60px;
  text-align: center;
  float: left;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.agent_sup .agent_sup_list li p {
  font-size: 20px;
  line-height: 50px;
  color: #333;
}
.agent_sup .agent_sup_list li dl dd {
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
.agent_sup .agent_sup_list li:nth-child(4n) {
  margin-right: 0px;
}
.agent_sup .agent_sup_list li:hover {
  box-shadow: 0 0 10px #ccc;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.agent_sup .agent_sup_list::after {
  content: " ";
  display: block;
  clear: both;
}
/*****分页控件*****/
.pagebox {
text-align:center
}
.pagination {
    margin: 0;
}
.pagination {
    display: inline-block;
    /*padding-left:345px;*/
    margin: 22px 0;
    border-radius: 3px;
}
.pagination>li {
    display: inline;
}
.pagination-gap>li:first-child>a, .pagination-gap>li:last-child>a {
    border-radius: 3px;
}

.pagination-gap>li>a {
    margin: 0 3px;
    border-radius: 3px;
    font-size:12px;
}

.pagination>li>a,.pagination>li>span {
	position: relative;
	float: left;
	padding: 4px 12px;
	margin-left: -1px;
	line-height: 1.6;
	color: #76838f;
	text-decoration: none;
	background-color: transparent;
	border: 1px solid #e4eaec
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
	z-index: 2;
	color: #89bceb;
	background-color: #f3f7f9;
	border-color: #e4eaec
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #62a8ea;
	border-color: #62a8ea
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
	color: #ccd5db;
	pointer-events: none;
	cursor: not-allowed;
	background-color: transparent;
	border-color: #e4eaec
}

.pagination-lg>li>a,.pagination-lg>li>span {
	padding: 6px 18px;
	font-size: 18px;
	line-height: 1.3333333
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.pagination-sm>li>a,.pagination-sm>li>span {
	padding: 3px 10px;
	font-size: 12px;
	line-height: 1.5
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px
}
#banner .slick-next,#banner .slick-prev{
    position: absolute;top: 50%;margin-top: -25px;overflow: hidden;
    cursor: pointer;
    width: 45px;height: 50px;font-size: 0;line-height: 0;line-height: 999;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: auto 50px;
    -ms-background-size: auto 50px;
    -moz-background-size: auto 50px;
    -webkit-background-size: auto 50px;
    background-size: auto 50px;
    display: none;
}
#banner .slick-prev{left: 2%;background: url(../images/4_03.png);    background-repeat: no-repeat;
  z-index: 9999;
    border: none;    outline: none}
#banner .slick-next{right: 2%;background: url(../images/4_05.png);background-repeat: no-repeat;
  z-index: 9999;
    border: none;outline: none}
#banner .slick-dots{position: absolute;left: 0;bottom: 15px;width: 100%;text-align: center;z-index: 99;}
#banner .slick-dots li{display: inline-block;margin: 0 5px;}
#banner .slick-dots li button{display: block;width: 76px;height: 9px;padding: 0;
    font-size: 0;line-height: 0;text-indent: 999px;background-color: #fff;border: 0;
    outline: 0;cursor: pointer;
}
#banner .slick-dots li.slick-active button{background-color: #076ce0;}