@charset "utf-8";
/* CSS Document */
/*切图：*/
/*网站：*/
html { overflow-y:auto; overflow-x:hidden;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
img{ max-width:100%; vertical-align:top; line-height:0;}
*{ padding:0; margin:0; font-family: "Noto Sans S Chinese Bold",'Microsoft yahei'; 
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;}
ol,ul,li{ list-style-type:none; list-style-position:outside;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
a{text-decoration:none; color:#646464; outline: 0; background: 0 0;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
a:hover{text-decoration:none;}
a:active,
a:focus{
  outline: none;
}
label,
input,
textarea{outline: none;text-decoration:none; padding:0; border:0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border:0}
input:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-user-modify:read-write-plaintext-only; 
}
body{max-width: 750px;margin: 0 auto !important;-webkit-tap-highlight-color:rgba(0,0,0,0);position: relative;}
/*.banner{margin-top:50px;}*/
.banner,.banner img{ width:100%; float:left;}



@font-face
{
    font-family: 'GothamMe';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/GothamPro-Medium.ttf');
url('fonts/GothamPro-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'GothaPro';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/GothaProReg.ttf');
url('fonts/GothaProReg.ttf') format('truetype');
}
.JoinBanner{float: left; width: 100%; line-height: 0; margin-top:50px;}
.webJoinBox1{float: left;width: 100%; padding: 0 0.6666rem 0.8rem 0.6666rem;}
.webJoinBox1 .topTit{float: left; width: 100%; padding-bottom: 0.2rem; border-bottom: 1px solid #d2d2d2; margin-top: 0.8rem;}
.webJoinBox1 .topTit h2{float: left; width: 6.06666rem; color:#0039c5; font-size:0.48rem; line-height:0.64rem; margin: 0.5066666rem 0 0 0;}
.webJoinBox1 .topTit h2 span{color:#001760;}
.webJoinBox1 .topTit .rightImg{float: right; width:2rem; line-height: 0;}
.webJoinBox1 .webJoinEn{float: left; width: 100%; color:#484848; font-size:0.186666rem; line-height:0.4rem; margin: 0.28rem 0;}

.webJoinTitH1{float: left; color:#0039c5; font-size:0.4rem; line-height: 0.6rem; padding-bottom: 0.306666rem; border-bottom: 1px solid #e5e5e5; position: relative; font-weight: 600;}
.webJoinTitH1 span{font-family: GothaPro;}
.webJoinTitH1:after{position: absolute; content: ''; left: 0; bottom: -1px; height: 2px; width: 0.82666rem; background: #0039c5;}
.webJoinBox1 .p1{float: left; width: 100%; color:#484848; font-size:0.32rem; line-height:0.48rem; margin-top: 0.36rem;}

.webJoinBox1 .webJoin1Tit{float: left; width: 100%; margin-top: 0.36rem; position: relative; height: 0.66666rem;}
.webJoinBox1 .webJoin1Tit span{position: absolute; width: 2.46666rem; height: 0.66666rem; line-height: 0.66666rem; color:#fdda86; font-size: 0.32rem; background: url("images/webJoin04.jpg"); padding-left: 0.6666rem; left: -0.6666rem;
    border-radius: 0 0.4rem 0.4rem 0;
    -moz-border-radius: 0 0.4rem 0.4rem 0;
    -webkit-border-radius: 0 0.4rem 0.4rem 0;
    box-shadow: 0 2px 8px rgba(22,50,167,0.35);
    -moz-box-shadow: 0 2px 8px rgba(22,50,167,0.35);
    -webkit-box-shadow: 0 2px 8px rgba(22,50,167,0.35);
}
.webJoinBox1 .p2{float: left; width: 100%; color:#484848; font-size:0.293333rem; line-height:0.48rem; margin-top: 0.16rem;}
.webJoinBox1 .imgBox{float: left; width: 100%; line-height: 0; margin-top: 0.28rem;}
.webJoinBox1 .webJoinMore{float: left; width: 100%; display: block; text-align: center; margin-top: 0.12rem;}
.webJoinBox1 .webJoinMore a{display: inline-block; width: 3.22666rem; height:0.72rem; line-height: 0.72rem; color:#fdda86; font-size:0.32rem; background: url("images/webJoin04.jpg");
    border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    -webkit-border-radius: 0.4rem;
}
.webJoinBox1 .webJoinMore a:hover{
    box-shadow: 0 2px 8px rgba(22,50,167,0.35);
    -moz-box-shadow: 0 2px 8px rgba(22,50,167,0.35);
    -webkit-box-shadow: 0 2px 8px rgba(22,50,167,0.35);
}

.webJoinBox2{float: left; width: 100%; padding: 0.68rem 0.6666rem; background: url("images/webJoin08.jpg") no-repeat top center; background-size: cover;
    border-radius:0.266666rem;
    -moz-border-radius:0.266666rem;
    -webkit-border-radius:0.266666rem;
}
.webJoinBox2 .webJoinTitH1{color:#fff; border-color:#e5e5e5; border-color:rgba(229,229,229,0.5);}
.webJoinBox2 .webJoinTitH1:after{background:#f7f5f8}
.webJoinBox2 .p1{float: left; width: 100%; color:#f6f7f9; font-size:0.32rem; line-height:0.48rem; margin-top: 0.36rem;}
.webJoinBox2 .p1 span{color:#fdda86;}
.webJoinBox2 .numDlBox{float: left; width: 100%; margin-top:0.506666rem;}
.webJoinBox2 .numDlBox dl{float: left; width:33.3333%;}
.webJoinBox2 .numDlBox dl dt{float: left; width: 100%; color:#f6f7f9; font-size: 0.32rem; line-height:0.66666rem;}
.webJoinBox2 .numDlBox dl dd{float: left; width: 100%; color:#fdda86; ;font-size:0.56rem; line-height:0.66666rem; font-family:GothamMe;}

.webJoinBox3{float: left; width: 100%; padding: 0.53333rem 0.6666rem 0.72rem 0.6666rem;}
.webJoinBox3 .p1{float: left; width: 100%; color:#484848; font-size:0.32rem; line-height:0.48rem; margin-top:0.36rem;}
.webJoinBox3 .textDLBox{float: left; width: 100%; margin-top:0.293333rem;}
.webJoinBox3 .textDLBox dl{float: left; width: 100%; margin-top:0.266666rem;}
.webJoinBox3 .textDLBox dt{float: left; width: 1.66666rem; color:#0039c5; font-size:0.32rem; line-height: 0.453333rem;}
.webJoinBox3 .textDLBox dd{float: left; width: 7rem; color:#484848; font-size:0.293333rem;line-height: 0.453333rem;}

.webJoinBox2 .textDLBox{float: left; width: 100%; margin-top:0.293333rem;}
.webJoinBox2 .textDLBox dl{float: left; width: 100%; margin-top:0.266666rem;}
.webJoinBox2 .textDLBox dt{float: left; width: 1.66666rem; color:#fdda86; font-size:0.32rem; line-height: 0.453333rem;}
.webJoinBox2 .textDLBox dd{float: left; width: 7rem; color:#ffffff; font-size:0.293333rem;line-height: 0.453333rem;}
.webJoinBox2 .textDLBox dd span{color:#fdda86}
.webJoinBox2 .textDLBox .dImg{float:left; width: 100%; line-height: 0; margin-top: 0.3rem;}

.webJoinBox4{float: left; width: 100%; padding:0.693333rem 0.6666rem 0.733333rem 0.6666rem;}
.webJoinBox4 .titBox{float: left; width: 100%; color:#0039c5; font-size:0.48rem; line-height:0.64rem; padding-bottom: 0.44rem; border-bottom: 1px solid #d2d2d2;}
.webJoinBox4 .titBox span{color:#001760; }
.webJoinBox4 .p1{float: left; width: 100%; color:#484848; font-size:0.32rem; line-height:0.48rem; margin-top:0.36rem;}
.webJoinBox4 .ulList{float: left; width: 100%;}
.webJoinBox4 .ulList li{float: left; width: 100%; border-bottom: 1px solid #d2d2d2; padding:0.173333rem 0 0.36rem 0; position: relative}
.webJoinBox4 .ulList li dl{float: left; width: 100%; margin-top: 0.173333rem;}
.webJoinBox4 .ulList li dl.one{width: 3.3333rem;}
.webJoinBox4 .ulList li dl dt{float:left; width: 1.5rem; color:#0039c5; font-size:0.2933333rem; line-height: 0.4rem;}
.webJoinBox4 .ulList li dl dd{float: left; width:4.613333rem; color:#484848;font-size:0.2933333rem; line-height: 0.4rem;}
.webJoinBox4 .ulList li dl.one dd{width: 1.8rem;}
.webJoinBox4 .ulList li dl dd.wid{width: 7.1rem;}
.webJoinBox4 .ulList li .rightImgBox{position: absolute; right: 0; top:0.25rem; line-height: 0; width:2.53333rem;}
.webJoinBox4 .ulList li dl dd.two{width:5.2rem;}
.webJoinBox4 .ulList li .rightImgBoxRight{position: absolute; right: 0; top:0.25rem; line-height: 0; width:1.866666rem;}

.webJoinBox5 .titBox{float: left; width: 100%; color:#ffffff; font-size:0.48rem; line-height:0.64rem;}
.webJoinBox5 .titBox span{color:#fdda86; }

.webJoinBox5 .ulList1{float: left; width: 100%;}
.webJoinBox5 .ulList1 li{float: left; width: 100%; margin-top: 0.24rem; background: url("images/webJoin16.png") no-repeat center; background-size: 100%; padding: 0.16rem 0; height:1.666666rem;}
.webJoinBox5 .ulList1 li .lTit{float: left; width: 2.26666rem; height:1.346666rem; line-height: 1.346666rem; color:#ffffff; font-size:0.32rem; text-align: center; position: relative;}
.webJoinBox5 .ulList1 li .lTit em{position: absolute; left: 0; top:0; width:2.26666rem;height:1.346666rem;line-height: 1.346666rem; color:#fff; font-size: 0.986666rem; text-align: center; font-family: GothamMe; opacity: 0.1; font-style: normal;}
.webJoinBox5 .ulList1 li .rText{float:left; width: 6.066666rem; margin-left:0.06666rem; height:1.346666rem; display: table;}
.webJoinBox5 .ulList1 li .rText .table{display: table-cell; vertical-align: middle; color:#ffffff; font-size:0.293333rem; line-height:0.4rem; }
.webJoinBox5 .ulList1 li .rText .table span{color:#fdda86}

.webJoinBox6{float: left; width: 100%;padding:0.693333rem 0.6666rem 0.733333rem 0.6666rem;}
.webJoinBox6 .titBox{float: left; width: 100%; color:#0039c5; font-size:0.48rem; line-height:0.64rem; padding-bottom: 0.44rem; border-bottom: 1px solid #d2d2d2;}
.webJoinBox6 .titBox span{color:#001760;font-size:0.4rem;}

.webJoinBox6 .ulImgList{float: left; width: 100%; margin-top: 0.16rem;}
.webJoinBox6 .ulImgList li{float: left; width: 100%; margin-top:0.266666rem;}
.webJoinBox6 .ulImgList li .lImg{float: left; width:3.733333rem; line-height: 0;}
.webJoinBox6 .ulImgList li .rText{float: right; width:4.6rem; height:2.866666rem; display: table;}
.webJoinBox6 .ulImgList li .rText .table{display: table-cell; vertical-align: middle;}
.webJoinBox6 .ulImgList li .rText .topTit{float: left; color:#0039c5; font-size:0.32rem;line-height:0.4rem; padding-bottom:0.18rem; border-bottom: 1px solid #d7d7d7; position: relative}
.webJoinBox6 .ulImgList li .rText .topTit:after{position: absolute; content: ''; width:0.506666rem; height: 2px; background: #0039c5; left: 0; bottom:-1px;}
.webJoinBox6 .ulImgList li .rText .dText{float: left; width: 100%; color:#484848; font-size:0.266666rem; line-height:0.4rem; margin-top:0.2rem;}


.webJoinBox5 .titBox.risk{width: 6.066666rem;}
.webJoinBox5 .titImg{float: right; width: 2.066666rem; line-height: 0;}
.webJoinBox5 .ulList1 li.capital{height: 2.026666rem; background: url("images/webJoin26.png") no-repeat center; background-size: 100%;}
.webJoinBox5 .ulList1 li.capital .lTit{height:1.706666rem; line-height:1.706666rem;}
.webJoinBox5 .ulList1 li.capital .lTit em{height:1.706666rem; line-height:1.706666rem;}
.webJoinBox5 .ulList1 li.capital .rText{height:1.706666rem;}
.webJoinBox5 .ulList1 .LiPSBox{float: left; width: 3.12rem; height: 1.066666rem; text-align: center; line-height: 1.066666rem; font-size: 0.32rem; color:#ff0000; background: url("images/webJoin27.png") no-repeat center; background-size:100%; margin-top: 0.266666rem;}
.webJoinBox5 .TextDown{float: left; width: 100%; color:#ffffff; font-size: 0.293333rem; line-height: 0.4rem; margin-top:0.2rem;}
.webJoinBox5 .TextDown span{color:#fdda86}

.webJoinBox7{float: left; width: 100%; padding: 0.693333rem 0.666666rem 0.8rem 0.666666rem}
.webJoinBox7 .webTitH2{float: left; width:100%; text-align: center;font-size: 0.48rem; line-height: 0.64rem;color:#0039c5; padding-bottom: 0.333333rem; position: relative}
.webJoinBox7 .webTitH2:after{position: absolute; content: ''; width: 0.746666rem; height: 2px; background: #d2d2d2; left: 50%; margin-left: -0.373333rem; bottom: 0;}
.webJoinBox7 .webLabel{float: left; width: 100%; text-align: center; color:#484848; font-size: 0.32rem; line-height: 0.4rem; margin: 0.346666rem 0 0.266666rem 0;}
.webJoinBox7 .webLabel span{font-family: GothaPro; color:#0039c5;}
.webJoinBox7 .webJoinFive{float: left; width: 100%; height: 1.053333rem; background: url("images/webJoin28.png") no-repeat center; background-size: auto 100%; color:#f1f7ff; font-size: 0.4rem; text-align: center; line-height:1.053333rem;}
.webJoinBox7 .webForm{float: left; width: 100%; margin-top: 0.4rem;}
.webJoinBox7 .webForm input{float: left; width: 100%; border:2px solid #b7b8ba; height: 0.92rem; line-height:0.88rem; color:#333; font-size:0.32rem; text-indent: 0.266666rem; margin-top: 0.266666rem;}
.webJoinBox7 .webForm button{float: left; width: 100%; margin-top:0.266666rem; height: 0.92rem; line-height: 0.92rem; background: url("images/zJoin32.jpg") no-repeat center; background-size: cover;border:0; color:#fff; font-size:0.32rem;
    box-shadow: 0 2px 8px rgba(22,50,167,0.35);
    -moz-box-shadow: 0 2px 8px rgba(22,50,167,0.35);
    -webkit-box-shadow: 0 2px 8px rgba(22,50,167,0.35);
}
.webJoinBox7 .webForm button img{width:0.4rem; height:0.4rem; vertical-align: middle; margin-top: -2px;}
.webJoinBox7 .webForm .telBox{float: left; width: 100%; margin-top:0.266666rem; height: 0.92rem; line-height: 0.92rem; background: url("images/zJoin32.jpg") no-repeat center; background-size: cover;border:0; color:#fff; font-size:0.32rem; text-align: center;
    box-shadow: 0 2px 8px rgba(22,50,167,0.35);
    -moz-box-shadow: 0 2px 8px rgba(22,50,167,0.35);
    -webkit-box-shadow: 0 2px 8px rgba(22,50,167,0.35);}
.webJoinBox7 .webForm .telBox span{font-family: GothamMe;}
.webJoinBox5.downWebLast{position: relative; margin-bottom:60px;
    border-radius: 0.266666rem 0.266666rem 0 0;
    -moz-border-radius: 0.266666rem 0.266666rem 0 0;
    -webkit-border-radius: 0.266666rem 0.266666rem 0 0;
}
.webJoinBox5.downWebLast .webBoxBg{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.webJoinBox5.downWebLast .pT1{float: left;width: 100%; color:#fff; font-size: 0.32rem; line-height: 0.64rem; }
.webJoinBox5.downWebLast .pT1 span{color:#fdda86;}
.webJoinBox5.downWebLast .pT2{float: left; width: 6.4rem; color:#fff; line-height: 0.64rem; font-size: 0.32rem;}
.webJoinBox5.downWebLast .pT2 span{color:#fdda86}
.webJoinBox5.downWebLast .peopleImg{position:absolute; right: 0.666666rem; bottom: 0; width: 1.653333rem; line-height: 0;}


.webJoinForm{float: left; width: 100%; margin-top: 0.56rem;}
.webJoinForm .webTitH2{float: left; width:100%; text-align: center;font-size: 0.48rem; line-height: 0.64rem;color:#0039c5; padding-bottom: 0.333333rem; position: relative}
.webJoinForm .webTitH2:after{position: absolute; content: ''; width: 0.746666rem; height: 2px; background: #d2d2d2; left: 50%; margin-left: -0.373333rem; bottom: 0;}

.webJoinForm .webForm{float: left; width: 100%; margin-top: 0.28rem;}
.webJoinForm .webForm input{float: left; width: 100%; border:2px solid #b7b8ba; height: 0.92rem; line-height:0.88rem; color:#333; font-size:0.32rem; text-indent: 0.266666rem; margin-top: 0.133333rem;}
.webJoinForm .webForm button{float: left; width: 100%; margin-top:0.266666rem; height: 0.92rem; line-height: 0.92rem; background: url("images/zJoin32.jpg") no-repeat center; background-size: cover;border:0; color:#fff; font-size:0.32rem;
    box-shadow: 0 2px 8px rgba(22,50,167,0.35);
    -moz-box-shadow: 0 2px 8px rgba(22,50,167,0.35);
    -webkit-box-shadow: 0 2px 8px rgba(22,50,167,0.35);
}
.webJoinForm .webForm button img{width:0.4rem; height:0.4rem; vertical-align: middle; margin-top: -2px;}