.colleague_head_banner {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    /*background-size: 100% auto;*/
    background-position: center;
    background-size: cover;
    text-align: center;
    text-shadow: 3px 3px 3px #666;
    position: relative;
    z-index: 200;
}
.colleague_head_banner p:nth-child(1){
    font-size: 58px;
    line-height: 24px;
    font-weight: bold;
    letter-spacing: 3px;
    margin: 0 0 36px 0;
    color: #fff;
    padding: 11.5% 0 0 0;
    font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
.colleague_head_banner p:nth-child(2){
    font-size: 38px;
    line-height: 56px;
    font-weight: lighter;
    letter-spacing: 3px;
    color: #fff;
}
/*  */
.colleague_internet{
    width: 100%;
    text-align: center;
}
.colleague_internet .colleague_internet_title {
    font-size: 38px;
    font-weight: 600;
    margin: 7% 0 2% 0;
}
.colleague_internet .colleague_internet_title span{
    color:#ff0000;
}
 .colleague_internet_p_1{
    margin: 0.7% 0;
}
.colleague_internet .colleague_internet_img{
    width: 80%;
    margin: 3% auto;
}
.colleague_internet .colleague_internet_img img{
    width: 100%;

}
.colleague_internet .colleague_internet_p_2{
    color: #676767;
    margin: 0 0 4% 0;
    font-size: 13px;
}
.colleague_internet .colleague_internet_p_3{
    color: #505050;
    font-size:14px;

}
.colleague_internet .colleague_internet_p_4{
    font-size:32px;
    margin: 2% 0 3% 0;
}
/*  */
.colleague_friend{
    width: 100%;
     background: #f8f8f8;
}
.colleague_friend .colleague_friend_left{
    width: 50%;
    padding: 7%  0 5% 0;
    text-align: center;
    float: left;
}
.colleague_friend .colleague_friend_left .colleague_button a{
    margin: 0;
    display: inline-block;
    background: #fe000f;
    color: #ffffff;
    padding: 10px 60px;
    font-size: 16px;
    border-radius: 20px;
    border: 1px solid #fe000f;
}
.colleague_friend .colleague_friend_left .colleague_button a:hover{
  
    background: #ffffff;
    color: #fe000f;
    
}
.colleague_friend .colleague_friend_left p{
    font-size:32px;
    font-weight: lighter;
    margin: 1% 0 0 0;
}
.colleague_friend .colleague_friend_left .colleague_friend_left_p_1{
   margin: 2% 0 4% 0;
   font-weight: 500;
   color: #000;
}
.colleague_friend .colleague_friend_right{
    width: 50%;
    float: left;

}
.colleague_friend .colleague_friend_right img{
    width: 100%;
    display: block;
    height: 100%;
    max-height: 350px;
}
/*  */
.colleague_who{
    width: 70%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size:100%;
    padding:3% 0 0 0;
}
.colleague_who .colleague_who_title{
    font-size: 2.5rem;
    margin:0 0 3% 0; 
}
.colleague_who .colleague_who_up .colleague_who_up_img{
    width: 33%;
    float: left;
}
.colleague_who .colleague_who_up .colleague_who_up_img img{
    width: 100%;
    display: block;
}
.colleague_who .colleague_who_up .colleague_who_up_content{
    width: 61%;
    float: right;
    margin: 5.5% 2% 0 0;
}
.colleague_who .colleague_who_up .colleague_who_up_content .colleague_who_up_content_title {
    font-size: 2.3rem;
   line-height: 185%;
   margin: 0 0 4% 0;
   color: #fe000f;
}
.colleague_who .colleague_who_up .colleague_who_up_content .colleague_who_up_content_title span{
    display: inline-block;
    border-bottom: 4px solid #ff0000;
}
.colleague_who .colleague_who_up .colleague_who_up_content .colleague_who_up_content_p{
    font-size:14px;
    line-height: 200%;
    color: #818181;
    padding: 0 4.5% 0 0;
    display: inline-block;
}
.colleague_who .colleague_who_down{
    width: 100%;
    margin: 0 0 7% 0;
}
.colleague_who .colleague_who_down .colleague_who_down_p{
    width: 33%;
    float: left;
    padding:7% 4% 10% 3%;
    line-height: 200%;
    font-size: 14px;
    color: #818181;
}
.colleague_who .colleague_who_down .colleague_who_down_img_1{
    width: 67%;
    float: left;
    display: block;
}
.colleague_who .colleague_who_down .colleague_who_down_img_1 img{
    width: 100%;
}

.colleague_who .colleague_who_down .colleague_who_down_img_2 img{
    width: 100%;
}
/*  */
.colleague_provide{
    width: 100%;
    background-repeat: no-repeat;
    background-size:100%;
    padding: 8%  0;
    text-align: center;
}
.colleague_provide .colleague_provide_content{
    width: 70%;
    background: #ffffff;
    padding: 4% 0 0 0;
    margin: 0 auto;
}
.colleague_provide .colleague_provide_content .colleague_provide_title p{
    font-size: 1.5rem;
    margin: 1% 0 0 0;
}
.colleague_provide .colleague_provide_content .colleague_provide_content_title{
    font-size: 2.3rem;
    margin: 0 0 4% 0;
}
.colleague_provide .colleague_provide_content_down{
    width: 100%;
}
.colleague_provide .colleague_provide_content_down .colleague_provide_content_down_img_1{
    width: 40%;
    float: left;
    margin: 3% 5% 6% 7%
}

.colleague_provide .colleague_provide_content_down .colleague_provide_content_down_img_1 img{
    width: 100%;
}
.colleague_provide .colleague_provide_content_down .colleague_provide_content_down_img_1 p{
    line-height: 200%;
    margin: 3% 0 0 0;
    color: #838383;
    font-size: 14px;
}

.colleague_provide .colleague_provide_content_down .colleague_provide_content_down_img_2{
    width: 40%;
    float: left; 
     margin: 3% 0 0 0;
}
.colleague_provide .colleague_provide_content_down .colleague_provide_content_down_img_2 img{
    width: 100%;
}
.colleague_provide .colleague_provide_content_down .colleague_provide_content_down_img_2 p{
    line-height: 200%;
    margin: 3% 0 0 0;
    color: #838383;
    font-size: 14px;
}
/*  */
.colleague_deal{
    width: 100%;
    text-align: center;
    padding: 5% 0 0 0;
    margin: 0 0 6% 0;
}
.colleague_deal .colleague_deal_title{
    margin:0 0 2% 0;
}
.colleague_deal .colleague_deal_title p{
    font-size: 1.5rem;
    margin: 1% 0 0 0; 
}
.colleague_deal .colleague_deal_img{
    width: 70%;
    margin: 0 auto;
}
.colleague_deal .colleague_deal_img .colleague_deal_img_1{
    width: 31%;
    float: left;
    border: 1px solid #e7e7e7;
    box-shadow:5px 5px 10px  #e7e7e7;
    margin: 0 0 0 2%;
}
.colleague_deal .colleague_deal_img .colleague_deal_img_1 p{
   line-height: 200%;
   margin: 7% 2% 5% 2%;
   height: 60px;
    max-height: 90px;
    font-size: 14px;
    color: #838383;
}
.colleague_deal .colleague_deal_img .colleague_deal_img_1 img{
    width: 100%;
    
}
.colleague_deal .colleague_deal_img .colleague_deal_img_2{
    width: 31%;
    float: left;
    margin: 0 2%;
    border: 1px solid #e7e7e7;
    box-shadow:5px 5px 10px  #e7e7e7;
    
}
.colleague_deal .colleague_deal_img .colleague_deal_img_2 p{
    line-height: 200%;
    color: #838383;
    margin: 7% 2% 5% 2%;
    font-size: 14px;
 }
.colleague_deal .colleague_deal_img .colleague_deal_img_2 img{
    width: 100%;
    
}
.colleague_deal .colleague_deal_img .colleague_deal_img_3{
    width: 31%;
    float: left;
    border: 1px solid #e7e7e7;
    box-shadow:5px 5px 10px  #e7e7e7;
}
.colleague_deal .colleague_deal_img .colleague_deal_img_3 p{
    line-height: 200%;
    color: #838383;
    margin: 7% 2% 5% 2%;
    font-size: 14px;
 }
.colleague_deal .colleague_deal_img .colleague_deal_img_3 img{
    width: 100%;
}
/*  */
.colleague_administration{
    width: 100%;
    text-align: center;
}
.colleague_administration .colleague_administration_title p{
    font-size: 1.5rem;
    margin: 1% 0 0 0;
}
.colleague_administration .colleague_administration_content{
    width: 100%;
     background: #2e2e2e;
     margin: 4% 0 0 0;
}
.colleague_administration .colleague_administration_content .colleague_administration_left{
    width: 50%;
    float: left;
   
}
.colleague_administration .colleague_administration_content .colleague_administration_left img{
    width: 100%;
    max-width: 960px;
}
.colleague_administration .colleague_administration_content .colleague_administration_right{
    width: 50%;
    float: left;
    text-align: left;
    padding: 6% 0 0 0;
    color: #aaaaaa;
}
.colleague_administration .colleague_administration_content .colleague_administration_right .colleague_administration_right_button{
     margin: 4% auto;
    display: inline-block;
    padding: 0 0 0 16%;
    width: 100%;
    text-align: left;
}
.colleague_administration .colleague_administration_content .colleague_administration_right .colleague_administration_right_button img{
    width: 20%;
}
.colleague_administration .colleague_administration_content .colleague_administration_right .colleague_administration_right_button p{
    margin: 2% 0 0 0;
    font-size: 14px;
    margin:  14px 0 0 5%;
}

/* .colleague_administration .colleague_administration_content .colleague_administration_right .colleague_administration_right_button a:hover{
    background-color: #ffff;
    color: #fe000f;
} */

.colleague_administration .colleague_administration_content .colleague_administration_right .colleague_administration_right_img{
    float: left;
    width: 6%;
    padding: 1px 0 0 16%;
}
.colleague_administration .colleague_administration_content .colleague_administration_right .colleague_administration_right_img img{
    width: 24px;
}

.colleague_administration .colleague_administration_content .colleague_administration_right .colleague_administration_right_text{
    float: right;
    width: 70%;
    font-size: 14px;
    line-height: 34px;
    margin: 0 7% 0 0;
}

/*  */
.colleague_need{
    width: 100%;
    text-align: center;
}
.colleague_need .colleague_need_title{
    font-size: 26px;
    margin: 7% 0 2% 0;
}
.colleague_need >.colleague_need_title~p{
    color: #626262;
    font-size: 14px;
    margin: 0;
}
.colleague_need .colleague_need_img{
    width: 70%;
    margin: 0 17%;
}
.colleague_need .colleague_need_img .colleague_need_img_content {
    position: relative;
    width: 30%; 
    float: left;
    margin: 5% 0 0 0;
}
.colleague_need .colleague_need_img .colleague_need_img_content_center{
    margin: 5% 2%;
}
.colleague_need .colleague_need_img .colleague_need_img_content  img{
    width: 100%;
    display: block;
}
.colleague_need .colleague_need_img .colleague_need_img_content .colleague_need_img_content_dowm{
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #000;
    color: #ffffff;;
    background-color: rgba(0,0,0,.5);
    padding: 9.3% 0;
    font-size: 14px;
}
.colleague_need .colleague_need_img .colleague_need_img_content .colleague_need_img_content_dowm p{
    line-height: 200%;
    color: #ffff;
}
.colleague_need #colleague_need_foot{
    font-size: 22px;
    margin: 2% 0 7% 0;
    color: #000!important;
}
/*  */
.footer{
    background: #0b0b0b;
    width: 100%;
    color: #6b6b6b;
}
.footer a{
    color: #6b6b6b;
}
.footer .footer_box{
    width: 75.8%;
    margin: 0 auto;
    padding: 60px 0 40px 0;
}
.footer .footer_box .footer_qr{
    float: right;
    width: 119px;
    text-align: center;
}
.footer .footer_box .footer_qr img{
    width: 100%;
    display: block;
}
.footer .footer_box .footer_qr .footer_qr_text{
    font-size: 14px;
    line-height: 14px;
    margin: 12px 0 0 0;
}
.footer .footer_box .footer_box_cut{
    float: left;
    margin: 0 0 0 5%;
    height: 160px;
    width: 2px;
    border: 0px;
    border-left: 1px solid #000000;
    border-right: 1px solid #161616;
}
.footer .footer_box .footer_content{
    float: left;
    width: 80%;
}
.footer .footer_box .footer_content a:hover{
    color: #ffff;
}
.footer .footer_box .footer_content .footer_menu_container{
    margin: 0 0 20px 0;
}
.footer .footer_box .footer_content .footer_menu_container .footer_menu{
    float: left;
    font-size: 16px;
    line-height: 22px;
    margin: 0 80px 0 0;
}
.footer .footer_box .footer_content .title{
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 8px 0;
}

.footer .footer_box .footer_content .firend_link_list a{
    float: left;
    margin: 0 16px 0 0;
    line-height: 22px;
    color: #666;
}
.footer .footer_box .footer_content .footer_qq{
    display: block;
    margin: 6px 0 0 0;
}
.footer .footer_copyright{
    width: 100%;
    background: #000000;
    text-align: center;
    font-size: 14px;
    line-height: 50px;
}
/*  */
.dropdown .dropdown-menu{
    position: absolute;
    top: 100%;
    left: 30px;
    background: #ffffff;
 
}
.colleague_head .index_head_box .index-nav .dropdown .dropdown-menu{
    padding: 10% 0 0 18%;
    min-width: 123px;
}
.colleague_head .index_head_box .index-nav .dropdown .dropdown-menu a{
    border: none;  
    margin: 0;
    font-size: 16px;
    display: block;
    line-height: 20px;
}
.colleague_head .index_head_box .index-nav .dropdown .dropdown-menu a:hover{
    color: #f00;
}