ul{
    padding: 0;
    margin: 0;
}
li{
    list-style: none;
}
h5{
    font-size: 1.25rem;
    font-weight: 500;
}
header{
    background-color: #D6E6FF;
    border-bottom: 1px solid #338AFE;
}
.navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        justify-content: flex-end;
    }
.navbar-brand img{
    height: 1.5rem;
}
.navbar-nav{
    font-size: .875rem;
}
.dybanner{
    height: 35rem;
    background: url(/images/dybanner-bg.jpg) center no-repeat;
    padding-top: 11rem;
    background-color: #C2DAFF;
}
.dybanner h2{
    font-size: 3.25rem;
    font-weight: 700;
    background: linear-gradient(to top, #1715da, #a963eb); 
    -webkit-background-clip: text; 
    background-clip: text; 
    color: transparent;
}
.dybanner .btn{
    border-radius: 1rem;
    background: linear-gradient(to right, #687ee8, #5b35de);
    border: 1px #D6E6FF solid;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    color: white;
}
.dybanner .btn i{
    margin-left: 0.25rem;
}
.dyservice{
    padding: 3rem 0;
}

.dyservice .icott{
    width: 3.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-bottom-left-radius: 3rem !important;
    color: white;
    text-align: right;
    padding-right: .5rem;
    font-size: 1.5rem;
    font-weight: bold;
    float: right;
}
.dyservice .icottbg1{
    background: linear-gradient(to right, #8fdbff, #24c3ff);
}
.dyservice .icottbg2{
    background: linear-gradient(to right, #91B2FF, #3774ff);
}
.dyservice .icottbg3{
    background: linear-gradient(to right, #93e8d8, #29d8bc);
}
.dyservice h5,.dyservice p{
    text-align: center;
}

.dyservice .col-sm{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.dycontent{
    padding: 3rem 0;
    background-color: #f8fbff;
}
.dybgtitle{
    text-align: center;
    color: #1765d4;
    font-size:2rem;
    font-weight: 600;
    letter-spacing: .06px;
}
.dysubtitle{
    text-align: center;
}
.dycontent .dcbrief{
    padding-top: 2rem;
    margin-bottom: 6rem;
}
.dycontent .guide_nr {
    display: grid;
    font-family: PingFang SC;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto);
}
.dycontent .card_nr {
    background: #f7f8fb;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 12px;
    overflow: hidden;
    padding: 28px;
}
.dycontent .big-card_nr {
    grid-row-end: 3;
    grid-row-start: 1;
}
.dycontent .card__title {
    color: #181818;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .06px;
    line-height: 28px;
}
.dycontent .card__desc {
    color: #4e5969;
    font-size: 14px;
    letter-spacing: .028px;
    line-height: 22px;
    margin-top: 0.75rem;
}
.dycontent .badge{
    color: red;
    border: 1PX solid red;
    font-weight: 300;
    font-size: 12px;
}

.dycontent .dynryycx{
}
.dycontent .dynryycx ul{
    padding-left: 0;
    margin-left: 0;
}
.dycontent .dynryycx li{
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 12px;
    -webkit-flex: none;
    overflow: hidden;
    padding: 9rem 24px 24px 24px;
    width: 23.5%;
    float: left;
}
.dycontent .dynryycx li:nth-child(2){
    margin-left: 2%;
    margin-right: 2%;
    background: url(/images/dy-cx-bg-2.png);
}
.dycontent .dynryycx li:nth-child(3){
    margin-right: 2%;
    background: url(/images/dy-cx-bg-3.png);
}
.dycontent .dynryycx li:nth-child(1){
    background: url(/images/dy-cx-bg-1.png);
}
.dycontent .dynryycx li:nth-child(4){
    background: url(/images/dy-cx-bg-4.png);
}

.dycontent li .title {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .06px;
    line-height: 28px;
    text-align: center;
}
.dycontent li .desc {
    color: #fff;
    font-size: 14px;
    letter-spacing: .028px;
    line-height: 22px;
    margin-top: 0.75rem;
    background: url(/images/dycontentcx-bg.png) no-repeat;
    background-size: cover;
    padding: 1.5rem;
    height: 7.125rem;    
}
.dycontent .btn{
    width: 45rem;
    margin: auto;
    display: block;
    background: linear-gradient(to right, #60b8eb, #106ef2);
    margin-top: 3rem;
    color: white;
    font-size: 1.25rem;
}
.dycontent .btn i{
    margin-left: 0.5rem;
}
.dycontent .btn span{
    color: #fbe000;
}

.dyzhib{
    background-color: #F1F8FF;
    padding: 3rem 0;
    margin-bottom: 3rem;
}
.dyzhib .zhibcontent{
    background: url(/images/dyzhibbg.jpg) no-repeat center;
    height: 800px;
    position: relative;
}
.dyzhib .zhibcontent .service{
    width: 22rem;
    padding: 1rem 0.75rem 0.25rem 0.75rem;
    background-color: whitesmoke;
}
.dyzhib .zhibcontent .service p{
    font-size: 14px;
    letter-spacing: .028px;
    line-height: 22px;
    color: #666;
}
.dyzhib .zhibcontent .weizhi1{
    position: absolute;
    top:3.75rem;
    left: 4.5rem;
}
.dyzhib .zhibcontent .weizhi2{
    position: absolute;
    top:6rem;
    right: 3.75rem;
}
.dyzhib .zhibcontent .weizhi3{
    position: absolute;
    top:21rem;
}
.dyzhib .zhibcontent .weizhi4{
    position: absolute;
    top:34rem;
    right: 4.5rem;
}
.dyzhib .zhibcontent .weizhi5{
    position: absolute;
    top:36rem;
    left: 4.5rem;
}
.dyzhib .zhibcontent .hex{
    text-align: center;
    width: 300px;
}
.dyzhib .zhibcontent .hex h5{
    font-size: 2rem;
    font-weight: 600;
}
.dyzhib .zhibcontent .weizhi6{
    position: absolute;
    top:23rem;
    left: calc(50% - 150px);
}

.dyzhib .btn{
    width: 42rem;
    margin: auto;
    display: block;
    background: linear-gradient(to right, #60b8eb, #106ef2);
    color: white;
    font-size: 1.25rem;
}
.dyzhib .btn i{
    margin-left: 0.5rem;
}
.dyzhib .btn span{
    color: #fbe000;
}

.dyad{
    background-color: #F7F8FC;
    padding: 3rem 0;
}

.dyad li{
    width: 19%;
    float: left;
    background-color: white;
    border-radius: 0.5rem;
}
.dyad li:nth-child(2){
    margin-left: 1%;
    margin-right: 1%;
}
.dyad li:nth-child(3),.dyad li:nth-child(4){
    margin-right: 1%;
}
.dyad li .icptbf{
    height: 4.75rem;
    padding: 1.5rem 1rem 0 1rem;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.dyad li .txtptbf{
    padding: .75rem 1rem 0.5rem 1rem;
}
.dyad li i{
    background-color: whitesmoke;
    padding: 0.5rem 0.75rem;
    font-size: 1.5rem;
    border-radius: 5px;
}
.dyad li h5{
}
.dyad li p{
    font-size: 14px;
    letter-spacing: .028px;
    line-height: 22px;
    height: 66px;
}

.dyad li:hover .icptbf{
    background: url(/images/20220621105424_94563.jpg);
    background-size: 100%;
    overflow: hidden;
}
.dyad li:hover .txtptbf{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: white;
    background-color: #353859;
}
.dyad .went{
    padding-top: 3rem;
}

.dyad .dyadbtt{
    text-align: center;
} 
.dyad .jjfanga{
}
.dyad .jjfanga i{
    border: 2px solid white;
    font-size: 1.5rem;
    border-radius: 1.5rem;
    display: block;
    width: 3rem;
    height: 3rem;
    text-align: center;
    line-height: 2.75rem;
    margin-left: 2rem;
    margin-top: -1.5rem;
    background-color: whitesmoke;
    color: #ff6a08;
    font-weight: 600;
}

.dyad .card-body .card-text em{
    margin-right: .125rem;
    color: #2d75f7;
}
.dyad .card-body .card-text{
    line-height: 2rem;
}
.dyad .card-body .card-text span{
    font-size: 14px;
    padding-left: 1.125rem;
}
.dyad .card-body .zongj{
    border: 1px dotted #666;
    border-radius: 6px;
    padding: 0.5rem;
    line-height: 2rem;
}

.dywhy{
    background-color: #f0f7fe;
    padding: 3rem 0;
}
.dywhy li{
    width: 32%;
    float: left;
    background-color: white;
    margin-bottom: 1rem;
    padding: .75rem 1rem 0 1rem;
    
}
.dywhy li:nth-child(2),.dywhy li:nth-child(5){
    margin-left: 2%;
    margin-right: 2%;
}
.dywhy li i{
    font-size: 2rem;
    font-weight: bolder;
    margin-right: 0.75rem;
    background-color: #f7f9ff;
    padding: 0.25rem 0.875rem 0.25rem 0.875rem;
    border-radius: 3rem;
    height: 3.75rem;
    color: #ff610a;
}

.dycase{
    background: linear-gradient(45deg, #daeafc, #aaa8f2);
    padding: 3rem 0;
}

.dycase .box{
    background-color: #e2ebfd;
    border-radius: 0.5rem;
    padding-top: 3rem;
    padding-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;

}
.dycase .list-group-item{
     height: 5rem;
     line-height: 3.5rem;
     font-size: 1.25rem;
}
.dycase .list-group-item.active {
    background: linear-gradient(to right, #638eeb, #6026da);
   
}
.dycase .list-group{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.dycase .media-body p{
    line-height: 2rem;
    text-indent: 2em;
}
.dycase .media-body li{
    text-align: center;
    font-size: 2.25rem;
    font-weight: 600;
    width: 33%;
    float: left;
    color: #5a1df0;
    line-height: initial;
}
.dycase .media-body li span{
    font-size: 1rem;
    font-weight: 200;
    color: #333;
}
.dycase .media-body li p{
    text-indent: 0;
}

@media(max-width:750px){
header{
    background-color: #D6E6FF;
    border-bottom: 1px solid #338AFE;
}
.navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        justify-content: flex-end;
    }
.navbar-brand img{
    height: 1.5rem;
}
.navbar-nav{
    font-size: .875rem;
}

.dycontent{
    padding: 3rem 0;
    background-color: #f8fbff;
}

.dycontent .dcbrief{
    padding-top: 2rem;
    margin-bottom: 6rem;
}
.dycontent .guide_nr {
    display: grid;
    font-family: PingFang SC;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto);
}
.dycontent .card_nr {
    background: #f7f8fb;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 12px;
    overflow: hidden;
    padding: 28px;
}
.dycontent .big-card_nr {
    grid-row-end: 3;
    grid-row-start: 1;
}
.dycontent .card__title {
    color: #181818;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .06px;
    line-height: 28px;
}
.dycontent .card__desc {
    color: #4e5969;
    font-size: 14px;
    letter-spacing: .028px;
    line-height: 22px;
    margin-top: 0.75rem;
}
.dycontent .badge{
    color: red;
    border: 1PX solid red;
    font-weight: 300;
    font-size: 12px;
}

.dycontent .dynryycx{
}
.dycontent .dynryycx ul{
    padding-left: 0;
    margin-left: 0;
}
.dycontent .dynryycx li{
    padding: 5rem 14px 14px 14px;
    width: 48%;
    float: left;
}
.dycontent .dynryycx li:nth-child(2){
    margin-left: 2%;
    margin-right: 2%;
    background: url(/images/dy-cx-bg-2.png) no-repeat;
    background-size: contain;
}
.dycontent .dynryycx li:nth-child(3){
    margin-right: 2%;
    background: url(/images/dy-cx-bg-3.png) no-repeat;
    background-size: contain;
}
.dycontent .dynryycx li:nth-child(1){
    background: url(/images/dy-cx-bg-1.png) no-repeat;
    background-size: contain;
}
.dycontent .dynryycx li:nth-child(4){
    background: url(/images/dy-cx-bg-4.png) no-repeat;
    background-size: contain;
}

.dycontent li .title {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .06px;
    line-height: 28px;
    text-align: center;
}
.dycontent li .desc {
    color: #fff;
    font-size: 14px;
    letter-spacing: .028px;
    line-height: 22px;
    margin-top: 0.75rem;
    background: url(/images/dycontentcx-bg.png) no-repeat;
    background-size: cover;
    padding: 1rem;
    height: 6rem;    
}
.dycontent .btn{
    width: 45rem;
    margin: auto;
    display: block;
    background: linear-gradient(to right, #60b8eb, #106ef2);
    margin-top: 3rem;
    color: white;
    font-size: 1.25rem;
}
.dycontent .btn i{
    margin-left: 0.5rem;
}
.dycontent .btn span{
    color: #fbe000;
}

.dyzhib{
    background-color: #F1F8FF;
    padding: 3rem 0;
    margin-bottom: 3rem;
}
.dyzhib .zhibcontent{
    background: url(/images/dyzhibbg.jpg) no-repeat center;
    height: 800px;
    position: relative;
}
.dyzhib .zhibcontent .service{
    width: 22rem;
    padding: 1rem 0.75rem 0.25rem 0.75rem;
    background-color: whitesmoke;
}
.dyzhib .zhibcontent .service p{
    font-size: 14px;
    letter-spacing: .028px;
    line-height: 22px;
    color: #666;
}
.dyzhib .zhibcontent .weizhi1{
    position: absolute;
    top:3.75rem;
    left: 4.5rem;
}
.dyzhib .zhibcontent .weizhi2{
    position: absolute;
    top:6rem;
    right: 3.75rem;
}
.dyzhib .zhibcontent .weizhi3{
    position: absolute;
    top:21rem;
}
.dyzhib .zhibcontent .weizhi4{
    position: absolute;
    top:34rem;
    right: 4.5rem;
}
.dyzhib .zhibcontent .weizhi5{
    position: absolute;
    top:36rem;
    left: 4.5rem;
}
.dyzhib .zhibcontent .hex{
    text-align: center;
    width: 300px;
}
.dyzhib .zhibcontent .hex h5{
    font-size: 2rem;
    font-weight: 600;
}
.dyzhib .zhibcontent .weizhi6{
    position: absolute;
    top:23rem;
    left: calc(50% - 150px);
}

.dyzhib .btn{
    width: 42rem;
    margin: auto;
    display: block;
    background: linear-gradient(to right, #60b8eb, #106ef2);
    color: white;
    font-size: 1.25rem;
}
.dyzhib .btn i{
    margin-left: 0.5rem;
}
.dyzhib .btn span{
    color: #fbe000;
}

.dyad{
    background-color: #F7F8FC;
    padding: 3rem 0;
}

.dyad li{
    width: 19%;
    float: left;
    background-color: white;
    border-radius: 0.5rem;
}
.dyad li:nth-child(2){
    margin-left: 1%;
    margin-right: 1%;
}
.dyad li:nth-child(3),.dyad li:nth-child(4){
    margin-right: 1%;
}
.dyad li .icptbf{
    height: 4.75rem;
    padding: 1.5rem 1rem 0 1rem;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.dyad li .txtptbf{
    padding: .75rem 1rem 0.5rem 1rem;
}
.dyad li i{
    background-color: whitesmoke;
    padding: 0.5rem 0.75rem;
    font-size: 1.5rem;
    border-radius: 5px;
}
.dyad li h5{
}
.dyad li p{
    font-size: 14px;
    letter-spacing: .028px;
    line-height: 22px;
    height: 66px;
}

.dyad li:hover .icptbf{
    background: url(/images/20220621105424_94563.jpg);
    background-size: 100%;
    overflow: hidden;
}
.dyad li:hover .txtptbf{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: white;
    background-color: #353859;
}
.dyad .went{
    padding-top: 3rem;
}

.dyad .dyadbtt{
    text-align: center;
} 
.dyad .jjfanga{
}
.dyad .jjfanga i{
    border: 2px solid white;
    font-size: 1.5rem;
    border-radius: 1.5rem;
    display: block;
    width: 3rem;
    height: 3rem;
    text-align: center;
    line-height: 2.75rem;
    margin-left: 2rem;
    margin-top: -1.5rem;
    background-color: whitesmoke;
    color: #ff6a08;
    font-weight: 600;
}

.dyad .card-body .card-text em{
    margin-right: .125rem;
    color: #2d75f7;
}
.dyad .card-body .card-text{
    line-height: 2rem;
}
.dyad .card-body .card-text span{
    font-size: 14px;
    padding-left: 1.125rem;
}
.dyad .card-body .zongj{
    border: 1px dotted #666;
    border-radius: 6px;
    padding: 0.5rem;
    line-height: 2rem;
}

.dywhy{
    background-color: #f0f7fe;
    padding: 3rem 0;
}
.dywhy li{
    width: 48%;
    float: left;
    background-color: white;
    margin-bottom: 1rem;
    padding: .75rem 1rem 0 1rem;
    
}
.dywhy li:nth-child(2),.dywhy li:nth-child(5){
     margin-left: 1%;
    margin-right: 1%;
}
.dywhy li{
    margin-left: 1%;
    margin-right: 1%;
}
.dywhy li i{
    font-size: 1rem;
    margin-right: 0.75rem;
    padding: 0;
}
.dywhy li h5{
    font-size: 16px;
}
}

footer{text-align:center;color:#fff; padding: 35px 0 20px 0; background: #333333;}
	footer li{width: 10%; float: left;text-align: left;}
	footer li:nth-child(8){width: 22%; text-align: right;font-size: 14px;}
	footer li:nth-child(1){width: 15%;}
	footer li:nth-child(3){width: 14%;}
	footer li:nth-child(6){width: 9%;}
	footer li h3{font-size: 18px;margin-bottom: 15px;}
	footer li p{font-size: 12px;margin-bottom: 8px;}
	footer li a{color: white;}
	footer li a:hover{color: #8FB349;}
	footer li:nth-child(7) img{width: 100%;}

	footer li:nth-child(8) p{font-size: 18px;margin-bottom: 8px;}
	footer li:nth-child(8) p span{color: #8FB349;font-weight: bold;font-size: 22px;}


    
.dycase .nav-pills {
    width: 20rem;
    min-width: 20rem;
    margin-right: 2rem !important;
}

.dycase .nav-pills button {
    height: 5rem;
    line-height: 3.5rem;
    font-size: 1.25rem;
    text-align: left;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 1rem;
    border-radius: 1rem;
}

.dycase .nav-pills  button:hover,.dycase .nav-pills .active {
    background: linear-gradient(to right, #638eeb, #6026da);
    border: 0px;
    color: #fff;
}
.dycase .flex-grow-1 p {
    line-height: 2rem;
    text-indent: 2em;
}
.dycase .flex-grow-1 li {
    text-align: center;
    font-size: 2.25rem;
    font-weight: 600;
    width: 33%;
    float: left;
    color: #5a1df0;
    line-height: initial;
}

.dycase .flex-grow-1 li span {
    font-size: 1rem;
    font-weight: 200;
    color: #333;
}

.dycase .flex-grow-1 li p {
    text-indent: 0;
}