* {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
body{ font-family:Microsoft YaHei}
/*头部区域*/
.header {
    width: 100%;
    height: 56px;
    background: #fff;
}
.nav-wrapper {
    width: 1100px;
    height: 56px;
    margin: 0 auto;
}
.logo {
    float: left;
    width: 150px;
    height: 30px;
    margin-top: 13px;
}
.nav {
    float: left;
    height: 56px;
    line-height: 56px;
    margin-left: 180px;
}
.nav li {
    float: left;
    margin-left: 37px;
}
.nav li:first-child {
    margin-left: 0;
}
.nav-button {
    text-decoration: none;
    color: #000000;
}
.nav-button:hover {
    color: #3d58a4;
}
.tel-wrapper {
    float: right;
    width: 193px;
    height: 28px;
    margin-top: 13px;
    border-radius: 28px;
    background: #000;
}
.phone-icon {
    margin: 3px 7px 0 16px;
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url("../images/icon001.png");
}
.tel-number {
    color: #fff;
    vertical-align: 4px;
}
/*广告区域*/
.ad {
    width: 100%;
    height: 626px;
    background: url("../images/img001.png") 100% 100% no-repeat;
    background-size: 100% 100%;
}
.ad-wrapper {
    position: relative;
    width: 1100px;
    height: 626px;
    margin: 0 auto;
}
.ad-text1 {
    position: absolute;
    top: 135px;
    left: 0;
    width: 348px;
    height: 193px;
    background: url("../images/img002.png") 100% 100% no-repeat;
}
.ad-text2 {
    position: absolute;
    top: 362px;
    left: 0;
    width: 458px;
    height: 33px;
    background: url("../images/img003.png") 100% 100% no-repeat;
}
.ad-button-wrapper {
    position: absolute;
    top: 422px;
    left: 0;
    width: 384px;
    height: 40px;
}
.plan-button, .enroll-button {
    float: left;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #fff;
    background: transparent;
    font-size: 20px;
    color: #fff;
    opacity: 1;
}
.plan-button:hover {
    cursor: pointer;
    background: #fff;
}
.plan-button:hover a {
    color: #6f8ad5;
}
.enroll-button:hover {
    cursor: pointer;
    background: #fff;
}
.enroll-button:hover a {
    color: #6f8ad5;
}
.plan-button-a {
    text-decoration: none;
    color: #fff;
}
.enroll-button-a {
    text-decoration: none;
    color: #fff;
}
.enroll-button {
    margin-left: 20px;
}
.pr {
    position: absolute;
    top: 0;
    right: 0;
    width: 237px;
    height: 100%;
    background: url("../images/img004.png") 100% 100% no-repeat;
}
/*内容区域*/
.container {
    position: relative;
    width: 100%;
    height: 728px;
}
.content-bg {
    position: absolute;
    top: 0;
    left: 20px;
    width: 1083px;
    height: 728px;
    background: url("../images/img005.png") 100% 100% no-repeat;
}
.content-wrapper {
    position: relative;
    width: 1100px;
    height: 728px;
    margin: 0 auto;
    display: none;
}
.produce-img {
    position: absolute;
    top: 125px;
    left: 182px;
    width: 250px;
    height: 353px;
  
    background: url("../images/006.jpg") 100% 100% no-repeat;box-shadow: 5px 5px 15px #ccc;
}
.box {
    position: absolute;
    top: 416px;
    left: 65px;
    width: 142px;
    height: 54px;
    background: #cdad64;
}
.produce-wrapper {
    position: absolute;
    top: 125px;
    right: 60px;
    width: 528px;
    height: 500px;
}
.produce-title {
    font-size: 38px;
}
.range-wrapper {
    margin-top: 25px;
}
.produce-range {
    float: left;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url("../images/icon002.png") 100% 100% no-repeat;
}
.range-wrapper .produce-range:first-child{
    margin-left: 0;
}
.produce-text {
    margin-top: 80px;
    color: #a1a1a1;
    font-size: 18px;
    line-height: 32px;
}
.produce-span {
    color: #c7915c;
    font-weight: bold;
}
.produce-text2 {
    margin-top: 40px;
    color: #a1a1a1;
    font-size: 18px;
    line-height: 32px;
}
/*表单区域*/
.form {
    width: 100%;
    height: 187px;
}
.form-wrapper {
    position: relative;
    width: 1100px;
    height: 198px;
    margin: 0 auto;
}
.form-bg {
    width: 1100px;
    height: 187px;
    background: url("../images/img007.png") 100% 100% no-repeat;
}
.form-input {
    position: absolute;
    right: 180px;
    width: 342px;
    height: 187px;
}
.form-user, .form-tel {
    display: block;
    padding: 0px 50px;
    width: 242px;
    height: 40px;
    background: #fff;
    outline: none;
    border: none;
}
.form-user {
    margin-top: 45px;
}
.form-tel {
    margin-top: 15px;
}
.form-user::-webkit-input-placeholder{
    font-size: 18px;
    color:#7c8ebf;
}
.form-user::-moz-placeholder{
    font-size: 18px; /* Mozilla Firefox 19+ */
    color:#7c8ebf;
}
.form-user:-moz-placeholder{
    font-size: 18px; /* Mozilla Firefox 4 to 18 */
    color:#7c8ebf;
}
.form-user:-ms-input-placeholder{
    font-size: 18px; /* Internet Explorer 10-11 */
    color:#7c8ebf;
}
.form-tel::-webkit-input-placeholder{
    font-size: 18px;
    color:#7c8ebf;
}
.form-tel::-moz-placeholder{
    font-size: 18px; /* Mozilla Firefox 19+ */
    color:#7c8ebf;
}
.form-tel:-moz-placeholder{
    font-size: 18px; /* Mozilla Firefox 4 to 18 */
    color:#7c8ebf;
}
.form-tel:-ms-input-placeholder{
    font-size: 18px; /* Internet Explorer 10-11 */
    color:#7c8ebf;
}
.order-button {
    position: absolute;
    top: 40px;
    right: 35px;
    width: 100px;
    height: 100px;
    background: #ffcb00;
    border-radius: 50%;
    line-height: 25px;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
}
.research {
    width: 100%;
}
.research-wrapper {
    position: relative;
    width: 1100px;
    
    margin: 0 auto;
}
.sequence {
    position: absolute;
    top: -30px;
    width: 100%;
    text-align: center;
    font-size: 90px;
    color: #d8d8d8;
    z-index: -1;
}
.research-title1 {
    margin-top: 88px;
    width: 100%;
    height: 46px;
    text-align: center;
    font-size: 46px;
    color: #3d58a4;
    z-index: 1;
}
.research-title2 {
     margin-top: 24px;
     width: 100%;
     height: 46px;
     text-align: center;
     font-size: 46px;
     font-weight: bold;
     color: #3d58a4;
     z-index: 1;
}
.research-title3 {
    margin-top: 30px;
    width: 520px;
    height: 46px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #c7915c; border-bottom:#c7915c solid 2px;  margin-left:auto; margin-right:auto;
    z-index: 1;
}
.research-to {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #3d58a4;
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
    color: #fff;
    vertical-align: 5px;
    margin-left: 10px;
}
.people-title {
    margin: 0 auto;
    width: 270px;
    height: 50px;
    line-height: 50px;
    background: #d9d9d7;
    text-align: center;
    font-size: 24px;
    color: #3d58a4;
    border-bottom: 4px solid #8a8793;
}
.people-type {
    float: left;
    width: 270px;
    height: 252px;
    margin-left: 9px;
    text-align: center;
    background: #fff;
}
.people-type:first-child {
    margin-left: 0;
}
.people-icon1 {
    display: inline-block;
    width: 123px;
    height: 136px;
    background: url("../images/icon003.png") 100% 100% no-repeat;
}
.people-icon2 {
    display: inline-block;
    width: 123px;
    height: 136px;
    background: url("../images/icon004.png") 100% 100% no-repeat;
}
.people-icon3 {
    display: inline-block;
    width: 123px;
    height: 136px;
    background: url("../images/icon005.png") 100% 100% no-repeat;
}
.people-text {
    margin: 20px 0 0 40px;
    width: 200px;
    line-height: 32px;
    text-align: left;
    font-size: 20px;
    color: #7f7f7f;
}
.people-text2 {
    margin: 20px 0 0 40px;
    width: 230px;
    line-height: 32px;
    text-align: left;
    font-size: 20px;
    color: #7f7f7f;
}
.people-span {
    font-size: 20px;
    font-weight: bold;
    color: #3d58a4;
}
.tab {
    margin: 0 auto;
    width: 828px;
    height: 60px;
}
.tab li {
    position: relative;
    float: left;
    margin-left: 9px;
    width: 270px;
    height: 50px;
    line-height: 50px;
    background: #d9d9d7;
    text-align: center;
    font-size: 24px;
    color: #b5b5b5;
    border-bottom: 4px solid #8a8793;
}
.tab li:first-child {
    margin-left: 0;
}
.tab-content {
    width:100%;
 
    display:none;
}
.on {
    display: block;
}
.tab li.cur {
    background: #d9d9d7;
    color: #3d58a4;
    font-weight: bold;
}
.tab-control1 {
    width: 1100px;
  
    padding-top: 65px;
    background: #f5f5f5;
    border: 1px solid #eee;
}
.tab-title {
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #000;
    font-weight: bold;
}
.show-area{
    width:1100px;
    height:400px;
    position:relative;
    margin:0px auto;
    overflow:hidden;
}
.show-area ul{
    position:relative;
    margin-top: 35px;
    width:3300px;
    height:437px;
    right:0;
}
.show-area ul li{
    float:left;
    width:1010px;
    padding:0 45px;
}
.show-area ul li .doctor-produce-wrapper:first-child{
    margin-left: 5px;
}
.doctor-produce-wrapper {
    float: left;
    position: relative;
    margin-left: 10px;
    width: 242px;
    height: 285px;
}
.indicator{
    width:100px;
    text-align:center;
    position:absolute;
    top:342px;
    left:0;
    right: 0;
    margin: auto;
    z-index:1;
    /*ackground-color: #00ccff;*/
}
.indicator div{
    height:12px;
    width:12px;
    border-radius:100%;
    background-color:#fff;
    border: 1px solid #c7915c;
    float:left;
    margin-left:24px;
}
.onclick{
    background-color:#cdad64 !important;
}
.button-left,.button-right{
    /*display:none;*/
    position: absolute;
    width: 30px;
    height: 100px;
    z-index: 2;
    background-color: #6f8ad5;
    color: #FFFFFF;
    text-align: center;
    opacity:1;
    filter:Alpha(opacity=50);/*为了适应旧的浏览器*/
    cursor: default;
}
.button-left{
    top: 180px;
    left: 0px;
}
.left-arrow-icon {
    position: absolute;
    top: 25px;
    left: -13px;
    font-size: 40px;
}
.button-right{
    top: 180px;
    right: 0px;
}
.right-arrow-icon {
    position: absolute;
    top: 25px;
    right: -13px;
    font-size: 40px;
}
.doctor-name-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 109px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    background: url("../images/icon006.png") 100% 100% no-repeat;
    z-index: 2;
}
.doctor-produce {
    position: absolute;
    left: 0;
    top: 20px;
    height: 200px;
    background: #f2f2f2;
    padding: 30px 17px;
    border: 1px solid #e2e2e2;
    z-index: 1;
}
.doctor-produce-text {
    display: inline-block;
    width: 206px;
    height: 100px;
    font-size:16px !important;
    color: #c3976e;
}.doctor-produce-text span{  font-size:16px !important;}
.division {
    width: 100%;
    height: 2px;
    background: #d9d9d7;
    margin-top: 14px;
}
.study {
    color: #7f7f7f;
    font-size:16px;
    font-weight: bold;
    margin-top: 14px;
}
.study-content {
    color: #7f7f7f;
    font-size: 16px;
    margin-top: 14px;
}
.wenshu-ul {
    width: 100%;
    height: 147px;
    margin-top: 45px;
    padding: 0 10px;
}
.wenshu-li {
    float: left;
    width: 262px;
    height: 147px;
    margin-left: 10px;
}
.wenshu-li:first-child {
    margin-left: 3px;
}
.wenshu-produce1 {
    background: url("../images/img008.png") 100% 100% no-repeat;
}
.wenshu-produce2 {
    background: url("../images/img009.png") 100% 100% no-repeat;
}
.wenshu-produce3 {
    background: url("../images/img010.png")  0px 0px no-repeat;
}
.wenshu-produce4 {
    background: url("../images/img011.png") 100% 100% no-repeat;
}
.wenshu-span {
    display: inline-block;
    margin: 18px 0 0 25px;
    width: 217px;
    font-size: 16px;
    color: #7f7f7f;
    line-height: 32px;
}
.guide-button-wrapper {
    padding-top: 45px;
    text-align: center;
    width: 100%;
    height: 80px;
    background: #f5f5f5;
    cursor: pointer;
}
.guide-button {
    margin: 0 auto;
    display: inline-block;
    width: 232px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-radius: 52px;
    background: #6f8ad5;
}
.research-table-th {
    height: 32px;
    line-height: 32px;
    background: #d0aa83;
    font-size: 18px;
    font-weight: bold;
}
.research-table-th1 {
    min-width: 190px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #666;
    border: 1px solid #fff;
}
.tab-control1 table tbody tr:first-child th{ font-weight:bold; text-align:center}
.research-table-th2 {
    min-width: 186px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #666 ;
    border: 1px solid #fff;
}
.research-table-th3 {
    min-width: 100px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #666;
    border: 1px solid #fff;
}
.research-table-th4 {

    text-align: left;
    font-size: 14px; padding:0 20px;
    font-weight:normal;
    color: #666 ;
    border: 1px solid #fff;
}
.research-table-th5 {
    min-width: 100px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #666 ;
    border: 1px solid #fff;
}
.research-table-th6 {
    min-width: 140px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #666 ;
    border: 1px solid #fff;
}

