.wrapper{width:100%;font-size:13px;}
.bg img {
    width: 100%;

}
.bg2{
    padding-bottom:60px;
}
.content {position:relative; width:100%;text-align:center;overflow:hidden;padding:40px 0px;}
.content .title{text-align:center;padding: 50px 0px;position:absolute;top:0; z-index:10; margin: 0; position:static;}
.content .title .text{font-size: 30px;display:inline-block;padding: 0px 10px;font-weight: bold;line-height:30px;color:#535353;}
.content .title p{line-height:20px;font-size: 15px;margin: 10px 0px;color:#535353;}
.content .title .blueLine{width:34px; border: 2px solid #70bee4;display: inline-block;margin:0 auto;vertical-align: top;margin-top: 15px;}
.content .title .whiteLine{border: 2px solid #fff;display: inline-block;width: 30px;position:relative;bottom:6px;}
.specificContent .purpleLine2{position:absolute;z-index:-100; width: 61%;left:19%;top:170px; border: 4px solid #7901c5;}
.specificContent{width:1200px;overflow:hidden;margin:0px auto 0px;}

.state {padding-top:0;}
.state .specificContent .stateContent{float:left;width:31%;margin:0px 1%;height:343px;position:relative;}
.state .specificContent .stateContent .con_foot{position: absolute;bottom: 0px;padding:20px 0px;}
.state .specificContent .stateContent .con_foot span{padding:10px;border:1px dashed #ccc;font-size: 16px;}
.state .specificContent .stateContent img{width:40%;}
.state .specificContent .stateContent p{text-align:center; color:#747474;font-size: 14px;line-height: 24px;}

.market{padding:0; padding-bottom:67px; background-color:#fff;}
.market .specificContent .marketLeft{width:35%;float:left;margin-left: 6%;}
.market .specificContent .marketLeft p{font-size:20px;text-align:center;}
.market .specificContent .marketRight{width:52%;float:right;}
.market .specificContent .marketRight .head{font-size: 20px;position: relative;top: 13px;background-color: #f7f7f7;padding: 5px 15px;border: 1px solid #ccc;}
.market .specificContent .marketRight div{border: 1px dashed #ccc;font-size: 16px;padding: 50px 0px 30px;}
.market .specificContent .marketRight p{text-align:center;}

.role{background-color: #fff;}
.role .specificContent{text-align:center;}
.role .specificContent .roleContent{display:inline-block;width:31%;height:239px;position:relative;}
.role .specificContent .roleContent img{width:43%;}
.role .specificContent .roleContent p{letter-spacing: 2px;text-align:center; color:#747474;}
.role .specificContent .roleContent h2{font-size:21px; font-weight:bold;}

.model{padding:0 0 68px 0;}

.pattern{padding:0; background-image:url('../images/new01/bg02.jpg'); background-size: 100% auto; background-repeat:no-repeat;}
.pattern .title{top:30px;}
/*.pattern .specificContent{position:absolute;top: 40px;left:50%;margin-left:-40%;width:80%;}*/
.pattern .specificContent .patternContent{float:left;width:23%;height:316px;position:relative;margin:0 1%;}
.pattern .specificContent .patternContent img{width:16%;}
.pattern .specificContent .patternContent h2{color:#ffba01; font-size:24px; margin-bottom:21px; margin-top:20px;}
.pattern .specificContent .patternContent p{letter-spacing: 2px;text-align:center; color:#fff; font-size:16px; margin-top:0; margin-bottom: 10px;line-height:30px;font-size:16px;}

.collection{background-color:#fff; padding-top:0;}

.support .title{top:40px;}
.support .specificContent{position:absolute;top:45px;left:50%;margin-left:-25%;width:50%;}
.support .specificContent .supportContent{float:left;width:23%;margin:0px 1%;height:150px;position:relative;}
.support .specificContent .supportContent img{width:50%;}
.support .specificContent .supportContent p{letter-spacing: 2px;text-align:center; color:#fff;}

.join .specificContent{width:75%;margin-top: 110px;}
.join .specificContent .joinContent{float:left;width:31%;margin:0px 1%;height:500px;position:relative;}
.join .specificContent .joinContent p{text-align:center; color:#747474;}
.join .specificContent .joinContent .con{width:90%;text-align:left;min-height:382px;background-color:#f7f7f7;border:1px solid #dedede;border-radius:5px;}
.join .specificContent .joinContent .con ul{padding:30px;}
.join .specificContent .joinContent .con li{position:relative;padding:0px 20px;margin-bottom: 20px;border-radius: 5px;}
.join .specificContent .joinContent .con1 li::before{content:"•";color:#33b16c;font-size:28px;position:absolute;top: -13px;left: 0px;}
.join .specificContent .joinContent .con2 li::before{content:"•";color:#01a0ea;font-size:28px;position:absolute;top: -13px;left: 0px;}
.join .specificContent .joinContent .con3 li::before{content:"•";color:#ea6201;font-size:28px;position:absolute;top: -13px;left: 0px;}

.joinWay{padding-top:0; padding-bottom:51px;}
.joinWay .specificContent .joinWayLeft{width:45%;float:left;margin-left: 6%;}
.joinWay .specificContent .joinWayLeft p{font-size:20px;text-align:center;}
.joinWay .specificContent .joinWayRight{width:70%;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5;margin:0 auto 0px;}
.joinWay .specificContent .joinWayRight table{width:100%;}
.joinWay .specificContent .joinWayRight table th{border-right:1px solid #494949;border-bottom:1px solid #494949;background-color:#494949;color:#fff; padding: 8px 10px;}
.joinWay .specificContent .joinWayRight table td{border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding: 8px 10px;}
.joinWay .message{display:inline-block;text-align:left;position:relative;bottom:41px;margin-right:75px;}
.joinWay .message .messageitem{
 min-width:314px;
height:23px;
font-size:24px;
font-family:Source Han Sans CN;
font-weight:400;
color:rgba(83,83,83,1);
line-height:23px;
}

.joinWay .message .messageitem:first-child{
    margin-bottom:17px;
}
.joinWay .message_qrcode{display:inline-block;position:relative;width:163px;height:161px;right:-22px;}
.joinWay .message_qrcode qrcodeBox{width:163px;height:161px;}
.joinWay .message_qrcode .qrcode{width:126px;height:126px;position:absolute;left:18px;top:18px;}
.joinInfo{background-color:#fff; padding-top:0;}
.joinInfo .specificContent{height:auto;}
.joinInfo .specificContent .joinInfoContent{display:inline-block;width:800px;height:439px; background:url(../images/new01/img03.png);background-size:100%;background-repeat:no-repeat;}
.joinInfo .specificContent .joinInfoContent .table1{margin: 40px 0px 0px 125px;width: 67%;}
.joinInfo .specificContent .joinInfoContent table{width:86%; margin:0 auto; height:40px; border-spacing:0;}
.joinInfo .specificContent .joinInfoContent table .odd{text-align:right;padding: 2px 0 12px 10px;width:100px;font-size:16px;}
.joinInfo .specificContent .joinInfoContent table input{height:40px;width:85%;border: 1px solid #e8e8e8; margin-bottom:10px;}
/*.joinInfo .specificContent .joinInfoContent table .even{text-align:left;}*/
.joinInfo .specificContent .joinInfoContent table textarea{resize:none;width:84%;margin-left: 1px;border: 1px solid #e8e8e8; height:85px; margin-bottom:10px;}
#areaContainer{margin-bottom: 10px;}


.advantage{background-color: #fff; padding: 0 0 68px 0;}
.advantage .specificContent .advantageContent{float:left;width:25%;position:relative;}
.advantage .specificContent .advantageContent img{width:54%;}
.advantage .specificContent .advantageContent p{letter-spacing: 2px;text-align:center; color:#535353; font-size:21px;}

.flow{background-color: #fff; padding-bottom:77px; padding-top:62px;}
.flow .specificContent .flowContent{float:left;width:21%;margin:0px 1%;position:relative;}
.flow .specificContent .flowContent img{width:60%;}
.flow .specificContent .flowContent p{letter-spacing: 2px;text-align:center; color:#747474;}
.flow .specificContent>img{float:left;width:2%;margin-top:40px;}

#submit{display:block;width:226px;height: 60px;color:#fff;background-color:#00b062;margin:0 auto;border-radius:5px; font-size:24px; margin-top:40px;}

.font1{font-size:20px;font-weight:bold;}
.font2{font-size: 18px;}
.font3{font-size: 16px;}
.font4{font-size: 20px !important;}
.font5{font-size:16px;font-weight:bold;}
.inline{display:inline;}
.color{color:#fff !important;}
.tl{text-align:left;padding-left:10px !important;}
.select_div{
    height: 40px;
    margin-right:10px;
    background: url(/images/top_down.png) no-repeat 87px center;
    color: #cacaca;
    background-color:#fff;
    border: 1px solid #e8e8e8;
    cursor: pointer;
    padding-right: 10px;
    position: relative;
    _filter: alpha(opacity=0);
}
.select_div label{
    z-index: 2;
    color: #7d7d7d;
    padding-left: 10px;
    line-height: 40px;
    height: 40px;
    display: block;
    text-align:left;
    width: 82px;
    overflow: hidden;
    font-size: 14px;
}
.select_div select{
    width: 105px;
    height: 40px;
    line-height: 40px;
    z-index: 4;
    position: absolute;
    color: #7d7d7d;
    top: 0;
    left: -1px;
    margin: 0;
    padding: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.zs_title{width:250px;display:inline-block;height:80px;background:#1C233D;line-height:80px;text-align:center;color:#FFF;font-size:24px;border-radius:80px;margin:0 0 30px 0;}

.zs_photo{position: relative; margin: 0 auto;overflow: hidden;height:400px;}
.zs_photo ul { width: 100%; height: 400px; position: relative; }
.zs_photo ul li { height: 400px; float: left; list-style: none; padding-right:20px;}
.zs_photo ul li img { width: 600px; height: 400px; display: inline-block;}

.zs_left{float:left;width:590px;}
.zs_left h2{font-size:30px;font-weight:normal;margin:0;}
.zs_left a{float:left;width:100%;color:#464646;margin:9px 0;font-size:14px;}
.zs_right{float:left;width:606px;height:313px;background:url(/zhaoshang/NewBusiness/zs_06.jpg) no-repeat center center;}