.brief{
    margin-top: 2em;
}
.brief .introduce{
    width: 60em;
    margin:2em auto 0;
}
.brief .left_img{
    width: 29em;
    float: left;
}
.brief  .left_img img{
    width:100%;
}
.brief  .right_f{
    width: 29em;
    float: right;
}
.brief  .right_f .wrapper{
    margin-bottom: 2em;
    font-size:.9em
}
.course .gb_tree .line{
    position: absolute;
    width: 5px;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #dbdbdb;
}
.course{}
.course .gb_tree{
    padding-bottom: 2.5em;
    position: relative;
}
.course .show_right{
    width: 50em;
    margin: 1em auto 0;
}
.course .show_right .icon{left:auto; right:0;}
.course .right_model{
    width: 50%;
    float: right;
    text-align: left;
    padding-left: 1em;
    position: relative;
}
.course .icon{
    width: 6em;
    height: 6em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position:center;
    position: absolute;
    top: 0;
}
.course .right_model .start_time{
    background:url('../image/tree_ele_03.jpg') no-repeat;
    background-size:cover;
    background-position:center;
    position: absolute;
    left: -9px;
    width: 18px;
    height: 18px;
    top:50%;
    margin-top: -9px;
    border-radius: 18px;
}

.course .year{
    font-size: 1.5em;
    color: #7561a8;
    font-weight: bold;
    margin-bottom: 0.5em;
}
.course .content{
    font-size: .9em;
    width: 20em;
}
.course .show_left .content{
    margin-left: 8em;
    text-align: left;
}

.course .show_left{
    width: 52em;
    margin: 1em auto;
}
.course .left_model{
    width: 50%;
    float: left;
    text-align: right;
    padding-right: 1em;
    position: relative;
}

.course .left_model .start_time{
    background:url('../image/tree_ele_03.jpg') no-repeat;
    background-size:cover;
    background-position:center;
    position: absolute;
    right: -9px;
    top:50%;
    margin-top: -9px;
    width: 18px;
    border-radius: 18px;
    height: 18px;
}
.course .tree_root{
    position: absolute;
    bottom:-18px;
    left:50%;
    margin-left:-19px;
}


.team_show{
    width: 60em;
    margin:2em  auto 0;
}
.team_show .show_pic{
    width:100%;
    margin:0  auto 0;
}
.team_show .show_inner{
    margin-top: 2em;
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: row;
    flex-wrap: wrap;
}
.team_show .person {
    width: 19em;
    margin-right: 1.5em;
}
.team_show .person.last{margin-right:0;}
.team_show .person img{
    width:100%;
}
.team_show .person .p_name{
    font-weight: bold;
    text-align: center;
    margin: 1em 0;
}
.team_show .person .role{
    color:#696969;
    font-size: .9em;
    font-weight: normal;
}
.team_show .person .introduce{
    font-size: .9em;
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
    color:#696969;
    line-height: 1.5;
    padding-bottom: 2em;
}

