* {
    margin: 0;
    padding: 0;
    list-style: none;
}

body {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, 'Microsoft Yahei', Arial, sans-serif;
    font-size: 16px;
}
/* 清理浮动 */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    zoom: 1;
}

.pagewidth {
    width: 1400px;
    margin: 0 auto;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.hide {
    display: none;
}

img {
    border: none;
    display: block;
}

span:focus {
    outline: none !important;
}

body, html {
    height: 100%;
    -webkit-text-size-adjust: none;
}

button, textarea {
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
}

body {
    --main: #830808;
}

h1, h2, h3, h4, h5 {
}

.header {
}

.header .pagewidth {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 136px;
    transition-duration: 0.3s
}

.header .logo {
}

.header .logo img {
    height: 90px;
}

.header .logo a {
    display: inline-block;
}

.header {
}

.header .pc_menu ul{  }
.header .pc_menu a { text-decoration: none;color: #565656;font-size: 18px;display: block;height: 136px;line-height: 150px;padding: 0 22px; transition-duration: 0.3s; }
.header .pc_menu a:hover{ color: var(--main); font-weight: normal;}
.header .pc_menu ul {margin: 0;padding: 0;list-style: none;}
.header .pc_menu > ul > li { display: block;float: left;position: relative; z-index: 3 }
.header .pc_menu > ul > li.active a{color: var(--main); }
.header .pc_menu > ul > li a.active {color: var(--main); font-weight: bold; position: relative;}
.header .pc_menu > ul > li a.active:after{left:0px; right:0px;bottom:-1px; height:3px; background:var(--main); position:absolute; content:""}
.header .pc_menu ul li:hover a{color: var(--main); font-weight:normal; }
.header .pc_menu ul li a i{ transition-duration: 0.3s }
.header .pc_menu ul li:hover a i{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);}
.header .pc_menu > ul > li > ul { background:rgba(255, 255, 255, 0.8);position: absolute;display: none;top: 100%; left: -15px; width: 140px; padding-top: 6px; padding-bottom: 6px; border-radius: 3px; box-shadow: 0px 0px 10px rgba(0,0,0,0.05)}
.header .pc_menu > ul > li:hover > ul { display: block; }
.header .pc_menu > ul > li > ul > li { position: relative; }
.header .pc_menu > ul > li > ul > li > ul { display:none;position: absolute;left: 100%;top: 0;}
.header .pc_menu > ul > li > ul > li:hover > ul { display:block;background-color: #333; }
.header .pc_menu > ul > li > ul{ }
.header .pc_menu > ul > li > ul > li  { height: 44px; line-height: 44px;  }
.header .pc_menu > ul > li > ul > li a { height: 44px; line-height: 44px; text-align: center; font-size: 16px;  color: #333!important; font-weight: normal!important;}
.header .pc_menu > ul > li > ul > li  a:hover { background:rgba(255, 255, 255, 0.4); color: var(--main)!important; }
.header .pc_menu > ul > li:nth-child(2) > ul{ width: 200px;}
.header .pc_menu > ul > li:nth-child(3) > ul{ width: 300px; left: -90px;}
.header .pc_menu > ul > li:nth-child(4) > ul{ width: 400px; left: -120px;}


.header .search .form-control {
    display: block;
    line-height: 44px;
    height: 44px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 30px;
    border: none;
    font-size: 16px;
    color: #999;
    width: 300px;
    background: #EDEDED;
}

.menu {
    margin-bottom: 12px;
}

.menu .pc_menu {
    height: 50px;
    border-top: var(--main) solid 2px;
    border-bottom: var(--main) solid 2px;
}

.menu .pc_menu ul {
    display: flex;
    justify-content: space-between;
}

.menu .pc_menu a {
    text-decoration: none;
    color: #565656;
    font-size: 18px;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 22px;
    transition-duration: 0.3s;
}

.menu .pc_menu a:hover {
    color: var(--main);
    font-weight: normal;
}

.menu .pc_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu .pc_menu > ul > li {
    display: block;
    position: relative;
    z-index: 3
}

.menu .pc_menu > ul > li.active a {
    color: var(--main);
}

.menu .pc_menu > ul > li a.active {
    color: var(--main);
    font-weight: bold;
    position: relative;
}

.menu .pc_menu > ul > li a.active:after {
    left: 0px;
    right: 0px;
    bottom: -1px;
    height: 3px;
    background: var(--main);
    position: absolute;
    content: ""
}

.menu .pc_menu ul li:hover a {
    color: var(--main);
    font-weight: normal;
}

.menu .pc_menu ul li a i {
    transition-duration: 0.3s
}

.menu .pc_menu ul li:hover a i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.menu .pc_menu > ul > li > ul {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    display: none;
    top: 100%;
    left: -5px;
    width: 140px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 3px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05)
}

.menu .pc_menu > ul > li:hover > ul {
    display: block;
}

.menu .pc_menu > ul > li > ul > li {
    position: relative;
}

.menu .pc_menu > ul > li > ul > li > ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
}

.menu .pc_menu > ul > li > ul > li:hover > ul {
    display: block;
    background-color: #333;
}

.menu .pc_menu > ul > li > ul {
}

.menu .pc_menu > ul > li > ul > li {
    height: 44px;
    line-height: 44px;
}

.menu .pc_menu > ul > li > ul > li a {
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color: #000 !important;
    font-weight: normal !important;
}

.menu .pc_menu > ul > li > ul > li a:hover {
    background: rgba(255, 255, 255, 0.4);
    color: var(--main) !important;
}

.menu .pc_menu > ul > li:nth-child(3) > ul {
    width: 260px;
    left: -70px;
}

.menu .pc_menu > ul > li:nth-child(4) > ul {
    width: 260px;
    left: -70px;
}

.menu .pc_menu > ul > li:nth-child(7) > ul {
    left: -10px;
}

.header .trigger {
    display: none;
}

.innernav {
    width: 20px;
    height: 16px;
    position: absolute;
    top: 26px;
    right: 20px;
}

.innernav .icon-bar {width: 100%;height: 2px;position: absolute;left: 0;background:var(--main);-webkit-transition: all 0.3s;transition: all 0.3s;}
.innernav .icon-bar.top {top: 0;}
.innernav .icon-bar.middle {top: 50%;margin-top: -1px;}
.innernav .icon-bar.bottom {bottom: 0;}
.bgwhite .innernav .icon-bar {background:var(--main);}
.main_nav {display: table;width: 50%;height: 100%;position: fixed;top: 0;right: -50%;bottom: 0;background:var(--main);z-index: 999;-webkit-transition: all 0.4s cubic-bezier(0.63, 0.35, 0.1, 0.95);transition: all 0.4s cubic-bezier(0.63, 0.35, 0.1, 0.95);}
.main_nav .close_nav {width: 20px;height: 20px;position: absolute;  top: 25px;  right: 25px;cursor: pointer;}
.main_nav .close_nav:before,
.main_nav .close_nav:after {content: '';width: 100%;height: 2px;background: #fff;position: absolute;top: 50%;left: 0;margin-top: -1px;-webkit-transition: all 0.3s 0.3s;transition: all 0.3s 0.3s;}
.main_nav .close_nav:before {-webkit-transform: rotate(0);transform: rotate(0);}
.main_nav .close_nav:after {-webkit-transform: rotate(0);transform: rotate(0);}
.main_nav.open {right: 0;}
.main_nav.open .close_nav:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);transition-delay: 0;}
.main_nav.open .close_nav:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);transition-delay: 0;}
.main_nav .menu {display: table-cell;vertical-align: middle;text-align: center;}
.main_nav .menu li {display: block;position: relative;}
.main_nav .menu li:not(:last-child) {margin-bottom: 5px;}
.main_nav .menu li.animated {left: 25px;opacity: 0;-webkit-transition: all 0.3s;transition: all 0.3s; margin-bottom: 20px;}
.main_nav .menu li.animated.show {left: 0;opacity: 1;}
.main_nav .menu li a {display: block;font-size:18px;font-weight: 700;color: #fff;}
.main_nav .menu li a.active {color: #fff;}
.main_nav .menu li ul {display: none;max-width: 80%;margin: 10px auto;}
.main_nav .menu li ul li {display:block;position: relative;}
.main_nav .menu li ul li a {font-size: 14px;font-weight: normal;color: rgba(255, 255, 255, 0.6);padding: 0 5px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.main_nav .menu li ul li a.active,
.main_nav .menu li ul li a:hover {color: #fff;}
.main_nav .menu li ul li a.active {font-weight: bold;}
.main_overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99;background: rgba(17, 17, 17, 0.9);opacity: 0;visibility: hidden;cursor: pointer;-webkit-transition: all 0.4s cubic-bezier(0.63, 0.35, 0.1, 0.95);transition: all 0.4s cubic-bezier(0.63, 0.35, 0.1, 0.95);}
.main_overlay.open {opacity: 1;visibility: visible;}


.bgwhite {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 70px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 1);
}

.bgwhite .logo img {
    height: 40px;
}

.bgwhite .nav ul li a {
    height: 70px;
    line-height: 70px;
}

.pager {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pager .num {
    padding-right: 50px;
    color: #8B8B8B;
    font-size: 16px;
}

.pager .pagination {
    display: flex;
    justify-content: center;
}

.pager .pagination li {
    background: #EFEFEF;
    color: #000;
    font-size: 16px;
    margin-left: 4px;
    margin-right: 4px;
}

.pager .pagination li span {
    display: block;
    padding: 5px 10px;
    border-radius: 3px;
}

.pager .pagination li a {
    display: block;
    padding: 5px 10px;
    color: #000;
    border-radius: 3px;
}

.pager .pagination li.active span {
    background: var(--main);
    color: #fff;
    display: block;
    padding: 5px 10px;
}

.pager .pagination li.active a {
    background: var(--main);
    color: #fff;
    display: block;
    padding: 5px 10px;
    color: #000;
}

.index_banner {
    height: 550px;
    position: relative;
    width: 100%;
}

.index_banner .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.index_banner .swiper-slide .box {
    font-size: 50px;
    bottom: 14%;
    z-index: 33;
    color: var(--main);
    line-height: 1.3em;
    text-align: right;
    position: absolute;
    left: 50%;
    width: 1400px;
    margin-left: -700px;
    opacity: 0;
    transition: 0.5s;
    transition-delay: 0.6s;
    transition-timing-function: linear;
}

.index_banner .swiper-slide-active .box {
    opacity: 1;
    bottom: 17%;
}

.index_banner .swiper-slide {
    height: 100%;
}

.index_banner .swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition-duration: 10s;
}

.index_banner .swiper-slide-active img {
    transform: scale(1);
}

.index_banner .swiper-pagination {
    bottom: 40px !important;
    top: auto !important
}

.index_banner .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 1);
    opacity: 0.4;
    width: 32px;
    height: 2px;
    border-radius: 10px;
    transition-duration: 0.3s
}

.index_banner .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
    width: 32px;
    opacity: 1;
}

.index_banner .swiper-button-next {
    font-size: 12px;
    background: #fff !important;
    right: 0;
    bottom: 3px;
    top: auto;
    height: 80px;
    line-height: 80px;
    text-align: center;
    width: 160px;
}

