@charset "utf-8"; html, body {
    margin: 0;
    padding: 0;
}

IMG {
    border-width: 0;
}

* {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family:"HarmonyOS";
}
a {
    text-decoration: none !important;
    color: #555
}

a:hover {
    text-decoration: none;
}
.bg{background: url("../images/index-bg.jpg") no-repeat top center;background-size: cover;overflow: hidden;min-height: 100vh}
.logo-box{background:url("../images/topbg.png") no-repeat bottom left;background-size: cover;height: 203px;display: flex;justify-content: center;align-items: center}
.logo{width:1730px;margin:0 auto }
.logo img{max-width: 100%;height: auto}
.box{width: 1730px;margin:30px auto;overflow: hidden;display: flex;justify-content: space-between}
.left{width: 482px;}
.middle{width: 570px;background: linear-gradient(145deg,#e3f0ff,#f6faff,#e3f0ff);border: solid 1px #fff;border-radius: 15px}
.right{width: 596px;}
.about-head{width: 100%;background: url("../images/aboutbg.png") no-repeat top left;}
.headline{padding: 30px 0;width: 90%;margin:0 auto 30px;
    h2{font-size: 30px;color: #fff;}
    .en{font-size: 20px;color: rgba(255,255,255,.6)}
    }
.about-content{width: 100%;background: linear-gradient(145deg,#e3f0ff,#f6faff,#e3f0ff);border: solid 1px #fff;
    border-radius: 20px;padding: 28px 25px 30px;margin-top:-45px;
    font-size: 17px;color: #333;line-height: 34px;box-sizing: border-box;}
.about-content img{width: 100%;height:190px;border-radius:10px;object-fit: cover;margin:20px auto 0}
.dynamic-head{width: 90%; margin: 25px auto 15px;display: flex;align-items: center;
    .headline1{margin-left: 15px;
        h2{font-size: 30px;color: #0049a3;}
        .en{font-size: 20px;color: rgba(86,86,86,.6)}
    }
}
.dynamic-rec{width:92%;margin:15px auto;border-radius: 10px;overflow: hidden;position: relative;
    .title{width: 100%;position: absolute;bottom: 0;text-align: center;font-size: 17px;
        background:rgba(1,74,165,.8);padding: 15px 10px;box-sizing: border-box;z-index: 9;
        overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;transition: all .3s}
}
.dynamic-rec img{display: block;width: 100%;height:255px;object-fit: cover;border-radius: 10px; transition: all .3s}
.img-box{overflow: hidden;}
.dynamic-rec:hover{ .title{background:rgba(1,74,165,1);}
img{transform:scale(1.1)}
}
.dynamic-list{width: 90%;margin:25px auto 0;overflow:hidden}

.dynamic-list a{display: flex;justify-content: space-between;align-items: center;font-size: 17px;padding: 3px 0}
.dynamic-list a:hover{color: #014aa5}
.dynamic-list li{margin:22px auto}
.dynamic-list .l{width: calc(100% - 120px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.dynamic-list .browse{width:108px;font-size: 14px;color: #494949}
/*法律法规*/
.low-head{width: 100%;background: url("../images/lawicon.png") no-repeat top left;}
.headline2{padding: 30px 0;width: 80%;margin:0 auto 30px;text-align: right;
    h2{font-size: 30px;color: #fff;}
    .en{font-size: 20px;color: rgba(255,255,255,.6)}
}

.low-content{width: 100%;background: linear-gradient(145deg,#f1f8ff,#e3f0ff,#e3f0ff);border: solid 1px #fff;
    border-radius: 15px;padding: 25px 25px 25px;margin-top:-45px;box-sizing: border-box;
    font-size: 17px;color: #333;line-height: 34px;box-sizing: border-box;}
.low-content li{margin:8px auto;}
.low-content a{display: flex;align-items: center;color: #444;padding: 2px 0}
.low-content .before{width: 7px;height:9px;border-radius: 20px;background:#0273ff;display: block;margin-right: 10px}
.low-content li:nth-child(even) .before{background: #60c2ba}
.low-content .r{width:calc(100% - 12px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.other-icon{width:100%;display:flex;align-items: center;justify-content: space-between;margin-top: 20px;
    .larger{font-size: 24px;font-weight: 700;line-height: 40px}
    .small{font-size: 18px;color: #666}
a{color: #444}
}
.other-l{width:47%;background: url("../images/icon-bg1.jpg");height: 150px;border-radius: 10px;border: solid 1px #eee;
    a{height: 150px;
    border-radius: 10px;display: flex;align-items: left;justify-content: center;padding-left: 20px;box-sizing: border-box;
    flex-wrap: wrap;flex-direction: column;}

}
.other-r{width:47%;background: url("../images/icon-bg2.jpg");border-radius: 10px;border: solid 1px #eee;
a{height: 150px;
    border-radius: 10px;display: flex;align-items: left;justify-content: center;padding-left: 20px;box-sizing: border-box;
    flex-wrap: wrap;flex-direction: column;}
}
.bottom{width: 1730px;text-align: center;color: #444;font-size: 16px;margin:4vh auto 0;line-height:28px}
.list-top{width: 100%;height: 182px;background: url("../images/list-top-bg.jpg") no-repeat top center;display: flex;align-items: center;background-size: cover}
.list-logo{width: 1630px;margin:0 auto;
img{width: 770px;height: auto}
}
.nav-bg{background: url("../images/nav-bg.jpg") repeat-x top center;padding-top: 60px}
.nav-box{width: 1630px;margin:0 auto;overflow: hidden}
.nav-box li{float: left;margin-right: 70px}
.nav-box li a{padding:15px 45px;background:rgba(255,255,255,.1);color: #fff;font-size: 24px;display: block;border-top-right-radius: 10px;border-top-left-radius: 10px}
.nav-box li a.active{background:#bcdefb;color: #333}
/*子分类*/
.classify-box{background: #d3edfd}
.classify{width: 1630px;margin:0 auto;overflow: hidden}
.classify li{float: left;font-size: 20px;}
.classify li a{display: block;padding: 20px 35px;margin-left: 20px}
.classify li a.active{color:#333;font-weight: bold}
/*列表*/
.list-box{margin:0px auto 30px;display: block;padding: 50px 0 0 0;background:linear-gradient(180deg,#eefafd 10% , #fff 80%)}
.list-box ul{border-bottom: solid 1px #dedede;padding: 10px 0;overflow: hidden;}
.list-box li {width: 1630px;margin: 15px auto;overflow: hidden;
    a{display: flex;align-items: center;justify-content: space-between} }
.list-box .pic{width: 390px; float:left}
.list-box .pic img{width: 100%;height:230px;object-fit: cover;border-radius: 10px}
.list-box .time{font-size: 15px;line-height: 30px;color: #494949;display: flex;margin:15px auto}
.list-box .time img{margin-right: 3px}
.list-box .time span{margin-right:10px;display: flex;align-items: center}
.list-box li h2{font-size:22px;color:#242424;overflow: hidden;text-overflow: ellipsis;margin:0 auto 20px;white-space: nowrap}
.list-box .info{width:calc(100% - 450px);float: right;float: right}
.list-box .summary{font-size: 17px;color:#777;line-height:35px; display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical}
/*页码*/
.page-box{width: 100%;text-align: center;margin:50px auto 20px;overflow: hidden}
.page-box li{display: inline-block;background: linear-gradient(to right,#549afd,#4f8ee5);font-size: 22px;color:#fff;border-radius: 5px;
    margin-right: 20px;
   a{display: block;color: #fff;padding: 15px 60px;}
}
.page-box ul:last-child{border: none}
.page-box li img{margin:0 10px}
.page-box li:last-child{margin-right: 0;padding: 15px 60px;}
/*当前位置*/
.position-box{background: #d3edfd}
.position{width: 1630px;margin:0 auto;overflow: hidden;padding: 18px 0;font-size:20px}
.position a{color:#444;padding:0 18px;}
.position a:first-child{display:none}
.detail-bg{background:linear-gradient(180deg,#eefafd 10% , #fff 80%);overflow: hidden}
.detail-box{margin:40px auto;}
.detail-title{width: 1630px;text-align: center;margin:50px auto 10px;
    font-size: 26px;color: #333;font-weight: 700;line-height: 40px;text-align: center;}
.detail-subtitle {width: 100%;text-align: center;display: flex;align-items: center;justify-content: center;
    font-size: 16px;
    color: #666;
    line-height: 28px;
    border-bottom: solid 1px #dedede;
    padding: 15px 10px;
    text-align: center;
    img {
        margin: 0 3px 0 10px
    }
}
.detail-content{width: 1630px;margin:0px auto 40px;font-size: 18px;line-height: 45px;color: #444;min-height:200px}
.detail-content img{max-width: 100%;height: auto;margin:0 auto;display:block;
}
.pre{width:1630px;background: #fafafa;margin:10px auto 30px;
a{display: flex;align-items: center;justify-content: space-between;color: #444}
}
.prel{width: 215px;color: #333;background: #e9eff8;text-align: center;padding: 15px 0;font-size: 22px;border-radius: 10px}
.prer{width: calc(100% - 220px);font-size: 22px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 15px}

.footer{background: #054086;text-align: center;padding: 50px 0;font-size: 16px;color: #fff;line-height: 32px;margin-top: 45px}
.ScreenLarger{background:linear-gradient(180deg,#549afd,#4f8ee5);width: 90px;height: 90px;padding: 15px;box-sizing: box-sizing;
border-radius:180px;border: solid 4px #93c1ff;font-size:22px;color:#fff;position: fixed; right: 40px; bottom: 60px;
    display: flex;align-items:center;justify-content: center;cursor: pointer;
}
.video-box{width:75%;margin:20px auto  30px;display:block}
/*顶部*/
.cd-top {
    display: inline-block;
    height: 89px;
    width: 89px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(230, 0, 18, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    border-radius: 5px;
    z-index: 28;
    background:url(../images/top.png) no-repeat center 100%;

    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    opacity: .8;
}
.no-touch .cd-top:hover {
    background-color:#06C;
    opacity: 1;
}
@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 98px;
        width: 98px;
        right: 30px;
        bottom: 30px;
        border-radius: 10px;
    }
}