.index{
    width: 100%;
    height: 100vh;
    background-size: cover;
    padding: 4.6875rem;
    overflow: hidden;
    background: url(../img/2.jpg) center/cover no-repeat;
}
.index-lz{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.index_wid{
   position: relative;
   width: 100%;
   height: 100%;
   z-index: 55;
   
}
.index .title .p1{
    color: #fafafa;
    font-size: 3.211533rem;
    margin-bottom: 1.875rem;
}
.index .title .p2{
    color: #fafafa;
    font-size: 1.375rem;
    line-height: 2.25rem;
}
.index .title{
    margin-top: 5.625rem;
}
.index_bot{
    color: #fafafa;
    font-size: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
}
.login_tit{
    color: #080707;
    margin-bottom: 3.125rem;
}
.login_tit p:nth-of-type(1){
    font-size: 2.5rem;
}
.login_tit p:nth-of-type(2){
    font-size: 1.125rem;
}
.login{
    padding: 2.8125rem 1.5625rem;
    background: #ffffff;
    border-radius: 1.0625rem;
}

.login{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 30.5rem;
}

.login_inp input{
    height: 3.6875rem;
    background-color: #ffffff;
    border: 1px solid #d6d4d4;
    border-radius: 5px;
    width: 100%;
    padding-left: 2rem;
}
.login_inp input::-webkit-input-placeholder{
    color: #b3b1b1;
}
.login_inp .iconfont{
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    color: #18bc9c;
    font-size: 1.45rem;
    /* font-weight: bold; */
}
.login_inp{
    margin-bottom: .9375rem;
}
.login_but button{
    width: 100%;
    height: 3.6875rem;
    background-color: #18bc9c;
    border-radius: 5px;
    margin-top: .9375rem;
    border: 1px solid #18bc9c;
    font-size: 1.125rem;
    color: #ffffff;
}





.contact_top label {

    font-size: .9rem;

    margin-bottom: 0;

}

.contact_box_in input {

    height: 1.875rem;

    font-size: .9rem;

}



.contact_top {

    margin-top: .4375rem;

}
.contact_top label{

    color: rgba(0, 0, 0, 0.65);

    font-size: .875rem;

    font-weight: 500;



}

.male:checked {

	background:#fff;

}

.male {

	width:15px;

	height:15px;

	background-color:#fff;

	border:solid 1px #d6d4d4;

	font-size:0.8rem;

	margin:0;

	padding:0;

	position:relative;

	display:inline-block;

	vertical-align:top;

	cursor:default;

	-webkit-appearance:none;

	-webkit-user-select:none;

	user-select:none;

	-webkit-transition:background-color ease 0.1s;

	transition:background-color ease 0.1s;

}

.contact_top.active .male{

    border: none;

    background: none;

}

.male:checked::after {

	content:'';

	top:2px;

	left:1px;

	position:absolute;

	background:transparent;

	border:#18bc9c solid 2px;

	border-top:none;

	border-right:none;

	height:6px;

	width:10px;

	-moz-transform:rotate(-45deg);

	-ms-transform:rotate(-45deg);

	-webkit-transform:rotate(-45deg);

	transform:rotate(-45deg);

}




.workbench_top{
    background: #fff;
    padding: 1.25rem 3.125rem 1.25rem 0;

}
.workbench_top_a a{
    font-size: .875rem;
    line-height: 1.375rem;
    color: rgba(0, 0, 0, 0.65);
}
.workbench_top_a a:nth-last-child(1) em{
    display: none;
}
.workbench_top_a em{
    font-style: initial;
}
/* .workbench_top_img{
    float: left;
    width: 73px;
    height: 73px;
    border-radius: 50%;
} */
.workbench_top_name{
    /* float: left; */
    /* padding-top: .625rem; */
}
.workbench_top_name p:nth-of-type(1){
    font-size: 1.25rem;
    color: #222d32;
}

.workbench_top_name p:nth-of-type(2){
    font-size: .875rem;
    color: #b3b1b1;
    margin-top: .5rem;
}
.workbench_top_name p span{
    color: #18bc9c;
}
/* .workbench_top_name{
    padding-left: .9375rem;
} */
.workbench_top_box{
    margin-top: .9375rem;
}

.workbench_cen{
    padding: .9375rem;
}
.workbench_cen_div .tit{
    font-size: 16px;
    line-height: 24px;
    padding: .9375rem 1.25rem;
    border-bottom: 1px solid #ebeced;
}
.padd{
    padding: .9375rem 1.25rem;
}
.workbench_cen_div>div{
    width: calc(25% - 25px*3/4);
    float: left;
    background: #fff;
    border-radius: 2px;
    margin-right: 25px;
    min-height: 235px;
}
/* .workbench_cen_div> .workbench_cen_fin3{
    width: 24%;
} */
.workbench_cen_div>div:nth-last-child(1){
    margin-right: 0;
}
.moer{
    padding: 0 2.1875rem ;
    border: 1px solid #222D32;
    border-radius: 5px;
    font-size: .875rem;
    line-height: 2.5rem;
    display: inline-block;
    margin-top: 1.5625rem;
    color: #222D32;
}
.workbench_cen_size{
    text-align: center;
}

.workbench_cen_div .workbench_cen_fin1 .padd{
    padding: 1.5625rem 1.25rem;
}
.workbench_cen_div .workbench_cen_ul li a{
    display: block;
    font-size: .875rem;
    line-height: 2.31rem;
    color: #636060;
    border-top: 1px dashed #e9e9e9;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.workbench_cen_div .workbench_cen_ul li:nth-of-type(1) a{
    border-top: none;
}

.workbench_cen_div .workbench_cen_ul li:hover a{
    color: #18bc9c;
}
.workbench_cen_div .workbench_cen_nav{
    margin: 0 -3px;
}
.workbench_cen_div .workbench_cen_nav a{
    display: inline-block;
    font-size: .875rem;
    line-height: 2.1875rem;
    border: 1px solid #aeb5b4;
    border-radius: 5px;
    padding: 0 1.35rem;
    margin: 0 .3125rem;
    margin-top: 1rem;
    color: #7f8584;
}
.workbench_cen_div .workbench_cen_nav a:nth-of-type(1),
.workbench_cen_div .workbench_cen_nav a:nth-of-type(2),
.workbench_cen_div .workbench_cen_nav a:nth-of-type(3){
    margin-top: 0;
}

.workbench_cen_div .workbench_cen_contact .fl{
    width: 42%;
}

.workbench_cen_div .workbench_cen_contact .fr{
    width: 55%;
    font-size: .875rem;
    line-height: 1.5rem;
    color: #585858;
    padding-top: 14%;
}
.workbench_cen_div .workbench_cen_contact .fr span{
    color: #18bc9c;
    font-size: 1.25rem;
}





.content-wrapper, .right-side, .main-footer {
    -webkit-transition: -webkit-transform 0.3s ease-in-out,margin 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out,margin 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out,margin 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out,margin 0.3s ease-in-out;
    margin-left: 230px;
    z-index: 820;
}


.content-wrapper, .right-side {
    min-height: 100%;
    background-color: #ecf0f5;
    z-index: 800;
}
.workbench_cen_ht{
    text-align: center;
    padding-top: 15%;
}
.workbench_cen_ht .p1{
    color: #585858;
    font-size: .875rem;
}
.workbench_cen_ht .p2{
    color: #222D32;
    font-size: 1.5rem;
    margin-top: .5rem;
}
.workbench_cen_fin2 .tit .fr{
    color: #000000;
    font-size: .875rem;
}
.workbench_nav li{
    width: calc(20% - 25px*4/5);
    margin-left: 25px;
    float: left;
    border-radius: 6px;
}
.workbench_nav li:nth-of-type(1){
    margin-left: 0;
}
.workbench_nav li a{
    color: #fff;
    padding: 2.1875rem 0;
    text-align: center;
    display: block;
}
.workbench_nav li:nth-of-type(1){
    background-color: #7AD5C5;
}
.workbench_nav li:nth-of-type(2){
    background-color: #F0D999;
}
.workbench_nav li:nth-of-type(3){
    background-color: #ED895A;
}
.workbench_nav li:nth-of-type(4){
    background-color: #6FA2F2;
}
.workbench_nav li:nth-of-type(5){
    background-color: #B993ED;
}
.workbench_nav li a p{
    margin-top: .9375rem;
    font-size: 1rem;
    font-weight: bold;
}
.workbench_nav li a .fa{
    font-size: 1.875rem;
}
.workbench_help,
.workbench_carousel,
.workbench_nav{
    padding: .9375rem;
    padding-top: 0;
}
.workbench_carousel img{
    border-radius: 6px;
}
/*.workbench_carousel .swiper-slide a{
    display: block;
    height: 300px;
    overflow: hidden;
}*/
.workbench_help_back{
    background: #fff;
}
.workbench_help_back{
    padding: 2.5rem 1.25rem;
}
.workbench_help_ul li{
    width: calc(33.33% - 6.875rem*2/3);
    margin-left: 6.875rem;
    float: left;
    padding: .9375rem 0;
    cursor: pointer;
}
.workbench_help_top{
    display: flex;
    align-items: center;
    justify-content: center;
}
.workbench_help_ul li:nth-child(3n+1){
    margin-left: 0;
}
.workbench_help_ul .fl{
    margin-right: 1.125rem;
}

.workbench_help_ul .fl span{
    display: inline-block;
    width: 4.6875rem;
    height: 4.6875rem;
    line-height: 4.6875rem;
    border-radius: 50%;
    text-align: center;
    background: #eaeef1;
   position: relative;

}
.workbench_help_ul .fl span img{
    width: 2.5rem;
}
.workbench_help_ul .fl span .fa{
    font-size: 1.875rem;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.workbench_help_ul .fr p:nth-of-type(1){
    color: #585858;
    font-size: 1rem;
}
.workbench_help_ul .fr p:nth-of-type(2){
    color: #585858;
    font-size: .8125rem;
    margin-top: .5rem;
    line-height: 1.5rem;
    height: 65px;
}
.workbench_help_ul{
    margin-top: 1.5625rem;
}
.workbench_help_rx{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .97);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #585858;
    font-size: 1rem;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    opacity: 0;
    border-radius: 6px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.workbench_help_rx span{
    color: #18bc9c;
}
.workbench_help_ul li:hover .fl,
.workbench_help_ul li:hover .ft{
    opacity: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.workbench_help_ul li:hover .workbench_help_rx{
    opacity: 1;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.picture_vid_fin .modal-dialog{
    transform: translateY(-50%) !important;
    top: 50% !important;
}




















@media(max-width:1440px){
    input[type=checkbox], input[type=radio]{
        margin-top: 0;
    }
    .workbench_cen_div .workbench_cen_nav a{
        padding: 0 1.125rem;
    }
    .workbench_cen_div>div {
        min-height: 205px;
    }
}
@media(max-width:1440px){
    .workbench_cen_div .workbench_cen_nav a {
        margin: 0 .125rem;
        margin-top: .5rem;
        padding: 0 1rem;
    }
    .workbench_cen_div>div {
        min-height: 198px;
    }
}
.index_bix{
    width: 40%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 555;
}
.index-dl{
    width: 100%;
}
.index_bix .logo-login{
    width: 40%;
    float: left;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.index_bix::after{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 100%;
    content: "";
    background: rgba(255, 255, 255, .5);
    z-index: 55;
}
.index_bix .login-index{
    width: 40%;
    float: right;
}
.login-index .p1{
    font-size : 14px;
    line-height : 18px;
    color : #FFFFFF;
    margin-bottom: 35ox;
}
.login-index .login-inp{
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    background: none;
    height: 2.5rem;
    margin-top: .9375rem;
    color: #FFFFFF;
}
.login-index .login-inp::-webkit-input-placeholder{
    color: rgba(255, 255, 255, .5);
}
.login-but button{
    width: 100%;
    font-size : 14px;
    background : #2196F3;
    border-radius : 1.125rem;
    margin-top: 2.8125rem;
    border: 1px solid #2196F3;
    line-height: 2.1875rem;
    color: #FFFFFF;
    transition: 400ms ease-in-out;
    -moz-transition: 400ms ease-in-out;
    -webkit-transition: 400ms ease-in-out;
    -o-transition: 400ms ease-in-out;
}
.login-but button:hover{

background: rgba(33, 150, 243, 0.5);
    transition: 400ms ease-in-out;
    -moz-transition: 400ms ease-in-out;
    -webkit-transition: 400ms ease-in-out;
    -o-transition: 400ms ease-in-out;
}
.foot-index{
    font-size : 12px;
    line-height : 26px;
    color : #FFFFFF;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    bottom: 2%;
    z-index: 55;
}
.foot-index div{
    display: inline;
}
.foot-tel{
    position: relative;
    cursor: pointer;
}
.foot-tel:hover .foot-tel-img{
    display: block;
}
.foot-index .foot-tel-img{
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 170%;
    background: #fff;
    border-radius : 6px;
    padding: 5px;
}
.index-lz{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.index-lz::after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.3);
}
#holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
@media(max-width:1024px){
    .index_bix {
        width: 50%;
    }
}
@media(max-width:767px){
    .index_bix {
        width: 75%;
    }
    .index_bix .logo-login{
        width: 50%;
        position: static;
        transform: translateY(0%);
        float: none;
        margin: 0 auto;
    }
    .index_bix .login-index{
        width: 100%;
        float: none;
        margin-top: 25px;
    }
    .index_bix::after{
        width: 0;
    }
    .foot-index{
        line-height: 22px;
        bottom: 3%;
        padding: 0 15px;
    }
    body{
        overflow: hidden;
        padding-bottom: 0;
    }
}
input:-webkit-autofill {
    -webkit-animation: autofill-fix 1s infinite!important;
    /* 选择历史记录的文字颜色*/
    -webkit-text-fill-color: #fff;
    -webkit-transition: background-color 50000s ease-in-out 0s!important;
    transition: background-color 50000s ease-in-out 0s!important;
    background-color: transparent!important;
    background-image: none !important;
    /* 选择历史记录的背景颜色 */
    -webkit-box-shadow: 0 0 0 1000px transparent inset!important;
}