@media only screen and (max-width:1080px),
only screen and (max-device-width:1080px) {

    body,
    html {
        font-size: 57.599999999999994px
    }
}

@media only screen and (max-width:960px),
only screen and (max-device-width:960px) {

    body,
    html {
        font-size: 51.2px
    }
}

@media only screen and (max-width:800px),
only screen and (max-device-width:800px) {

    body,
    html {
        font-size: 42.666666666666664px
    }
}

@media only screen and (max-width:720px),
only screen and (max-device-width:720px) {

    body,
    html {
        font-size: 38.4px
    }
}

@media only screen and (max-width:640px),
only screen and (max-device-width:640px) {

    body,
    html {
        font-size: 34.13333333333333px
    }
}

@media only screen and (max-width:600px),
only screen and (max-device-width:600px) {

    body,
    html {
        font-size: 32px
    }
}

@media only screen and (max-width:540px),
only screen and (max-device-width:540px) {

    body,
    html {
        font-size: 28.799999999999997px
    }
}

@media only screen and (max-width:480px),
only screen and (max-device-width:480px) {

    body,
    html {
        font-size: 25.6px
    }
}

@media only screen and (max-width:414px),
only screen and (max-device-width:414px) {

    body,
    html {
        font-size: 22.080000000000002px
    }
}

@media only screen and (max-width:400px),
only screen and (max-device-width:400px) {

    body,
    html {
        font-size: 21.333333333333332px
    }
}

@media only screen and (max-width:375px),
only screen and (max-device-width:375px) {

    body,
    html {
        font-size: 20px
    }
}

@media only screen and (max-width:360px),
only screen and (max-device-width:360px) {

    body,
    html {
        font-size: 19.2px
    }
}

@media only screen and (max-width:320px),
only screen and (max-device-width:320px) {

    body,
    html {
        font-size: 17.066666666666666px
    }
}

@media only screen and (max-width:240px),
only screen and (max-device-width:240px) {

    body,
    html {
        font-size: 12.8px
    }
}

.container {
    background: none;
}

.m_banner {
    width: 100%;
}

.m_banner img {
    width: 100%;
    height: auto;
    display: block;
}