.project-receive-wrapper {
    width: 1023px;
    height: 140px;
    margin: 0 auto;
}
.project-receive-box {
    width: 340px;
    height: 140px;
    line-height: 140px;
    text-align: center;
    float: left;
    border-right: 1px solid #a6a5a6;
    border-bottom: 1px solid #a6a5a6;
}
.project-receive-icon1 {
    display: inline-block;
    width: 53px;
    height: 62px;
    background: url("../images/icon016.png") 100% 100% no-repeat;
}
.project-receive-icon2 {
    display: inline-block;
    width: 57px;
    height: 62px;
    background: url("../images/icon017.png") 100% 100% no-repeat;
}
.project-receive-icon3 {
    display: inline-block;
    width: 54px;
    height: 56px;
    background: url("../images/icon018.png") 100% 100% no-repeat;
}
.project-receive-icon4 {
    display: inline-block;
    width: 61px;
    height: 41px;
    background: url("../images/icon019.png") 100% 100% no-repeat;
}
.project-receive-icon5 {
    display: inline-block;
    width: 56px;
    height: 56px;
    background: url("../images/icon020.png") 100% 100% no-repeat;
}
.project-receive-icon6 {
    display: inline-block;
    width: 60px;
    height: 45px;
    background: url("../images/icon021.png") 100% 100% no-repeat;
}
.project-receive-text {
    display: inline-block;
    width: 220px;
    margin-left: 20px;
    font-size: 14px;
    line-height: 36px;
    color: #7d7c7d;
    text-align: left;
}
.practice-type {
    float: left;
    width: 216px;
    height: 252px;
    margin-left: 48px;
    text-align: center;
    background: #fff;
}
.practice-icon1 {
    display: inline-block;
    width: 123px;
    height: 136px;
    background: url("../images/icon007.png") 100% 100% no-repeat;
}
.practice-icon2 {
    display: inline-block;
    width: 123px;
    height: 136px;
    background: url("../images/icon008.png") 100% 100% no-repeat;
}
.practice-icon3 {
    display: inline-block;
    width: 123px;
    height: 136px;
    background: url("../images/icon009.png") 100% 100% no-repeat;
}
.practice-icon4 {
    display: inline-block;
    width: 123px;
    height: 136px;
    background: url("../images/icon010.png") 100% 100% no-repeat;
}
.practice-text {
    margin: 20px 0 0 20px;
    width: 220px;
    line-height: 32px;
    text-align: left;
    font-size: 20px;
    color: #7f7f7f;
}
.practice-guide-button {
    margin: 0 auto;
    display: inline-block;
    width: 300px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-radius: 52px;
    background: #6f8ad5;
}
.practice-tab {
    margin: 0 auto;
    width: 828px;
    height: 60px;
}
.practice-tab li {
    position: relative;
    float: left;
    margin-left: 9px;
    width: 270px;
    height: 50px;
    line-height: 50px;
    background: #d9d9d7;
    text-align: center;
    font-size: 24px;
    color: #b5b5b5;
    border-bottom: 4px solid #8a8793;
    opacity: .8;
}
.practice-tab li:first-child {
    margin-left: 0;
}
.practice-tab-content {
    position: relative;
    width:100%;
 
    display:none;
    background: #f5f5f5;
}
.flow-button-wrapper {
    position: absolute;
    bottom: 70px;
    padding-top: 45px;
    text-align: center;
    width: 100%;
    height: 80px;
    background: #f5f5f5;
    cursor: pointer;
}
.practice-on {
    display: block;
}
.practice-tab li.practice-cur {
    background: #d9d9d7;
    color: #3d58a4;
    opacity: 1;
    font-weight: bold;
}
.triangle {
    position: absolute;
    bottom: -36px;
    left: 50%;
    margin-left: -23px;
    width:45px;
    height: 33px;
    background: url("../images/icon022.png") 100% 100% no-repeat;
    z-index: 10;
}