.index_banner .swiper-button-prev {
    font-size: 12px;
    background: #fff !important;
    left: auto;
    right: 160px;
    bottom: 3px;
    top: auto;
    height: 80px;
    line-height: 80px;
    text-align: center;
    width: 160px;
}

.index_banner .swiper-button-prev i, .index_banner .swiper-button-next i {
    position: relative;
    top: 2px;
}

.index_main {
    padding-top: 150px;
    padding-bottom: 200px;
}

.index_main .pagewidth {
    display: flex;
    justify-content: space-between;
}

.index_main .pagewidth .left {
    width: 568px;
}

.index_main .pagewidth .right {
    width: 568px;
}

.index_main .pagewidth .header {
    background: var(--main);
    height: 52px;
    inherits: 52px;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.index_main .pagewidth .header strong {
    display: block;
    border-bottom: #FF7878 solid 4px;
    height: 48px;
    line-height: 52px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px
}

.index_main .pagewidth .header span {
    padding-right: 10px;
}

.index_main .pagewidth .header span a {
    color: #fff;
    font-size: 20px;
}

.index_main .pagewidth .content .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: #DBDBDB solid 1px;
}

.index_main .pagewidth .content .item .title {
    font-size: 18px;
    width: 74%;
    padding-top: 20px;
    height: 20px;
    padding-bottom: 20px;
}