/**about us start*/
.fast_get{
    width: 60em;
    margin:0 auto;
    margin-top: 2em;
}
.fast_get .show_top{
    width:100%;
    margin-top: 2em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.fast_get  .company_message{
    width: 31.5%;
    margin-right: 1.5em;
    width: 31.5%;
    padding: 0.5em;
    -webkit-flex: 0 0 31.5%;
    -ms-flex: 0 0 31.5%;
    flex: 0 0 31.5%;
}
.fast_get  .company_message.last{margin-right:0;}
.fast_get  .company_message img{
    width:100%;
    display: block;
}
.fast_get .h3{
    margin-top: 1em;
}
.fast_get .txt{
    margin:0.5em 0;
}

.fast_get out_div.code{
    padding:0.3em;
    border:1px solid #efefef;
    margin: 0 3em;
}
.fast_get  .code img{
    width: 100%;
}
.fast_get .code.h3{
    margin-top: 1em;
    text-align: center;
}
.fast_get .code.txt{
    color:#696969;
    margin-top: .2em;
    text-align: center;
    font-size: .9em;
}
.fast_get  .out_div{
    width: 100%;
    height: 14em;
    overflow: hidden;
    border:1px solid #efefef;
}
.advice{
    /* margin-top: 1.5em; */
}
.advice .bg{
    width:100%;
    height: 23em;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.advice .form_out{
    margin-top: 0.234375rem;
    width:100%;
}
.advice .form_left{
    width: 28em;
    float: left;
    margin-right: 2em;
    
}
.advice .item{position: relative;}

.advice .item label.error{position: absolute;width: 100%;text-align: right;top: 0;right: 0;color: red;}
.advice .advice_form{
    padding: .5em;
    width:100%;
    height: 16.5em;
    border:1px solid #696969;
    border-radius: .5em;
    font-size: 1em;
}
.advice .form_right{
    float: left;
    width: 30em;
}
.advice .form_out p{
    margin-bottom: 0.5em;
}
.advice.quote .form_out p.label{
    font-size:1.4em;
}
.advice .input_model{
    width: 100%;
}
.advice.quote .input_model{
    width: 48%;
    margin-right: 4%;
    float:left;
}
.advice.quote .input_model.last{
    margin-right: 0;
}
.advice .put{
    padding-left: .5em;
    width:100%;
    height: 3em;
    border:1px solid #696969;
    border-radius: .5em;
    font-size: 1em;
}
.advice .input_model{
    margin-bottom: 1.5em;
}
.advice .form_button{
    width: 14.4em;
    height: 3em;
    margin: 2em auto 0;
    display: block;
    background-color: #7561a8;
    text-align: center;
    color:white;
    font-size: 1em;
    border-radius: 2em;
}

/**about us end*/


/**after sale*/
.fater_market_service{margin-top: 2em;}

.fater_market_service .contace{
    width: 60em;
    margin: 1em auto 0;
}
.fater_market_service .contace .title{
    font-weight: bold;
}
.fater_market_service .contace .wrapper{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.fater_market_service .model{
    width: 31.5%;
    background-color: #dbdbdb;
    padding: 0.5em;
    -webkit-flex: 0 0 31.5%;
    -ms-flex: 0 0 31.5%;
    flex: 0 0 31.5%;
}
.fater_market_service .model.last{margin-right:0;}

.fater_market_service .model .p_name{
    color:#191919;
}


.fater_market_service .we_sevice{
    width: 60em;
    margin: 0em auto 0;
}
.fater_market_service .service_model{
    float: left;
    width: 27em;
    margin-right: 2em;
}
.fater_market_service .service_model .h2{
    margin-top:3em;
}
.title2{font-size:1.3em;font-weight: bold;}
.ts {
    position: relative;
    padding-left: 1em;
    
}

.ts::after {
    position: absolute;
    top: .6em;
    left: 0;
    width: .5em;
    height: .5em;
    background-color: #7561a8;
    content: "";

}

/****供应商**/
.form_information_supply .inner_form{
    width: 60em;
    margin: 2em auto 0;
}
.form_information_supply .col_put{
    width:100%;
}
.form_information_supply .put{
    width: 29em;
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
}
.form_information_supply .put1{
    width: 29em;
    float: right;
    margin-right: 0;
    margin-bottom: 1em;
}
.form_information_supply .field{
    width:100%;
    height: 3em;
    border:1px solid #696969;
    border-radius: .5em;
    font-size: 1em;
    color: #696969;
    padding-left: .5em;
}

.form_information_supply .text_put{
    width:100%;
    margin-bottom: 2em;
}
.form_information_supply textarea.field{
    width: 60em;
    height: 6em;
    border:1px solid #696969;
    border-radius: .5em;
    font-size: 1em;
    color: #696969;
    padding: .5em;
}
.form_information_supply .text_put .label{
    margin-bottom: 0.2em;
}
.form_information_supply .form_button{
    width: 8em;
    height: 2.4em;
    margin:0 auto;
    display: block;
    background-color: #7561a8;
    text-align: center;
    color:white;
    border-radius: 3em;
    font-size: 1em;
}
.form_information_supply{
    margin-top: 2em;
}