.qxMain{

}
.qxMain .section1 .content{
    
position: relative;
    
margin-bottom: calc(167/1920*100vw);
}
.qxMain .section1 .content .left{
    
position: relative;
    
width: 51.5%;
    
/* padding-bottom: 7px; */
}
.qxMain .section1 .content .dec a.more{
    text-decoration:underline;
    display: inline-block;
    margin-left: 1em;
}
.qxMain .section1 .content .dec{
    font-size: 19px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #727272;
    line-height: 1.8;
}
.qxMain .section1 .content .link{
    
font-size: 0;
    
display: -webkit-box;
    
display: -moz-box;
    
display: -webkit-flex;
    
display: -moz-flex;
    
display: -ms-flexbox;
    
display: flex;
    
justify-content: space-between;
    
padding-top: 250px;
}
.qxMain .section1 .content .link a span{
    display: inline-block;
    position: relative;
    z-index: 4;
    width: 100%;
    line-height: 35px;
    text-align: center;
}

.qxMain .section1 .content .link a:before{
background: #0068B6;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
border-radius: 400px;
content: "";
z-index: 2;

-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
transition:all 0.3s;
}
.qxMain .section1 .content .link a:after{
    left: -100%;
    top: 100%;
    border-radius: 300px;
    z-index: 3;
    opacity: 0;
}
.qxMain .section1 .content .link a.current:after,
.qxMain .section1 .content .link a:hover:after{
    left: 0%;
    opacity: 1;
    top: 0%;
}

.qxMain .section1 .content .link a:hover:before,
.qxMain .section1 .content .link a.current:before{
    left: 100%;
    top: -100%;
}



.qxMain .section1 .content .link a{
    
width: 155px;
    
/* height: 35px; */
    

    
border-radius: 18px;
    
font-size: 17px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
    
display: inline-block;
    
position: relative;
    
overflow: hidden;
    
margin-right: 8px;
}
.qxMain .section1 .content .link a:last-child{
    margin-right: 0px;
}
.qxMain .section1 .content .right{
    
overflow: hidden;
cursor: pointer;
    
height: 100%;
    
width: 45.1%;
    
position: absolute;
    
right: 0;
    
top: 0;
}
.qxMain .section1 .content .right img{
    
width: 100%;
    
height: 100%;
    
object-fit: cover;
}
.qxMain .section2{
    
background: #F5F5F5;
    
padding-top: calc(114/1920*100vw);
    
padding-bottom: calc(123/1920*100vw);
}
.qxMain .section2 .list{
    
}
.qxMain .section2 .list .left .swiper-slide{
    padding-right: 3px;
}
.qxMain .section2 .list .left .leftCon{
    
float: left;
    
width: 61%;
}
.qxMain .section2 .list .left .leftCon .content{
    
position: relative;
}
.qxMain .section2 .list .left .leftCon .content a{
    
display: block;
    
position: relative;
    
z-index: 4;
}
.qxMain .section2 .list .left .leftCon .content *{
    
display: block;
    
position: relative;
    
z-index: 3;
}
.qxMain .section2 .list .left .leftCon .content .imgbox{
    
overflow: hidden;
    
height: calc(570/1920*100vw)
}
.qxMain .section2 .list .left .leftCon .content .imgbox img{
    
width: 100%;
    
height: 100%;
    
object-fit: cover;
}
.qxMain .section2 .list .left .leftCon .content .con {
    border: 1px solid #cbcbcb;
    border-top: none;
    padding: 0px calc(40/1920*100vw);
    padding-bottom: calc(14/1920*100vw);
    padding-top: calc(30/1920*100vw);
}
.qxMain .section2 .list .left .leftCon .content .title{
    font-size: calc(20/1920*100vw);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #0068B6;
    margin-bottom: calc(12/1920*100vw);
    line-height: calc(39/1920*100vw);
    padding-left: calc(55/1920*100vw);
    background: url(../images/ic1.png) no-repeat left center;
    background-size: auto 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.qxMain .section2 .list .left .leftCon .content .dec{
    font-size: calc(16/1920*100vw);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #888888;
    padding: calc(16/1920*100vw) 0px;
    border-top: 1px solid #cbcbcb;
    padding-left: calc(33/1920*100vw);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../images/le.png) no-repeat left center;
}


.qxMain .section2 .list .rightCon{
    
float: right;
    
width: 37%;
}
.qxMain .section2 .list .rightCon .content:last-child{
margin-bottom:0px;}
.qxMain .section2 .list .rightCon .content{margin-bottom: calc(29/1920*100vw);position: relative;}
.qxMain .section2 .list .rightCon .content a{
    
position: relative;
    
z-index: 43;
    
display: block;
}
.qxMain .section2 .list .rightCon .content *{
    
display: block;
    
position: relative;
}
.qxMain .section2 .list .rightCon .content .imgbox{
    height: calc(260/1920*100vw);
    overflow: hidden;
}
.qxMain .section2 .list .rightCon .content .imgbox img{
    
width: 100%;
    
height: 100%;
    
object-fit: cover;
}
.qxMain .section2 .list .rightCon .content .con {
    border: 1px solid #cbcbcb;
    border-top: none;
    padding: 0px calc(23/1920*100vw);
    padding-bottom: calc(6/1920*100vw);
    padding-top: calc(10/1920*100vw);
}
.qxMain .section2 .list .rightCon .content .title.type1{background: url(../images/ic2.png) no-repeat left center;background-size: auto calc(19/1920*100vw);}
.qxMain .section2 .list .rightCon .content .title.type2{
background: url(../images/ic3.png) no-repeat left center;
background-size: auto 19px;
}