.m_nav {
    width: 100%;
    background-image: linear-gradient(to right, #24cfad, #002a9d);
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    font-size: 0;
}

.m_nav a {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #fff;
}

.m_title {
    width: 100%;
    height: auto;
    padding: 30px 0 10px 0;
}

.m_title img {
    width: 100%;
    height: auto;
}

.footer {
    background-image: linear-gradient(to right, #24cfad, #002a9d);
    color: #fff;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px;
    text-align: center;
}
/*导航*/
.rightsidebar {
    position: fixed;
    width: 95px;
    height: 60px;
    /* margin-left: 65px; */
    z-index: 9900;
    bottom: 10px;
    right: 5px;
}

.rightsidebar .rightsidebar-top {
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    bottom: 70px;
    left: 40px;
    color: #FFF;
    font-size: 18px
}

.rightsidebar .dh_xx {
    width: 95px;
    height: 60px;
    background-image: linear-gradient(to right, #24cfad, #002a9d);
    border-radius: 20px 0 20px 0;
    padding-top: 5px;
}

.rightsidebar .dh_xx li {
    width: 90px;
    height: 25px;
    line-height: 25px;
    position: relative;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin: 0 auto;
}

.rightsidebar .dh_xx li a {
    color: #fff;
    display: block;
    border-bottom: 1px dotted #6effd9;
    width: 90px;
    margin: 0 auto
}

.rightsidebar .dh_xx li a:hover {
    color: #fff;
}

.rightsidebar .dh_xx li:hover {
    background: #24cfad;
    color: #fff;
}

.rightsidebar .dh_xx li:hover a {
    color: #fff;
}

.rightsidebar .dh_xx .on {
    background: #24cfad;
    color: #fff;
}

.rightsidebar .dh_xx .on a {
    color: #fff;
    border-bottom: none
}
/*聚焦区*/
.datoutiao h1 {
    font-size: 1rem;
    line-height: 1.2rem;
    width: 96%;
    margin: 0 auto;
    color: #305798;
    padding: 10px 0;
    text-align: center;
}

.datoutiao h1 a {
    font-size: 1rem;
    color: #305798;
}

.toptt {
    background-image: linear-gradient(to right, #24cfad, #002a9d);
    border-radius: 30px 0 30px 0;
    margin: 10px auto;
}

.toptt p {
    font-size: 14px;
    line-height: 24px;
    width: 92%;
    margin: 0 auto;
    color: #fff;
    padding: 10px;
}

.toptt p a {
    font-size: 14px;
    color: #000;
}

.part {
    width: 100%;
}

.jj_pic {
    width: 100%;
    list-style: none;
    overflow: hidden;
    margin: 0 auto;
    box-sizing: border-box;
    padding-left: 1%;
}

.jj_pic ul {
    width: 100%;
    display: inline-flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.jj_pic li {
    width: 47%;
    position: relative;
    margin: 10px 1%;
}


.jj_pic li img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}

.jj_pic li p {
    height: auto;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .5);
}

.jj_pic li p a {
    color: #fff;
}

.focusBox3 {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.focusBox3 .swiper-slide {
    position: relative;
}

.focusBox3 .swiper-slide img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}


.focusBox3 .swiper-slide .title {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    font-size: 0.8rem;
    line-height: 1.2;
    z-index: 10;
    color: #fff;
}

.focusBox3 .swiper-wrapper .swiper-slide .title a {
    color: #fff;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    position: relative;
    bottom: 0;
}

/*END*/

.gray_line {
    width: 100%;
    height: 1rem;
    background: #eee;
}

.jj_list {
    width: 96%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.jj_list li {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 0.6rem;
    margin-top: 0.6rem;
}

.jj_list li img {
    float: left;
    width: 42%;
    height: auto;
    padding-right: 2%;
}

.jj_list li p {
    font-size: 0.8rem;
    color: #404040;
    line-height: 1.2rem;
}

.jj_list li p a {
    color: #404040;
}

/*END*/
.con_box {
    width: 96%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}






/*展示案例*/
.alzs {
    width: 100%;
    background: #e7f1ff;
    padding-bottom: 40px;
    padding-top: 20px;
    margin-bottom: 40px;
}

.tab1 {
    width: 100%;
    position: relative;
    margin: 0px auto;
    margin-bottom: 55px;
}

.tab1 .tab_menu {
    width: 100%;
    float: left;
    position: absolute;
    z-index: 1;
    margin-left: 10px;
}

.tab1 .tab_menu li {
    float: left;
    height: 32px;
    line-height: 32px;
    border: 1px solid #ccc;
    cursor: pointer;
    text-align: center;
    margin: 0 2px 0 0;
    font-size: 15px;
    padding: 5px 10px;
}

.tab1 .tab_box {
    width: 100%;
    height: auto;
    clear: both;
    top: 60px;
    position: relative;

}

.tab1 .tab_menu .selected {
    background-image: linear-gradient(to right, #24cfad, #002a9d);
    cursor: pointer;
    color: #fff;
}

.tab1 .tab_box div {
    /* padding: 10px; */
}

.tab1 .hide {
    display: none;
}

.bgcs {
    width: 100%;
    margin: 20px auto 0 auto;
}

.bgcs li {
    width: 44%;
    height: 7rem;
    margin: 15px 10px;
    float: left;
}

.bgcs ul li .imgbox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.bgcs ul li .imgbox img {
    width: 100%;
    height: auto;
}

.bgcs ul li h3 {
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
    line-height: 30px;
    height: 55px;
    overflow: hidden;
}

/*文字列表*/
.mmg {
    width: 100%;
    margin: 20px auto 0 auto;
}

.mmg .part ul li {
    width: 91%;
    /* height: 130px; */
    /* float: left; */
    margin: 10px 32px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
}

.mmg .part ul li:before {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    content: '';
    display: block;
    position: absolute;
    left: -25px;
    top: 7px;
    width: 11px;
    height: 15px;
    background: url(//www.news.cn/info/rdzt/2022gdec/images/dot.png) no-repeat;
}

.mmg .part ul li h3 {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
    color: #333;
}

.mmg .part ul li h3 a {
    color: #333;
}

.mmg .part ul li p {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 30px;
    color: #7e7e7e;
}

.mmg .part ul li p a {
    color: #333;
}

/*END*/