.practice-tab-control1 {
    width: 1100px;
    height: 820px;
    background: #f5f5f5;
    border: 1px solid #eee;
    overflow: auto;
}
.practice-tab-title {
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #000;
    font-weight: bold;
}
.practice-table-th {
    height: 32px;
    line-height: 32px;
    white-space: nowrap;
    background: #d0aa83;
    color: #fff !important;
    font-size: 18px;
    font-weight: bold;
}
.practice-table-th1 {
    min-width: 125px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #535353;
    border: 1px solid #fff;
}
.practice-table-th2 {
    min-width: 186px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #535353;
    border: 1px solid #fff;
}
.practice-tab-control1 table td{ font-weight:normal !important;}
.practice-table-th5 a,.research-table-th6 a{ text-decoration:none}
.practice-table-th3 {
    min-width: 254px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #535353;
    border: 1px solid #fff;
}
.practice-table-th4 {
    min-width: 286px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #535353;
    border: 1px solid #fff;
}
.practice-table-th5 {
    min-width: 147px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #a6a5a6;
    border: 1px solid #fff;
}
.mmm td{ padding:10px 0}
.research-wrapper-update {
    margin-top: 88px;
    padding-top: 5px;
    position: relative;
    width: 100%;
    height: 893px;
    background: url("../images/img012.png") 100% 100% no-repeat;
    background-size: 100% 100%;
}