.qxMain .section2 .list .rightCon .content .title{
    line-height: calc(19/1920*100vw);
    padding-left: 55px;
    padding: calc(6/1920*100vw) calc(25/1920*100vw);
    font-size: calc(20/1920*100vw);
    font-family: Microsoft YaHei;
    font-weight: 400;
    border-bottom: 1px solid #cbcbcb;
    color: #0068B6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.qxMain .section2 .list .rightCon .content .dec{
    font-size: calc(16/1920*100vw);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #888888;
    padding-left: calc(16/1920*100vw);
    padding-top: calc(9/1920*100vw);
    padding-bottom: calc(9/1920*100vw);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../images/le.png) no-repeat left center;
    background-size: calc(7/1920*100vw);
}

.qxMain .section2 .list{
    position: relative;
}
.qxMain .section2 .list:after{
    content: "";
    display: table;
    clear: both;
}


.qxMain .section1 .content .left .flexList{
    
margin-top: 35px;
    
padding-top: 38px;
    
border-top: 1px solid #d8d8d8;
    
display: flex;
    
flex-wrap: wrap;
    
padding-bottom: 3px;
}
.qxMain .section1 .content .left .flexList .item:nth-child(3n){
margin-right:0px;
}
.qxMain .section1 .content .left .flexList .item:nth-child(4),
.qxMain .section1 .content .left .flexList .item:nth-child(5),
.qxMain .section1 .content .left .flexList .item:nth-child(6){
padding-bottom:0px;}

.qxMain .section1 .content .left .flexList .item{
    
width: 31%;
    
padding-bottom: 34px;
    
margin-right: 3.5%;
}
.qxMain .section1 .content .left .flexList .tit{
    
font-size: 20px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #0068B6;
}
.qxMain .section1 .content .left .flexList .text{
    
font-size: 16px;
    
font-family: SourceHanSansCN;
    
font-weight: 400;
    
color: #949494;
    
line-height: 25px;
    
padding-top: 8px;
}
.qxMain .section1 .content .left .flexList .text p{
    
line-height: inherit;
}
.qxMain .section1 .content .left .flexList .text p strong{
    
color: #0068B6;
    
font-weight: normal;
    
font-family: "Arial" !important;
}



.qxMain .section2 .list.iconNone .right .content .title,
.qxMain .section2 .list.iconNone .left .content .title{
padding-left: 0px !important;
background: none !important;
}

.qxMain .section2#float2{
    background: #fff;
}





.qxMain .section2 .list .left .leftCon .content:hover .title{
    background: url(../images/ic1hover.png) no-repeat left center;
    background-size: auto 100%;
}
.qxMain .section2 .list .left .leftCon .content:hover .dec{
    background: url(../images/lehover.png) no-repeat left center;
    background-size: auto 20px;
}
.qxMain .section2 .list .rightCon .content:hover .dec{
    background: url(../images/lehover.png) no-repeat left center;
    background-size: auto 9px;
}

.qxMain .section2 .list .rightCon .content:hover .title.type1{
background: url(../images/ic2hover.png) no-repeat left center;
background-size: auto 19px;
}
.qxMain .section2 .list .rightCon .content:hover .title.type2{
background: url(../images/ic3hover.png) no-repeat left center;
background-size: auto 19px;
}


.qxMain .section1 .content .infor{
    
background: #0068B6;
    
margin-top: 28px;
    
display: -webkit-box;
    
display: -moz-box;
    
display: -webkit-flex;
    
display: -moz-flex;
    
display: -ms-flexbox;
    
display: flex;
    
justify-content: space-between;
    
text-align: center;
    
padding-left: 5%;
    
padding-right: 5%;
    
padding-top: 17px;
    
padding-bottom: 11px;
}
.qxMain .section1 .content .infor .item{
    
/* padding-top: 17px; */
    
/* padding-bottom: 11px; */
    
/* padding-left: 5%; */
    
/* padding-right: 5%; */
}
.qxMain .section1 .content .infor .val{
    
font-size: 33px;
    
font-family: Arial;
    
font-weight: 400;
    
color: #FFFFFF;
    
padding-bottom: 12px;
}
.qxMain .section1 .content .infor .title{
    
font-size: 15px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
    
line-height: 1.2;
}
.qxMain .section1 .titlemodel{
    font-weight: bold;
}
.qxMain .section5{
    
background: #F5F5F5;
    
padding-top: calc(124/1920*100vw);
    
padding-bottom: calc(127/1920*100vw);
}


.qxMain .section5 .list .swiper-slide{
    padding:20px;
}
.qxMain .section5 .list .swiper-container{
    margin:-20px;
}





