@charset "utf-8";
*{margin: 0;padding: 0;border: 0;}
body { font:14px "微软雅黑", sans-serif;margin: 0 auto;background-color: #f6f7f9;line-height: 1.6em;}
html,body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,object,code,em,span,var,legend,button,input,textarea,th,td,a,img,header,footer,nav,aside,audio,datalist,section { margin:0;padding:0;border:0;outline:0; }/*清除内外边距*/
h1,h2,h3,h4,h5,h6 { font-weight:normal;font-size:100%;margin-bottom: 0 !important;margin-top: 0!important; }/*设置默认字体*/
:focus { outline:0; }
ul,ol,ul li,ol li { list-style: none; }/*重置列表*/
address,caption,cite,em,code,dfn,th,var { font-style:normal;font-weight:normal; }
form label { cursor:pointer; }
input,button,select,textarea { font-family:inherit;font-size:100%;outline:none; }
textarea { resize:none }
input { vertical-align:middle; }
img { border:0; vertical-align:unset!important; }/*重置图片元素*/
table { border-collapse:collapse;border-spacing: 0; }/*重置表格*/
.l { float:left; }
.r { float:right; }
button,input[type="reset"],input[type="button"],input[type="submit"] { line-height:normal !important; }
a { text-decoration:none;}
a { color:#666;}
a:focus, a:hover{color: initial;}
a:hover { text-decoration: none; }
.left{ float:left}
.right{ float:right}
input{ outline: none;}
.ov{overflow: hidden;}
.di{display: inline-block;}
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
input { _filter:chroma(color=#000000); }
.pd10{padding: 10px;}
.mt10{margin-top:10px!important;}
.sn1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; /*border:1px solid #ddd;*/}
.sn3{word-break: break-all;text-overflow: ellipsis;display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/-webkit-line-clamp: 3; /** 显示的行数 **/overflow: hidden;  /** 隐藏超出的内容 **/}
.sn2{word-break: break-all;text-overflow: ellipsis;display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/-webkit-line-clamp:2; /** 显示的行数 **/overflow: hidden;  /** 隐藏超出的内容 **/}
.sn7{word-break: break-all;text-overflow: ellipsis;display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/-webkit-line-clamp:7; /** 显示的行数 **/overflow: hidden;  /** 隐藏超出的内容 **/}
.href{cursor: pointer;}

.row{margin-right: 0;margin-left: 0;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
    padding-right: 0;padding-left: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{line-height: 1.4em;}

.top_bg{width: 100%;height: 500px;position: absolute;z-index: -10;}
.top_box{position: relative;    overflow: hidden;background-color:white;}
.top_box .logo{overflow: hidden;display: block;margin-top: 14px;}
.action--open{top: .8em;right: .5em; font-size: 1.8em;color: #026d7f; position: absolute;}
.nav_back{position: absolute;left: .5em;top: .75em;font-size: 2em;color: white;}
.menu__breadcrumbs a{color: #026d7f;    margin-bottom: 5px;}
.action--close{    font-size: 2.2em;top: .45em;right: .4em;}
.num{    background: rgba(255,255,255,.95);}
.search{padding:0 10px;height: 35px;}
.search form{
    border-bottom: 4px solid #026d7f;
    overflow: hidden;
    box-shadow: 1px 1px 10px #b8b8b8;
    overflow: hidden;
    padding: 5px;
    position: relative;
    top: -26px;
    width: 100%;
    z-index: 99;
    opacity: 1;
    background-color: white;}
.search input{width: 100%;position: relative;height: 35px;text-indent: .8em;border-radius: 20px;font-size: 14px;}
.search img{    position: absolute;right: 4.5em;top: 1.9em;}

.banner img{width: 100%;}
.swiper-pagination-bullet{border-radius: 4px;}
.swiper-pagination-bullet-active{width: 20px;background-color: #026d7f;}

.box{padding:0 5px 10px;background-color: white;overflow: hidden;min-height: 300px;width: calc(100vw - 20px);margin: 10px auto;border-radius: 5px;box-shadow: 1px 1px 5px #ededed;}

.box_01{border-radius: 15px;background-color: white;position: relative;}
.box_01 .more{    position: absolute;right: 10px;top: 20px;color: #999;font-size: 14px}
.box_01 .index_more{width: 12em;margin: 10px auto;border: 1px solid #ccc;color: #026d7f;border-radius: 6px;display: block;line-height: 30px;height: 30px;text-align: center;font-size:12px;}
.box_01 .view_bottom{height: 310px;}

.box_01 .view_bottom p.article_li{text-align:center;}

.ql_box{padding: 10px;width: 100%;}
.ql_box .q1_list{margin-bottom: 2vw;overflow: hidden;}
.q1_list p{font-size: 12px;line-height: 14px;color: #999;}
.q1_list h3{font-size: 16px;}
.q1_list .q1_li{height: 100px;padding: 0 5px;box-sizing: border-box; display: inline-block;float: left;background-color: white;margin-right: 2%;}
.q1_list .q1_li:last-child{margin-right: 0;}

.title_bg{text-align: center;width: 100%;height: 100px;padding: 23px 0;}
.title_bg h1{font-size: 18px;line-height: 30px;color: white;}
.title_bg .hx{width: 30px;height: 4px;background-color: white;margin: 0 auto;}
.title_bg p{line-height: 20px;font-size: 12px;color: white;}

    /* title_01 */
.body_01{ width:1200px; margin:20px auto 0; border:1px solid #c5c5c5; overflow:hidden}
.title_01{ overflow:hidden;padding: 20px 0px 10px 0px;display: flex;justify-content:center;}

.title_01 p{ float:left; position: relative; height:40px; line-height:40px;margin: 0 10px; text-align:center; color: #333; font-size: 14px;padding: 0 10px;border-radius: 4px;}
.title_01 p:last-child{margin-right: 0}
.title_01 p.active{ color: white;font-size: 14px;background-color: #026d7f;}

.article_li{padding: 10px 5px;display: block; color: #cdcdcd;line-height: 1.4em;border-bottom: 1px solid #dcdcdc;overflow: hidden;   height: 90px;}
.box_01 .view_bottom .article_li:last-of-type{border-bottom: 0;}
.article_li h3{padding-right: 10px;color: #333;}
.article_li img{border-radius: 4px;max-height:70px;}
.article_li_time:focus,.article_li_time:hover{color: #cdcdcd;}
.article_li_time{margin-top: 10px;font-size: 12px;color:#999;}


.box_02{margin-top: 5px;}
.title_02{font-size: 16px;color: #333;line-height: 2.6em}
.content_02{background-color: white; border-radius:10px ;   overflow: hidden;padding-bottom: 20px;position: relative;}
.content_02 img{border-radius: 10px 10px 0 0;}
.content_02 p{padding: 10px;color: #666;line-height: 1.6em;text-align: justify;}

.box_03{    background-color: white;margin-top: 20px;border-radius: 10px;}
.box_03 .title_01 a{margin: 0 4px;}
.box_03 .view_bottom{padding:5px 10px;overflow: hidden}
.box_03 .view_bottom a{color: #333;}
.box_03 .view_bottom .more{float: right;line-height: 28px;color: #999;}

.lvyou{overflow: hidden;margin-top: 5px;padding: 3px 15px 30px;}
.lvyou .swiper-slide{width: auto;}
.lvyou .swiper-slide img{height: 100px;border-radius: 10px;}
.lvyou .title{overflow: hidden;}
.lvyou .title h2{display: inline-block;float: left;}
.lvyou .title a{float: right;display: inline-block;line-height: 41px;}

.swiper13{width: 100%;padding: auto;0 10%;}
.swiper13 .swiper-slide{
    background: #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    aspect-ratio: 16/9; /* 可选：保持滑块比例 */
}

.swiper13 .swiper-slide .yw_bg{
    width: 100%;
    height: 100%;
    display: flex;
    align-self:center;
    justify-content: center;
    flex-direction: column;
    text-align: center;    
	background-color: rgba(0, 0, 0, .3);
    position: relative;
}
.swiper13 .swiper-slide .yw_bg .img_box{
        width: 50px;
        height: 50px;
        display: flex;
        background-color: white;
        align-self: center;
        justify-content: center;
        flex-direction: column;
        border-radius: 30px;
        margin-bottom: 5vh;
        text-align: center;
}

.swiper13 .swiper-slide .yw_bg .img_box img{
    width: 30px;
    height: 30px;
    margin-left: 10px;
}
.swiper13 .swiper-slide .yw_bg h3{
        color: #e9a03b;
        position: absolute;
        width: 100%;
        bottom: 0px;
        line-height: 50px;
        height: 50px;
        font-size: 20px;
    background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.6));
    }
.swiper13 .swiper-slide .yw_bg a{
        margin-top: 100px;
        width: 120px;
        text-align: center;
        height: 36px;
        line-height: 36px;
        color:#026d7f;
        display: block;
        margin: 10vh auto 0;
        background-color: white;
        border-radius: 20px;
        font-size: 15px;
        display: none;
    }
.swiper14 .swiper-slide{
    width: 100%;
    height: 15vw;
    border-radius: 14px;
}
/* foot */
.foot{ text-align:center; color:white; font-size:12px; padding:20px 0px 0px; line-height:16px;border-top: 2px solid #026d7f;overflow: hidden;margin-top:20px;background-color:white; }
.foot span{ display:inline-block; width:20px}
.foot a,.foot p{ color:white;line-height: 22px;}
.foot img{ vertical-align:middle; margin-right:6px}
.foot1{width:240px;margin:0 auto;overflow:hidden;padding:10px 0 20px;color:#333;}
.foot .foot1 p{color:#333;}
.foot2{background-color:#026d7f; padding:20px 0;}


.list_title{font-size: 16px;color: #333;border-bottom: 1px solid #ccc;overflow: hidden;padding: 10px 5px;}
.list_title h1{line-height: 1.6em;display: inline-block;float: left;}
.list_title div{display: inline-block;float: right;font-size: 12px;color: #999;line-height: 1.2em;margin-top: 0.8em;
    max-width: 260px;
    text-align: right;}
.list_title div a{color: #999;}
.list_content{padding:10px 0 20px;}

.list_content img{height: auto!important;
    max-width: 100%;}


.yema{ text-align:center; font-size:12px; margin-top:10px; padding:10px 0;  clear:both}
.yema a{ display:inline-block; padding:0px 15px;float:left;border:1px solid #eee;height:34px;line-height:34px;font-size:14px;
    margin: 0 -1px 5px 0;}
.yema a.active{background-color:#026d7f;color:white;z-index: 99;position: relative;padding-right: 16px;}

.yema ul,.yema ul li,.yema .pageInfor,.yema .pageShow{display: inline-block;}
.yema span{display:inline-block; padding:2px 5px; color:white; background-color: #b1b1b1;border-radius: 5px;    margin: 0 3px;}

.lists_content{padding: 10px 0 20px;}
.lists_content ul li{display: inline-block;overflow: hidden;    line-height: 2em;border-bottom: 1px solid #e6e2e2;width: 100%;}
.lists_content ul li:last-of-type{border-bottom: 0;}
.lists_content ul li a{float: left;width: 75%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; /*border:1px solid #ddd;*/}
.lists_content ul li i{color: #666;font-size: 12px;float: right;font-style: unset;}


.divinfoleft .divinforight{display: inline-block;}
.divinfoleft{float: left;width: 75%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; /*border:1px solid #ddd;*/}
.divinfowai{overflow: hidden;    line-height: 2em;border-bottom: 1px solid #e6e2e2;}
.divinfowai a{color: #333;}
.lists_content .divinfowai:last-child{border-bottom: 0;}
.divinforight{float: right;color: #666;font-size: 12px;}

.divpic a img{width: 100%;max-height: 100px;}
.divpics_list{margin: 3px 0 10px 0;border-radius: 4px;background-color: white;box-shadow: 0 0 8px #ccc;
    width: calc(100vw - 40px);
    margin: 10px auto 20px;}
.divpics_content{padding: 10px;}
.divpics_list p{line-height: 1.4em;color: #333;font-size: 14px;}
.divpics_list p:last-child{color: #666;font-size: 12px;}


.article_contain{background-color: white;padding: 5px 5px 10px 5px;border-radius: 10px;margin-bottom: 20px;}
.article_head{font-size: 12px;color: #999!important;padding:10px 5px 5px;}
.article_head a{color:#999!important;}
.article_body h3{text-align: center;font-size: 18px;padding: 10px 10px 5px;color: #111;font-weight: bold;}
.article_body h4{text-align: center;font-size: 12px;color: #666;padding-bottom: 10px}

.article_body a{display:inline-block; padding:2px 5px; color:white; background-color: #b1b1b1;border-radius: 5px;    margin: 0 3px;}
.article_body .buttons{ display:inline-block; padding:2px 5px; color:white; background-color:#026d7f;border-radius: 5px;    margin: 0 3px;}

#container{background-color: white;margin:15px 10px;border-radius: 6px;}
.home{padding: 0 10px;color: #666;}

.box_03 .list_content{padding: 0;}

.ztzl{height:60px;padding:10px 6px;}
.ztzl .swiper2{height:40px;position:relative;}

.cy{padding: 0 10px 10px;}
.cy .view_bottom{height:auto;}
.cy .cy_li{display:inline-block;float:left; width:calc((100vw - 60px)/3);height:calc((100vw - 60px)/3);margin-right:10px;margin-bottom:10px;}
.cy .cy_li:nth-child(3n){margin-right:0;}
.cy .cy_li div{width:80%;height:80%;padding:10%;background-color: rgba(0, 0, 0, .6);margin: 10%;color: white;display: flex;align-content: center;flex-direction: row;flex-wrap: wrap;text-align: center;font-size: 15px;}



.toutiao{padding:10px 10px 10px 80px;position:relative;}
.toutiao img{position:absolute;left:10px;}

.toutiao h4{text-align:center;font-size:18px;font-weight:bold;width:100%;color:#333;line-height:28px;height:28px}
.toutiao p{text-align:center;font-size:16px;color:#666;line-height:22px;}

.proul{background: url(../images/pro_bg.jpg);background-size: 100% calc(100vw*.4);background-position: top center;background-repeat: no-repeat;width:100%;border-radius:0;padding:10px;    position: relative;}

.phone_title_w{width:100%;color:white;line-height:46px;text-align:center;font-size:18px;font-weight:bold;}
.phone_title{width:100%;color:#026d7f;line-height:46px;text-align:center;font-size:18px;font-weight:bold;}

.proul .swiper-slide .img{width:100%;height:100%}
.proul .swiper-pagination{bottom:5px;}
.proul .swiper-pagination-bullet{background-color:#999;}
.proul .swiper-pagination-bullet-active{background-color:#026d7f;width:10px;}
.proul .swiper-slide .img p{width:100%;position:absolute;bottom:0;color:#fff;text-align:center;font-size:14px;background-color:rgba(0,0,0,.5);line-height:24px;}

.nex_pr{width:100%;padding-top:20px;}
.nex_pr a{background-color:unset;margin-bottom:10px;color:#333;display:block;}



.stats {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 20px;
}

 .stat_stat{
    text-align: center;
    width:28%;
    display: inline-block;
    float: left;
    border-right: 1px solid #008080;
    padding-right: 0px;
    margin-right: 0px;
    padding-left: 10px;
}
.stats .stat_stat:last-child{
    border-right: none;
}

.stats .stat_stat:first-child{
    padding-left: 0px;
    width: 44%;
}

.stat_number {
    font-size: 20px;
    font-weight: bold;
    color: #008080;
}

.stat_label {
    font-size: 1em;
    color: #555;
    text-align: left;
}
.stat_number_box{
    display: flex;
    align-items: center;
}

.about_box .buttoncss{
    border-radius: 5px;
}

.djpp_div{
    padding: 30px 0!important;
}

.djdiv_box{
    background-color: white;
    padding: 20px 15px;
    border-radius: 10px;
    box-shadow: 0 0 10px #e3e3e3;
    position: relative;
    margin-bottom: 10px;
}

.djdiv_title{
    width: 100%;
    overflow: hidden
}

.djdiv_title p{
    line-height: 20px;
    font-size: 20px;
    color: #802e2d;
    margin-left: 10px;
    font-weight: bold;
}
.djdiv_content{
    margin-top: 10px;
    color: #333;
    font-size: 16px;
    text-align: justify;
}

.djtop_img{
    position: absolute;
    left: 0;
    top: 0;
}

.djdiv_boxcontent{
    overflow: hidden;    padding-top: 15vw;
}

.djdiv_box2{
    background-color: unset;
    box-shadow: unset;
    padding: 30px 0;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}

.djdiv_box2 .dj_list{
    display: inline-block;
    float: left;
    width: 100%;
    line-height: 30px;
    padding: 10px 20px 10px 30px;
    position: relative;
    background-color: #f7f7f7;
    color: #333;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.djdiv_box2 .dj_list:hover{
    background-color: #d5a95e;
    color:white;
}
.djdiv_box2 .dj_list:hover::before{ 
    background-color: white;
}
.djdiv_box2 .dj_list:nth-child(3n){
    margin-right: 0;
}
.djdiv_box2 .dj_list::before{
    content: '';
    width: 6px;
    height: 6px;
    background-color: #802e2d;
    position: absolute;
    left: 14px;
    top: 22px;
    border-radius: 50%;
}

.djdiv_box2 .dj_list span{
    font-size: 14px;
    color: #666;
    margin-left: 10px;
}

.djdiv_box2:nth-child(4){
    border-bottom: 0;
}

.djdiv_box2 .djdiv_title p{
    margin-left: 0;
}


.map_li .map_title{
    width: 100%;
    margin-bottom: 10px;
}

.map_li .map_title h2{
    font-size: 20px;
    color: #333;
    line-height: 30px;
}


.map_li{
    padding: 20px 0;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 20px;;
}
.map_li:last-child{
    border-bottom: 0;
}
.map_li .map_content{
    min-height: auto;
}


.article_text{
    text-align: justify;
}
.article_body table{
	max-width:100%;
}


.swiper12_box{height:calc(20vw + 60px);}
.swiper12{height:20vw;}
.swiper12 .swiper-slide{width: auto;}
.swiper12 .swiper-slide img{height: 100%;border-radius: 10px;margin: 0 5px;}

.swiper12{padding: 0 10px;}
.swiper12 .swiper-slide{height:18vw;}
.swiper12 .swiper-slide img{height: 100%;border-radius: 10px;margin: 0 5px;}

/* .swiper12 .swiper-pagination-bullet{width:16px;height:4px;border-radius:0;}
.swiper12 .swiper-pagination-bullet-active{background:#af2a37;width:24px;}
.swiper12 .swiper-pagination12{bottom: -20px!important;} */