body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td ,ul,li,input,select{ margin:0; padding:0;}
body { font-size:12px; color:#000; font-family:Microsoft YaHei; background:#fff;}
fieldset, img { border:0; }
ol, ul,li,input { list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; }
em { font-style:normal; }
input, button, select, textarea { outline:none; } 
textarea { resize:none; }
p{ text-align:justify; text-justify:distribute;} 
/*======== Link ========*/
a{text-decoration:none;}

a:link{color:#000;}
a:visited{color:#000;}
a:hover,a:active,a:focus{color:#000;text-decoration:none;}
*{box-sizing:border-box;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #60616d;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #60616d;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #60616d;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #60616d;
}
.head{width: 1000px;height: 85px;margin:0 auto ;overflow: hidden;}
.head h1{margin-top: 23px;float: left;}
.head p{float: right;background: url(../images/tel_06.jpg) no-repeat 0 13px;padding-left: 45px;margin-top: 23px;}
.head p span{font-size: 22px;line-height: 44px;border-bottom: 1px solid #ea5403;color: #ea5403;padding: 0 5px;display: inline-block;font-weight: bold;}.section6Wrap{width: 100%;height: 170px;background: #ebebeb;}
.bannerWrap{
    width:100%;
    height:534px;
    background: url("../images/banner_02.jpg") center 0;
}
.banner{
    width:1000px;
    height:534px;
    margin:0 auto;
    overflow: hidden;
}
.banner .button1{
    width:318px;
    height:62px;
    background: #e77219;
    border-bottom:7px solid #cc1d10;
    font-size:22px;
    text-align: center;
    line-height:62px;
    color: #fff;
    font-weight: bold;
    margin:414px auto 0;
    cursor: pointer;
    border-radius:0 0 10px 10px;
}
.banner .button1:hover{
    background: #da6f23;
}
.how-to-joinWrap{
    width:100%;
    height:686px;
    background: #f0f0f0;
}
.how-to-join{
    width:1000px;
    height:686px;
    margin:0 auto;
    overflow: hidden;
}
h2{
    text-align: center;
    font-size: 26px;
    background: url("../images/bg1_05.png") no-repeat center bottom;
    line-height:78px;
    margin-top:22px;
}
.how-to-join .con{
    width:890px;
    height:354px;
    margin:50px auto 0;
    overflow: hidden;
}
.how-to-join .con ul{
    float: left;
}
.how-to-join .con ul li{
    width:268px;
    height:87px;
    background: #d5dbe0;
    margin-bottom:2px;
    font-size:20px;
    font-weight:bold;
    line-height:86px;
    padding-left:26px;
    *width:242px;
    cursor: pointer;
}
.how-to-join .con ul li.current{
    background: #2b6bb6;
    color: #fff;
}
.how-to-join .con ul li span{
    font-size:34px;
    margin-right:12px;

}
.how-to-join .con .con-right{
    width:620px;
    height:353px;
    float: right;
    background: url("../images/bg1.jpg");
}
.how-to-join .con .con-right:nth-child(2){
    background: url("../images/bg2.jpg");
}
.how-to-join .con .con-right:nth-child(3){
    background: url("../images/bg3.jpg");
}
.how-to-join .con .con-right:nth-child(4){
    background: url("../images/bg4.jpg");
}
.how-to-join .con .con-right .con-right-center{
    width:518px;
    height:316px;
    background: rgba(255,255,255,.8);
    margin:20px auto 0;
    padding-left:40px;
    padding-right:60px;
    *width:418px;
    overflow: hidden;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff)

}
.how-to-join .con .con-right .con-right-center h4{
    font-size:16px;
    color: #4279bd;
    line-height:26px;
    margin-top:10px;
}
.how-to-join .con .con-right .con-right-center h3{
    font-size:18px;
    margin-top:10px;
    margin-bottom:6px;
}
.how-to-join .con .con-right .con-right-center p{
    font-size:16px;
    line-height:26px;
    font-weight:400;
}
.how-to-join .con .con-right .con-right-center .p-icon:before{
    content:"";
    width:12px;
    height:12px;
    background: url("../images/icon_05.jpg");
    display: inline-block;

}
.how-to-join .con .con-right .con-right-center p span{
    color: #2b6bb6;
    font-weight:bold;
}
.how-to-join .button{
    width:318px;
    height:60px;
    overflow: hidden;
    margin:54px auto 0;
    box-shadow:2px 2px 2px 2px #385979;
    border-radius:5px;
}
.how-to-join .button .buttoncon{
    width:318px;
    height:60px;
    background: #2286f3;
    color: #fff;
    font-size:22px;
    text-align: center;
    line-height:60px;
    overflow: hidden;
    cursor: pointer;

}
.how-to-join .button .buttoncon:hover{
    background: #307beb;
}
.support{
    width:1000px;
    height:792px;
    margin:0 auto;
    overflow: hidden;
}
.support h4{
    font-size:18px;
    line-height:36px;
    color: #08263c;
    font-weight:normal;
    padding:0 46px 0 38px;
    margin-top:40px;
}
.support ul{
    margin-top:14px;
    overflow: hidden;
}
.support ul li{
    width:312px;
    height:186px;
    background: #eee;
    border:1px solid #c3c3c3;
    float: left;
    margin-bottom:30px;
    margin-right:32px;
    padding-left:94px;
    *width:194px;
    padding-right:22px;
    position: relative;
}
.support ul li em{
    display:block;
    width:50px;
    height:50px;
    background: url("../images/icon1.png") no-repeat 0 0;
    top:26px;
    left:40px;
    position: absolute;
}
.support ul li.li2 em{
    background: url("../images/icon1.png") no-repeat -50px 0;
}
.support ul li.li3 em{
    background: url("../images/icon1.png") no-repeat -100px 0;
}
.support ul li.li4 em{
    background: url("../images/icon1.png") no-repeat 0px -50px;
}
.support ul li.li5 em{
    background: url("../images/icon1.png") no-repeat -50px -50px;
}
.support ul li.li6 em{
    background: url("../images/icon1.png") no-repeat -100px -50px;
}
.support ul .nomargin{
    margin-right:0;
}
.support ul li h3{
    font-size:20px;
    margin-top:26px;
    margin-bottom:16px;
}
.support ul li p{
    font-size:16px;
    line-height:24px;
}
.support .button3{
    width:240px;
    height:60px;
    background: #2286f3;
    color: #fff;
    font-size:22px;
    text-align: center;
    line-height:60px;
    overflow: hidden;
    border-radius:5px;
    cursor: pointer;
    box-shadow:2px 2px 3px 2px #7d9fb9;
    margin:16px auto 0;
}
.support .button3:hover{
    background: #307beb;
}
.characterWrap{
    width:100%;
    height:810px;
    background: #f0f0f0;
}
.character{
    width:1000px;
    height:810px;
    margin:0 auto;
    overflow: hidden;
}
.character ul{
    overflow: hidden;
    height:600px;
}
.character ul li{
    width:210px;
    height:446px;
    float: left;
    margin-top:90px;
    background: #fff;
    border:1px solid #b6b6b6;
    position: relative;
}
.character ul li .div1{
    width:210px;
    height:446px;
    background: #fff;
    border:1px solid #b6b6b6;
    box-shadow:0 0 5px 5px #dedede;
}
.character ul li .div1 h3{
    font-size:24px;
    line-height:74px;
    text-align: center;
    background: #dcdcdc;
}
.character ul li .div1 p{
    font-size:18px;
    text-align: center;
    line-height:84px;
    margin-top:24px;
}
.character ul li .div2{
    width:366px;
    height:526px;
    background: #fff;
    border:1px solid #2b6bb6;
    display:none;
    position: absolute;
    top:-44px;
    left:0;
    box-shadow:0 0 5px 3px #c3d0e1;
}
.character ul li .div2 .div2-top{
    height:118px;
    background: #2b6bb6;
    overflow: hidden;
}
.character ul li .div2 h3{
    font-size:24px;
    color: #fff;
    text-align: center;
    margin-top:24px;
}
.character ul li .div2 .div2-top p{
    font-size:16px;
    text-align: center;
    color: #fff;
    margin-top:18px;
}
.character ul li.li2{
    z-index:2;
}

.character ul li .show{
    display: block;
    z-index:2;
}
.character ul .li2{
    width:345px;
}
.character ul li .div2 .div2-bottom dl{
    padding:0 28px;
    border-bottom:2px dashed #a0a0a0;
}
.character ul li .div2 .div2-bottom dl:last-child{
    border-bottom:none;
}
.character ul li .div2 .div2-bottom dt{
    font-size:20px;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:5px;
}
.character ul li .div2 .div2-bottom dd{
    font-size:16px;
    line-height:22px;
    margin-bottom:16px;
}
.character .button4{
    width:218px;
    height:52px;
    overflow: hidden;
    margin:22px auto 0;
}
.character .button4 .buttoncon{
    width:212px;
    height:52px;
    background: #2286f3;
    color: #fff;
    font-size:22px;
    text-align: center;
    line-height:52px;
    overflow: hidden;
    border-radius:5px;
    cursor: pointer;
    box-shadow:0 0 2px 2px #6d8ea9;
}
.character .button4 .buttoncon:hover{
    background: #307beb;
}
.brand{
    width:1000px;
    height:726px;
    margin:0 auto;
    overflow: hidden;
}
.brand .con{
    margin-top:56px;
    height:421px;
    overflow: hidden;
}
.brand .con ul{
    overflow: hidden;
}
.brand .con ul li{
    width:208px;
    height:50px;
    border:1px solid #2b6bb6;
    float: left;
    font-size:20px;
    text-align: center;
    line-height:50px;
    margin-right:8px;
    cursor: pointer;
    font-weight:500;
}
.brand .con ul .li1{
    margin-left:170px;
}
.brand .con ul .current{
    background: #2b6bb6;
    color: #fff;
}
.brand .con div{
    margin:42px auto 0;
}
.brand .button5{
    width:224px;
    height:60px;
    background: #2286f3;
    color: #fff;
    font-size:22px;
    text-align: center;
    line-height:60px;
    overflow: hidden;
    border-radius:5px;
    cursor: pointer;
    box-shadow:2px 2px 3px 2px #7d9fb9;
    margin:40px auto 0;
}
.brand .button5:hover{
    background: #307beb;
}
.advanceWrap{
    width:100%;
    height:598px;
    background: #f0f0f0;
}
.advance{
    width:1000px;
    height:598px;
    margin:0 auto;
    overflow: hidden;
}
.advance .advance-con{
    margin-top:60px;
    position: relative;
}
.advance .advance-con .top{
    width:848px;
    height:260px;
    border:2px solid #a0a0a0;
    border-bottom:none;
    background: #fff;
    position: relative;
    margin:0 auto
}
.advance .advance-con .top .div1{
    width:844px;
    height:258px;
    position: absolute;
    top:0;
    left:0;
    background: #fff;
    display: none;
}
.advance .advance-con .top .div1 .pep{
    float: left;
    margin:52px 0 0 27px;
}
.advance .advance-con .top .div1 .pep p{
    font-size:16px;
    font-weight:bold;
    text-align: center;
    color: #2e6cb7;
    margin-top:20px;
}
.advance .advance-con .top .div1 .des{
    float: left;
    width:600px;
    font-size:18px;
    line-height:30px;
    text-indent:2em;
    margin-top:54px;
    margin-left:44px;
    position: relative;
}
.advance .advance-con .top .div1 .des:before{
    width:25px;
    height:23px;
    content:"";
    background: url("../images/fuhao1_17.jpg");
    display: block;
    position: absolute;
    left:-26px;
    top:-16px;
}
.advance .advance-con .top .div1 .des:after{
    width:25px;
    height:23px;
    content:"";
    background: url("../images/fuhao2_29.jpg");
    display: block;
    position: absolute;
    left:598px;
    top:144px;
}
.advance .advance-con .top .div1.current{
    display: block;
}
.advance .advance-con .bottom{
    width:848px;
    height:46px;
    background: #2b6bb6;
    overflow: hidden;
    margin:0 auto
}
.advance .advance-con .bottom ul li{
    width:12px;
    height:12px;
    border-radius:20px;
    background: #fff;
    float: left;
    margin-right:12px;
    cursor: pointer;
}
.advance .advance-con .bottom ul{
    width:120px;
    margin:18px auto 0;
}
.advance .advance-con .bottom ul li.current{
    background: rgba(255,255,255,.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFffffff,endColorstr=#BFffffff);
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60)

}
.advance .advance-con .leftBtn,.advance .advance-con .rightBtn{
    width:20px;
    height:33px;
    background: url("../images/leftBtn.jpg");
    position: absolute;
    top:110px;
    cursor: pointer;
}
.advance .advance-con .leftBtn{
    left:24px;
}
.advance .advance-con .rightBtn{
    background: url("../images/rightBtn.jpg");
    right:34px;
}
.advance .button6{
    width:224px;
    height:60px;
    background: #2286f3;
    color: #fff;
    font-size:22px;
    text-align: center;
    line-height:60px;
    overflow: hidden;
    border-radius:5px;
    cursor: pointer;
    box-shadow:2px 2px 3px 2px #7d9fb9;
    margin:40px auto 0;
}
.advance .button6:hover{
    background: #307beb;
}
.strength{
    width:1000px;
    height:712px;
    margin:0 auto;
    overflow: hidden;
}
.strength p{
    font-size:16px;
    line-height:38px;
    color: #253e51;
    margin-top:40px;
    padding:0 26px;
}
.strength img{
    margin-top:10px;
}
.strength .button7{
    width:224px;
    height:60px;
    background: #2286f3;
    color: #fff;
    font-size:22px;
    text-align: center;
    line-height:60px;
    overflow: hidden;
    border-radius:5px;
    cursor: pointer;
    box-shadow:2px 2px 3px 2px #7d9fb9;
    margin:40px auto 0;
}
.strength .button7:hover{
    background: #307beb;
}
.joinWrap{
    width:100%;
    height:534px;
    background: url("../images/bgbot_36.jpg") no-repeat center 0;
}
.join{
    width:1000px;
    height:534px;
    margin:0 auto;
}
.join .join-us{width: 336px;height: 410px;float: left;margin:88px 0 0 104px;
    overflow: hidden;}
.join .join-us h2{font-size: 20px;height: 49px;line-height: 49px;text-align: center;color: #06082c;background: #ffffff;
    margin-top:0;}
.join .join-us .joinCon{height: 360px;background: #fff;margin-top: 6px;overflow: hidden;}
.join .join-us .joinCon form ul li{height: 47px;margin-top: 25px;}
.join .join-us .joinCon form ul li input{width: 172px;height: 36px;border: none;border-top: 4px solid #c1c9c9;background: #d4e2e7;font-size: 12px;color: #575763;padding-left: 14px;*width: 181px;line-height: 36px;}
.join .join-us .joinCon form ul li label{font-size: 16px;width: 90px;display: inline-block;margin-left: 32px;
    font-weight:bold;
    color: #030529;}
.join .join-us .joinCon form ul{margin-top: 27px;}
.join .join-us .joinCon form ul .tc{width: 172px;height: 44px;margin:30px auto 0;box-shadow: 1px 1px 5px 1px #96b1c6;border-radius: 5px;}
.join .join-us .joinCon form ul .tc input{width: 172px;height: 44px;background: #2b6bb6;border-radius: 5px;border: none;color: #fff;line-height: 44px;text-align: center;font-size: 20px;font-weight: bold;font-family: "微软雅黑";padding-left: 0;cursor: pointer;}
.join .join-about{
    width:320px;
    height:443px;
    float: right;
    margin-right:104px;
}
.join .join-about h3{
    font-size:26px;
    text-align: center;
    margin-top:46px;
}
.join .join-about p{
    font-size:18px;
    line-height:30px;
    margin-top:74px;
    text-indent:2rem;
}
.join .join-about .p2{
    margin-top:10px;
}

.section6{width: 1000px;height: 170px;margin:0 auto;overflow: hidden;}
.section6 ul{margin-left: 30px;margin-top: 26px;overflow: hidden;}
.section6 ul li{float: left;
    margin-right:30px;}
.section6 ul li a{padding: 0 17px;font-size: 20px;color: #282828;}
.section6 .left,.section6 .center,.section6 .right{float: left;margin-top: 28px;margin-left: 80px;cursor: pointer;}
.section6 p{font-size: 14px;font-weight: bold;line-height: 30px;}
.section6 .left{background: url(../images/phone_37.jpg) no-repeat 0 center;padding-left: 64px;}
.section6 .center{background: url(../images/kefu_39.jpg) no-repeat 0 center;height: 55px;padding-left: 80px;}
.section6 .right{
    background: url("../images/position_09.jpg") no-repeat 0 center;
    padding-left:62px;}
.footerWrap{width: 100%;height: 88px;background: #616162;}
.footer{width: 1000px;height: 88px;margin:0 auto;overflow: hidden;}
.footer .logo2{margin:22px 0 0 86px;float: left;}
.footer p{font-size: 18px;color:#afafaf;line-height: 88px;text-align: center;}
.servicesNav{
    position:fixed;
    right:0;
    bottom:290px;
    z-index:9999
}
.services{
    width:170px;
    height:130px;
    background:url(../images/services.png) no-repeat;
    margin-right:3px;
    cursor:pointer;
    z-index:9999
}
.num{
    background-color: #ff3b30;
    border-radius: 15px;
    color: #fff;
    display: none;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    width: 26px;
    right:150px;
    bottom:55px
}
.message {
    background: #fff;
    border-radius: 4px;
    right:190px;
    bottom:1%;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.16);
    color: #000;
    display: none;
    line-height: 1.42857;
    position: absolute;
    text-align: left;
    width: 260px
}
.message:after{
    border:8px solid transparent;
    border-left:8px solid #fff;
    width:0;
    height:0;
    position:absolute;
    right:-16px;
    top:22px;
    content:''
}
.message .inside{
    margin:12px 18px    
}
.message .inside img{
    border-radius: 13px;
    /*box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);*/
    border:1px solid #ccc;
    height: 26px;
    margin-right: 6px;
    vertical-align: top;
    width: 26px;    
}
.message .inside .name{
    color: #000;
    display: inline-block;
    font-size: 16px;
    margin-top: 3px;    
}
.message .inside .msg{
    color: #000;
    font-size: 14px;
    margin-top: 5px;
    max-height: 40px;
    overflow: hidden;   
}
.message .inside .close{
    cursor: pointer;
    height: 10px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 10px;
    color:#333
}
form ul li span.invalid {
    color:red;
    margin-top:5px;
    display:block;
    font-size:14px;
    margin-left:132px;
}

form ul li input.invalid {
    color:red;
    border: 1px solid red
}
form ul li .error{
    color:#f00;
    margin-left:10px}
form ul li label span{color: red;}
.popupWrap{width: 100%;height: 100%;background: #000;opacity: 0.5;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);position: fixed;z-index: 998;top:0;left:0;display: none;}
.popUp{width: 400px;height: 400px;background: #fff;position:fixed;top:50%;left:50%;margin-left: -220px;margin-top: -200px;display: none;z-index: 999;}
.popUp h2{font-size: 16px;color: #fff;height: 40px;line-height: 40px;padding-left: 24px;background:url(../images/close.png) no-repeat 370px 10px  #0087fb;
    margin-top:0;
    text-align: left;}
.popUp form{padding-left: 20px;}
.popUp form ul{margin-top: 10px;overflow: hidden;}
.popUp form ul li{margin-top: 30px;height: 40px;}
.popUp form ul li input{height: 40px;width: 200px;padding-left: 10px;*width: 185px;line-height: 40px;}
.popUp form ul li label{font-size: 14px;padding-left: 40px;font-weight: bold;color: #000227;}
.popUp form ul li label span{color: red;}
.popUp form ul li.tc{width: 200px;height: 58px;margin:40px auto 0;}
.popUp form ul li.tc input{width: 200px;height: 52px;color: #fff;text-align: center;line-height:52px ;border: none;font-size: 24px;font-weight: bold;background: #2286f3;border-radius: 10px;box-shadow: 2px 2px 5px #7d9fb9 ;font-weight: bold;padding-left: 0;cursor:pointer;}
.popUp .button9{width: 23px;height: 23px;background:transparent;position: absolute;top:10px;left:370px;cursor: pointer;z-index: 9999;}