.qxMain .section5 .list{
    position: relative;
}
.qxMain .section5 .list a{
    position: relative;
    overflow: hidden;
    display: block;
    border: 1px solid #C4C4C4;
    cursor: pointer;
}
.qxMain .section5 .list a *{
    display: block;
    position: relative;
    z-index: 4;
}
.qxMain .section5 .list a .imgbox{
    overflow: hidden;
    background: #fff;
    height: calc(364/1920*100vw);
}
.qxMain .section5 .list a .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.qxMain .section5 .list a .con{
    
border-top: none;
    
padding: 0px 9%;
    
padding-bottom: 43px;
    
padding-top: 24px;
}
.qxMain .section5 .list a .title{
    
font-size: 20px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #0068B6;
    
text-align: center;
    
padding-bottom: 11px;
    
overflow: hidden;
    
text-overflow: ellipsis;
    
white-space: nowrap;
    
border-bottom: 1px solid #C4C4C4;
}
.qxMain .section5 .list a .dec{
    
font-size: 16px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #878787;
    
margin-top: 17px;
    
padding-left: 17px;
    
background: url(../images/le.png) no-repeat left center;
    
background-size: 9px;
    
overflow: hidden;
    
text-overflow: ellipsis;
    
white-space: nowrap;
}
.qxMain .section5 .list a:hover .dec{

background: url(../images/lehover.png) no-repeat left center;
background-size: 9px;
}
.qxMain .section6{
    
padding-top: calc(124/1920*100vw);
    
padding-bottom: calc(124/1920*100vw);
}
.qxMain .section6 .mapMain{
    
position: relative;
    
overflow: hidden;
    
/* width: 1346px; */
    
max-width: 100%;
    
margin: auto;
    
margin-top: 12px;
    
margin-bottom: 30px;
}
.qxMain .section6 .mapMain .mapPost{
    
}
.qxMain .section6 .mapMain .mapPost img{
    width: 100%;
}
.qxMain .section6 .mapMain .wrpbox{position: absolute;left: 0%;top: 0px;width: 100%;height: 100%;z-index: 4;position:absolute;top: 50%;left: 50%;-o-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.qxMain .section6 .mapMain .container{
    width: 100%;
    height: 100%;
}
.qxMain .section6 .mapMain .container img{
    height: 100%;
    position: relative;
    z-index: 4;
    width:100%;

}
.qxMain .section6 .mapMain .container img.bg{
    position: absolute;
    z-index: 1;
}


.qxMain .section6 .mapMain video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.qxMain .section6 .mapMain video::-webkit-media-controls{ 
/*display:none !important;*/
}




.qxMain .section6 .dec{

}
.qxMain .section6 .tit{
    font-size: 29px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #0068B6;
padding-bottom: 20px;
border-bottom: 1px solid #888888
    
}
.qxMain .section6 .dec p{
    font-size: 17px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #6C6C6C;
line-height: 33px;
padding-top: 20px;
}

/*.qxMain .section7 .list .swiper-container{
    overflow: inherit;
}
.qxMain .section7 .list .swiper-container .swiper-slide{
    z-index: -1;

}*/
.qxMain .section7 .list .btns{
    width: 100%;

}
.qxMain .section7 .list  .swiper-button-next{
    
right: 2%;
}
.qxMain .section7 .list  .swiper-button-prev{
    
left: 6%;
}
.qxMain .section7 .list{
    position: relative;
}
.qxMain .section7{
    background: #F5F5F5;
    padding-top: calc(100/1920*100vw);
    padding-bottom: calc(90/1920*100vw);
}
.qxMain .section7 .content{
    
}


.qxMain .section8{
    
padding-top: calc(76/1920*100vw);
}
.qxMain .section8 .dec{
    
font-size: 16px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #676767;
    
line-height: 38px;
    
margin-bottom: calc(71/1920*100vw);
}
.qxMain .section8 .item1{
    
border-top: 1px solid #ddd;
    
padding-top: calc(71/1920*100vw);
    
padding-bottom: calc(61/1920*100vw);
    
border-bottom: 1px solid #ddd;
    
margin-bottom: calc(72/1920*100vw);
}
.qxMain .section8 .titles{
    
font-size: 26px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #676767;
}
.qxMain .section8 .item1 .dec{
    
padding-top: 14px;
    
margin-bottom: calc(85/1920*100vw);
}
.qxMain .section8 .item1 .list:after{
    content:"";
    position:absolute;
    width: 85%;
    height:1px;
    background:#ddd;
    top:25px;
    left: 6%;
}
.qxMain .section8 .item1 .list{
    
display: -webkit-box;
    
display: -moz-box;
    
display: -webkit-flex;
    
display: -moz-flex;
    
display: -ms-flexbox;
    
display: flex;
    
justify-content: space-between;
    
text-align: center;
    
position: relative;
    
overflow: hidden;
}
.qxMain .section8 .item1 .list .model{
    
position: relative;
    
z-index: 4;
    
cursor: pointer;
}
.qxMain .section8 .item1 .list .num{
    
/* width: 53px; */
    
/* height: 53px; */
    
background: #FFFFFF;
    
box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.15);
    
margin: auto;
    
padding: 5px;
    
position: relative;
    
border-radius: 300px;
    
display: inline-block;
    
overflow: hidden;
}
.qxMain .section8 .item1 .list .num span{
    
background: #0068B6;
    
border-radius: 50%;
    
width: 100%;
    
height: 100%;
    
display: block;
    
display: -webkit-box;
    
display: -moz-box;
    
display: -webkit-flex;
    
display: -moz-flex;
    
display: -ms-flexbox;
    
display: flex;
    
flex-direction: column;
    
justify-content: center;
    
font-weight: bold;
    
color: #fff;
    
font-size: 30px;
    
width: 43px;
    
height: 43px;
    
margin: auto;
    
position: relative;
    
z-index: 5;
}
.qxMain .section8 .item1 .list .tit{
    
margin: auto;
    
margin-top: 22px;
    
border: 0px solid #626262;
    
background: linear-gradient(268deg, #EBEBEB 0%, #FFFFFF 80%, #FFFFFF 100%);
    
box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.17);
    
border-radius: 24px;
    
padding: 5px;
    
display: inline-block;
    
position: relative;
    
overflow: hidden;
}
.qxMain .section8 .item1 .list .tit span{
    
font-size: 26px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
    
display: block;
    
line-height: 46px;
    
background: #0068B6;
    
border-radius: 19px;
    
padding: 0px 27px;
    
position: relative;
    
z-index: 4;
}
.qxMain .section8 .item1 .list h2{
    
padding-top: 20px;
    
font-size: 26px;
    
font-weight: normal;
    
color: #515151;
}
.qxMain .section8 .item1 .list p{
    
font-size: 16px;
    
padding-top: 7px;
    
color: #515151;
}