.index_main .pagewidth .content .item .title a {
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.index_main .pagewidth .content .item .title a:hover {
    color: var(--main);
}

.index_main .pagewidth .content .item .date {
    padding-right: 10px;
    font-size: 18px;
    color: #000;
    height: 20px;
}

.footer {
    background:#710707;
}

.footer .pagewidth {
    display: flex;
    justify-content: space-between;
    padding-top: 100px;
    padding-bottom: 100px; align-items: center;
}

.footer .pagewidth .logo {display: flex; justify-content:left; align-items: center;}
.footer .pagewidth .logo img{width: 120px; margin-right: 20px; }
.footer .pagewidth .text{ color:#fff; }
.footer .pagewidth .text p{ font-size:28px;color:#fff;  letter-spacing:5px; }
.footer .pagewidth .text strong{display: block; font-size:32px;color:#fff; letter-spacing:5.8px; }
.footer .pagewidth .text .email{font-size:20px;color:#fff; letter-spacing:0.9px }
.footer .pagewidth .content {display: flex; justify-content: space-between; grid-gap: 60px;}
.footer .pagewidth .item img {
    height: 120px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.footer .pagewidth .item p {
    color: #fff;
    line-height: 1.8em;
    text-align: center;
}

.footer .pagewidth .item h2 {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
}

.footer .pagewidth .item.wechat img {
    width: 70px;
    height: 70px;
}


.detailbanner {
    height: 550px;
    position: relative;
}

.detailbanner img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1;
    opacity: 1
}




.project_detail{ padding-top:100px; padding-bottom:100px; }
.project_detail .pagewidth{display: flex; justify-content: space-between;}
.project_detail .side{width: 300px;}
.project_detail .side ul li{ margin-bottom:8px;display:block; background:#EFEFEF; color:#333;font-size: 20px; text-align: center;display: flex; align-items: center; height: 68px; justify-content: space-between; line-height: 1.2em; text-align:center;  }
.project_detail .side ul li.active{background: var(--main);}
.project_detail .side ul li a{ display:block; text-align:center; color: #000; padding-left: 5%; padding-right: 5%; width: 90%; padding-top: 10px; padding-bottom: 10px;}
.project_detail .side ul li.active a{color:#fff;}
.project_detail .content{width:700px;}
.project_detail .content .detail-title{font-size: 24px;font-weight: bold;color: var(--main);}
.project_detail .content .detail-html{line-height: 1.8em;font-size: 16px;}


    
.project_detail .right{width:300px;}
.project_detail .right .content_title{ font-size:20px; text-align: center; padding-top: 20px; padding-bottom: 20px; border-bottom: var(--main) solid 1px; font-weight:bold; color:var(--main); }
.project_detail .right .box{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
.project_detail .right .box .item{ padding:12px 20px 12px 30px; border-bottom:var(--main) solid 1px; position:relative; }
.project_detail .right .box .item:after{  position:absolute;content: ""; left:10px; top:20px;border-radius:6px; height:6px; width:6px;background:var(--main); }
.project_detail .right .box .item a{ color:#111; font-size:16px; }
.project_detail .right .box .item a:hover{ color:var(--main); }

.project_detail .right .layui-collapse .layui-colla-item{border-bottom: var(--main) solid 1px;  }
.project_detail .right .layui-collapse .layui-colla-title{ padding-left:20px;  background: #fff; font-size: 16px; position: relative;padding:12px 20px 12px 30px; line-height:normal;!important; height: auto!important;}
.project_detail .right .layui-collapse .layui-colla-title:after{  position:absolute;content: ""; left:10px; top:20px;border-radius:6px; height:6px; width:6px;background:var(--main); }

.project_detail .right .layui-collapse .layui-colla-title i{ left:auto; right:15px; top: 15px; font-size: 12px;}
.project_detail .right .layui-collapse .layui-colla-content{ padding:0!important }
.project_detail .right .layui-collapse .layui-colla-content ul { }
.project_detail .right .layui-collapse .layui-colla-content ul li a{ padding-left:30px; font-size:15px;color:#111; height: 36px; line-height: 36px; display:block;  }
.project_detail .right .layui-collapse .layui-colla-content ul li a:hover{ background: var(--main);color:#fff; }
.project_detail .right .loadmore-tips{ padding:30px; padding-top: 0px; text-align:center; color:#999; font-size:16px; display:block; }





.main {
    padding-top: 100px;
    padding-bottom: 100px;
}

.main .pagewidth {
    display: flex;
    justify-content: space-between;
}

.main .side {
    width: 300px;
}

.main .side ul li {
    margin-bottom: 8px;
    display: block;
    background: #EFEFEF;
    color: #333;
    font-size: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    height: 68px;
    justify-content: space-between;
    line-height: 1.2em;
    text-align: center;
}

.main .side ul li.active {
    background: var(--main);
}

.main .side ul li a {
    display: block;
    text-align: center;
    color: #000;
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.main .side ul li.active a {
    color: #fff;
}

.main .content {
    width: 1050px;
}

.aboutcontent h1 {
    color: var(--main);
    font-size: 30px;
    margin-bottom: 60px;
}

.aboutcontent img {
    margin-top: 40px;
    margin-bottom: 40px;
}

.aboutcontent p {
    color: #000;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 15px;
}

.aboutcontent p a {
    color: var(--main);
}

.aboutcontent .yuanjing {
    padding: 40px 60px;
    background: url(../images/bg1.jpg) no-repeat right center #f1f1f1;
    background-size: contain;
    margin-bottom: 50px;
    margin-top: 35px;
}

.aboutcontent .yuanjing h3 {
    font-size: 22px;
    color: var(--main);
    margin-bottom: 5px;
    padding-top: 15px;
}

.aboutcontent h2 {
    color: var(--main);
    font-size: 16px;
    margin-bottom: 10px;
}

.lishihui > div {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

.lishihui > div .item {
    margin-right: 60px;
    margin-left: 60px;
    margin-bottom: 20px;
}

.lishihui > div .item .photo {
    width: 172px;
    height: 172px;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 15px;
}

.lishihui > div .item .photo img {
    display: block;
    width: 100%;
    height: 100%;
}

.lishihui > div .item .name {
    text-align: center;
    font-size: 18px;
    color: var(--main);
}

.faqiren .item {
    display: flex;
    justify-content: space-between;
    border-bottom: var(--main) solid 1px;
    padding-bottom: 70px;
    margin-bottom: 70px;
}

.faqiren .item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.faqiren .item .photo {
    width: 40%;
}

.faqiren .item .photo img {
    width: 400px;
}

.faqiren .item .info {
    width: 540px;
    padding-top: 30px;
}

.faqiren .item .info h2 {
    font-size: 20px;
    color: var(--main);
    margin-bottom: 20px;
}

.faqiren .item .info .box {
    font-size: 16px;
    color: #000;
    line-height: 30px;
}

.faqiren .item .info .box p {
    margin-bottom: 10px;
}

.faqiren .item .info .box ul {
    padding-top: 60px;
    border-top: dashed #AAAAAA 1px;
}

.faqiren .item .info .box ul li {
    background: url(../images/icon1.png) no-repeat 0 13px;
    padding-left: 30px;
    background-size: 20px auto;
    border-bottom: dashed #AAAAAA 1px;
    line-height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    color: #000;
}

.faqiren .item .info .box ul li:hover {
    color: var(--main);
    background: url(../images/icon2.png) no-repeat 0 13px;
    padding-left: 30px;
    background-size: 20px auto;
}

.cdhc {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.cdhc .item {
    position: relative;
    width: 230px;
    height: 310px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 9px;
    overflow: hidden;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    transition-duration: 0.3s
}

.cdhc .item img {
    position: absolute;
    z-index: 2;
    height: 300px;
    width: 200px;
    left: 15px;
    display: block;
    bottom: 0;
    object-fit: cover;
    transition-duration: 0.3s
}

.cdhc .item .info {
    position: absolute;
    color: #000;
    padding-top: 60px;
    z-index: 3;
    height: 90px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #fff;
    clip-path: polygon(0% 50%, 100% 10%, 100% 100%, 0 100%);
    font-size: 16px;
}

.cdhc .item .info h2 {
    font-size: 18px;
    color: var(--main);
    text-align: center;
    margin-bottom: 5px;
}

.cdhc .item .info p {
    font-size: 16px;
    text-align: center;
}

.cdhc .item .bg {
    position: absolute;
    z-index: 1;
    height: 250px;
    left: 0px;
    right: 0px;
    bottom: 70px;
    background: #CBDEE1;
    clip-path: polygon(0% 45%, 100% 20%, 100% 75%, 0 100%);
}

.cdhc .item:nth-child(2n) .info {
    position: absolute;
    color: #000;
    padding-top: 60px;
    z-index: 3;
    height: 90px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #fff;
    clip-path: polygon(100% 100%, 0% 100%, 0% 10%, 100% 50%);
    font-size: 16px;
    transition-duration: 0.3s
}

.cdhc .item:nth-child(2n) .info h2 {
    font-size: 18px;
    color: var(--main);
    text-align: center;
    margin-bottom: 5px;
    transition-duration: 0.3s
}

.cdhc .item:nth-child(2n) .info p {
    font-size: 16px;
    text-align: center;
    transition-duration: 0.3s
}

.cdhc .item:nth-child(2n) .bg {
    position: absolute;
    z-index: 1;
    height: 250px;
    left: 0px;
    right: 0px;
    bottom: 70px;
    background: #CBDEE1;
    clip-path: polygon(0% 20%, 100% 45%, 100% 100%, 0 75%);
}

.cdhc .item:hover {
    background: var(--main);
}

.cdhc .item:hover .info {
    background: var(--main);
}

.cdhc .item:hover .info h2 {
    color: #fff;
}

.cdhc .item:hover .info p {
    color: #fff;
}

.cdhc .item:hover img {
    bottom: 10px;
}

.dashiji .swiper_tab .swiper-wrapper {
    display: flex;
    justify-content: center;
    text-align: center;
}

.dashiji .swiper_tab .swiper-slide {
    width: 170px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    border-radius: 9px;
    color: #000;
    border: #BFBFBF solid 1px;
    margin-left: 12px;
    margin-right: 12px;
}

.dashiji .swiper_tab .swiper-slide-thumb-active {
    background: var(--main);
    border-color: var(--main);
    color: #fff;
}

.dashiji .swiper_content {
    padding-top: 50px;
}

.dashiji .swiper_content .swiper-slide .item .year {
    background: #efefef;
    border-radius: 50%;
    height: 73px;
    width: 73px;
}

.dashiji .swiper_content .swiper-slide .item .year strong {
    display: block;
    text-align: center;
    font-size: 22px;
    padding-top: 14px;
}

.dashiji .swiper_content .swiper-slide .item .year p {
    text-align: center;
    font-size: 16px;
    color: #999;
}

.dashiji .swiper_content .swiper-slide .item .list {
    border-left: #efefef solid 1px;
    margin-left: 36px;
    padding-left: 20px;
    padding-top: 30px;
}

.dashiji .swiper_content .swiper-slide .item .list .box {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

.dashiji .swiper_content .swiper-slide .item .list .box h2 {
    width: 10%;
    position: relative;
    line-height: 1.8em;
    color: var(--main);
    font-size: 16px;
    font-weight: normal;
}

.dashiji .swiper_content .swiper-slide .item .list .box h2:after {
    width: 11px;
    border-radius: 50%;
    background: var(--main);
    height: 11px;
    top: 9px;
    left: -26px;
    position: absolute;
    content: "";
}

.dashiji .swiper_content .swiper-slide .item .list .box .description {
    width: 88%;
    position: relative;
    line-height: 1.8em;
}

.dashiji .swiper_content .swiper-slide .item .list .box .description:after {
    width: 6px;
    border-radius: 50%;
    background: #999;
    height: 6px;
    top: 11px;
    left: -20px;
    position: absolute;
    content: "";
}

.join .item {
    margin-bottom: 25px;
}

.join .item .title {
    font-size: 26px;
    line-height: 75px;
    font-weight: bold;
    color: var(--main);
    height: 100px;
    padding-left: 30px;
    background: url(../images/bg4.png) no-repeat;
    background-size: auto 100px;
}

.join .item .info {
    border-radius: 0px 0px 24px 24px;
    background: #fff;
    border: #82B4BB solid 2px;
    border-top: none
}

.join .item .info .html {
    padding: 40px;
    padding-top: 0px;
    line-height: 1.8em;
}

.join .item .info .html strong {
    display: block;
    padding-top: 10px;
    font-weight: bold;
}

.contactcontent {
    display: flex;
    justify-content: space-between;
}

.contactcontent .left {
    width: 36%;
    padding-left: 4%;
}

.contactcontent .center {
    width: 26%;
    padding-left: 4%;
}

.contactcontent .right {
    width: 36%;
    padding-left: 4%;
}

.contactcontent h2 {
    font-size: 20px;
    padding-top: 3px;
    color: var(--main);
    font-weight: normal;
    margin-bottom: 25px;
}

.contactcontent p {
    line-height: 1.8em;
}

.contactcontent .left {
    background: url(../images/CLDCicon3.png) no-repeat 0px 0px;
    background-size: 32px 32px;
}

.contactcontent .center {
    background: url(../images/CLDCicon4.png) no-repeat 0px 0px;
    background-size: 32px 32px;
}

.contactcontent .right {
    background: url(../images/CLDCicon5.png) no-repeat 0px 0px;
    background-size: 32px 32px;
}

.contactcontent .wechat {
    display: flex;
    justify-content: left;
}

.contactcontent .wechat .img {
    width: 108px;
    margin-right: 10px;
}

.contactcontent .wechat .img img {
    width: 108px;
    display: block;
    margin: 0 auto;
}

.contactcontent .wechat .img p {
    text-align: center;
    padding-top: 2px;
    color: #404040;
    font-size: 16px;
}

.xianxingzheluntan .content_description {
    line-height: 1.8eml;
    font-size: 16px;
    margin-bottom: 30px;
}

.xianxingzheluntan .content_title {
    font-size: 20px;
    font-weight: bold;
    color: var(--main);
    margin-bottom: 30px;
}

.xianxingzheluntan .article-list .item {
    margin-bottom: 15px;
}

.xianxingzheluntan .article-list .item a {
    background: #EAF3F4;
    display: flex;
    transition-duration: 0.1s;
    align-items: center;
    justify-content: space-between;
    line-height: 80px;
    height: 80px;
    border-radius: 6px;
}

.xianxingzheluntan .article-list .item a .title {
    padding-left: 20px;
    transition-duration: 0.1s;
    color: #000;
}

.xianxingzheluntan .article-list .item a .icon {
    font-size: 32px;
    color: #333;
    padding-right: 20px;
}

.xianxingzheluntan .article-list .item a:hover {
    background: var(--main);
}

.xianxingzheluntan .article-list .item a:hover .title {
    padding-left: 25px;
    color: #fff;
}

.xianxingzheluntan .article-list .item a:hover .icon {
    color: #fff;
}

.detail .detail-title {
    font-size: 24px;
    text-align: center;
    color: var(--main);
    margin-bottom: 10px;
    position: relative;
}

.detail .detail-title span {
    position: absolute;
    top: 10px;
    right: -62px;
}

.detail .detail-title span a {
    color: var(--main);
    font-size: 14px;
    display: inline-block;
    width: 60px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    border: var(--main) solid 1px;
}

.detail .detail-datetime {
    font-size: 16px;
    text-align: center;
    color: var(--main);
    margin-bottom: 50px;
}

.detail .detail-html {
    line-height: 1.8em;
    font-size: 16px;
    margin-bottom: 15px;
}

.detail .detail-html img {
    margin-bottom: 20px;
}

.detail_lr {
    display: flex;
    justify-content: space-between;
}

.detail_lr .detail_left {
    width: 66%;
}

.detail_lr .detail_right {
    width: 30%;
}

.detail_lr .content_title {
    font-size: 20px;
    font-weight: bold;
    color: var(--main);
    margin-bottom: 20px;
}

.detail_lr .article-list {
    border-top: #97AFB2 solid 1px
}

.detail_lr .article-list .item {
    padding-left: 12px;
    border-bottom: #97AFB2 solid 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.detail_lr .article-list .item:after {
    position: absolute;
    content: "";
    left: 3px;
    top: 20px;
    border-radius: 2px;
    height: 2px;
    width: 2px;
    background: #97AFB2;
}

.detail_lr .article-list .item a {
    color: #97AFB2;
    font-size: 16px;
}

.detail_lr .article-list .item a:hover {
    color: var(--main);
}

.detail_lr .article-list .item:hover:after {
    background: var(--main);
}

.detail_lr .detail_right .zhichi {
    padding-top: 50px
}

.detail_lr .detail_right .zhichi a {
    color: var(--main);
    background: #EDF9FB;
    padding: 10px 20px;
    border-radius: 6px;
    display: inline-block;
}

.detail_lr .detail-title {
    font-size: 24px;
    text-align: center;
    color: var(--main);
    margin-bottom: 10px;
    position: relative;
}

.detail_lr .detail-title span {
    position: absolute;
    top: 10px;
    right: -62px;
}

.detail_lr .detail-title span a {
    color: var(--main);
    font-size: 14px;
    display: inline-block;
    width: 60px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    border: var(--main) solid 1px;
}

.detail_lr .detail-datetime {
    font-size: 16px;
    text-align: center;
    color: var(--main);
    margin-bottom: 50px;
}

.detail_lr .detail-html {
    line-height: 1.8em;
    font-size: 16px;
    margin-bottom: 15px;
}
.detail_lr .detail-pdf{ line-height:1.8em;font-size:16px; margin-bottom:15px; position:relative; }

@media screen and (-webkit-min-device-pixel-ratio:0) { .detail_lr .detail-pdf:after{content: ""; position: absolute; width: 60px; height: 60px; z-index: 3; right: 105px; top: 30px; background: #323639;}}




.detail_lr .detail-html h2 {
    font-size: 20px;
    font-weight: bold;
    color: var(--main);
    margin-bottom: 20px;
}

.imgbox {
    padding: 10px 20px;
    padding-bottom: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    margin-top: 20px;
}

.imgbox img {
}

.imgbox p {
    text-align: center;
    color: #79989C;
    font-size: 14px;
    padding-top: 10px;
}

.shuziyiliao {
    display: flex;
    justify-content: space-between;
}

.shuziyiliao .left {
    width: 66%;
}

.shuziyiliao .right { padding-top: 54px;
    width: 30%;
}

.shuziyiliao .content_title {
    font-size: 20px;
    font-weight: bold;
    color: var(--main);
    margin-bottom: 20px;
}

.shuziyiliao .content_html {
    line-height: 1.8em;
    font-size: 16px;
}

.shuziyiliao .content_html h2 {
    font-size: 20px;
    font-weight: bold;
    color: var(--main);
    margin-bottom: 20px;
}

.shuziyiliao .article-list {
    padding-top:20px; padding-bottom:20px;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1); 
}

.shuziyiliao .article-list .item {
    padding-left: 20px;
    border-top: var(--main) solid 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.shuziyiliao .article-list .item:after {
    position: absolute;
    content: "";
    left: 10px;
    top: 18.5px;
    border-radius: 4px;
    height: 5px;
    width: 5px;
    background: #333;
}
.shuziyiliao .article-list .item:last-child {
    border-bottom: var(--main) solid 1px;
}

.shuziyiliao .article-list .item a {
    color: #333;
    font-size: 16px;
}

.shuziyiliao .article-list .item a:hover {
    color: var(--main);
}

.shuziyiliao .article-list .item:hover:after {
    background: var(--main);
}

.list_CDHCzhuanxiang {
    display: flex;
    justify-content: space-between;
}

.list_CDHCzhuanxiang .left {
    width: 66%;
}

.list_CDHCzhuanxiang .listtitle {
    font-size: 20px;
    font-weight: bold;
    color: var(--main);
    margin-bottom: 20px;
    padding-top: 50px;
}

.list_CDHCzhuanxiang .article-list .item {
    padding-left: 12px;
    border-bottom: #97AFB2 solid 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.list_CDHCzhuanxiang .article-list .item:after {
    position: absolute;
    content: "";
    left: 3px;
    top: 20px;
    border-radius: 2px;
    height: 2px;
    width: 2px;
    background: #97AFB2;
}

.list_CDHCzhuanxiang .article-list .item a {
    color: #97AFB2;
    font-size: 16px;
}

.list_CDHCzhuanxiang .article-list .item a:hover {
    color: var(--main);
}

.list_CDHCzhuanxiang .article-list .item:hover:after {
    background: var(--main);
}

.list_CDHCzhuanxiang .right {
    width: 30%;
}

.list_CDHCzhuanxiang .right .zhichi {
    padding-top: 50px
}

.list_CDHCzhuanxiang .right .zhichi a {
    color: var(--main);
    background: #EDF9FB;
    padding: 10px 20px;
    border-radius: 6px;
    display: inline-block;
}

.list_CDHCzhuanxiang .right .zhichi a.active {
    color: #fff;
    background: var(--main);
}

.list_CDHCzhuanxiang .content_title {
    font-size: 20px;
    font-weight: bold;
    color: var(--main);
    margin-bottom: 20px;
}

.list_CDHCzhuanxiang .content_html {
    line-height: 1.8em;
    font-size: 16px;
}

.list_CDHCzhuanxiang .content_html h2 {
    font-size: 20px;
    font-weight: bold;
    color: var(--main);
    margin-bottom: 20px;
}

.list_CDHCzhuanxiang .article-list {
    border-top: #97AFB2 solid 1px
}

.list_CDHCzhuanxiang .article-list .item {
    padding-left: 12px;
    border-bottom: #97AFB2 solid 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.list_CDHCzhuanxiang .article-list .item:after {
    position: absolute;
    content: "";
    left: 3px;
    top: 20px;
    border-radius: 2px;
    height: 2px;
    width: 2px;
    background: #97AFB2;
}

.list_CDHCzhuanxiang .article-list .item a {
    color: #97AFB2;
    font-size: 16px;
}

.list_CDHCzhuanxiang .article-list .item a:hover {
    color: var(--main);
}

.list_CDHCzhuanxiang .article-list .item:hover:after {
    background: var(--main);
}

.list_CDHCzhuanxiang .project_list .item {
    border: var(--main) dashed 1px;
    background: #F5FAFA;
    margin-bottom: 24px;
}

.list_CDHCzhuanxiang .project_list .item .item_title {
    padding: 15px;
    font-weight: bold;
    font-size: 18px;
    color: var(--main);
    border-bottom: var(--main) dashed 1px;
}

.list_CDHCzhuanxiang .project_list .item .item_content {
    padding: 15px;
    line-height: 1.8em;
}

.gainianyanzheng {
}

.gainianyanzheng .left {
    margin-bottom: 50px;
}

.gainianyanzheng .right {
}

.gainianyanzheng .content_title {
    font-size: 20px;
    font-weight: bold;
    color: var(--main);
    margin-bottom: 5px;
}

.gainianyanzheng .content_html {
    line-height: 1.8em;
    font-size: 16px;
}
.gainianyanzheng .content_html p{ margin-bottom:15px; }
.gainianyanzheng .content_html p a{ color:#666;}
.gainianyanzheng .content_html h2 {
    font-size: 20px;
    font-weight: bold;
    color: var(--main);
    margin-bottom: 20px;
}

.gainianyanzheng .article-list {
}

.gainianyanzheng .article-list .item {
    padding-left: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.gainianyanzheng .article-list .item:after {
    position: absolute;
    content: "";
    left: 3px;
    top: 20px;
    border-radius: 2px;
    height: 2px;
    width: 2px;
    background: #97AFB2;
}

.gainianyanzheng .article-list .item a {
    color: #666;
    font-size: 16px;
}

.gainianyanzheng .article-list .item a:hover {
    color: var(--main);
}

.gainianyanzheng .article-list .item:hover:after {
    background: var(--main);
}

.content_detial .content_html {
    line-height: 1.8em;
    font-size: 16px;
}

.content_detial .content_html h2 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    color: var(--main);
}
.content_detial .content_html h5 { color:var(--main); margin-bottom:20px; }

.content_detial .content_html h3 {
    font-size: 16px;
    font-weight: normal;
    color: var(--main);
}

.content_detial .content_html a {
    color: var(--main);
}

.content_detial .content_html table td {
    padding: 5px 10px;
}

.xiangmudongtai {
    padding-bottom: 100px;
}

.xiangmudongtai .article-list .item {
    margin-bottom: 20px;
}

.xiangmudongtai .article-list .item a {
    background: #F7F7F7;
    padding: 10px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    transition-duration: 0.1s;
}

.xiangmudongtai .article-list .item a .date {
    background: #fff;
    width: 72px;
    height: 72px;
    text-align: center;
}

.xiangmudongtai .article-list .item a .date strong {
    display: block;
    color: var(--main);
    font-size: 22px;
    padding-bottom: 5px;
    padding-top: 10px;
}

.xiangmudongtai .article-list .item a .date p {
    color: var(--main);
    font-size: 16px;
}

.xiangmudongtai .article-list .item a .info {
    width: calc(100% - 92px);
}

.xiangmudongtai .article-list .item a .info h2 {
    color: var(--main);
    font-size: 16px;
    margin-bottom: 6px;
    transition-duration: 0.1s;
}

.xiangmudongtai .article-list .item a .info p {
    color: #62777A;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition-duration: 0.1s;
}

.xiangmudongtai .article-list .item a:hover {
    background: var(--main);
}

.xiangmudongtai .article-list .item a:hover .info h2 {
    color: #fff;
}

.xiangmudongtai .article-list .item a:hover .info p {
    color: #fff;
}

.tongzhigonggao {
    padding-bottom: 100px;
}

.tongzhigonggao .article-list {
    border-top: #E1E1E1 solid 1px;
}

.tongzhigonggao .article-list .item {
    border-bottom: #E1E1E1 solid 1px;
}

.tongzhigonggao .article-list .item a {
    align-items: center;
    height: 74px;
    display: flex;
    justify-content: space-between;
}

.tongzhigonggao .article-list .item a h2 {
    color: #000;
    font-size: 16px;
    font-weight: normal;
}

.tongzhigonggao .article-list .item a span {
    color: #000;
    font-size: 16px;
}

.tongzhigonggao .article-list .item a:hover h2 {
    color: var(--main);
    font-size: 16px;
    font-weight: normal;
}

.tongzhigonggao .article-list .item a:hover span {
    color: var(--main);
    font-size: 16px;
}

.dangjianyinglin {
    padding-bottom: 100px;
}

.dangjianyinglin .content_title {
    font-size: 20px;
    font-weight: bold;
    color: var(--main);
    margin-bottom: 30px;
}

.dangjianyinglin .content_list {
    border-top: #E1E1E1 solid 1px;
}

.dangjianyinglin .content_list .item {
    border-bottom: #E1E1E1 solid 1px;
    position: relative;
    padding-left: 20px;
}

.dangjianyinglin .content_list .item:after {
    position: absolute;
    content: "";
    left: 0px;
    top: 20.5px;
    border-radius: 10px;
    height: 10px;
    width: 10px;
    background: #c1c1c1;
}

.dangjianyinglin .content_list .item:hover:after {
    position: absolute;
    content: "";
    left: 0px;
    top: 20.5px;
    border-radius: 10px;
    height: 10px;
    width: 10px;
    background: var(--main);
}

.dangjianyinglin .content_list .item a {
    color: #000;
    align-items: center;
    height: 52px;
    display: flex;
    justify-content: space-between;
}

.dangjianyinglin .content_list .item a h2 {
    color: #000;
    font-size: 16px;
    font-weight: normal;
}

.dangjianyinglin .content_list .item a span {
    color: #000;
    font-size: 16px;
}

.dangjianyinglin .content_list .item a:hover h2 {
    color: var(--main);
    font-size: 16px;
    font-weight: normal;
}

.dangjianyinglin .content_list .item a:hover span {
    color: var(--main);
    font-size: 16px;
}

.dangjianyinglin .content_more {
    text-align: right;
    padding-top: 20px;
}

.dangjianyinglin .content_more a {
    font-size: 16px;
    color: #000;
}

.gongzuobaogao {
    padding-bottom: 100px;
}

.gongzuobaogao .content_title {
    font-size: 20px;
    font-weight: bold;
    color: var(--main);
    margin-bottom: 30px;
}

.gongzuobaogao .content_list {
    border-top: #E1E1E1 solid 1px;
}

.gongzuobaogao .content_list .item {
    border-bottom: #E1E1E1 solid 1px;
    position: relative;
    padding-left: 20px;
}

.gongzuobaogao .content_list .item:after {
    position: absolute;
    content: "";
    left: 0px;
    top: 20.5px;
    border-radius: 10px;
    height: 10px;
    width: 10px;
    background: #c1c1c1;
}

.gongzuobaogao .content_list .item:hover:after {
    position: absolute;
    content: "";
    left: 0px;
    top: 20.5px;
    border-radius: 10px;
    height: 10px;
    width: 10px;
    background: var(--main);
}

.gongzuobaogao .content_list .item a {
    color: #000;
    align-items: center;
    height: 52px;
    display: flex;
    justify-content: space-between;
}

.gongzuobaogao .content_list .item a h2 {
    color: #000;
    font-size: 16px;
    font-weight: normal;
}

.gongzuobaogao .content_list .item a span {
    color: #000;
    font-size: 16px;
}

.gongzuobaogao .content_list .item a:hover h2 {
    color: var(--main);
    font-size: 16px;
    font-weight: normal;
}

.gongzuobaogao .content_list .item a:hover span {
    color: var(--main);
    font-size: 16px;
}

.gongzuobaogao .content_more {
    text-align: right;
    padding-top: 20px;
}

.gongzuobaogao .content_more a {
    font-size: 16px;
    color: #000;
}

.hezuo {
    padding-bottom: 100px;
}

.hezuo .content_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hezuo .content_list .item {
    width: 23%;
    margin-bottom: 30px;
}

.hezuo .content_list .item img {
    width: 100%;
}

.hezuo .content_list .item h2 {
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    padding-top: 10px;
}

.article-list {
    margin-bottom: 30px;
}

.search_header {
    background: #c1dbeb;
    height: 100px;
    padding-top: 200px;
    padding-bottom: 0px;
}

.search_header .pagewidth form {
    display: flex;
    justify-content: center;
}

.search_header .pagewidth .input {
    width: 560px;
    display: block;
    margin-right: 10px;
    height: 50px;
    border: none;
    background: #fff;
    font-size: 18px;
    line-height: 50px;
    border-radius: 6px;
    padding: 15px;
}

.search_header .pagewidth .btn {
    border: none;
    background: var(--main);
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    height: 50px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 6px;
}

.search_num {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.search_num .left {
    color: #000;
}

.search_num .left span {
    font-weight: bold;
    color: var(--main);
}

.search_num .more ul {
    display: flex;
    justify-content: space-between;
}

.search_num .more ul li {
    margin-left: 30px;
}

.search_num .more ul li a {
    color: #000;
}

.search_num .more ul li a.active {
    color: var(--main);
}

.search_list {
    padding-bottom: 100px;
}

.search_list .item {
    border-bottom: #C1C1C1 solid 1px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.search_list .item h2 a {
    font-size: 18px;
    color: #000;
}

.search_list .item h2 a:hover {
    color: var(--main);
}

.search_list .item p {
    padding-top: 10px;
    color: #666;
    line-height: 1.8em
}

.list_cdhchuiyuandanwei .title {
    background: #EAF3F4;
    font-size: 18px;
    color: var(--main);
    padding: 10px;
    font-weight: bold;
}

.list_cdhchuiyuandanwei .list {
    padding-top: 40px;
    padding-bottom: 60px;
    display: flex;
    justify-content: space-between;
}

.list_cdhchuiyuandanwei .list .left {
    width: 38%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.list_cdhchuiyuandanwei .list .left ul {
    padding: 20px;
}

.list_cdhchuiyuandanwei .list .left ul li {
    line-height: 1.8em;
}

.list_cdhchuiyuandanwei .list .left ul li a {
    cursor: pointer;
    transition-duration: 0.2s;
}

.list_cdhchuiyuandanwei .list .left ul li a:hover {
    color: var(--main);
}

.list_cdhchuiyuandanwei .list .right {
    width: 58%;
}

.list_cdhchuiyuandanwei .list .right ul {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}

.list_cdhchuiyuandanwei .list .right ul li {
    width: 130px;
    cursor: pointer;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    transition-duration: 0.2s;
    margin-right: 8px;
    margin-left: 8px;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 16px;
}

.list_cdhchuiyuandanwei .list .right ul li img {
    width: 130px;
}

.list_cdhchuiyuandanwei .list .right ul li:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    width: 1020px;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.md-show {
    visibility: visible;
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    background: rgba(0, 0, 0, 0.0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show ~ .md-overlay {
    opacity: 1;
    visibility: visible;
}

.md-title {
    color: #333;
    position: relative;
    padding-top: 20px;
    padding-bottom: 40px;
    background: url(../images/bg5.png) no-repeat top;
    background-size: 1020px auto;
    display: flex;
    justify-content: space-between;
}

.md-title .md-close {
    padding-left: 30px;
    color: #fff;
    font-size: 24px;
    position: relative;
    top: -10px;
}

.md-title .name {
    padding-right: 40px;
    text-align: right;
    color: #fff;
}

.md-title .name p {
    height: 18px;
}

.md-html {
    border-radius: 0px 0px 24px 24px;
    border: var(--main) solid 2px;
    border-top: none;
    background: #eff2f7;
    padding: 40px;
    padding-top: 20px;
    line-height: 1.8em;
    font-size: 16px;
}

.md-content {
    color: #333;
    position: relative;
}

.md-effect-1 .md-content {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.md-content button {
    border: none;
    padding: 10px 20px;
    background: #ddd;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    margin: 3px 2px;
    border-radius: 2px;
}

.md-content button:hover {
    background: #ccc;
}

/*大屏幕*/
@media screen and (max-width: 1920px) {
}
/*中屏幕*/

@media screen and (max-width: 1440px) {
}
/*手机*/

@media screen and (max-width: 480px) {
    .project_detail{ padding-top:50px; padding-bottom:50px; }
.project_detail .pagewidth{display: block; justify-content: space-between;}
.project_detail .side{width: auto; margin-bottom: 30px}
.project_detail .side ul li{ margin-bottom:8px;display:block; background:#EFEFEF; color:#333;font-size: 20px; text-align: center;display: flex; align-items: center; height: 68px; justify-content: space-between; line-height: 1.2em; text-align:center;  }
.project_detail .side ul li.active{background: var(--main);}
.project_detail .side ul li a{ display:block; text-align:center; color: #000; padding-left: 5%; padding-right: 5%; width: 90%; padding-top: 10px; padding-bottom: 10px;}
.project_detail .side ul li.active a{color:#fff;}
.project_detail .content{width:auto; margin-bottom: 30px;}
.project_detail .content .detail-title{font-size: 24px;font-weight: bold;color: var(--main);}
.project_detail .content .detail-html{line-height: 1.8em;font-size: 16px;}
.project_detail .right{width:auto;}

    .pagewidth {
        width: auto;
        margin: 0 20px;
    }

    .header {
    }

    .header .pagewidth {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 70px;
        transition-duration: 0.3s
    }

    .header .pc_menu {display: none;
    }

    .header .logo img {
        height: 40px;
    }

    .header .logo a {
        display: inline-block;
    }

    .header {
    }

    .header .search {
        position: relative;
        display: none;
    }

    .header .search .form-control {
        display: block;
        line-height: 44px;
        height: 44px;
        padding-left: 15px;
        padding-right: 15px;
        border-radius: 30px;
        border: none;
        font-size: 16px;
        color: #999;
        width: 300px;
        background: #EDEDED;
    }

    .menu {
        margin-bottom: 12px;
        display: none;
    }

    .menu .pc_menu {
        height: 50px;
        border-top: var(--main) solid 2px;
        border-bottom: var(--main) solid 2px;
    }

    .menu .pc_menu ul {
        display: flex;
        justify-content: space-between;
    }

    .menu .pc_menu a {
        text-decoration: none;
        color: #565656;
        font-size: 18px;
        display: block;
        height: 50px;
        line-height: 50px;
        padding: 0 22px;
        transition-duration: 0.3s;
    }

    .menu .pc_menu a:hover {
        color: var(--main);
        font-weight: normal;
    }

    .menu .pc_menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .menu .pc_menu > ul > li {
        display: block;
        position: relative;
        z-index: 3
    }

    .menu .pc_menu > ul > li.active a {
        color: var(--main);
    }

    .menu .pc_menu > ul > li a.active {
        color: var(--main);
        font-weight: bold;
        position: relative;
    }

    .menu .pc_menu > ul > li a.active:after {
        left: 0px;
        right: 0px;
        bottom: -1px;
        height: 3px;
        background: var(--main);
        position: absolute;
        content: ""
    }

    .menu .pc_menu ul li:hover a {
        color: var(--main);
        font-weight: normal;
    }

    .menu .pc_menu ul li a i {
        transition-duration: 0.3s
    }

    .menu .pc_menu ul li:hover a i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }

    .menu .pc_menu > ul > li > ul {
        background: rgba(255, 255, 255, 0.8);
        position: absolute;
        display: none;
        top: 100%;
        left: -5px;
        width: 140px;
        padding-top: 6px;
        padding-bottom: 6px;
        border-radius: 3px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05)
    }

    .menu .pc_menu > ul > li:hover > ul {
        display: block;
    }

    .menu .pc_menu > ul > li > ul > li {
        position: relative;
    }

    .menu .pc_menu > ul > li > ul > li > ul {
        display: none;
        position: absolute;
        left: 100%;
        top: 0;
    }

    .menu .pc_menu > ul > li > ul > li:hover > ul {
        display: block;
        background-color: #333;
    }

    .menu .pc_menu > ul > li > ul {
    }

    .menu .pc_menu > ul > li > ul > li {
        height: 44px;
        line-height: 44px;
    }

    .menu .pc_menu > ul > li > ul > li a {
        height: 44px;
        line-height: 44px;
        text-align: center;
        font-size: 16px;
        color: #000 !important;
        font-weight: normal !important;
    }

    .menu .pc_menu > ul > li > ul > li a:hover {
        background: rgba(255, 255, 255, 0.4);
        color: var(--main) !important;
    }

    .menu .pc_menu > ul > li:nth-child(4) > ul {
        width: 240px;
        left: -60px;
    }

    .menu .pc_menu > ul > li:nth-child(5) > ul {
        width: 260px;
        left: -70px;
    }

    .menu .pc_menu > ul > li:nth-child(7) > ul {
        left: -10px;
    }

    .header .trigger {
        display: block;
    }

    

    .bgwhite {
        padding-top: 0px;
        padding-bottom: 0px;
        height: 70px;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
        background: rgba(255, 255, 255, 1);
    }

    .bgwhite .logo img {
        height: 40px;
    }

    .bgwhite .nav ul li a {
        height: 70px;
        line-height: 70px;
    }

    .pager {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .pager .num {
        padding-right: 0px;
        color: #8B8B8B;
        font-size: 16px;
    }

    .pager .pagination {
        display: flex;
        justify-content: center;
    }

    .pager .pagination li {
        background: #EFEFEF;
        color: #000;
        font-size: 16px;
        margin-left: 4px;
        margin-right: 4px;
    }

    .pager .pagination li span {
        display: block;
        padding: 5px 10px;
        border-radius: 3px;
    }

    .pager .pagination li a {
        display: block;
        padding: 5px 10px;
        color: #000;
        border-radius: 3px;
    }

    .pager .pagination li.active span {
        background: var(--main);
        color: #fff;
        display: block;
        padding: 5px 10px;
    }

    .pager .pagination li.active a {
        background: var(--main);
        color: #fff;
        display: block;
        padding: 5px 10px;
        color: #000;
    }

    .index_banner {
        height: 160px;
        position: relative;
        width: 100%;
    }

    .index_banner .swiper-slide {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .index_banner .swiper-slide .box {
        font-size: 50px;
        bottom: 14%;
        z-index: 33;
        color: var(--main);
        line-height: 1.3em;
        text-align: right;
        position: absolute;
        left: 50%;
        width: 1400px;
        margin-left: -700px;
        opacity: 0;
        transition: 0.5s;
        transition-delay: 0.6s;
        transition-timing-function: linear;
    }

    .index_banner .swiper-slide-active .box {
        opacity: 1;
        bottom: 17%;
    }

    .index_banner .swiper-slide {
        height: 100%;
    }

    .index_banner .swiper-slide img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        transform: scale(1.1);
        transition-duration: 10s;
    }

    .index_banner .swiper-slide-active img {
        transform: scale(1);
    }

    .index_banner .swiper-pagination {
        bottom: 40px !important;
        top: auto !important
    }

    .index_banner .swiper-pagination-bullet {
        background: rgba(255, 255, 255, 1);
        opacity: 0.4;
        width: 32px;
        height: 2px;
        border-radius: 10px;
        transition-duration: 0.3s
    }

    .index_banner .swiper-pagination-bullet-active {
        background: rgba(255, 255, 255, 1);
        width: 32px;
        opacity: 1;
    }

    .index_banner .swiper-button-next {
        font-size: 12px;
        background: #fff !important;
        right: 0;
        bottom: 3px;
        top: auto;
        height: 80px;
        line-height: 80px;
        text-align: center;
        width: 160px;
    }

    .index_banner .swiper-button-prev {
        font-size: 12px;
        background: #fff !important;
        left: auto;
        right: 160px;
        bottom: 3px;
        top: auto;
        height: 80px;
        line-height: 80px;
        text-align: center;
        width: 160px;
    }

    .index_banner .swiper-button-prev i, .index_banner .swiper-button-next i {
        position: relative;
        top: 2px;
    }

    .index_main {
        padding-top: 40px;
        padding-bottom:40px;
    }

    .index_main .pagewidth {
        display: block;
        justify-content: space-between;
    }

    .index_main .pagewidth .left {
        width: 100%;
    }

    .index_main .pagewidth .right {
        width: 100%;
    }

    .index_main .pagewidth .header {
        background: var(--main);
        height: 52px;
        inherits: 52px;
        align-items: center;
        display: flex;
        justify-content: space-between;
    }

    .index_main .pagewidth .header strong {
        display: block;
        border-bottom: #FF7878 solid 4px;
        height: 48px;
        line-height: 52px;
        font-size: 22px;
        font-weight: bold;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px
    }

    .index_main .pagewidth .header span {
        padding-right: 10px;
    }

    .index_main .pagewidth .header span a {
        color: #fff;
        font-size: 20px;
    }

    .index_main .pagewidth .content .item {
        display: block;
        justify-content: space-between;
        align-items: center;
        border-bottom: #DBDBDB solid 1px;padding-bottom: 20px;
    }

    .index_main .pagewidth .content .item .title {
        font-size: 18px;
        width: 100%;
        padding-top: 20px;
        height: 20px;
        padding-bottom: 20px;
    }

    .index_main .pagewidth .content .item .title a {
        color: #000;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .index_main .pagewidth .content .item .title a:hover {
        color: var(--main);
    }

    .index_main .pagewidth .content .item .date {
        padding-right: 10px;
        font-size: 18px;
        color: #000;
        height: 20px;
    }

    
.footer {
    background:#710707;
}

.footer .pagewidth {
    display: block;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 30px; align-items: center;
}

.footer .pagewidth .logo {display: flex; justify-content:center; align-items: center; margin: 0 auto; margin-bottom:30px;}
.footer .pagewidth .logo img{width: 70px; margin-right: 20px; }
.footer .pagewidth .text{ color:#fff; }
.footer .pagewidth .text p{ font-size:20px;color:#fff;  letter-spacing:5px; }
.footer .pagewidth .text strong{display: block; font-size:22.5px;color:#fff; letter-spacing:6.4px; }
.footer .pagewidth .text .email{font-size:14px;color:#fff; letter-spacing:0.9px }
.footer .pagewidth .content {display: flex; justify-content: center; grid-gap: 40px;}
.footer .pagewidth .item img {
    height: 100px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.footer .pagewidth .item p {
    color: #fff;
    line-height: 1.8em;
    text-align: center;
}

.footer .pagewidth .item h2 {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
}

.footer .pagewidth .item.wechat img {
    width: 70px;
    height: 70px;
}


    .detailbanner {
        height: 150px;
        position: relative;
    }

    .detailbanner img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        right: 0px;
        z-index: 1;
        opacity: 0.85
    }

    .main {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .main .pagewidth {
        display: flex;
        justify-content: space-between;
    }

    .main .side {
        width: 300px; display: none 
    }

    .main .side ul li {
        margin-bottom: 8px;
        display: block;
        background: #EFEFEF;
        color: #333;
        font-size: 20px;
        text-align: center;
        display: flex;
        align-items: center;
        height: 68px;
        justify-content: space-between;
        line-height: 1.2em;
        text-align: center;
    }

    .main .side ul li.active {
        background: var(--main);
    }

    .main .side ul li a {
        display: block;
        text-align: center;
        color: #000;
        padding-left: 5%;
        padding-right: 5%;
        width: 90%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .main .side ul li.active a {
        color: #fff;
    }

    .main .content {
        width: 100%;
    }

    .aboutcontent h1 {
        color: var(--main);
        font-size: 30px;
        margin-bottom: 60px;
    }

    .aboutcontent img {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .aboutcontent p {
        color: #000;
        font-size: 16px;
        line-height: 1.8em;
        margin-bottom: 15px;
    }

    .aboutcontent p a {
        color: var(--main);
    }

    .aboutcontent .yuanjing {
        padding: 40px 60px;
        background: url(../images/bg1.jpg) no-repeat right center #f1f1f1;
        background-size: contain;
        margin-bottom: 50px;
        margin-top: 35px;
    }

    .aboutcontent .yuanjing h3 {
        font-size: 22px;
        color: var(--main);
        margin-bottom: 5px;
        padding-top: 15px;
    }

    .aboutcontent h2 {
        color: var(--main);
        font-size: 16px;
        margin-bottom: 10px;
    }

    .lishihui > div {
        margin-bottom: 30px;
        display: flex;
        justify-content: center;
    }

    .lishihui > div .item {
        margin-right: 60px;
        margin-left: 60px;
        margin-bottom: 20px;
    }

    .lishihui > div .item .photo {
        width: 172px;
        height: 172px;
        overflow: hidden;
        border-radius: 50%;
        margin-bottom: 15px;
    }

    .lishihui > div .item .photo img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .lishihui > div .item .name {
        text-align: center;
        font-size: 18px;
        color: var(--main);
    }

    .faqiren .item {
        display: flex;
        justify-content: space-between;
        border-bottom: var(--main) solid 1px;
        padding-bottom: 70px;
        margin-bottom: 70px;
    }

    .faqiren .item:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .faqiren .item .photo {
        width: 40%;
    }

    .faqiren .item .photo img {
        width: 400px;
    }

    .faqiren .item .info {
        width: 540px;
        padding-top: 30px;
    }

    .faqiren .item .info h2 {
        font-size: 20px;
        color: var(--main);
        margin-bottom: 20px;
    }

    .faqiren .item .info .box {
        font-size: 16px;
        color: #000;
        line-height: 30px;
    }

    .faqiren .item .info .box p {
        margin-bottom: 10px;
    }

    .faqiren .item .info .box ul {
        padding-top: 60px;
        border-top: dashed #AAAAAA 1px;
    }

    .faqiren .item .info .box ul li {
        background: url(../images/icon1.png) no-repeat 0 13px;
        padding-left: 30px;
        background-size: 20px auto;
        border-bottom: dashed #AAAAAA 1px;
        line-height: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 16px;
        color: #000;
    }

    .faqiren .item .info .box ul li:hover {
        color: var(--main);
        background: url(../images/icon2.png) no-repeat 0 13px;
        padding-left: 30px;
        background-size: 20px auto;
    }

    .cdhc {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .cdhc .item {
        position: relative;
        width: 230px;
        height: 310px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        border-radius: 9px;
        overflow: hidden;
        margin-left: 12px;
        margin-right: 12px;
        margin-bottom: 24px;
        transition-duration: 0.3s
    }

    .cdhc .item img {
        position: absolute;
        z-index: 2;
        height: 300px;
        width: 200px;
        left: 15px;
        display: block;
        bottom: 0;
        object-fit: cover;
        transition-duration: 0.3s
    }

    .cdhc .item .info {
        position: absolute;
        color: #000;
        padding-top: 60px;
        z-index: 3;
        height: 90px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background: #fff;
        clip-path: polygon(0% 50%, 100% 10%, 100% 100%, 0 100%);
        font-size: 16px;
    }

    .cdhc .item .info h2 {
        font-size: 18px;
        color: var(--main);
        text-align: center;
        margin-bottom: 5px;
    }

    .cdhc .item .info p {
        font-size: 16px;
        text-align: center;
    }

    .cdhc .item .bg {
        position: absolute;
        z-index: 1;
        height: 250px;
        left: 0px;
        right: 0px;
        bottom: 70px;
        background: #CBDEE1;
        clip-path: polygon(0% 45%, 100% 20%, 100% 75%, 0 100%);
    }

    .cdhc .item:nth-child(2n) .info {
        position: absolute;
        color: #000;
        padding-top: 60px;
        z-index: 3;
        height: 90px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background: #fff;
        clip-path: polygon(100% 100%, 0% 100%, 0% 10%, 100% 50%);
        font-size: 16px;
        transition-duration: 0.3s
    }

    .cdhc .item:nth-child(2n) .info h2 {
        font-size: 18px;
        color: var(--main);
        text-align: center;
        margin-bottom: 5px;
        transition-duration: 0.3s
    }

    .cdhc .item:nth-child(2n) .info p {
        font-size: 16px;
        text-align: center;
        transition-duration: 0.3s
    }

    .cdhc .item:nth-child(2n) .bg {
        position: absolute;
        z-index: 1;
        height: 250px;
        left: 0px;
        right: 0px;
        bottom: 70px;
        background: #CBDEE1;
        clip-path: polygon(0% 20%, 100% 45%, 100% 100%, 0 75%);
    }

    .cdhc .item:hover {
        background: var(--main);
    }

    .cdhc .item:hover .info {
        background: var(--main);
    }

    .cdhc .item:hover .info h2 {
        color: #fff;
    }

    .cdhc .item:hover .info p {
        color: #fff;
    }

    .cdhc .item:hover img {
        bottom: 10px;
    }

    .dashiji .swiper_tab .swiper-wrapper {
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .dashiji .swiper_tab .swiper-slide {
        width: 170px;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        border-radius: 9px;
        color: #000;
        border: #BFBFBF solid 1px;
        margin-left: 12px;
        margin-right: 12px;
    }

    .dashiji .swiper_tab .swiper-slide-thumb-active {
        background: var(--main);
        border-color: var(--main);
        color: #fff;
    }

    .dashiji .swiper_content {
        padding-top: 50px;
    }

    .dashiji .swiper_content .swiper-slide .item .year {
        background: #efefef;
        border-radius: 50%;
        height: 73px;
        width: 73px;
    }

    .dashiji .swiper_content .swiper-slide .item .year strong {
        display: block;
        text-align: center;
        font-size: 22px;
        padding-top: 14px;
    }

    .dashiji .swiper_content .swiper-slide .item .year p {
        text-align: center;
        font-size: 16px;
        color: #999;
    }

    .dashiji .swiper_content .swiper-slide .item .list {
        border-left: #efefef solid 1px;
        margin-left: 36px;
        padding-left: 20px;
        padding-top: 30px;
    }

    .dashiji .swiper_content .swiper-slide .item .list .box {
        display: flex;
        justify-content: space-between;
        padding-bottom: 20px;
    }

    .dashiji .swiper_content .swiper-slide .item .list .box h2 {
        width: 10%;
        position: relative;
        line-height: 1.8em;
        color: var(--main);
        font-size: 16px;
        font-weight: normal;
    }

    .dashiji .swiper_content .swiper-slide .item .list .box h2:after {
        width: 11px;
        border-radius: 50%;
        background: var(--main);
        height: 11px;
        top: 9px;
        left: -26px;
        position: absolute;
        content: "";
    }

    .dashiji .swiper_content .swiper-slide .item .list .box .description {
        width: 88%;
        position: relative;
        line-height: 1.8em;
    }

    .dashiji .swiper_content .swiper-slide .item .list .box .description:after {
        width: 6px;
        border-radius: 50%;
        background: #999;
        height: 6px;
        top: 11px;
        left: -20px;
        position: absolute;
        content: "";
    }

    .join .item {
        margin-bottom: 25px;
    }

    .join .item .title {
        font-size: 26px;
        line-height: 75px;
        font-weight: bold;
        color: var(--main);
        height: 100px;
        padding-left: 30px;
        background: url(../images/bg4.png) no-repeat;
        background-size: auto 100px;
    }

    .join .item .info {
        border-radius: 0px 0px 24px 24px;
        background: #fff;
        border: #82B4BB solid 2px;
        border-top: none
    }

    .join .item .info .html {
        padding: 40px;
        padding-top: 0px;
        line-height: 1.8em;
    }

    .join .item .info .html strong {
        display: block;
        padding-top: 10px;
        font-weight: bold;
    }

    .contactcontent {
        display: flex;
        justify-content: space-between;
    }

    .contactcontent .left {
        width: 36%;
        padding-left: 4%;
    }

    .contactcontent .center {
        width: 26%;
        padding-left: 4%;
    }

    .contactcontent .right {
        width: 36%;
        padding-left: 4%;
    }

.contactcontent{display: block; justify-content: space-between;}
.contactcontent .left{width: auto; padding-left:0; margin-bottom: 30px; }
.contactcontent .center{width: auto; padding-left:0;margin-bottom: 30px;}
.contactcontent .right{width: auto;padding-left:0; }
.contactcontent h2{ font-size:20px; padding-top: 3px; color:var(--main); font-weight:normal; margin-bottom:15px; padding-left: 40px; }
.contactcontent p{ line-height:1.8em; }

.contactcontent .left{background:url(../images/CLDCicon3.png) no-repeat 0px 0px; background-size: 32px 32px;}
.contactcontent .center{background:url(../images/CLDCicon4.png) no-repeat 0px 0px; background-size: 32px 32px;}
.contactcontent .right{background:url(../images/CLDCicon5.png) no-repeat 0px 0px; background-size: 32px 32px;}

.contactcontent .wechat{display: flex; justify-content: left;}
.contactcontent .wechat .img{ width:108px; margin-right:10px; }
.contactcontent .wechat .img img{width: 108px;display: block;margin: 0 auto;}
.contactcontent .wechat .img p{ text-align:center; padding-top:2px;color:#404040; font-size:16px; }


    .xianxingzheluntan .content_description {
        line-height: 1.8eml;
        font-size: 16px;
        margin-bottom: 30px;
    }

    .xianxingzheluntan .content_title {
        font-size: 20px;
        font-weight: bold;
        color: var(--main);
        margin-bottom: 30px;
    }

    .xianxingzheluntan .article-list .item {
        margin-bottom: 15px;
    }

    .xianxingzheluntan .article-list .item a {
        background: #EAF3F4;
        display: flex;
        transition-duration: 0.1s;
        align-items: center;
        justify-content: space-between;
        line-height: 1.6em;
        height: auto; padding-top: 20px; padding-bottom: 20px;
        border-radius: 6px;
    }

    .xianxingzheluntan .article-list .item a .title {
        padding-left: 20px;
        transition-duration: 0.1s;
        color: #000;
    }

    .xianxingzheluntan .article-list .item a .icon {
        font-size: 32px;
        color: #333;
        padding-right: 20px;
    }

    .xianxingzheluntan .article-list .item a:hover {
        background: var(--main);
    }

    .xianxingzheluntan .article-list .item a:hover .title {
        padding-left: 25px;
        color: #fff;
    }

    .xianxingzheluntan .article-list .item a:hover .icon {
        color: #fff;
    }

    .detail .detail-title{ font-size:24px;text-align:center; color: var(--main); margin-bottom:10px; position:relative; padding-top: 30px;}
.detail .detail-title span{ position:absolute; top: -30px; right: 0px;}
.detail .detail-title span a{ color:var(--main); font-size:14px;display:inline-block; width:60px; height:24px; line-height:24px; border-radius:3px; border:var(--main) solid 1px; }
.detail .detail-datetime{ font-size:16px;text-align:center;color: var(--main);  margin-bottom: 50px;}
.detail .detail-html{ line-height:1.8em;font-size:16px; margin-bottom:15px; }
.detail .detail-html img{ margin-bottom:20px; }


    .detail_lr {
        display: block;
        justify-content: space-between;
    }

    .detail_lr .detail_left { 
        width: 100%; margin-bottom: 20px;
    }

    .detail_lr .detail_right {
        width: 100%;
    }

    .detail_lr .content_title {
        font-size: 20px;
        font-weight: bold;
        color: var(--main);
        margin-bottom: 20px;
    }

    .detail_lr .article-list {
        border-top: #97AFB2 solid 1px
    }

    .detail_lr .article-list .item {
        padding-left: 12px;
        border-bottom: #97AFB2 solid 1px;
        padding-top: 10px;
        padding-bottom: 10px;
        position: relative;
    }

    .detail_lr .article-list .item:after {
        position: absolute;
        content: "";
        left: 3px;
        top: 20px;
        border-radius: 2px;
        height: 2px;
        width: 2px;
        background: #97AFB2;
    }

    .detail_lr .article-list .item a {
        color: #97AFB2;
        font-size: 16px;
    }

    .detail_lr .article-list .item a:hover {
        color: var(--main);
    }

    .detail_lr .article-list .item:hover:after {
        background: var(--main);
    }

    .detail_lr .detail_right .zhichi {
        padding-top: 50px
    }

    .detail_lr .detail_right .zhichi a {
        color: var(--main);
        background: #EDF9FB;
        padding: 10px 20px;
        border-radius: 6px;
        display: inline-block;
    }

    .detail_lr .detail-title {
        font-size: 24px;
        text-align: center;
        color: var(--main);
        margin-bottom: 10px;
        position: relative;
    }

    .detail_lr .detail-title span {
        position: absolute;
        top: 10px;
        right: -62px;
    }

    .detail_lr .detail-title span a {
        color: var(--main);
        font-size: 14px;
        display: inline-block;
        width: 60px;
        height: 24px;
        line-height: 24px;
        border-radius: 3px;
        border: var(--main) solid 1px;
    }

    .detail_lr .detail-datetime {
        font-size: 16px;
        text-align: center;
        color: var(--main);
        margin-bottom: 50px;
    }

    .detail_lr .detail-html {
        line-height: 1.8em;
        font-size: 16px;
        margin-bottom: 15px;
    }

    .detail_lr .detail-html h2 {
        font-size: 20px;
        font-weight: bold;
        color: var(--main);
        margin-bottom: 20px;
    }

    .imgbox {
        padding: 10px 20px;
        padding-bottom: 20px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        margin-top: 20px;
    }

    .imgbox img {
    }

    .imgbox p {
        text-align: center;
        color: #79989C;
        font-size: 14px;
        padding-top: 10px;
    }

    .shuziyiliao {
        display: block;
        justify-content: space-between;
    }

    .shuziyiliao .left {
        width: 100%; margin-bottom: 30px;
    }

    .shuziyiliao .right {
        width: 100%;
    }

    .shuziyiliao .content_title {
        font-size: 20px;
        font-weight: bold;
        color: var(--main);
        margin-bottom: 20px;
    }

    .shuziyiliao .content_html {
        line-height: 1.8em;
        font-size: 16px;
    }

    .shuziyiliao .content_html h2 {
        font-size: 20px;
        font-weight: bold;
        color: var(--main);
        margin-bottom: 20px;
    }

    .shuziyiliao .article-list {
        border-top: #97AFB2 solid 1px
    }

    .shuziyiliao .article-list .item {
        padding-left: 12px;
        border-bottom: #97AFB2 solid 1px;
        padding-top: 10px;
        padding-bottom: 10px;
        position: relative;
    }

    .shuziyiliao .article-list .item:after {
        position: absolute;
        content: "";
        left: 3px;
        top: 20px;
        border-radius: 2px;
        height: 2px;
        width: 2px;
        background: #97AFB2;
    }

    .shuziyiliao .article-list .item a {
        color: #97AFB2;
        font-size: 16px;
    }

    .shuziyiliao .article-list .item a:hover {
        color: var(--main);
    }

    .shuziyiliao .article-list .item:hover:after {
        background: var(--main);
    }

    .list_CDHCzhuanxiang {
        display: block;
        justify-content: space-between;
    }

    .list_CDHCzhuanxiang .left {
        width: 100%;
    }

    .list_CDHCzhuanxiang .listtitle {
        font-size: 20px;
        font-weight: bold;
        color: var(--main);
        margin-bottom: 20px;
        padding-top: 50px;
    }

    .list_CDHCzhuanxiang .article-list .item {
        padding-left: 12px;
        border-bottom: #97AFB2 solid 1px;
        padding-top: 10px;
        padding-bottom: 10px;
        position: relative;
    }

    .list_CDHCzhuanxiang .article-list .item:after {
        position: absolute;
        content: "";
        left: 3px;
        top: 20px;
        border-radius: 2px;
        height: 2px;
        width: 2px;
        background: #97AFB2;
    }

    .list_CDHCzhuanxiang .article-list .item a {
        color: #97AFB2;
        font-size: 16px;
    }

    .list_CDHCzhuanxiang .article-list .item a:hover {
        color: var(--main);
    }

    .list_CDHCzhuanxiang .article-list .item:hover:after {
        background: var(--main);
    }

    .list_CDHCzhuanxiang .right {
        width: 100%;
    }

    .list_CDHCzhuanxiang .right .zhichi {
        padding-top: 50px
    }

    .list_CDHCzhuanxiang .right .zhichi a {
        color: var(--main);
        background: #EDF9FB;
        padding: 10px 20px;
        border-radius: 6px;
        display: inline-block;
    }

    .list_CDHCzhuanxiang .right .zhichi a.active {
        color: #fff;
        background: var(--main);
    }

    .list_CDHCzhuanxiang .content_title {
        font-size: 20px;
        font-weight: bold;
        color: var(--main);
        margin-bottom: 20px;
    }

    .list_CDHCzhuanxiang .content_html {
        line-height: 1.8em;
        font-size: 16px;
    }

    .list_CDHCzhuanxiang .content_html h2 {
        font-size: 20px;
        font-weight: bold;
        color: var(--main);
        margin-bottom: 20px;
    }

    .list_CDHCzhuanxiang .article-list {
        border-top: #97AFB2 solid 1px
    }

    .list_CDHCzhuanxiang .article-list .item {
        padding-left: 12px;
        border-bottom: #97AFB2 solid 1px;
        padding-top: 10px;
        padding-bottom: 10px;
        position: relative;
    }

    .list_CDHCzhuanxiang .article-list .item:after {
        position: absolute;
        content: "";
        left: 3px;
        top: 20px;
        border-radius: 2px;
        height: 2px;
        width: 2px;
        background: #97AFB2;
    }

    .list_CDHCzhuanxiang .article-list .item a {
        color: #97AFB2;
        font-size: 16px;
    }

    .list_CDHCzhuanxiang .article-list .item a:hover {
        color: var(--main);
    }

    .list_CDHCzhuanxiang .article-list .item:hover:after {
        background: var(--main);
    }

    .list_CDHCzhuanxiang .project_list .item {
        border: var(--main) dashed 1px;
        background: #F5FAFA;
        margin-bottom: 24px;
    }

    .list_CDHCzhuanxiang .project_list .item .item_title {
        padding: 15px;
        font-weight: bold;
        font-size: 18px;
        color: var(--main);
        border-bottom: var(--main) dashed 1px;
    }

    .list_CDHCzhuanxiang .project_list .item .item_content {
        padding: 15px;
        line-height: 1.8em;
    }

    .gainianyanzheng {
    }

    .gainianyanzheng .left {
        margin-bottom: 50px;
    }

    .gainianyanzheng .right {
    }

    .gainianyanzheng .content_title {
        font-size: 20px;
        font-weight: bold;
        color: var(--main);
        margin-bottom: 10px;
    }

    .gainianyanzheng .content_html {
        line-height: 1.8em;
        font-size: 16px;
    }

    .gainianyanzheng .content_html h2 {
        font-size: 20px;
        font-weight: bold;
        color: var(--main);
        margin-bottom: 20px;
    }

    .gainianyanzheng .article-list {
    }

    .gainianyanzheng .article-list .item {
        padding-left: 12px;
        padding-top: 10px;
        padding-bottom: 10px;
        position: relative;
    }

    .gainianyanzheng .article-list .item:after {
        position: absolute;
        content: "";
        left: 3px;
        top: 20px;
        border-radius: 2px;
        height: 2px;
        width: 2px;
        background: #97AFB2;
    }

    .gainianyanzheng .article-list .item a {
        font-size: 16px;
    }

    .gainianyanzheng .article-list .item a:hover {
        color: var(--main);
    }

    .gainianyanzheng .article-list .item:hover:after {
        background: var(--main);
    }

    .content_detial .content_html {
        line-height: 1.8em;
        font-size: 16px;
    }

    .content_detial .content_html h2 {
        font-size: 20px;
        margin-bottom: 20px;
        font-weight: bold;
        color: var(--main);
    }

    .content_detial .content_html h3 {
        font-size: 16px;
        font-weight: normal;
        color: var(--main);
    }

    .content_detial .content_html a {
        color: var(--main);
    }

    .content_detial .content_html table td {
        padding: 5px 10px;
    }

    .xiangmudongtai {
        padding-bottom: 100px;
    }

    .xiangmudongtai .article-list .item {
        margin-bottom: 20px;
    }

    .xiangmudongtai .article-list .item a {
        background: #F7F7F7;
        padding: 10px;
        align-items: center;
        display: flex;
        justify-content: space-between;
        transition-duration: 0.1s;
    }

    .xiangmudongtai .article-list .item a .date {
        background: #fff;
        width: 72px;
        height: 72px;
        text-align: center;
    }

    .xiangmudongtai .article-list .item a .date strong {
        display: block;
        color: var(--main);
        font-size: 22px;
        padding-bottom: 5px;
        padding-top: 10px;
    }

    .xiangmudongtai .article-list .item a .date p {
        color: var(--main);
        font-size: 16px;
    }

    .xiangmudongtai .article-list .item a .info {
        width: calc(100% - 92px);
    }

    .xiangmudongtai .article-list .item a .info h2 {
        color: var(--main);
        font-size: 16px;
        margin-bottom: 6px;
        transition-duration: 0.1s;
    }

    .xiangmudongtai .article-list .item a .info p {
        color: #62777A;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        transition-duration: 0.1s;
    }

    .xiangmudongtai .article-list .item a:hover {
        background: var(--main);
    }

    .xiangmudongtai .article-list .item a:hover .info h2 {
        color: #fff;
    }

    .xiangmudongtai .article-list .item a:hover .info p {
        color: #fff;
    }

    .tongzhigonggao {
        padding-bottom: 100px;
    }

    .tongzhigonggao .article-list {
        border-top: #E1E1E1 solid 1px;
    }

    .tongzhigonggao .article-list .item {
        border-bottom: #E1E1E1 solid 1px;
        padding-bottom: 20px; padding-top: 20px;
    }

    .tongzhigonggao .article-list .item a {
        align-items: center;
        height: auto;
        display: block;
        justify-content: space-between;
    }

    .tongzhigonggao .article-list .item a h2 {
        color: #000;
        font-size: 16px;
        font-weight: normal; margin-bottom: 10px;
    }

    .tongzhigonggao .article-list .item a span {
        color: #000;
        font-size: 16px;
    }

    .tongzhigonggao .article-list .item a:hover h2 {
        color: var(--main);
        font-size: 16px;
        font-weight: normal;
    }

    .tongzhigonggao .article-list .item a:hover span {
        color: var(--main);
        font-size: 16px;
    }

    .dangjianyinglin {
        padding-bottom: 100px;
    }

    .dangjianyinglin .content_title {
        font-size: 20px;
        font-weight: bold;
        color: var(--main);
        margin-bottom: 30px;
    }

    .dangjianyinglin .content_list {
        border-top: #E1E1E1 solid 1px;
    }

    .dangjianyinglin .content_list .item {
        border-bottom: #E1E1E1 solid 1px;
        position: relative;
        padding-left: 20px;
    }

    .dangjianyinglin .content_list .item:after {
        position: absolute;
        content: "";
        left: 0px;
        top: 20.5px;
        border-radius: 10px;
        height: 10px;
        width: 10px;
        background: #c1c1c1;
    }

    .dangjianyinglin .content_list .item:hover:after {
        position: absolute;
        content: "";
        left: 0px;
        top: 20.5px;
        border-radius: 10px;
        height: 10px;
        width: 10px;
        background: var(--main);
    }

    .dangjianyinglin .content_list .item a {
        color: #000;
        align-items: center;
        height: 52px;
        display: flex;
        justify-content: space-between;
    }

    .dangjianyinglin .content_list .item a h2 {
        color: #000;
        font-size: 16px;
        font-weight: normal;
    }

    .dangjianyinglin .content_list .item a span {
        color: #000;
        font-size: 16px;
    }

    .dangjianyinglin .content_list .item a:hover h2 {
        color: var(--main);
        font-size: 16px;
        font-weight: normal;
    }

    .dangjianyinglin .content_list .item a:hover span {
        color: var(--main);
        font-size: 16px;
    }

    .dangjianyinglin .content_more {
        text-align: right;
        padding-top: 20px;
    }

    .dangjianyinglin .content_more a {
        font-size: 16px;
        color: #000;
    }

    .gongzuobaogao {
        padding-bottom: 100px;
    }

    .gongzuobaogao .content_title {
        font-size: 20px;
        font-weight: bold;
        color: var(--main);
        margin-bottom: 30px;
    }

    .gongzuobaogao .content_list {
        border-top: #E1E1E1 solid 1px;
    }

    .gongzuobaogao .content_list .item {
        border-bottom: #E1E1E1 solid 1px;
        position: relative;
        padding-left: 20px;
    }

    .gongzuobaogao .content_list .item:after {
        position: absolute;
        content: "";
        left: 0px;
        top: 20.5px;
        border-radius: 10px;
        height: 10px;
        width: 10px;
        background: #c1c1c1;
    }

    .gongzuobaogao .content_list .item:hover:after {
        position: absolute;
        content: "";
        left: 0px;
        top: 20.5px;
        border-radius: 10px;
        height: 10px;
        width: 10px;
        background: var(--main);
    }

    .gongzuobaogao .content_list .item a {
        color: #000;
        align-items: center;
        height: 52px;
        display: flex;
        justify-content: space-between;
    }

    .gongzuobaogao .content_list .item a h2 {
        color: #000;
        font-size: 16px;
        font-weight: normal;
    }

    .gongzuobaogao .content_list .item a span {
        color: #000;
        font-size: 16px;
    }

    .gongzuobaogao .content_list .item a:hover h2 {
        color: var(--main);
        font-size: 16px;
        font-weight: normal;
    }

    .gongzuobaogao .content_list .item a:hover span {
        color: var(--main);
        font-size: 16px;
    }

    .gongzuobaogao .content_more {
        text-align: right;
        padding-top: 20px;
    }

    .gongzuobaogao .content_more a {
        font-size: 16px;
        color: #000;
    }

    .hezuo {
        padding-bottom: 100px;
    }

    .hezuo .content_list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .hezuo .content_list .item {
        width: 23%;
        margin-bottom: 30px;
    }

    .hezuo .content_list .item img {
        width: 100%;
    }

    .hezuo .content_list .item h2 {
        font-size: 14px;
        font-weight: normal;
        text-align: center;
        padding-top: 10px;
    }

    .article-list {
        margin-bottom: 30px;
    }

    .search_header {
        background: #c1dbeb;
        height: 100px;
        padding-top: 200px;
        padding-bottom: 0px;
    }

    .search_header .pagewidth form {
        display: flex;
        justify-content: center;
    }

    .search_header .pagewidth .input {
        width: 560px;
        display: block;
        margin-right: 10px;
        height: 50px;
        border: none;
        background: #fff;
        font-size: 18px;
        line-height: 50px;
        border-radius: 6px;
        padding: 15px;
    }

    .search_header .pagewidth .btn {
        border: none;
        background: var(--main);
        color: #fff;
        font-size: 18px;
        line-height: 50px;
        height: 50px;
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 6px;
    }

    .search_num {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .search_num .left {
        color: #000;
    }

    .search_num .left span {
        font-weight: bold;
        color: var(--main);
    }

    .search_num .more ul {
        display: flex;
        justify-content: space-between;
    }

    .search_num .more ul li {
        margin-left: 30px;
    }

    .search_num .more ul li a {
        color: #000;
    }

    .search_num .more ul li a.active {
        color: var(--main);
    }

    .search_list {
        padding-bottom: 100px;
    }

    .search_list .item {
        border-bottom: #C1C1C1 solid 1px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .search_list .item h2 a {
        font-size: 18px;
        color: #000;
    }

    .search_list .item h2 a:hover {
        color: var(--main);
    }

    .search_list .item p {
        padding-top: 10px;
        color: #666;
        line-height: 1.8em
    }

    .list_cdhchuiyuandanwei .title {
        background: #EAF3F4;
        font-size: 18px;
        color: var(--main);
        padding: 10px;
        font-weight: bold;
    }

    .list_cdhchuiyuandanwei .list {
        padding-top: 20px;
        padding-bottom: 40px;
        display: block;
        justify-content: space-between;
    }

    .list_cdhchuiyuandanwei .list .left {
        width: 100%;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); margin-bottom: 20px;
    }

    .list_cdhchuiyuandanwei .list .left ul {
        padding: 20px;
    }

    .list_cdhchuiyuandanwei .list .left ul li {
        line-height: 1.8em;
    }

    .list_cdhchuiyuandanwei .list .left ul li a {
        cursor: pointer;
        transition-duration: 0.2s;
    }

    .list_cdhchuiyuandanwei .list .left ul li a:hover {
        color: var(--main);
    }

    .list_cdhchuiyuandanwei .list .right {
        width: 100%;
    }

    .list_cdhchuiyuandanwei .list .right ul {
        display: flex;
        justify-content:space-between;
        flex-wrap: wrap;
    }

    .list_cdhchuiyuandanwei .list .right ul li {
        width: 29%;
        cursor: pointer;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        transition-duration: 0.2s;
        margin-right: 0px;
        margin-left: 0px;
        border-radius: 6px;
        overflow: hidden;
        margin-bottom: 16px;
    }

    .list_cdhchuiyuandanwei .list .right ul li img {
        width: 100%;
    }

    .list_cdhchuiyuandanwei .list .right ul li:hover {
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    }

    .md-modal {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 50%;
        width: 300px;
        height: auto;
        z-index: 2000;
        visibility: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .md-show {
        visibility: visible;
    }

    .md-overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        visibility: hidden;
        top: 0;
        left: 0;
        z-index: 1000;
        opacity: 0;
        background: rgba(0, 0, 0, 0.0);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .md-show ~ .md-overlay {
        opacity: 1;
        visibility: visible;
    }

    .md-title {
        color: #333;
        position: relative;
        padding-top: 20px;
        padding-bottom: 20px;
        background: url(../images/bg5.png) no-repeat top;
        background-size: 100 auto;
        display: flex;
        justify-content: space-between;
        border-radius: 12px 12px 0px 0px;
    }

    .md-title .md-close {
        padding-left: 10px;
        color: #fff;
        font-size: 24px;
        position: relative;
        top: -10px;
    }

    .md-title .name {
        padding-right: 20px;
        text-align: right;
        color: #fff;
    }
    .md-title .name h2{ font-size: 16px;}
    .md-title .name p {
        height: 18px;
    }

    .md-html {
        border-radius: 0px 0px 12px 12px;
        border: var(--main) solid 2px;
        border-top: none;
        background: #eff2f7;
        padding: 10px;
        padding-top: 0px;
        line-height: 1.5em;
        font-size: 13px;
    }

    .md-content {
        color: #333;
        position: relative;
    }

    .md-effect-1 .md-content {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .md-show.md-effect-1 .md-content {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    .md-content button {
        border: none;
        padding: 10px 20px;
        background: #ddd;
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        cursor: pointer;
        display: inline-block;
        margin: 3px 2px;
        border-radius: 2px;
    }

    .md-content button:hover {
        background: #ccc;
    }
}
/*小尺寸手机*/

@media screen and (max-width: 320px) {
}
/*横屏*/

@media all and (orientation: landscape) {
}
/*竖屏*/

@media all and (orientation: portrait) {
}