.practice-flow {
    position:absolute;
    top: 100px;
    left: 50%;
    margin-left: -344px;
    width: 688px;
    height: 500px;
}
.practice-flow-line {
    position: relative;
    width: 8px;
    height: 500px;
    margin: 0 auto;
    border-radius: 8px;
    background: #d0aa83;
}
.practice-flow-point1, .practice-flow-point2, .practice-flow-point3, .practice-flow-point4, .practice-flow-point5, .practice-flow-point6, .practice-flow-point7, .practice-flow-point8, .practice-flow-point9{
    position: absolute;
    left: -6px;
    width: 20px;
    height: 20px;
    background: #3d58a4;
    border-radius: 50%;
}
.practice-flow-point1 {
    top: 50px;
}
.practice-flow-point2 {
    top: 100px;
}
.practice-flow-point3 {
    top: 150px;
}
.practice-flow-point4 {
    top: 200px;
}
.practice-flow-point5 {
    top: 250px;
}
.practice-flow-point6 {
    top: 300px;
}
.practice-flow-point7 {
    top: 350px;
}
.practice-flow-point8 {
    top: 400px;
}
.practice-flow-point9 {
    top: 450px;
}
.practice-flow-remark1 {
    position: absolute;
    left: -273px;
    top: -20px;
    width: 260px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #eeeeef;
    border-radius: 60px;
    font-size: 18px;
    color: #8d8d8e;
}
.practice-flow-icon1 {
    position: absolute;
    top: 25px;
    right: -12px;
    width: 12px;
    height: 10px;
    background: url("../images/icon023.png") 100% 100% no-repeat;
}
.practice-flow-number1 {
    position: absolute;
    left: 20px;
    top: -40px;
    font-size: 60px;
    font-weight: bold;
    color: #d0aa83;
}
.practice-flow-remark2 {
    position: absolute;
    right: -273px;
    top: -20px;
    width: 260px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #eeeeef;
    border-radius: 60px;
    font-size: 24px;
    color: #8d8d8e;
}
.practice-flow-icon2 {
    position: absolute;
    top: 25px;
    left: -12px;
    transform: rotate(180deg);
    width: 12px;
    height: 10px;
    background: url("../images/icon023.png") 100% 100% no-repeat;
}
.practice-flow-number2 {
    position: absolute;
    right: 20px;
    top: -40px;
    font-size: 60px;
    font-weight: bold;
    color: #d0aa83;
}
.practice-flow-remark3 {
    position: absolute;
    left: -213px;
    top: -20px;
    width: 200px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #eeeeef;
    border-radius: 60px;
    font-size: 24px;
    color: #8d8d8e;
}
.practice-flow-icon3 {
    position: absolute;
    top: 25px;
    right: -12px;
    width: 12px;
    height: 10px;
    background: url("../images/icon023.png") 100% 100% no-repeat;
}
.practice-flow-number3 {
    position: absolute;
    left: 20px;
    top: -40px;
    font-size: 60px;
    font-weight: bold;
    color: #d0aa83;
}
.practice-flow-remark4 {
    position: absolute;
    right: -213px;
    top: -20px;
    width: 200px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #eeeeef;
    border-radius: 60px;
    font-size: 24px;
    color: #8d8d8e;
}
.practice-flow-icon4 {
    position: absolute;
    top: 25px;
    left: -12px;
    transform: rotate(180deg);
    width: 12px;
    height: 10px;
    background: url("../images/icon023.png") 100% 100% no-repeat;
}
.practice-flow-number4 {
    position: absolute;
    right: 20px;
    top: -40px;
    font-size: 60px;
    font-weight: bold;
    color: #d0aa83;
}
.practice-flow-remark5 {
    position: absolute;
    left: -213px;
    top: -20px;
    width: 200px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #eeeeef;
    border-radius: 60px;
    font-size: 24px;
    color: #8d8d8e;
}
.practice-flow-icon5 {
    position: absolute;
    top: 25px;
    right: -12px;
    width: 12px;
    height: 10px;
    background: url("../images/icon023.png") 100% 100% no-repeat;
}
.practice-flow-number5 {
    position: absolute;
    left: 20px;
    top: -40px;
    font-size: 60px;
    font-weight: bold;
    color: #d0aa83;
}
.practice-flow-remark6 {
    position: absolute;
    right: -373px;
    top: -20px;
    width: 360px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #eeeeef;
    border-radius: 60px;
    font-size: 24px;
    color: #8d8d8e;
}
.practice-flow-icon6 {
    position: absolute;
    top: 25px;
    left: -12px;
    transform: rotate(180deg);
    width: 12px;
    height: 10px;
    background: url("../images/icon023.png") 100% 100% no-repeat;
}
.practice-flow-number6 {
    position: absolute;
    right: 20px;
    top: -40px;
    font-size: 60px;
    font-weight: bold;
    color: #d0aa83;
}
.practice-flow-remark7 {
    position: absolute;
    left: -273px;
    top: -20px;
    width: 260px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #eeeeef;
    border-radius: 60px;
    font-size: 24px;
    color: #8d8d8e;
}
.practice-flow-icon7 {
    position: absolute;
    top: 25px;
    right: -12px;
    width: 12px;
    height: 10px;
    background: url("../images/icon023.png") 100% 100% no-repeat;
}
.practice-flow-number7 {
    position: absolute;
    left: 20px;
    top: -40px;
    font-size: 60px;
    font-weight: bold;
    color: #d0aa83;
}
.practice-flow-remark8 {
    position: absolute;
    right: -213px;
    top: -20px;
    width: 200px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #eeeeef;
    border-radius: 60px;
    font-size: 24px;
    color: #8d8d8e;
}
.practice-flow-icon8 {
    position: absolute;
    top: 25px;
    left: -12px;
    transform: rotate(180deg);
    width: 12px;
    height: 10px;
    background: url("../images/icon023.png") 100% 100% no-repeat;
}
.practice-flow-number8 {
    position: absolute;
    right: 20px;
    top: -40px;
    font-size: 60px;
    font-weight: bold;
    color: #d0aa83;
}
.practice-flow-remark9 {
    position: absolute;
    left: -273px;
    top: -20px;
    width: 260px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #eeeeef;
    border-radius: 60px;
    font-size: 24px;
    color: #8d8d8e;
}
.practice-flow-icon9 {
    position: absolute;
    top: 25px;
    right: -12px;
    width: 12px;
    height: 10px;
    background: url("../images/icon023.png") 100% 100% no-repeat;
}
.practice-flow-number9 {
    position: absolute;
    left: 20px;
    top: -40px;
    font-size: 60px;
    font-weight: bold;
    color: #d0aa83;
}
.practice-receive {
    width: 1100px;
    height: 418px;
    position: absolute;
    top: 100px;
    left: 0;
}
.practice-receive-box {
    float: left;
    width: 222px;
    margin-left: 32px;
    height: 416px;
}
.practice-receive-box:first-child {
    margin-left: 58px;
}
.practice-receive-title {
    width: 221px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    background: #d0aa83;
    border: 1px solid #d0aa83;
}
.practice-receive-desc {
    position: relative;
    margin-top: 20px;
    width: 181px;
    height: 187px;
    line-height: 32px;
    border: 1px solid #d0aa83;
    background: #fff;
    text-align: left;
    padding: 20px;
    color: #7e7c7e;
    font-size: 14px;
}
.practice-receive-icon {
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    background: #fff;
    transform: rotate(45deg);
    border-top: 1px solid #d0aa83;
    border-left: 1px solid #d0aa83;
    z-index: 10;
}
.bg-circle {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -212px;
    width: 414px;
    height: 518px;
    background: url("../images/img013.png") 100% 100% no-repeat;
    background-size: 100% 100%;
}
.sequence-update {
    position: absolute;
    top: 65px;
    width: 100%;
    text-align: center;
    font-size: 90px;
    color: #d8d8d8;
    z-index: 1;
    opacity: .5;
}
.update-title {
    display: inline-block;
    padding: 0 10px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    background: #3d58a4;
}
.update-number {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #d0aa83;
    font-size: 20px;
    color: #fff;
    border-radius: 50%;
}
.update-content01 {
    position: absolute;
    top: 218px;
    left: -382px;
    width: 400px;
    text-align: right;
    display: none;
}
.update-content02 {
    position: absolute;
    top: 88px;
    left: -355px;
    width: 400px;
    text-align: right;
    display: none;
}
.update-content03 {
    position: absolute;
    top: -24px;
    left: -300px;
    width: 440px;
    text-align: right;
    display: none;
}
.update-content04 {
     position: absolute;
     top: -28px;
     left: 260px;
     width: 400px;
     text-align: left;
    display: none;
}
.update-content05 {
    position: absolute;
    top: 88px;
    left: 372px;
    width: 400px;
    text-align: left;
    display: none;
}
.update-content06 {
    position: absolute;
    top: 218px;
    left: 397px;
    width: 400px;
    text-align: left;
    display: none;
}
.free-test-button {
    position: absolute;
    left: 50%;
    bottom: 220px;
    margin-left: -117px;
    width: 234px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #c7915c;
    border-radius: 50px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}