.qxMain .section8 .item1 .list .num{
    position: relative;
}
.qxMain .section8 .item1 .list .tit:after,
.qxMain .section8 .item1 .list .num:after{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 24px;
    background: linear-gradient(88deg, #00A0E9 0%, rgba(0,197,59,0.93) 100%);
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s cubic-bezier(.77,0,.175,1);
    -o-transition: all .5s cubic-bezier(.77,0,.175,1);
    -moz-transition:all .5s cubic-bezier(.77,0,.175,1);
    -ms-transition: all .5s cubic-bezier(.77,0,.175,1);
    transition: all .5s cubic-bezier(.77,0,.175,1);
    left: -100%;
    top: 100%;
}
.qxMain .section8 .item1 .list .model:hover .tit:after,
.qxMain .section8 .item1 .list .model:hover .num:after{
    left:0;
    top:0px
}
.qxMain .section8 .item1 .list .model:hover .tit span,
.qxMain .section8 .item1 .list .model:hover .num span{
    background:none;
    transition-delay: .2s;
}


.qxMain .section8 .item2{
    
}
.qxMain .section8 .item2 .titles{
    
}
.qxMain .section8 .item2 .list:after{
    content: "";
    display: table;
    clear: both;
}
.qxMain .section8 .item2 .list{
    
display: -webkit-box;
    
display: -moz-box;
    
display: -webkit-flex;
    
display: -moz-flex;
    
display: -ms-flexbox;
    
display: flex;
    
align-items: flex-end;
    
justify-content: space-around;
    
padding-top: 251px;
    
padding-bottom: 152px;
    
/* align-items: center; */
    
justify-content: center;
}
.qxMain .section8 .item2 .list .left{
    
width: 23.6vw;
    
height: 23.6vw;
    
/* background: url(../images/lcline.png) no-repeat center center; */
    
background-size: 100%;
    
position: relative;
    
/* float: left; */
}
.qxMain .section8 .item2 .list .centerimg i{
    position: absolute;
    z-index: 4;
    background: #fff;
right: 0;
    top: -1px;
    width: 100%;
    height: calc(100% + 2px);

}
.qxMain .section8 .item2 .list .centerimg{
    
position: absolute;
    
top: 50%;
    
left: 50%;
    
-o-transform: translate(-50%, -50%);
    
-webkit-transform: translate(-50%, -50%);
    
-moz-transform: translate(-50%, -50%);
    
-ms-transform: translate(-50%, -50%);
    
transform: translate(-50%, -50%);
}
.qxMain .section8 .item2 .list .centerimg img{
    
display: block;
}
.qxMain .section8 .item2 .list .items{
    
}
.qxMain .section8 .item2 .list .item:nth-child(2n){
float:right;}
.qxMain .section8 .item2 .list .item{
    
float: left;
    
position: relative;
    
cursor: pointer;
}
.qxMain .section8 .item2 .list .title:after{
    content:'';
    width: calc((100% - 28px));
    height: calc((100% - 28px));
    top:14px;
    left:14px;
    background:#bebfbf;
    position:absolute;
    border-radius: 300px;

}
.qxMain .section8 .item2 .list .title:before{
    content:'';
    width: calc((100% - 28px));
    height: calc((100% - 28px));
    top:14px;
    left:14px;
    background: linear-gradient(62deg, #00A0E9 0%, rgba(0,197,59,0.93) 100%);
    z-index:3;
    position:absolute;
    border-radius: 300px;
    left:-100%;
    top: 100%;
}
.qxMain .section8 .item2 .list:hover .title{
background:#deebf4;}
.qxMain .section8 .item2 .list .title{
    
width: 11.3vw;
    
height: 11.3vw;
    
background: #fff;
    
box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.15);
    
border-radius: 50%;
    
text-align: center;
    
position: relative;
    
display: -webkit-box;
    
display: -moz-box;
    
display: -webkit-flex;
    
display: -moz-flex;
    
display: -ms-flexbox;
    
display: flex;
    
flex-direction: column;
    
justify-content: center;
    
overflow: hidden;
    
z-index: 77;
}
.qxMain .section8 .item2 .list .icon{
    
position: relative;
    
z-index: 5;
}
.qxMain .section8 .item2 .list .icon img{
    
max-width: 34%;
}
.qxMain .section8 .item2 .list .tit{
    
font-size: 1.4vw;
    
color: #fff;
    
padding-top: 15px;
    
position: relative;
    
z-index: 5;
}



.qxMain .section8 .item2 .list .item:nth-child(1){
    
margin-left: -10%;
    
margin-top: -8%;
}
.qxMain .section8 .item2 .list .item:nth-child(2){
    
margin-right: -8%;
    
margin-top: -8%;
}
.qxMain .section8 .item2 .list .item:nth-child(3){
    
margin-left: -9%;
    
margin-top: 23%;
}
.qxMain .section8 .item2 .list .item:nth-child(4){
    
margin-right: -10%;
    
margin-top: 21%;
}







.qxMain .section8 .item2 .list .slide{
    
}
.qxMain .section8 .item2 .list .slide dl{
    
}
.qxMain .section8 .item2 .list .slide dd:after{

}
.qxMain .section8 .item2 .list .slide dd{
    position: relative;
    opacity: 0;
    width: 6.5vw;
    position: absolute;
}
.qxMain .section8 .item2 .list .slide dd:after{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 7.3vw;
    background: url(../images/path.png) no-repeat center center;
    background-size: 100% !important;
}
.qxMain .section8 .item2 .list .slide dd span{
    display: block;
    position: relative;
    text-align: center;
    font-size: 1.1vw;
    color: #555;
    line-height: 1.4;
    height: 6.5vw;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 4;
}


.qxMain .section8 .item2 .list .slide dd{
    left: 0px;
    top: 0px;
    
 -webkit-transition: all .5s cubic-bezier(.77,0,.175,1);
-o-transition: all .5s cubic-bezier(.77,0,.175,1);
-moz-transition:all .5s cubic-bezier(.77,0,.175,1);
-ms-transition: all .5s cubic-bezier(.77,0,.175,1);
transition: all .5s cubic-bezier(.77,0,.175,1);
}


.qxMain .section8 .item2 .list .slide dd.ani2:after{
    
transform: rotate(45deg);
}

.qxMain .section8 .item2 .list .slide dd.ani3:after{
    
transform: rotate(90deg);
}

.qxMain .section8 .item2 .list .slide dd.ani4:after{
    
transform: rotate(57deg);
}

.qxMain .section8 .item2 .list .slide dd.ani5:after{
    
transform: rotate(101deg);
}

.qxMain .section8 .item2 .list .slide dd.ani7:after{
    
transform: rotate(-164deg);
}
.qxMain .section8 .item2 .list .slide dd.ani6:after{
    
transform: rotate(144deg);
}
.qxMain .section8 .item2 .list .aro span{
    font-size: 21px;
color: #555;
line-height: 1.4;
display: block;
z-index: 4;
position: relative;
}
.qxMain .section8 .item2 .list .aro  i{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 44px;

}

.qxMain .section8 .item2 .list .aro i:after{
background: url(../images/arohover.png) no-repeat center bottom;
background-size: 100% 100% !important;
height: 44px;
position: absolute;
left: 0px;
bottom: 0px;
content: "";
z-index: 3;
clip: rect(auto, 0, auto, auto);
width: 100%;
}
.qxMain .section8 .item2 .list .aro i:before{
background: url(../images/aro.png) no-repeat center bottom;
background-size: 100% 100% !important;
height: 44px;
position: absolute;
left: 0px;
bottom: 0px;
content: "";
width: 100%;
}
.qxMain .section8 .item2 .list .aro{

position: absolute;
right: 0;
bottom: 10px;
width: 205px;
text-align: center;
right: -246px;
padding-bottom: 29px;
}

.qxMain .section8 .item2 .list .aupos{
    
/* float: right; */
    
width: 236px;
    
margin-left: 300px;
}
.qxMain .section8 .item2 .list .aupos ul{
    
display: -webkit-box;
    
display: -moz-box;
    
display: -webkit-flex;
    
display: -moz-flex;
    
display: -ms-flexbox;
    
display: flex;
    
flex-wrap: wrap;
    
justify-content: space-between;
}
.qxMain .section8 .item2 .list .aupos ul li{
    
width: 33.333%;
    
width: 64px;
    
text-align: center;
}
.qxMain .section8 .item2 .list .aupos ul li .cir{
    
height: 64px;
    
overflow: hidden;
    
position: relative;
    
padding: 5px;
    
border-radius: 300px;
}

.qxMain .section8 .item2 .list .aupos ul li .cir:before{
    background: #bebfbf;
    content: "";
    border-radius: 4300px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0px;
    top: 0px;
}
.qxMain .section8 .item2 .list .aupos ul li .cir:after{
    content: "";
    background: linear-gradient(88deg, rgba(0,197,59,0.93)  0%, #00A0E9 100%);
    border-radius: 4300px;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
left: -100%;
top: 100%;

}
.qxMain .section8 .item2 .list .aupos ul li .cir span{
    
display: block;
    
width: 100%;
    
height: 100%;
    
background: #fff;
    
border-radius: 300px;
    
display: -webkit-box;
    
display: -moz-box;
    
display: -webkit-flex;
    
display: -moz-flex;
    
display: -ms-flexbox;
    
display: flex;
    
flex-direction: column;
    
justify-content: center;
    
font-size: 22px;
    
color: #707070;
    
position: relative;
    
z-index: 4;

}
.qxMain .section8 .item2 .list .aupos ul li .name{
    
font-size: 20px;
    
font-family: Arial;
    
font-weight: 400;
    
color: #707070;
    
padding-top: 9px;
    
padding-bottom: 18px;
}
.qxMain .section8 .item2 .list .arrows{
    
}
.qxMain .section8 .item2 .list .arrows i{
    position: absolute;
    background-size: 100% 100% !important;
}
/*.qxMain .section8 .item2 .list .arrows i.i1:after{
    content: "";
    position: absolute;
    width: 100%;
    right: 0px;
    top: 0px;
    height: 100%;
    background: #fff;
}*/
.qxMain .section8 .item2 .list .arrows i{
 width: 6vw;
 height: 46px;
}
.qxMain .section8 .item2 .list .arrows i:before,
.qxMain .section8 .item2 .list .arrows i:after{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size: 100% 100% !important;
}
.btnType1:after,
.btnType1:before,
.qxMain .section8 .item2 .list:hover .aupos ul li .cir span,
.qxMain .section8 .item2 .list:hover .aupos ul li .name,
.qxMain .section8 .item2 .list:hover .aupos ul li .cir:before,
.qxMain .section8 .item2 .list:hover .aupos ul li .cir:after,
.qxMain .section8 .item2 .list:hover .title:after,
.qxMain .section8 .item2 .list:hover .title:before,
.qxMain .section8 .item2 .list:hover .aro i:before,
.qxMain .section8 .item2 .list:hover .aro i:after,
.qxMain .section8 .item2 .list:hover .arrows i:before,
.qxMain .section8 .item2 .list:hover .arrows i:after{
 -webkit-transition: all .5s cubic-bezier(.77,0,.175,1);
-o-transition: all .5s cubic-bezier(.77,0,.175,1);
-moz-transition:all .5s cubic-bezier(.77,0,.175,1);
-ms-transition: all .5s cubic-bezier(.77,0,.175,1);
transition: all .5s cubic-bezier(.77,0,.175,1);
}
.qxMain .section8 .item2 .list .arrows i:nth-child(2n){
 width:  46px;
 height: 6vw;
}
.qxMain .section8 .item2 .list .arrows i.i1{
left: 36%;
top: 0; 
}
.qxMain .section8 .item2 .list .arrows i.i1:after{
 background: url(../images/ar1hover.png) no-repeat center center;
 clip: rect(auto, 0, auto, auto);
}

.qxMain .section8 .item2 .list .arrows i.i1:before{
 background: url(../images/ar1.png) no-repeat center center;
}
.qxMain .section8 .item2 .list .arrows i.i2{
 right: 0%;
 top: 36%;
}
.qxMain .section8 .item2 .list .arrows i.i2:after{
 background: url(../images/ar2hover.png) no-repeat center center;
  clip: rect(auto, auto, 0px,auto)
}
.qxMain .section8 .item2 .list .arrows i.i2:before{
 background: url(../images/ar2.png) no-repeat center center;
}
.qxMain .section8 .item2 .list .arrows i.i3{
bottom: 0%;
}
.qxMain .section8 .item2 .list .arrows i.i3:after{
 background: url(../images/ar3hover.png) no-repeat center center;
clip: rect(auto, auto, auto,200px)
}
.qxMain .section8 .item2 .list .arrows i.i3:before{
 background: url(../images/ar3.png) no-repeat center center;

}
.qxMain .section8 .item2 .list .arrows i.i4{
    left: 0;
    top: 39%;
}
.qxMain .section8 .item2 .list .arrows i.i4:after{
 background: url(../images/ar4hover.png) no-repeat center center;
clip: rect(200px, auto, auto,auto)
}
.qxMain .section8 .item2 .list .arrows i.i4:before{
 background: url(../images/ar4.png) no-repeat center center;
}




.qxMain .section8 .item2 .list:hover .slide dd.ani1 {left: -75%;top: 23%;padding-right: 4%;}
.qxMain .section8 .item2 .list:hover .slide dd.ani1:after{ 
}
.qxMain .section8 .item2 .list:hover .slide dd.ani2 { 
left: -50%;  
top: -49%; 
padding-left: 3%;
padding-bottom: 8%;
}
.qxMain .section8 .item2 .list:hover .slide dd.ani3 {
top: -80%;  
left: 18%; 
padding-left: 13%;
padding-bottom: 10%;
}
.qxMain .section8 .item2 .list:hover .slide dd.ani4 {left: -37%;top: -68%;padding-left: 2%;padding-bottom: 12%;}
.qxMain .section8 .item2 .list:hover .slide dd.ani5 {
left: 33%;
top: -78%;
    
padding-left: 12%;
    
padding-bottom: 12%;
}
.qxMain .section8 .item2 .list:hover .slide dd.ani6 {
    
left: 95%;
    
top: -34%;
    
padding-left: 19%;
    
padding-bottom: 3%;
}
.qxMain .section8 .item2 .list:hover .slide dd.ani7 {
    
left: 108%;
    
top: 34%;
    
padding-left: 19%;
    
padding-top: 5%;
}
.qxMain .section8 .item2 .list:hover .slide dd{
    opacity: 1;
}


.qxMain .section8 .item2 .list:hover .centerimg i{
    width: 0;
}
.qxMain .section8 .item2 .list:hover .title:after{
    left: 100%;
    top: -100%;


}
.qxMain .section8 .item2 .list:hover .title:before{
    left: 14px;
    top: 14px;

}


.qxMain .section8 .item2 .list:hover .arrows i.i1:after{
clip: rect(auto, 200px, auto, auto);
transition-delay: .4s !important;
}
.qxMain .section8 .item2 .list:hover .item:nth-child(2) .title:after,
.qxMain .section8 .item2 .list:hover .item:nth-child(2) .title:before{
transition-delay: .8s !important;
}
.qxMain .section8 .item2 .list:hover .arrows i.i2:after{
clip: rect(auto, auto, 200px,auto);
transition-delay: 1.2s !important;
}
.qxMain .section8 .item2 .list:hover .item:nth-child(4) .title:after,
.qxMain .section8 .item2 .list:hover .item:nth-child(4) .title:before{
transition-delay: 1.6s !important;
}

.qxMain .section8 .item2 .list:hover .aro i:after{
clip: rect(auto, 330px, auto, auto);
transition-delay: 2s !important;
}
.qxMain .section8 .item2 .list:hover .arrows i.i3:after{
 background: url(../images/ar3hover.png) no-repeat center center;
clip: rect(auto, auto, auto,0);
transition-delay: 2s !important;
}
.qxMain .section8 .item2 .list:hover .aupos ul li .cir span,
.qxMain .section8 .item2 .list:hover .aupos ul li .name{
color: #0068B7;
transition-delay: 2.2s !important;
}
.qxMain .section8 .item2 .list:hover .aupos ul li .cir:before{
    left: 100%;
    top: -100%;
    transition-delay: 2.2s;
}
.qxMain .section8 .item2 .list:hover .aupos ul li .cir:after{
    left: 0px;
    top: 0px;
    transition-delay:2.2s;
}
.qxMain .section8 .item2 .list:hover .item:nth-child(3) .title:after,
.qxMain .section8 .item2 .list:hover .item:nth-child(3) .title:before{
transition-delay: 2.4s !important;
}
.qxMain .section8 .item2 .list:hover .arrows i.i4:after{
 background: url(../images/ar4hover.png) no-repeat center center;
clip: rect(0, auto, auto,auto);
transition-delay: 2.8s !important;
}





.qxMain .section6 .items{
    
position: absolute;
    
left: 0;
    
top: 0px;
    
width: 100%;
    
height: 100%;
}
.qxMain .section6 .items .item{
    
position: absolute;
    
z-index: 5;
    
/* left: 0; */
    
/* top: 0; */
    
width: 1%;
}
.qxMain .section6 .items .item i{
    cursor: pointer;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 55;
}
.qxMain .section6 .items .slideText:before{
    width: 45%;
    position: absolute;
    left: 26%;
    top: 0px;
    height: 56px;
    content: "";
}
.qxMain .section6 .items .slideText:after{
    content:"";
    position:absolute;
    left: 50%;
    -o-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #0068B7 transparent transparent transparent;
    bottom: -4px;
}
.qxMain .section6 .items .item:hover i img{
        -moz-animation: heartbeat  1.5s infinite;
    -webkit-animation: heartbeat  1.5s infinite;
    -o-animation: heartbeat   1.5s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
    -webkit-animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
    animation: heartbeat  1.5s infinite;
}
.qxMain .section6 .items .item i img{
    width: 100%;



}
.qxMain .section6 .items .item:hover{
    z-index: 45;
}
.qxMain .section6 .items .item:hover .slideText{



    visibility:visible;
    opacity:1;
    z-index:5;
        top:-38px;
        transition:  all .4s cubic-bezier(0.000, 0.105, 0.035, 1.570)
}

.qxMain .section6 .items .slideText{
    position: absolute;
    left: 50%;
    -o-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    /* width: 122px; */
    text-align: center;
    top: -39px;
    background: #0068B7;
    line-height: 30px;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    top: -29px;
    padding: 0px 10px;
}
.qxMain .section6 .items .item.item1{
    
left: 25.6%;
    
top: 53%;
}
.qxMain .section6 .items .item.item2{
    
left: 31%;
    
top: 58%;
}

.qxMain .section6 .items .item.item3{
    
left: 25.8%;
    
top: 47.3%;
}
.qxMain .section6 .items .item.item4{
    
left: 30.3%;
    
top: 65.3%;
}
.qxMain .section6 .items .item.item5{
    
left: 32.2%;
    
top: 74.5%;
}


.qxMain .section6 .items .item.item6{
    
left: 37%;
    
top: 70%;
}



.qxMain .section6 .items .item.item7{
    
left: 45.6%;
    
top: 47%;
}


.qxMain .section6 .items .item.item8{
    
left: 45.6%;
    
top: 44.5%;
}
.qxMain .section6 .items .item.item9{
    
left: 48.4%;
    
top: 58.3%;
}

.qxMain .section6 .items .item.item10{
    
left: 47.5%;
    
top: 43.8%;
}


.qxMain .section6 .items .item.item11{
    
left: 47.1%;
    
top: 38%;
}


.qxMain .section6 .items .item.item12{
    
left: 49.3%;
    
top: 40%;
}



.qxMain .section6 .items .item.item13{
    
left: 49.4%;
    
top: 42.3%;
}


.qxMain .section6 .items .item.item14{
    
left: 52.1%;
    
top: 42.9%;
}


.qxMain .section6 .items .item.item15{
    
left: 51.4%;
    
top: 73%;
}

.qxMain .section6 .items .item.item16{
    
left: 53.7%;
    
top: 66.8%;
}

.qxMain .section6 .items .item.item17{
    
left: 52.8%;
    
top: 38%;
}

.qxMain .section6 .items .item.item18{
    
left: 52.6%;
    
top: 45.6%;
}

.qxMain .section6 .items .item.item19{
    
left: 54.7%;
    
top: 37.2%;
}

.qxMain .section6 .items .item.item20{
    
left: 53.3%;
    
top: 43.8%;
}


.qxMain .section6 .items .item.item21{
    
left: 53.8%;
    
top: 49%;
}


.qxMain .section6 .items .item.item22{
    
left: 54.6%;
    
top: 47.4%;
}


.qxMain .section6 .items .item.item23{
    
left: 55%;
    
top: 48%;
}
.qxMain .section6 .items .item.item24{
    
left: 55.9%;
    
top: 61.1%;
}

.qxMain .section6 .items .item.item25{
    
left: 57.6%;
    
top: 46.7%;
}


.qxMain .section6 .items .item.item26{
    
left: 70.6%;
    
top: 60.4%;
}


.qxMain .section6 .items .item.item27{
    
left: 58.6%;
    
top: 50.4%;
}



.qxMain .section6 .items .item.item28{
    
left: 59.5%;
    
top: 51.3%;
}


.qxMain .section6 .items .item.item29{
    
left: 62.1%;
    
top: 39.6%;
}

.qxMain .section6 .items .item.item30{
    
left: 63.7%;
    
top: 52.3%;
}

.qxMain .section6 .items .item.item31{
    
left: 64%;
    
top: 48%;
}

.qxMain .section6 .items .item.item32{
    
left: 65.5%;
    
top: 58%;
}

.qxMain .section6 .items .item.item33{
    
right: 19.8%;
    
top: 78%;
}
.qxMain .section6 .items .item.item34{
    
}
.qxMain .section6 .items .item.item35{
    
right: 32.2%;
    
top: 49.4%;
}
.qxMain .section6 .items .item.item36{
    
right: 31.4%;
    
top: 51.6%;
}
.qxMain .section6 .items .item.item37{
    
right: 29.9%;
    
top: 54.6%;
}
.qxMain .section6 .items .item.item38{
    
right: 29%;
    
top: 56.3%;
}
.qxMain .section6 .items .item.item39{
    
right: 27.1%;
    
top: 63.5%;
}
.qxMain .section6 .items .item.item40{
    
right: 28.8%;
    
top: 58.6%;
}

.qxMain .section6 .items .item.item41{
    
right: 27.5%;
    
top: 56.6%;
}

.qxMain .section6 .items .item.item42{
    
right: 24.1%;
    
top: 55.5%;
}

.qxMain .section6 .items .item.item43{
    
right: 13.4%;
    
top: 79.2%;
}

.qxMain .section6 .items .item.item44{
    
right: 26.3%;
    
top: 47%;
    
width: 2%;
}













.qxMain .section6 .items .item.item34 i img{
    width: ;
}
.qxMain .section6 .items .item.item34{
    
right: 30.4%;
    
top: 40.9%;
}

.qxMain .section6 .mapMain .wrpbox:after{
    content: "";
    position: absolute;
    left: -1px;
    top: 0px;
    bottom: 0px;
    width: 3px;
    background: #fff;
    z-index: 2;
}

.qxMain .section6 .mapMain .wrpbox:before{
    content: "";
    position: absolute;
    right: -1px;
    top: 0px;
    bottom: 0px;
    width: 3px;
    background: #fff;
    z-index: 2;
}



.qxMain .section7 .content1{
    
position: relative;
    
width: 1400px;
    
margin: auto;
    
max-width: 100%;
}
.qxMain .section7 .content1 .imgbox{
    
position: relative;
    
display: block;
    
/* width: 1400px; */
    
/* margin: auto; */
    
/* max-width: 100%; */
}
.qxMain .section7 .content1 .imgbox img{
    
/* display: block; */
    
width: 100%;
    
/* margin: auto; */
    

}
.qxMain .section7 .content1 .imgbox .default{
    
position: relative;
    
z-index: 6;
}
.qxMain .section7  .videoPlay .videoWrap:before,
.qxMain .section7  .videoPlay .videoWrap:after{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 6px;
    background: #f5f5f5;
    z-index: 1;
}
.qxMain .section7  .videoPlay .videoWrap{
    position: relative;
    /* width: calc(100% - 135px); */
}
.qxMain .section7  .videoPlay .videoWrap:before{
    left: auto;
    right: -2px;
}
.qxMain .section7  .videoPlay{
    position: relative;
}
.qxMain .section7  .videoPlay video{
    display: block;
    width: 100%;
}
.qxMain .section7  .videoPlay .startBtn{position: absolute;z-index: 55;width: 180px;height: 180px;}
.qxMain .section7  .videoPlay .startBtn{

top: 50%;

right: -75px;

margin-top: -76px;
}


.qxMain .section7  .videoPlay .aniWave{
    top: 50%;
    right: -75px;
    margin-top: -76px;
}













.qxMain .section7 .content1 .start{
    
position: absolute;
    
right: 0;
    
top: 34%;
    
z-index: 555;
    
right: -5%;
    
cursor: pointer;
}
.qxMain .section7 .content1 .start img{
    
}
.qxMain .section7 .content1 .end{
    
position: absolute;
    
left: -.8%;
    
bottom: 43%;
    
z-index: 5;
    
-webkit-transition: all 0.4s;
    
-o-transition:all 0.4s;
    
-moz-transition:all 0.4s;
    
-ms-transition:all 0.4s;
    
transition:all 0.4s;
    
bottom: 30%;
    
opacity: 0;
}
.qxMain .section7 .content1 .end img{
    
animation: move .8s infinite;
    -moz-animation: move .8s infinite;
    -webkit-animation: move .8s infinite;
    -o-animation: move .8s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
    -webkit-animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
}

@keyframes move
{
from {
-o-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-moz-transform: translate(0%,0%);
-ms-transform: translate(0%, 0%);
transform: translate(0%, 0%);}
to {
    -o-transform: translate(0%, 10px);
-webkit-transform: translate(0%, 10px);
-moz-transform: translate(0%,10px);
-ms-transform: translate(0%, 10px);
transform: translate(0%, 10px);
}
}




.qxMain .section7 .content1 .imgbox .current{
position: absolute;
left: 0;
z-index: 77;
}
.qxMain .section7 .content1.startAni .imgbox .current{
    -webkit-transition: all 6s;
    
-o-transition:all 6s;
    
-moz-transition:all 6s;
    
-ms-transition:all 6s;
    
transition:all 6s;
transition-duration: ease;
}

.qxMain .section7 .content1.startAni .imgbox .current1{
    clip: rect(auto, 1400px, auto, auto);
}

.qxMain .section7 .content1 .imgbox .current1{
top: 0;
clip: rect(auto, 0, auto, auto);
}


.qxMain .section7 .content1 .imgbox .current2{
bottom: 0px;
clip: rect(auto, auto, auto, 1400px); 
}
.qxMain .section7 .content1.startAni .imgbox .current2{
    clip: rect(auto, auto, auto, 0);
    transition-delay: 5s;
}
.qxMain .section7 .content1.startAni .end{
    opacity: 1;
    bottom: 47%;
    transition:   all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition-delay: 11s;
}




.qxMain .section6 .items .item.green{
    width: 1.5%;
}

.en .qxMain .section1 .content .dec{
    font-size:16px;
}