*{box-sizing: border-box}
.marketdoor{
    width:100%;
}
.bannerCon{
    width:100%;
    height:450px;
    background:url("../images/marketDoor/banner.png") no-repeat center top;
}
.marketBox{
    padding:60px 0 70px 0;
}
.wrapCon{
    width:1200px;
    margin:0 auto;
}
.bannerCon .wrapCon{
    text-align: center;
    padding:300px 0 0;
}
.bannerCon a{
    display: inline-block;
    width: 197px;
    height: 55px;
    line-height: 55px;
    background-color: #ffffff;
    border-radius: 27px;
    color: #091433;
    font-size:24px;
}
.titleCon{
    padding:55px 0 0 0;
    text-align: center;
}
.titleCon span{
    color: #333333;
    font-size:34px;
    position:relative;
}
.titleCon span:before{
    content:"";
    width:34px;
    height:23px;
    background:url("../images/marketDoor/iconBg.png") no-repeat;
    background-position:-270px -60px;
    position:absolute;
    left:-50px;
    top:12px;
}
.titleCon span:after{
    content:"";
    width:32px;
    height:21px;
    background:url("../images/marketDoor/iconBg.png") no-repeat;
    background-position:-270px -88px;
    position:absolute;
    right:-50px;
    top:12px;
}
.box1{

}
.con1 p{
    color: #666666;
    font-size:16px;
    line-height: 40px;
    position:relative;
}
.con1 p span{
    color: #cccccc;
    opacity: 0.3;
    font-size:58px;
    position:absolute;
    left:0;
    top:-14px;
    font-weight: bold;
}
.allIcon{
    display: inline-block;
    background:url("../images/marketDoor/iconBg.png") no-repeat;
}
.box2{
    background:#f5faff;
}
.box2 ul{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:0 17px;
}
.box2 ul li{
    width: 280px;
    height: 400px;
    margin-bottom:15px;
    background:url("../images/marketDoor/sceneBg.png") no-repeat;
}
.box2 ul li:nth-of-type(1){background-position:0 0;}
.box2 ul li:nth-of-type(2){background-position:-295px 0;}
.box2 ul li:nth-of-type(3){background-position:-590px 0;}
.box2 ul li:nth-of-type(4){background-position:-885px 0;}
.box2 ul li:nth-of-type(5){background-position:0 -415px;}
.box2 ul li:nth-of-type(6){background-position:-295px -415px;}
.box2 ul li:nth-of-type(7){background-position:-590px -415px;}
.box2 ul li:nth-of-type(8){background-position:-885px -415px;}
.box2 ul li div{
    width: 280px;
    height: 400px;
    text-align: center;
    padding:158px 0 0 0;
}
.box2 ul li.active div{background:rgba(78,159,241,0.4)}
.box2 ul li div i{
    width:58px;
    height:58px;
}
.box2 ul li div .marketIcon_1{
    background-position:2px 0;
}
.box2 ul li div .marketIcon_2{
    background-position:-60px 0;
}
.box2 ul li div .marketIcon_3{
    background-position:-134px 0;
}
.box2 ul li div .marketIcon_4{
    background-position:-198px 4px;
}
.box2 ul li div .marketIcon_5{
    background-position:-260px 0;
}
.box2 ul li div .marketIcon_6{
    background-position:-320px 4px;
}
.box2 ul li div .marketIcon_7{
    background-position:-380px 0;
}
.box2 ul li div .marketIcon_8{
    background-position:-442px 0;
}
.box2 ul li div h3{
    color: #ffffff;
    font-size:24px;
    font-weight: normal;
    margin-top:60px;
    position:relative;

}
.box2 ul li div h3:before{
    content:"";
    width: 34px;
    height: 2px;
    background-color: #f7f2fd;
    position:absolute;
    left:50%;
    margin-left:-17px;
    top:-30px;
}
.box3{

}
.box3 ul{
    display: flex;
    justify-content: space-between;
    padding:0 30px;
}
.box3 ul li{
    width: 364px;
    height: 388px;
    box-shadow: 1px 1px 10px 0px
    rgba(8, 6, 61, 0.1);
    border: solid 1px #cccccc;
}
.box3 ul li:nth-of-type(1){background:#fff url("../images/marketDoor/painImg_1.png")no-repeat right bottom;}
.box3 ul li:nth-of-type(2){background:#fff url("../images/marketDoor/painImg_2.png")no-repeat right bottom;}
.box3 ul li:nth-of-type(3){background:#fff url("../images/marketDoor/painImg_3.png")no-repeat right bottom;}
.box3 ul li .dataTop{
    height:142px;
    background:url("../images/marketDoor/painBg.png") no-repeat;
    text-align: center;
    padding:35px 0 0 0;
    position:relative;
}
.box3 ul li .dataTop:before{
    content:"";
    width:50px;
    height:51px;
    background:url("../images/marketDoor/iconBg.png") no-repeat;
    background-position:-335px -60px;
    position:absolute;
    bottom:-25px;
    left:50%;
    margin-left:-25px;
}
.box3 ul li .dataTop span{
    color: #ffffff;
    font-size:16px;
    line-height: 24px;
    font-weight: bold;
}
.box3 ul li .dataTop span i{
    display: inline-block;
    width:24px;
    height:24px;
    margin-right:7px;
    background:url("../images/marketDoor/iconBg.png") no-repeat;
    background-position:-305px -60px;
    vertical-align: -6px;
}
.box3 ul li .dataTop p{
    color: #ffffff;
    font-size:16px;
    margin-top:20px;
}

.box3 ul li .dataBottom{
    padding:52px 45px 0;
}

.box3 ul li .dataBottom h3{
    color: #333333;
    font-size:16px;
    padding-left:25px;
    position:relative;
}
.box3 ul li .dataBottom h3:before{
    content:"";
    width:15px;
    height:20px;
    background:url("../images/marketDoor/iconBg.png") no-repeat left center;
    background-position:-391px -60px;
    position: absolute;
    left:0;
    top:0;
}
.box3 ul li .dataBottom p{
    margin-top:15px;
    color: #666666;
    font-size:14px;
    line-height: 22px;
}
.box4{
    width:100%;
    height:1080px;
    background:url("../images/marketDoor/listBg.jpg") no-repeat center top;
    padding-top:20px;
}
.con4{
    padding-top:160px;
}
.box4 .titleCon span,.box6 .titleCon span{
    color:#fff;
}
.box4 .titleCon span:before, .box6 .titleCon span:before{
    width: 31px;
    height:23px;
    background-position:-410px -60px;
}
.box4 .titleCon span:after, .box6 .titleCon span:after{
    width: 30px;
    height:21px;
    background-position:-445px -60px;
}
.box5{height:1260px;}
.box6{
    height:1200px;
    background:url("../images/marketDoor/systemBg.png") no-repeat center top;
    padding-top:20px;
}
.box6 .con6{
    display:flex;
    justify-content: space-between;
    padding-top:180px;
}
.box6 ul{
    /*margin-left:-60px;*/
}
.box6 ul li{
    width: 566px;
    min-height: 120px;
    padding:10px 20px 15px 20px;
}
.box6 ul li.active{
    background-color: #f5faff;
}
.box6 ul li:nth-of-type(1){
    margin-left:40px;
}
.box6 ul li:nth-of-type(2){
    margin-left:0;
}
.box6 ul li:nth-of-type(3){
    margin-left:-40px;
}
.box6 ul li:nth-of-type(4){
    margin-left:-40px;
}
.box6 ul li:nth-of-type(5){
    margin-left:0;
}
.box6 ul li:nth-of-type(6){
    margin-left:40px;
}
.box6 ul li h3{
    color: #3399ff;
    font-size: 22px;
}
.box6 ul li h3 span{
    display: inline-block;
    color:#3399ff;
    font-style: italic;
    width:70px;
    font-size:48px;
}
.box6 ul li h3 span em{
    font-size:24px;
}
.box6 ul li p{
    color: #666666;
    font-size:16px;
    line-height: 24px;
    padding-left:50px;
}
.box6 .con6 img{
    width:630px;
    height:649px;
    margin-top:100px;
}
.box7{
    height:650px;
    background:url("../images/marketDoor/safeBg.png") no-repeat center bottom;
}
.con7{padding-top:100px;}
.con7 ul{
    display: flex;
    justify-content: space-between;
}
.con7 ul li{
    width: 221px;
    height: 295px;
    background-color: #ffffff;
    border-radius: 8px;
    padding:45px 0 0;
    text-align: center;
    box-shadow: 1px 1px 40px 0px
    rgba(210, 227, 229, 1);
}
.con7 ul li i{
    width:52px;
    height:68px;
}
.con7 ul li .safeIcon_1{background-position:0 -60px;}
.con7 ul li .safeIcon_2{background-position:-54px -60px;}
.con7 ul li .safeIcon_3{background-position:-108px -60px;}
.con7 ul li .safeIcon_4{background-position:-162px -60px;}
.con7 ul li .safeIcon_5{background-position:-216px -60px;}
.con7 ul li h3{
    margin:26px 0 20px 0;
    color: #2f434c;
    font-size:16px;
}
.con7 ul li p{
    color: #4e5e66;
    font-size:14px;
    line-height: 24px;
}
.certifycon{
    width:1206px;
    margin-left:-3px;
}
.certifycon .swiper-container {
    padding:100px 0 30px 0;
}
.certifycon .swiper-slide {
    width: 1206px;
    height: 870px;
    background: #fff;
}
.certifycon .swiper-slide img {
    display: block;
    width: 1206px;
    height:870px;
}
.certifycon .swiperdesc {
    /*display: none;*/
    position: absolute;
    width: 1206px;
    top: -130px;
    left: 50%;
    margin-left: -600px;
}
.certifycon .swiperdesc h4 {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
    font-weight: normal;
    text-align: center;
}
.certifycon .swiperdesc h4 span {
    font-size: 18px;
    font-weight: normal;
    color: #333;
    display: inline-block;
    padding: 28px 60px;
    position:relative;
}
.certifycon .swiperdesc h4 span.active:before {
    content:"";
    width:50px;
    height:5px;
    background:#3399ff;
    position:absolute;
    left:50%;
    margin-left:-25px;
    bottom:0;
}