.project-wrapper {
    position: relative;
    width: 100%;
    height: 785px;
    background: #fff;
}
.project-bg {
    position: absolute;
    top: -150px;
    left: 50%;
    margin-left: -648px;
    width: 1296px;box-shadow:5px 5px 15px #ccc;
    height: 832px;
    background: url("../images/img014.png") 100% 100% no-repeat;
}
.sequence-project {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    font-size: 90px;
    color: #d8d8d8;
    z-index: 1;
    opacity: .5;
}
.project-title {
    position: absolute;
    width: 100%;
    margin-top: 40px;
    text-align: center;
    font-size: 45px;
    color: #3d58a4;
    z-index: 2;
}
.project-title-2 {
    position: absolute;
    width: 100%;
    margin-top: 100px;
    text-align: center;
    font-size: 45px;
    font-weight: bold;
    color: #3d58a4;
    z-index: 2;
}
.project-img-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 20px;
    width: 1100px;
    height: 550px;
}
.project-show-img{
    width:1100px;
    height:520px;
    position:relative;
    margin:0px auto;
    overflow:hidden;
}
.project-show-img ul{
    position:relative;
    margin-top: 35px;
    width:3300px;
    height:480px;
    right:0;
}
.project-show-img ul li{
    float:left;
    width:1010px;
    padding:0 45px;
}
.project-show-img ul li .student-range-wrapper:first-child{
    margin-left: 5px;
}
.student-range-wrapper {
    float: left;
    position: relative;
    margin-left: 10px;
    padding: 20px;
    width: 203px;
    height: 420px;
    background: #fff;
}
.project-indicator{
    width:100px;
    text-align:center;
    position:absolute;
    left:0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index:1;
    /*ackground-color: #00ccff;*/
}
.project-indicator div{
    height:12px;
    width:12px;
    border-radius:100%;
    background-color:#fff;
    border: 1px solid #3d58a4;
    float:left;
    margin-left:24px;
}
.project-onclick{
    background-color:#3d58a4 !important;
}
.project-button-left,.project-button-right{
    /*display:none;*/
    position: absolute;
    width: 30px;
    height: 100px;
    z-index: 2;
    background-color: #6f8ad5;
    color: #FFFFFF;
    text-align: center;
    opacity:1;
    filter:Alpha(opacity=50);/*为了适应旧的浏览器*/
    cursor: default;
}
.project-button-left{
    top: 180px;
    left: 0px;
}
.project-button-right{
    top: 180px;
    right: 0px;
}
.student-img1 {
    width: 200px;
    height: 228px;
    background: url("../images/01.jpg") 100% 100% no-repeat;
    background-size: 100% 100%;
}
.student-img2 {
    width: 200px;
    height: 228px;
    background: url("../images/02.jpg") 100% 100% no-repeat;
    background-size: 100% 100%;
}
.student-img3 {
    width: 200px;
    height: 228px;
    background: url("../images/03.jpg") 100% 100% no-repeat;
    background-size: 100% 100%;
}
.student-img4 {
    width: 200px;
    height: 228px;
    background: url("../images/04.png") 100% 100% no-repeat;
    background-size: 100% 100%;
}
.student-img5 {
    width: 200px;
    height: 228px;
    background: url("../images/05.png") 100% 100% no-repeat;
    background-size: 100% 100%;
}
.student-icon {
    margin-top: 14px;
    width: 115px;
    height: 26px;
    background: url("../images/icon011.png") 100% 100% no-repeat;
    color: #6d70e1;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    font-weight: bold;
}
.student-title {
    font-size: 16px;
    font-weight: bold;
    color: #484848;
    line-height: 32px;
}
.free-project-button {
    position: absolute;
    left: 50%;
    bottom: 20px;
    margin-left: -167px;
    width: 334px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #c7915c;
    border-radius: 50px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}
