body{position: relative;}



/*留言板*/



.C_main{width: 1200px;margin: 0 auto}



.message{margin: 50px auto 0;}



.NEP li{color:#767676;box-sizing:border-box;padding:5px 0;float: left;width: 30%;border: 1px solid #E7E7E7;}



.l_email{margin: 0 5%;}



.NEP li.textarea{width: 100%;padding: 0;margin-top: 50px;}



.NEP input::-webkit-input-placeholder,.txt::-webkit-input-placeholder {color: #585858; font-size: 14px;letter-spacing: 2px;}



.NEP input:-moz-placeholder,.txt:-moz-placeholder {color: #585858; font-size: 14px;letter-spacing: 2px;}



.NEP input::-moz-placeholder,.txt::-moz-placeholder {color: #585858; font-size: 14px; letter-spacing: 2px;}



.NEP input:-ms-input-placeholder,.txt:-ms-input-placeholder {color: #585858; font-size: 14px;  letter-spacing: 2px;}











.NEP li input{width: 96%;border: none;padding-left: 10px;height:35px;line-height:35px;}



.txt{padding:5px;resize:none;box-sizing:border-box;height: 100px;width:100%;border: none;}



.p_btn{text-align: right;}



.f_btn{cursor:pointer;margin-top:30px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;height: 40px;width: 140px;border: 1px solid #E7E7E7;background: #fff; color: #787878;font-size: 16px;}



.txtOn{border: 1px solid #b3b3b3!important;}



.txtOn1{border: 1px solid #b3b3b3!important;}











/*加入我们*/



.join .maincase{padding-top:50px;}



.recr{width:1200px;margin:50px auto;background:#FFF;text-align:center;font-size:18px;color: #585858;}



.recr dt{background:#EAEAEA;color:#000;font-size: 14px;}



.bb,dt{height:40px;line-height:40px}



.bb{font-size:14px;background:#fff;color:#595959;cursor:pointer;border-bottom:1px solid #EAEAEA}







.hspan{display:inline-block;width:20%}



.bb .hsp{display:inline-block;width:30px;float:right;background:url(../img/bbg1.png) no-repeat center;background-size:100%;transition:all .3s ease;vertical-align:middle}



.bb .hspan:nth-child(2) .hsp {display: none;}



.hhsp{transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}



.responsibility{padding:50px 50px;font-size: 14px;}



.responsibility p{text-align:left!important;margin-bottom:5px}



.resume{margin-top:20px}



.join{margin:0 auto 50px;width:1200px;position: relative}

#join{

    position: absolute;

    top: -60px;

}



.join p span{height:30px;line-height:30px;font-size:18px}



.join .j_title{width:1200px;margin:0 auto 30px}



.hspan:first-child{width: 37%;text-align: left;}



.responsibility .p_btn{text-align: right!important;}







/*表单提交*/



.box_bg{z-index:9999;display:none;position: absolute;width: 100%;height: 100%;top:0;left:0;background: rgba(0,0,0,.5)}



.box{ box-sizing:content-box;padding:10px 30px  30px;position: fixed;background: #fff;left: 50%;top: 50%;transform: translate(-50%,-40%)}



.page{



    position: relative;



    display: none;



    background-color: #fff;



    padding: 60px 40px 30px;



}



.page .close{



    position: absolute;



    top: 0px;



    right: 0px;



}



.page .page-msg{



    position: relative;



    padding: 0 36px 30px;



    /* border-bottom: 1px solid #ccc; */



}



.page .page-msg:after{



    content: '';



    position: absolute;



    bottom: 0;



    left: 0;



    width: 100%;



    height: 1px;



    background-color: #ccc;



    -webkit-transform: scaleY(0.5);



    -moz-transform: scaleY(0.5);



    -o-transform: scaleY(0.5);



    -ms-transform: scaleY(0.5);



    transform: scaleY(0.5);



}



.page h4{



    font-size: 20px;



    margin-top: 10px;



}



.page p{



    font-size: 18px;



    padding: 30px 36px;



}



.form{height: auto;width: 665px;}



.form h3{font-size:18px;height: 30px;line-height: 30px;}



.form h5{font-size:12px;height: 30px;line-height: 30px;}



.form ul li{height:50px;line-height:50px;float: left;width: 40%;font-size: 12px;}



.form ul li:nth-child(even){margin-left: 5%;}



.form ul li:nth-child(odd){margin-right: 5%;}



.form ul li input{padding-left:10px;width:67%;border: none;border-bottom: 1px solid #e2e2e2;padding-top: 16px;margin-bottom: 12px;}



.form ul li:last-child input{width: 87%;}



.remark{margin-top: 30px;}



.box_bg .submit{display:inline-block;*display:block;*zoom: 1;margin-left: 50px; background:#DDDDDD;border:none;height: 30px;}



.red{color:red; }



.E_submit{display:inline-block;*display:block;*zoom: 1;height:30px;line-height:30px;width:100px;float:right;text-align:center;background: #fff;border: 1px solid #DDDDDD;}



.vitae{margin-top: 30px;font-size: 14px;}



.close{position: relative;display:inline-block;*display:block;*zoom: 1;right: -635px;top: -2px;cursor:pointer;height: 50px;line-height:50px;text-align:center;width: 50px;font-size: 20px;}







/*地址*/



.banner{position: relative;height: 595px;}

.address-warp{

    position: absolute;

    top:5%;

    left:5%;

    box-sizing:content-box;

    padding:50px 30px 30px;

    width: 450px;

    background: #fff;

    font-size: 14px;

    box-shadow: 0px 0px 30px rgba(136, 136, 136, 0.36)

}

.address-warp .swiper-pagination{

    top: 16px; 

}

.address-warp .swiper-pagination .swiper-pagination-bullet{

    position: relative;

    display: inline-block;

    width: 38px;

    height: 29px;

    font-size: 14px;

    line-height: 29px;

    vertical-align: middle;

    color: #999;

    margin: 0 8px;

    cursor: pointer;

}

.address-warp .swiper-pagination .swiper-pagination-bullet:after{

    position: absolute;

    top: 4px;

    right: -8px;

    content: '';

    width: 1px;

    height: 20px;

    background-color: #000;

}

.address-warp .swiper-pagination .swiper-pagination-bullet:last-child:after{

    display: none;

}

.address-warp .swiper-pagination .swiper-pagination-bullet-active{

    font-size: 18px;

    color: #000;

}

.address h3{margin-left: 8px;}



.address p{line-height: 35px;color: #727272;}

.address p .location{

    display: inline-block;

    width: 375px;

    vertical-align: top;

}

.address1 .swiper-pagination{

    width: 100%;

    top: 15px;

    left: 0;

    height: auto;

}

.address1 .swiper-pagination-bullet-active{

    font-size: 16px;

    font-weight: bold;

    color: #000;

}

.address1 .swiper-pagination .swiper-pagination-bullet{

    width: auto;

    height: auto;

    vertical-align: middle;

    margin: 0 8px;

    cursor: pointer;

}

.address1 .location{

    display: inline-block;

    width: 82%;

    vertical-align: top;

}

.icon{text-align:center;display:inline-block;*display:block;*zoom: 1;width: 30px;height: 30px;}



.s_line{font-size:12px;display:inline-block;*display:block;*zoom: 1;height: 20px;margin-right: 10px;}



.address p.p_lh{height: 25px;line-height: 25px;}



.p_lh i{display:inline-block;*display:block;*zoom: 1;width: 47px;}



.icon-duihuakuang {font-size: 24px;}



.china{position: relative;margin-bottom: 10px;}



.icon1{position: absolute;left: -48px;font-size:24px;top: -7px;}



.address1{display: none;}









.address-warp .swiper-pagination .swiper-pagination-bullet{ width:auto; font-size:14px;} 

.address-warp .swiper-pagination .swiper-pagination-bullet:after{ height:12px; top:9px;}

.lydqa{ position:relative;}



#join{ top:-125px;}







































@media (min-width: 768px) {



    .bb:hover{background: rgba(234, 235, 234, 1);}



    .f_btn:hover,.E_submit:hover{background: #464646;border: #464646;color: #fff;}



}







@media (max-width: 1200px){



   .C_main,.maincase{width: 97%;margin: 0 auto;}



    .join{width: 97%;margin: 50px auto 0;}



    .recr{width: 97%;margin: 0 auto 50px;}



}











@media (max-width: 768px) {



    .C_main{margin-top: 50px;}



    .banner{display: none;}



    .hspan{width: 48%;}



    .hspan:first-child{width: 50%;}



    .hspan:nth-child(3),.hspan:nth-child(4){display: none;}



    .NEP li{width: 100%;float: none;}



    .l_email{margin:10px 0;}



    .responsibility {padding: 10px;}



    .box,.form{width: 90%;margin: 0 auto;}



    .form ul li input {width: 62%;}



    .form ul li:last-child input {width: 85%;}



    .address1{width: 90%;margin: 55px auto 0;display: block;color: #5e5e5e;padding-top: 66px;}



    .address1 h3{margin-left: 8px;font-weight: bold}



    .p_btn{text-align: center;}



    .message{width:90%;margin-top: 30px;}



    .page{display: block;width:514px;box-sizing: border-box; position: fixed;left:50%;top:50%;transform: translate(-50% ,-50%);}



    .box{display: none;}



    .join{margin: 30px auto 0;}



    .txt {padding: 10px;box-sizing: border-box;}



    .bb .hspan:nth-child(2) .hsp {display:block;}



}



@media screen and (max-width: 600px) {



    .page{



        width: 346px;



    }



    .page .page-msg{



        padding: 0 15px 30px;



    }



    .page h4{



        font-size: 16px;



    }



    .page p{



        font-size: 12px;



        padding: 30px 0;



    }



}



@media (max-width: 400px){



    .hspan:nth-child(3){display: none;}



    .hspan, .hspan:first-child{width: 49%;}



    .page{



        width: 300px;



        padding-top: 32px;



    }



    .page .page-msg{



        padding: 0 0 15px;



    }



    .page h4{



        font-size: 14px;



    }



    .page p{



        padding: 16px 0;



    }



}