body{
    margin: 0;
    padding:0;
    font-family: "Microsoft YaHei", sans-serif;
    background-color: #fff;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.outBox{
    width:1200px;
    height:auto;
    clear:both;
    position:relative;
    margin:auto;
}
.bigBox{
    width: 100%;
}
/*==========header===========*/
.header{
    width:100%;
    height:80px ;
    background-color: rgba(255, 255, 255, 0.95);
    position: fixed;
    top:0;
    z-index: 100;
}
.logo{
    float: left;
    margin-top:10px;
    height: 60px;
}
#join{
    color:#15bdde;
}
.nav1{
    position: relative;
    left:350px;
    margin: 0;
    padding:0;
    list-style: none;
}
.nav1 li a{
    height: 80px;
    line-height: 80px;
    float: left;
    margin-right: 30px;
    font-size:18px;
    color:#555555;
    transition: all 0.3s linear;
    -moz-transition:  all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    -o-transition: all 0.3s linear;
}
.nav1 li a:hover{
    color:#15bdde ;
    transition: all 0.3s linear;
    -moz-transition:  all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    -o-transition: all 0.3s linear;
}
.login{
    width:174px;
    height:40px;
    text-align:center;
    background-image:url("../../images/login.png");
    border: 1px solid #d4d6da;
    position:absolute;
    top:20px;
    right:0;
    line-height:40px;
    font-size:18px;
    color:#555555;
    cursor:pointer;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius:  20px;
    -o-border-radius: 20px;
    border-radius:  20px;
}
.banner{
    height:536px;
    margin-top: 80px;
    background-color: #5268c1;
}
.banner .outBox{
    background-color: #5268c1;
}
.banner img{
    width: 100%;
}
.title{
    text-align:center;
    font-size:55px;
    color:#374051;
    line-height:220px;
}
/*============��������============*/
.boxFloat{
    float: left;
}
.numberOut{
    width:40px;
    height:40px;
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius:  20px;
    -o-border-radius: 20px;
    border-radius:  20px;
    behavior: url(ie-css3.htc);
    color:#fff;
    background-color:#ed5565;
}
.one{
    margin-left:100px;
}
.connect{
    width:210px;
    height:16px;
    margin-left:-5px;
    margin-right: -5px;
    margin-top:12px;
    background-color:#ed5565;
}
.wordOut{
    width: 240px;
    font-size: 18px;
    text-align: center;
    margin-bottom:130px;
}
.step{
    color: #afafaf;
    line-height: 50px;
}
.warn{
    color:#555;
}
.warnFont{
    font-family: "myfont2"; !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
}
/*===========����Ҫ��===========*/
.box2{
    width:460px;
    height:40px;
    float: left;
    position: relative;
    background-color: #5268c1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius:  5px;
    -o-border-radius: 5px;
    border-radius:  5px;
}
.require{
    clear: both;
    height: 454px;
    background-color: #eff4f5;
}
.require .outBox{
    height: 454px;
    background-color: #eff4f5;
}
.font{
    width: 20px;
    height:20px;
    font-family: "myfont2"; !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    margin-top:10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius:  10px;
    -o-border-radius: 10px;
    border-radius:  10px;
    background-color:#fff;
}
.fontMarLeft1{
    float: left;
    margin-left:20px;
    margin-right: 20px;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #fff;

}
.fontMarLeft2{
    font-family: "myfont2"; !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    float: left;
    margin-left:14px;
    margin-right: 14px;
    font-size: 20px;
    line-height: 40px;
}
.fontColor1-1{
    color: #5268c1;
}
.fontColor1-2{
    color: #15bdde;
}
.fontColor2{
    color: #fff;
}
.fontMarRight{
    font-family: "myfont2"; !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    color: rgba(0, 0, 0, 0.21);
}

.box2 .middle{
    width: 360px;
    font-size: 18px;
    text-align: center;
    float: left;
    line-height: 40px;
    color:#fff;
}
.box2right{
    margin-left: 20px;
}
.bg{
    margin-top: 20px;
    background-color: #15bdde;
}
.bigOut{
    margin-left: 130px;
}
/*============��������============*/
#apply{
    font-size: 18px;
}
.box03out{
    width: 400px;
    overflow: hidden;
    margin-left: 400px;
}
.box03out>input{
    width: 400px;
    height: 45px;
    border: 1px solid #d4d5d9;
    padding-left: 1rem;
    margin-bottom: 10px;
    outline: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius:  5px;
    -o-border-radius: 5px;
    border-radius:  5px;
    transition: all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear ;
}
.box03out>input:hover{
    border: 1px solid #b2b2b6;
    transition: all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear ;
}
.box03Word{
    line-height: 33px;
    color: #374051;
}
.box03Word01{
    margin-top:-5px;
}
.myText{
    width:400px;
    height: 96px;
    border: 1px solid #d4d5d9;
    outline: none;
    padding-left: 1rem;
    resize : none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius:  5px;
    -o-border-radius: 5px;
    border-radius:  5px;
    transition: all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear ;
}
.myText:hover{
    border: 1px solid #b2b2b6;
    transition: all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear ;
}
.mySubmit{
    width: 400px;
    height: 45px;
    margin-top:20px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #ed5565;
    color: #ed5565;
    margin-bottom: 95px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius:  5px;
    -o-border-radius: 5px;
    border-radius:  5px;
    transition: all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear ;
}
.mySubmit:hover{
    color: #ffffff;
    background-color: #ed5565;
    transition: all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear ;
}
/*<!--========��˾֧��===========-->*/

.support{
    clear: both;
    height:585px ;
    background-color: #eff4f5;
}
.support .outBox{
    height:585px ;
    background-color: #eff4f5;
}
.box4sTitle{
    font-size: 27px;
    color:#374051;
    text-align: center;
    margin-top: -57px;
    margin-bottom:57px ;
}
.mapUl{
    width:1140px;
    margin:auto;
}
.mapUl>li{
    line-height:24px;
    width:275px;
    text-align:center;
    float:left;
    list-style: none;
    font-size:18px;
    color:#374051;
}
.mapUl>.myIcon .myImg{
    transition: all .5s linear;
    -moz-transition:all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear ;
    margin-left: 45px;
}
.mapUl>.myIcon .myImg:hover{
    transform:rotate(8deg);
    -o-transform:rotate(8deg);
    -webkit-transform:rotate(8deg);
    -moz-transform:rotate(8deg);
    -ms-transform:rotate(8deg);
    transition: all .5s linear;
    -moz-transition:all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear ;
}
.box4word{
    margin-top:34px;
    padding-bottom:50px ;
}
.btn{
    height:30px;
    width:95px;
    line-height: 15px;
    text-align:center;
    position:absolute;
    top:24px;
    right:85px;
    font-size:16px;
    border-radius: 3px;
    color:white;
    cursor:pointer;
    background: #75cbe5;
}
.phone-log{
    height:30px;
    width:150px;
    position: absolute;
    top:22px;
    right:-80px;
    background: url(../../images/phone.png)no-repeat left;
    background-size: 25px;
}
.phone{
    margin-left:34px;
    position: relative;
    top:6px;
}