.inter-info {
    position: relative;
    width: 100%;
    height: 456px;
    background: url("../images/img015.png") 100% 100% no-repeat;
    background-size: 100% 100%;
}
.inter-wrapper {
    margin: 0 auto;
    width: 600px;
    height: 456px;
    line-height: 456px;
    text-align: center;
}
.user-name, .user-tel {
    width: 130px;
    height: 50px;
    background: #fff;
    line-height: 50px;
    padding: 0 50px;
    border: none;
    outline: none;
    font-size: 18px;
    color: #a9a9a9;
    border-radius: 5px;
}
.user-tel {
    margin-left: 40px;
}
.user-name::-webkit-input-placeholder{
    font-size: 18px;
    color:#a9a9a9;
}
.user-name::-moz-placeholder{
    font-size: 18px; /* Mozilla Firefox 19+ */
    color:#a9a9a9;
}
.user-name:-moz-placeholder{
    font-size: 18px; /* Mozilla Firefox 4 to 18 */
    color:#a9a9a9;
}
.user-name:-ms-input-placeholder{
    font-size: 18px; /* Internet Explorer 10-11 */
    color:#a9a9a9;
}
.user-tel::-webkit-input-placeholder{
    font-size: 18px;
    color:#a9a9a9;
}
.user-tel::-moz-placeholder{
    font-size: 18px; /* Mozilla Firefox 19+ */
    color:#a9a9a9;
}
.user-tel:-moz-placeholder{
    font-size: 18px; /* Mozilla Firefox 4 to 18 */
    color:#a9a9a9;
}
.user-tel:-ms-input-placeholder{
    font-size: 18px; /* Internet Explorer 10-11 */
    color:#a9a9a9;
}
.name-icon {
    width: 20px;
    height: 21px;
    position: absolute;
    top: 216px;
    left: 45px;
    background: url("../images/icon012.png") 100% 100% no-repeat;
}
.tel-icon {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 216px;
    left: 65px;
    background: url("../images/icon013.png") 100% 100% no-repeat;
}
.inter-button {
    position: absolute;
    left: 50%;
    bottom: 120px;
    margin-left: -125px;
    width: 250px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #c7915c;
    border-radius: 50px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}
