.left{float:left;}
.right{float:right;}
.member{width: 100%;margin-top: 100px;}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
#gallery-slider #slider-controls {
    margin: auto;
    width: 100%;
    height: 245px;
    position: absolute;
    overflow: hidden;
}
 #slider-controls a#slider-control-left, #slider-controls a#slider-control-right {
    height: 41px;
    width: 23px;
    position: absolute;
    top: 126px;
    z-index: 9500;
    overflow: hidden;
    text-indent: -9999px;
    text-decoration: none;
}
 #slider-controls a#slider-control-left {
    left:141px;
    background: url(../img/left.png);
}
 #slider-controls a#slider-control-right {
    right: 141px;
    background: url(../img/right.png);
}
#gallery-slider #slider-images-wrapper ul#slider-main-ul {
    width: 1920px;
    height: 450px;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #FFF;
}
.nv3{display: none}
.banner img{width: 100%;    display: block;}
.container {
    width: 1145px;
    }
.top-txt{width: 264px;
    height: 130px;line-height: 130px;margin: 0 auto;    text-align: center;color:#fff;}
.top-txt h2{font-size: 20px;position: relative;}
.top-txt h2:after{content: "";display: block;width: 23px;height: 25px;position: absolute;top:50%;margin-top: -12.5px;background: url(../img/join-icon.png);    left: 55px;}
.member .join-banner{    width: 1664px;
    margin: 0 auto;position: relative;}
.scroll{width: 100%;height: 2px;background: #b3b3b3;    clear: both;margin: 45px auto 70px auto;position: relative;}
.scroll p{width:100px;height:5px;background: #fc645f;    position: absolute;
    top: -1px;}
.join{
    clear: both;
    overflow: hidden;    margin-top: 54px;    position: absolute;}
.join li{
    float: left;
    margin-right: 25px;
    margin-bottom: 15px;
    border:3px solid #fc645f;
}
.join li:last-child{margin-right: 0px;}
.join li dl {
    width: 100%;
    display: table;
    background: #fff
}
.join-hide{    position: relative;
    width: 1664px;
    height: 245px;overflow: hidden;}
dl dt {
    float: left;
    width: 120px;
    height: 170px;
    position: relative;
   /* background-image: linear-gradient(to bottom, #34373F, #34373F);*/
}
dl dt a{
    width: 85px;
    height: 85px;
    margin: 42.5px auto;
    border-radius: 50%;
    display: block;
    overflow: hidden;
}
dl dd {
    float: left;
    width: 265px;
    height: 170px;
    -webkit-transition: all .4s linear 0s;
    -moz-transition: all .4s linear 0s;
    -o-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
}
dl dd p{
    font-family: "宋体";
    color: #626262;
    line-height: 20px;
    padding: 30px 36px 0 0;
    text-indent: 36px;
    width:230px;
    height: 77px;
    position: relative;
}
dl dd p:after{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/join-p.png);
    position: absolute;
    top: 22px;
    left: 1px;
}
dl dd p:before{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/join-r.png);
    position: absolute;
        bottom: -7px;
    right: 97px;
}
dl dd span{
    font-family: "宋体";
    color:#ea4c89;
    font-weight: 600
}
.name{
    margin-top: 20px;
}
.time{margin-left: 15px;color:#636363;}
.position{
    margin-top: 69px;
    width: 100%;
}
.join-list{padding:0 10px}
.join-list ul{width:1220px;    margin: 46px auto 0 auto}
.join-list ul li{height: 95px;border-bottom: 1px solid #fc645f;margin-top: 18px}
.join-list ul li img{vertical-align: top}
.join-name{width: 1115px;display: inline-block;margin-left: 10px}
.join-name h2{width: 100%;font-size: 20px;font-weight: 600;color:#525252;}
.join-name p{height: 45px;line-height: 45px;    margin-top: 16px;}
.join-name p a{width:275px;display: inline-block;font-size: 20px;color:#525252;text-align: left}
.join-name p a:nth-of-type(4){text-align: center;background: #fc645f;color:#fff;border-radius:5px;}
.join-title{width:100%;height: 110px;line-height: 110px;}
.join-title span:nth-of-type(1){    vertical-align: top;
    margin-top: 57px;width: 9.6%;height:3px;background: #ccc;display: inline-block;}
.join-title h2{    display: inline-block;    font-weight: 600;
    width: 24%;
    font-size: 32px;}
.join-title h2 p{     font-weight: 200;    vertical-align: bottom;   margin-left: 21px;display: inline-block;font-size:20px;color:#fc645f;}
.join-title span:nth-of-type(2){    width: 65.8%;
    display: inline-block;
    background: #ccc;
    height: 3px;vertical-align: top;
    margin-top: 57px;}
.member .join-title span:nth-of-type(2):after{
    content: "";
    display: block;
    width:310px;
    height: 35px;
    position: absolute;
    background: url('../img/company.png');
        right: 29px;
    top:21px;
}
.join-hide{margin: 0 auto}
        .join-hide,.scroll {
            width: 1225px;

        }
.join-c{width: 615px;height: 640px;background: #fff;position: absolute;left:50%;margin-left: -307.5px;top:50%;margin-top: -320px}
.join-nav{height: 45px;line-height: 45px;background: #fc645f;text-align: center;position: relative;font-size: 16px;color:#fff;}
.close{position: absolute;
    width: 15px;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    right: 20px;
background: url('../img/close.png')}
form{color:#454545;font-size: 14px;}
.form-tit{height: 50px;line-height: 60px;text-indent: 65px;position: relative;} 
.form-tit:after{    content: "";position: absolute;height: 16px;width: 4px;background: #fc645f;top: 22px;left: 54px;}  
.join-tit{padding-left: 82px;}
.input-group{height: 60px;line-height: 60px}
.input{display: inline-block;}
.input-group:nth-of-type(1) input{width: 177px;height: 32px;}
.unified{width: 251px;height: 32px}
.the-header{width: 88px;display: inline-block;text-indent: 14px;position: relative;}
.the-header:after{content:"";width: 9px;height: 9px;display: block;background:url('../img/asterisk.png');position: absolute;top: 50%;margin-top: -4.5px;}
.input-group:nth-of-type(2) .input label{margin-right: 35px}
.input-group:nth-of-type(7){line-height: 44px;    margin-top: 15px;    height: 83px;}
.input-group:nth-of-type(7) .the-header{display: block;float:left;}
button{outline: 0 none!important;}
.btn{display:block;border:none;border-radius:5px;font-size:14px;width: 145px;height:32px;line-height: 32px;text-align: center;margin: 26px auto;color:#fff;background: #fc645f;}
textarea{width: 332px;height: 77px}
.join-mark,.position .mark-hide{-webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;}
.join-mark{
    position: fixed;top:0
}
.mark-show{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
@media screen and ( min-width:1200px ) and ( max-width:1460px ) {
    .join-mark .join-c{height: 540px;margin-top: -235px;}
    .join-c .input-group{height: 40px;line-height: 40px;}
    .join-c .btn{margin: 77px auto}
    #slider-controls a#slider-control-left{
        left:-70px;
    }
    #slider-controls a#slider-control-right{
        right:-70px;
    }
    
    .join-title span:nth-of-type(2){
        width: 59.7%;
    }
    .join-title h2{width: 30%}
    .join-list ul{
        width: 890px;
        margin: 0 auto
    }
    .join-name{    width: 785px;}
    .join-name p a {font-size: 15px;    width: 203px;}
    .join-name p a:nth-of-type(2){width: 253px;}
    .join-name p a:nth-of-type(3){width: 166px;}
    .join-name p a:nth-of-type(4) {width: 146px;height: 30px;line-height: 30px}
    .join-name p{margin-top: 26px}
    .member{margin-top: 65px}
    .member .join-banner{width: 1095px;}
    .join-hide, .scroll {width: 1095px;}
    dl dd {width: 244px;}
    dl dt a {width: 70px;height: 70px;    margin: 50.5px auto;}
    dl dt {width: 98px;}
    .member .join-title span:nth-of-type(2):after {right: 71px;}
}
@media screen and (max-width: 640px) and (min-width: 320px){
    *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

header{
    padding:8px 0 
} 
.nv1{
    display: none
} 
.header .logo {
    margin-left: 30px;
}
.ghh {
    float: right;
    width: 48px;
    height: 38px;
    margin-right: 30px;
    margin-top: 7px;
    border: 2px solid #ED6C00;
    text-align: center;
    border-radius: 5px;
}
.ghh {
    width: 40px;
    height: 30px;
    border: none;
}
.gh {
    float: right;
    width: 34px;
    margin-top: 17px;
    margin-right: 5px;
    position: relative;
    cursor: pointer;
    display: table;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.gh a {
    background-color: #ED6C00;
    display: block;
    height: 4px;
    margin-top: -2px;
    position: relative;
    top: 50%;
    width: 100%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.gh a {
    margin-top: -6px;
    height: 3px;
}
.gh a:after, .gh a:before {
    background-color: #ED6C00;
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
    content: " ";
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.gh a:before, .gh a:after {
    height: 3px;
}
.gh a:before {
    top: -7px;
}
.gh a:after {
    top: 7px;
}
.position {
    margin-top: 0;
    position: relative;
    z-index: 9
}
.banner{
    width: 100%;
    height:8.8rem;
    background: url('../img/banner-m.png');
    background-size: cover;
}
.banner img{
    display: none
}
.join-list{
    padding:0 ;

}
.join-title{
    height: 3.6rem;
    line-height: 3.6rem
}
.join-title h2{
    font-size: .7rem;
        width: 55%;
}
.join-title span:nth-of-type(1){
    height: 2px;
        margin-top: 1.8rem;
}
.nv2{
    display: none
}
.nv3 {
    display: block;
float: right;
    float: right\9;
    margin-right: 70px;
    position: relative;
    width: 1.34rem;
    height: 1.34rem;
    line-height: 0;
    margin-top: 5px;
}
.nv3 a{
    width: .8rem;
    height: .8rem;
    text-align: center;
    line-height: .8rem;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 0.4rem;
    display: block;
}
.nv3 a:nth-of-type(1){
    color: #111;
    position: relative;
    z-index: 5
}
.nv3 a:nth-of-type(2){
    position: absolute;
    right: 0;
    bottom: 0;
    background: transparent;
}
.join-title h2 p{
    font-weight: 600;
    vertical-align: top;
    margin-left: 6px;
    font-size: .5rem;
}
.join-title span:nth-of-type(2) {
    width: 32%;


    height: 2px;

    margin-top: 1.8rem;
}
.join-list ul{
    width: 100%;
    padding: 0 10px;
    margin: 0
}
.join-list ul li img{
        width: 2.32rem;
}
.join-name {
    width: 82%;
    margin-left: 0;
    float: right;
}
.join-name h2{
    font-size: .7rem
}
.join-name p a {
    width: 20%;
    display: inline-block;
    font-size: .55rem;
    color: #525252;
    text-align: left;
}
.join-name p a:nth-of-type(1){
    width: 18%
}
.join-name p a:nth-of-type(2){
    width: 31%
}
.join-name p a:nth-of-type(3){
    width: 25%
}
.join-name p a:nth-of-type(4){
       width: 21%;
}
.join-name p{
        height: 1.4rem;
    line-height: 1.4rem;
    margin-top: 5px;
}
.join-list ul li {
    height: 3rem;
}
.member{
        margin-top: 25px;
}
#slider-controls{
    display: none
}
.member .join-banner{
    width: 100%
}
.join-hide, .scroll{
     width: 100%;
     height: auto
}
.join-hide{
        width: 80%;
}
.join{
    width: 100%!important;
    position: relative;
    margin-top: 0;    margin-bottom: 30px;
}
.join li {
    float: inherit;
    height: 7rem;
    margin-right: 0
}
.join li dl{
        display: inherit;
}
dl dt{
    height: 7rem;
        width: 4.6rem;
}
dl dd {
    float: left;
    width: 7.9rem;
    height: 7rem;}
    dl dd p {
        font-family: "宋体";
    color: #626262;
    line-height: .85rem;
    padding: 1rem .3rem 0 0;
    text-indent: 1rem;
    width: 7.9rem;
    height: 5rem;
    position: relative;
    font-size: .5rem;
}
dl dd p:before{
    right: 1rem;
    bottom: 0
}
.name{
    margin-top: 5px
}
 .scroll{
    display: none
 }
 .join-c{
    width: 100%;
    left:0;
    margin-left: 0;
    top: 62px;
    margin-top: 0
 }
 .join-tit{
    padding-left: 1rem
 }
 .input-group:nth-of-type(1) input{
    width: 6rem
 }
 .form-tit {
    height: 50px;
    line-height: 60px;
    text-indent: 1.4rem;}
    .form-tit:after {
 
    left: 1rem;
}
.input-group {
    height: 2rem;
    line-height: 2rem;
}
.btn{
        margin: 2.5rem auto;
}

}