body{
    position: relative;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.p8{
    padding-bottom: 80px;
}
.banner{
    position: relative;
    padding-top: 31.25%;
}
.banner  .txt{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 80px 0 156px;
}
.banner  .txt.pad0{
    padding: 80px 0 0;
}
.banner .txt p{
    position: relative;
    height: 100%;
}
.banner .txt p b{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9;
    font-size: 80px;
    color: #FFF;
    line-height: 94px;
    letter-spacing: 3px;
    text-align: center;
}
.banner img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

section{
    position: relative;
    z-index: 99;
    top: -156px;
    margin-bottom: -156px;
    background-image: url('../images/2021en-mb1.png'),url('../images/2021en-mb2.png') ;
    background-repeat: no-repeat,no-repeat;
    background-size: 100% ;
    background-position: left -10px,left 1900px;
}
section.ditu{
    top: 0;
    margin-bottom: 0;
}
section{
    width: 100%;
	min-width: 1200px;
}
section .min{
	width: 1200px;
	margin:auto;
}
section.fwsh{
    background-position: left -10px,left 2300px;
}
section.sqtz{
    background-position: left -10px,left 2400px;
}
section.cpzr{
    background-image: url('../images/2021en-mb1.png'),url('../images/2021en-mb2.png'),url('../images/2021en-mb1.png'),url('../images/2021en-mb2.png') ;
    background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
    background-size: 100% ;
    background-position: left -10px,left 1850px,left 3650px,left 5450px;
}
section.whjs{
    background-position: left -10px,left 2250px;
}
section.about{
    background-image: url('../images/2021en-mb3.png'),url('../images/2021en-mb4.png'),url('../images/2021en-mb3.png'),url('../images/2021en-mb4.png'),url('../images/2021en-mb3.png') ;
    background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
    background-size: 100% ;
    background-position: left -10px,left 2100px,left 4250px,left 6300px,left 8350px;
}
section.about.dsgg{
    background-position: left -10px,left 1950px,left 3700px,left 5750px,left 7850px;
}
section.ditu{
    background-image: url('../images/2021en-b6bg.png'),url('../images/2021en-bg5.png') ;
    background-repeat: no-repeat,no-repeat;
    background-size: 100% ;
    background-position: left 818px,left 3074px;
}

section .top-tit{
    font-size: 16px;
    color: #1C1C1C;
    line-height: 30px;
    text-align: justify;
    padding: 50px;
    background: #fff;
    margin-bottom:80px;
}
section .top-tit img{
    display: block;
    max-width: 100%;
    margin: 30px auto;
}
section  .li{
    padding-bottom: 80px;
}
.title{
    margin-bottom: 70px;
}
.title i{
    display: inline-block;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    background: #1D407E;
    font-style: normal;
    font-size: 48px;
    color: #fff;
    border-radius: 50%;
}
.title b{
    display: inline-block;
    font-size: 48px;
    color: #1C1C1C;
    padding-top: 40px;
    line-height: 57px;
}
.title.fr{
    text-align: right;
}
.info b{
    display: block;
    margin-bottom: 15px;
    font-size: 24px;
    color: #1c1c1c;
    font-weight: normal;
}
.info p{
    font-size: 16px;
    color: #1C1C1C;
    text-align: justify;
    line-height: 30px;
}
.info p:not(:last-child){
    margin-bottom: 20px;
}
/* 2021en-sh-dot */
section  p.li-tit{
    font-size: 24px;
    color: #1C1C1C;
    line-height: 55px;
}
section  p.li-tit i{
    display: inline-block;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    background: url('../images/2021en-sh-dot.png') no-repeat;
    background-size: 100% 100%;
    background-position: left top;
    font-style: normal;
    margin-right: 20px;
}
section.shzr ul{
    padding-top: 50px;
    margin-top: 40px;
    border-top: 1px solid rgba(0,0,0,.1);
}
section.shzr li:not(:last-child){
    margin-bottom: 50px;
}
section.shzr li div.li-txt{
    padding-left: 75px;
}
section.shzr li div.li-txt p{
    text-align: justify;
    font-size: 16px;
    color: #1c1c1c;
    line-height: 30px;
    margin-bottom: 20px;
}
section.shzr div.li-txt  img{
    display: block;
    max-width: 100%;
    margin-top: 16px;
}
section.shzr div.li-txt  img.mar{
    margin-top: 16px;
    margin-left: 30px;
}
section.shzr li div.li-txt  img.mar0 {
    margin-top: 30px;
}
section.shzr li div.lr-img{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
section.shzr li div.lr-img img{
    margin-left: 30px;
}
.about .li p:not(:last-child){
    margin-bottom: 50px;
}
.about .info.dot p{
    padding-left: 15px;
    line-height: 30px;
}
.about .info.dot p span{
    display: inline-block;
    margin-top: 15px;
    font-size: 16px;
    color: #1C1C1C;
}
.ditu>.min{
    padding-top: 178px;
}
.ditubox{
    position: relative;
    margin-bottom: 50px;
}
.ditubox img{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    max-width: 100%;
}
.ditubox ul{
    position:relative;
    width: 100%;
    height: 591px;
}
.ditubox ul li{
    position: absolute;
    cursor: pointer;
    width: 14px;
    height: 17px;
    
}
.ditubox ul li em{
    position: relative;
    display:block;
    width: 100%;
    height: 100%;
    background: url('../images/2021en-dituicon.png') no-repeat;
    background-size: 100% 100%;
}
.ditubox ul li div:after{
    position: absolute;
    bottom: -6px;
    left: 50%;
    display: block;
    content:'';
    width: 10px;
    height: 10px;
    transform:rotate(45deg); 
    -webkit-transform:rotate(45deg); 
    -moz-transform: rotate(45deg); 
    -o-transform: rotate(45deg);
    border: 1px solid rgba(23, 59, 134, 0.5);
    border-top: 0;
    border-left: 0;
    background:#fff;
    z-index: 1000;
    margin-left: -5px;
}
.ditubox  ul li div{
    position: absolute;
    /* top: -245px;
    left:-211px; */
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 0px rgba(23, 59, 134, 0.1);
    border: 1px solid rgba(23, 59, 134, 0.5);
    width: 432px;
    padding: 20px;
    /* opacity: 0; */
    display: none;
    transition:.5s;
    z-index: 999;
}
.ditubox  ul li div p i{
    display: inline-block;
    vertical-align: top;
    width: 77px;
    font-style: normal;
    font-size: 16px;
    color: #173B86;
    line-height: 30px;
}
.ditubox  ul li div p span{
    display: inline-block;
    vertical-align: top;
    width: 313px;
    font-size: 16px;
    color: #1C1C1C;
    line-height: 30px;
}
.ditubox  ul li em:hover{
    background: url('../images/2021en-dituicon1.png') no-repeat;
    background-size: 100% 100%;
}
/* .ditubox  ul li em:hover+div{
    display: block;
    opacity: 1;
} */
.ditubox ul li:nth-child(1){
    left: 27.17%;
    top: 35.87%;
}
.ditubox ul li:nth-child(2){
    left: 44.9167%;
    top: 29.05%;
}
.ditubox ul li:nth-child(3){
    left: 46.83%;
    top: 30.457%;
}
.ditubox ul li:nth-child(4){
    top: 52.79%;
    left: 66.83%;
}
.ditubox ul li:nth-child(5){
    top: 54.145%;
    left: 68.75%;
}
.ditubox ul li:nth-child(6){
    top: 55.5%;
    left: 73.417%;
}
.ditubox ul li:nth-child(7){
    top: 61.083%;
    left: 73.417%;
}
.ditubox ul li:nth-child(8){
    top: 63.79%;
    left: 74.5%;
}
.ditubox ul li:nth-child(9){
    top: 66.5%;
    left: 76.417%;
}
.ditubox ul li:nth-child(10){
    top:48.56%;
    left: 75.917%;
}
.ditubox ul li:nth-child(11){
    top:51.269%;
    left: 77.5%;
}
.ditubox ul li:nth-child(12){
    top:55.5%;
    left: 79.58%;
}
.ditubox ul li:nth-child(13){
    top:45.85%;
    left: 79%;
}
.ditubox ul li:nth-child(14){
    top:37.225%;
    left: 78.58%;
}
.ditubox ul li:nth-child(15){
    top:40.1%;
    left: 80.67%;
}
.ditubox ul li:nth-child(16){
    top:44.5%;
    left: 83.5%;
}
.ditubox ul li:nth-child(17){
    top:80.88%;
    left: 87.58%;
}
.ditubox ul li:nth-child(18){
    top:84.77%;
    left: 85.17%;
}
.dq-tit{
    font-size: 48px;
    font-weight: 500;
    color: #1C1C1C;
    line-height: 67px;
    margin-bottom: 40px;
}
.dq-tit i{
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #173B86;
    border-radius: 50%;
    font-size: 48px;
    font-style: normal;
    color: #FFFFFF;
}
.asiaBox .dq-tit i{
    margin-right: 30px;
}
.OthersBox {
    padding-bottom: 90px;
}
.OthersBox .dq-tit{
    text-align: right;
}
.OthersBox .dq-tit i{
    margin-left: 30px;
}
.dqTableBox{
    padding-top: 35px;
}
.dqTableBox tr th{
    line-height: 47px;
    font-size: 16px;
    font-weight: 500;
    color: #1D407E;
    padding: 0 45px;
    text-align: center;
}
.dqTableBox tr td{
    padding: 30px 40px;
    font-size: 16px;
    color: #1C1C1C;
    text-align: center;
    line-height: 30px;
}
.OthersBox.dqTableBox tr td{
    padding: 30px 50px;
}
.dqTableBox tr td:nth-child(3){
    text-align: left;
}
.dqTableBox tr th:last-child,.dqTableBox tr td:last-child{
    padding-right: 0;
}
.asiaBox{
    margin-bottom: 165px;
}
.dqTableBox tr:first-child th,.dqTableBox tr:nth-child(2n+1) td{
    background: #fff;
}
.dqTableBox tr:nth-child(2n) td{
    background: #F6F9FF;
}
@media screen and (max-width: 1700px){
    section .min{
        width: 920px;
    }
    .banner .txt{
        padding: 80px 0 110px;
    }
    section{
        top: -110px;
        margin-bottom: -110px;
    }
    .banner .txt p b{
        font-size: 65px;
        line-height: 70px;
    }
    section.shzr div.rimg img{
        width: 300px;
        height: auto;
        object-fit: cover;
    }
    .ditubox ul{
        height: 473px;
    }
    section.ditu{
        background-position: left 700px,left 3423px;
    }
    .dqTableBox tr td{
        padding: 30px 20px;
    }
    .OthersBox.dqTableBox tr td{
        padding: 30px 20px;
    }
    .dqTableBox tr td{
        font-size: 14px;
    }
    .title b,.dq-tit{
        font-size: 35px;
    }
    .title i,.dq-tit i{
        width: 65px;
        height: 65px;
        line-height: 65px;
        font-size: 35px;
    }
    section .top-tit,section.shzr li div.li-txt p{
        font-size: 14px;
    }
    .info b,section p.li-tit{
        font-size:20px;
    }
    .info p{
        font-size: 14px;
    }
    .about .info.dot p{
        font-size: 14px;
    }
}
@media screen and (max-width: 1500px){
    .banner .txt p b{
        font-size: 60px;
        line-height: 70px;
    }
}