.bottom-banner {
    width: 100%;
    height: 418px;
    background: url("../images/img016.png") 100% 100% no-repeat;
    background-size: 100% 100%;
}
.bottom-banner-container {
    width: 600px;
    margin: 0 auto;
    text-align: center;
    height: 445px;
}
.bottom-banner-title1 {
    width: 100%;
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    color: #59527a;
}
.bottom-banner-title2 {
    width: 100%;
    text-align: center;
    font-size: 22px;
    color: #59527a;
    margin-top: 20px;
}
.bottom-banner-title3 {
    width: 100%;
    text-align: center;
    font-size: 22px;
    color: #59527a;
    margin-top: 20px;
}
.bottom-banner-span {
    font-size: 34px;
    color: #c79d63;
    font-weight: bold;
}
.bottom-address {
    position: relative;
    width: 100%;
    height: 460px;
    background: #f1f1f0;
    padding-bottom: 100px;
}
.backTop-button {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -33px;
    width: 66px;
    height: 66px;
    background: url("../images/icon014.png") 100% 100% no-repeat;
    cursor: pointer;
}
.bottom-address-wrapper {
    width: 1100px;
    height: 460px;
    margin: 0 auto;
}
.address-container {
    width: 340px;
    height: 200px;
    float: left;
    margin: 165px 0 0 26px;
}
.address-title1 {
    display: inline-block;
    width: 70px;
    font-size: 26px;
    color: #000;
}
.address-title2 {
    display: inline-block;
    width: 230px;
    font-size: 26px;
    color: #000;
}
.address-title3 {
    display: inline-block;
    width: 240px;
    font-size: 15px;
    color: #000;
}
.address-info {
    width: 340px;
    margin-top: 40px;
    height: 70px;
}
.address-icon {
    float: left;
    width: 38px;
    height: 38px;
    margin-right: 10px;
    background: url("../images/icon015.png") 100% 100% no-repeat;
}
.address-info-container {
    float: left;
    width: 292px;
    height: 200px;
}
.address-info-p {
    font-size: 14px;
    color: #363636;
    line-height: 20px;
}
.company-record {
    width: 1100px;
    text-align: center;
    margin-top: -20px;
}
.bottom-form {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 130px;
    background: #302a4c;
    z-index: 999;
}
.bottom-form-bg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 115px;
    background: url("../images/img017.png") 100% 100% no-repeat;
    background-size: 100% 100%;
}
.bottom-form-circle1 {
    position: absolute;
    left: 200px;
    bottom: 35px;
    width: 196px;
    height: 185px;
    background: url("../images/img018.png") 100% 100% no-repeat;
    background-size: 100% 100%; display:none
}
.bottom-form-circle2 {
    position: fixed;
    left: 20px;
    bottom: 50px;
    width: 196px;
    height: 185px;
    background: url("../images/img018.png") 100% 100% no-repeat;
    background-size: 100% 100%;
     cursor: pointer;
}
.bottom-form-container {
    width: 1060px;
    height: 110px;
    margin: 0 auto;
    padding: 0 15px;
}
.bottom-form-text {
    float: left;
    display: inline-block;
    margin-top: 15px;
    width: 340px;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}
.bottom-form-user {
    padding: 0 15px;
    display: inline-block;
    width: 217px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #706f6f;
}
.bottom-user-name, .bottom-user-tel {
    width: 170px;
    height: 50px;
    background: #fff;
    line-height: 40px;
    padding: 0 10px 0 50px;
    border: none;
    outline: none;
    font-size: 18px;
    color: #a9a9a9;
    border-radius: 5px;
}
.bottom-user-tel {
    margin-left: 60px;
}
.submit-button {
    float: left;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    background: #232428;
    display: inline-block;
    margin: 30px 0 0 130px;
    cursor: pointer;
}
.bottom-name-icon {
    width: 20px;
    height: 21px;
    position: absolute;
    top: 13px;
    left: 13px;
    background: url("../images/icon012.png") 100% 100% no-repeat;
}
.bottom-tel-icon {
    width: 20px;
    height: 21px;
    position: absolute;
    top: 13px;
    left: 72px;
    background: url("../images/icon013.png") 100% 100% no-repeat;
}
.close-bottom-form {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: transparent;
    border-radius: 50%;
    cursor: pointer;
}