@charset "utf-8";
/*基础部分开始*/
.mh{ display:none}
body{
color:#000;
margin:0 auto;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;

}

@font-face {
    font-family: "beba";
	src:url("../font/beba.ttf")
}

@font-face {
    font-family: "syst";
	src:url("../font/syst.ttf")
}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:000}
::-webkit-scrollbar-track-piece{background:#f6f6f6}
::-webkit-scrollbar-thumb:vertical{background:#d0d0d0;}
::-webkit-scrollbar-thumb:vertical:hover{background:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background:#535353}
::-webkit-scrollbar-resizer:vertical{background:#FF6E00}
img{ border:none}
div,ul,li
{
color:#000;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 auto; 
padding:0;
list-style:none
}
*{outline:0px}

a,a:link,a:visited,a:active {
color: #333;
text-decoration: none;
}
a:hover {
text-decoration:none;
color: #0c7c82;
transition: 0.3s ease-in-out;
}

input::-webkit-input-placeholder{
color: #fff;
}
WebKit browsers 
input::-webkit-input-placeholder { 
　color: #fff;
}
Mozilla Firefox 4 to 18 
input:-moz-placeholder {  
　color: #fff;
}
Mozilla Firefox 19+ 
input::-moz-placeholder {  
　　color: #fff;
}
Internet Explorer 10+ 
input:-ms-input-placeholder { 
　　color: #fff;
}

.cl{ clear:both}
.warp{ width:100%; padding: 0 5%; box-sizing:border-box} 
.m_header{ width:100%; padding:10px 4%; box-sizing:border-box; overflow:hidden; position:fixed; z-index:9; top:0; background:#fff}
.m_header .logo{width:70%;float:left; position:relative}
.m_header .logo img{ height:50px}
.m_header .right{ float:right; width:10%; box-sizing:border-box; text-align:right; background:#0c7c82; position:absolute; z-index:1; right:4%; top:12px; padding:10px; text-align:center; border-radius:100%}
.m_header .right img{ width:100%; overflow:hidden; height:auto}
.bgDiv{
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    position:fixed;
    display: none;
    z-index: 99;
    bottom: 0;
}

.rightNav{
    width: 50%;
    max-width: 400px;
    height: 100%;
    background-color: #fff;
    position: fixed;
    z-index: 999;
    top: 0;
    right: -50%;
}


.rightNav span{
    display: inline-block;
    width: 96%;
    height: 50px;
    margin-left: 2%;
    line-height: 50px;
    border-bottom: 1px solid #eee;
    text-align: center;
	font-size:14px
}
.rightNav span:hover{
    background-color: #f5f5f5;
}



.mySwiper {
width: 100%;
height:auto
}
.mySwiper .swiper-slide{
width: 100%;
height: auto;
float:left;

}

.mySwiper .swiper-slide img{
width: 100%;
height: auto;
overflow:hidden;

}


.mySwiper .swiper-pagination{ bottom: 10px !important}
.mySwiper .swiper-pagination .swiper-pagination-bullet{ width: 8px; height:8px12px;background: rgba(255,255,255,1);border-radius: 50px;}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active{background:#008d95;border-radius: 50px;width: 8px; height: 8px;}
.tpgc{ width:100%; height:70px}
.news_left{ width:100%; margin-bottom:30px; float:left; margin-top:30px}
.news_right{ width:100%; margin-bottom:30px; float:left}

.change_ban{ width:100%; float:left; margin-bottom:15px; text-align:center}
.change_ban span a{ display:none}
#tabContainer strong{ font-size:20px; font-family:syst; cursor:pointer; padding:0 10px; color:#000}
#tabContainer strong .on{ color:#008d95}
#tabContainer i{ height:20px; text-align:center; width:30px; position:relative;display:inline;box-sizing:border-box}
#tabContainer i img{ vertical-align:middle}
.change_img{ float:left; width:100%; margin-bottom:30px}
.change_news{ float:right; width:100%}

.info_ban{ width:100%; float:left;margin-bottom:15px;}
.info_ban span a{ float:right; background:#fff; border:1px solid #008d95; padding:6px 15px; color:#008d95; border-radius:20px; font-size:12px}
.info_ban span a img{ vertical-align:middle; margin-left:10px; margin-bottom:2px}
.info_ban strong{ font-size:20px; font-family:syst;float:left; color:#000}

.info_bana{ width:100%; float:left;margin-bottom:15px}
.info_bana span a{ float:right; background:#fff; border:1px solid #008d95; padding:6px 15px; color:#008d95; border-radius:20px; font-size:14px;transition: 0.3s ease-in-out; margin-top:10px}
.info_bana span a img{ vertical-align:middle; margin-left:10px; margin-bottom:2px}
.info_bana strong{ float:left}
.info_bana strong em{ font-size:20px; font-family:syst; float:left; color:#000; font-style:normal; width:100%}
.info_bana strong i{ font-size:14px;float:left; color:#009fa8; font-style:normal; text-transform:uppercase; width:100%; font-weight:normal}

.notice{ width:100%; float:left; position:relative}
.notice li{ width:100%; float:left;border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:10px; position:relative; z-index:1}
.notice li .date{ float:left; width:55px; z-index:1}
.notice li .date1{ float:left; width:100%; font-size:30px; font-family:syst; text-align:right}
.notice li .date2{ float:left; width:100%; font-size:12px; font-family:syst; text-align:right;}
.notice li .tit{ float:right; width:calc(100% - 70px);z-index:1; padding-top:5px}
.notice li .tit1{ float:left; width:100%; overflow:hidden; height:60px; line-height:30px;}
.notice li .tit2{ float:left; width:100%; overflow:hidden; height:20px; line-height:20px; font-size:14px; color:#666}
.notice li:last-child{ padding-bottom:0; margin-bottom:0;border-bottom:none}

.mid1,.mid2,.mid3{ width:100%; float:left; box-sizing:border-box;border:1px solid #ddd; margin-bottom:25px; padding:5%}

.watch{ width:100%; float:left}
.watch li{ width:100%; float:left; padding-bottom:15px; border-bottom:1px solid #009fa8; margin-bottom:20px;transition: 0.3s ease-in-out; }
.watch li span{ width:100%; float:left; height:45px; color:#009fa8}
.watch li span em{ font-size:30px;color:#009fa8; font-style:normal}
.watch li span i{ font-size:16px;color:#009fa8; font-style:normal}
.watch li strong{ width:100%; float:left; height:60px; line-height:30px; overflow:hidden; font-weight:normal}
.watch li:hover{ color:#1aa9b1}

.infolista{ width:100%; float:left; margin-top:2px}
.infolista li{ width:100%; float:left; line-height:38px; overflow:hidden; height:38px; background:url(../images/y_06.jpg) left center no-repeat; padding-left:20px; box-sizing:border-box;transition: 0.3s ease-in-out;}
.infolista li span{ float:right; padding-left:20px; color:#666}

.siteimg{ width:100%; float:left; margin-bottom:15px; position:relative}
.siteimg .tit{ position:absolute; z-index:1; background:rgba(0,0,0,.5); padding:0 15px; overflow:hidden; height:48px; line-height:48px; overflow:hidden; text-align:center; color:#fff;width:100%; box-sizing:border-box; bottom:0}
.siteimg .img{
    width: 100%;
	float:left;
    position: relative;
    padding-top: 67%;
    overflow: hidden;
}
.siteimg .img img{
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    transition: all 0.3s;
}

.culture_tit{ width:100%; text-align:center; font-size:20px; color:#1aa9b1;font-family:syst; padding-top:10px; padding-bottom:30px}

.wh_1{
    width: 44%;
	float:right;
	margin-right:5%;
    position: relative;
    padding-top: 50%;
    overflow: hidden;
	background:#000
}
.wh_1 img{
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    transition: all 0.3s;
}

.wh_1 strong{ width:92%; float:left; height:60px; line-height:60px;text-align:center;overflow:hidden; padding: 0 4%; z-index:1; position:absolute; bottom:0; left:0; color:#fff; font-weight:normal; background:url(../images/jbbg.png) bottom repeat-x}


.wh_2{
    width: 44%;
	float:left;
	margin-left:5%;
    position: relative;
    padding-top: 50%;
    overflow: hidden;
	background:#000
}
.wh_2 img{
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    transition: all 0.3s;
}

.wh_2 strong{ width:92%; float:left; height:60px; line-height:60px; text-align:center;overflow:hidden; padding: 0 4%; z-index:1; position:absolute; bottom:0; left:0; color:#fff; font-weight:normal; background:url(../images/jbbg.png) bottom repeat-x}

.wh_3{width:100%%; float:left; margin-top:7px}

.wh_3_1{width:44%; float:left; overflow:hidden; position:relative; margin-left:5%}
.wh_3_2{width:44%; float:right;overflow:hidden; position:relative; margin-right:5%}
.wh_3_3{width:44%; float:left;overflow:hidden; position:relative; margin-left:5%}
.wh_3_4{width:44%; float:right;overflow:hidden; position:relative; margin-right:5%}

.wh_3_1 span{ width:100%; height:100%; float:left;position:relative; margin-bottom:7px}
.wh_3_1 span img{ width:100%; height:auto; overflow:hidden;transition: all 0.3s;}
.wh_3_1 strong{ width:100%; float:left; height:100%;text-align:center;overflow:hidden; z-index:1; position:absolute; bottom:0; left:0; color:#fff; font-weight:normal; color:#fff; padding-top:30%; box-sizing:border-box;}
.wh_3_1 strong img{ margin-bottom:10px; width:15%; height:auto; overflow:hidden}

.wh_3_2 span{ width:100%; height:100%; float:left;position:relative; margin-bottom:7px}
.wh_3_2 span img{ width:100%; height:auto; overflow:hidden;transition: all 0.3s;}
.wh_3_2 strong{ width:100%; float:left; height:100%; text-align:center;overflow:hidden; z-index:1; position:absolute; bottom:0; left:0; color:#fff; font-weight:normal; color:#fff; padding-top:30%; box-sizing:border-box;}
.wh_3_2 strong img{ margin-bottom:10px; width:15%; height:auto; overflow:hidden}


.wh_3_3 span{ width:100%; height:100%; float:left;position:relative;}
.wh_3_3 span img{ width:100%; height:auto; overflow:hidden;transition: all 0.3s;}
.wh_3_3 strong{ width:100%; float:left; height:100%; text-align:center;overflow:hidden; z-index:1; position:absolute; bottom:0; left:0; color:#fff; font-weight:normal; color:#fff; padding-top:30%; box-sizing:border-box;}
.wh_3_3 strong img{ margin-bottom:10px; width:15%; height:auto; overflow:hidden}


.wh_3_4 span{ width:100%; height:100%; float:left;position:relative;}
.wh_3_4 span img{ width:100%; height:auto; overflow:hidden;transition: all 0.3s;}
.wh_3_4 strong{ width:100%; float:left; height:100%; text-align:center;overflow:hidden; z-index:1; position:absolute; bottom:0; left:0; color:#fff; font-weight:normal; color:#fff; padding-top:30%; box-sizing:border-box;}
.wh_3_4 strong img{ margin-bottom:10px; width:15%; height:auto; overflow:hidden}

.mySwipera {
width: 100%;
height: 310px;
cursor: pointer;
position:relative

}
.mySwipera .swiper-slide{
width: 100%;
height: 290px;
}

.mySwipera .swiper-slide .img{
width: 100%;
height: 260px;
float:left;
}

.mySwipera .swiper-slide .img img{
width: 100%;
height: 260px;
float:left;
position:relative
}

.mySwipera .swiper-slide .tit{
width: 100%;
height: 50px;
line-height:50px;
text-align:center;
overflow:hidden;
box-sizing:border-box;
padding:0 20px;
background:#f0f0f0;
float:left;
position:relative
}


.mySwipera .preva ,.mySwipera .nexta { display:none}

.mySwipera .swiper-pagination{bottom: 65px !important;}
.mySwipera .swiper-pagination .swiper-pagination-bullet{ width: 10px; height: 10px;background: rgba(255,255,255,.5);border-radius: 50px;}
.mySwipera .swiper-pagination .swiper-pagination-bullet-active{background:rgba(255,255,255,1);border-radius: 50px;width: 10px; height: 10px;}

.infolist{ width:100%; float:left; margin-top:-10px}
.infolist li{ width:100%; float:left; line-height:38px; overflow:hidden; height:38px}
.infolist li span{ float:right; padding-left:20px; color:#666}

footer{ width:100%; background: #008d95; overflow:hidden; box-sizing:border-box; padding-top:30px; margin-top:50px}
footer .bq{float:left; width:100%; color:#fff; line-height:30px; padding:0; margin:0; font-size:14px; text-align:center; margin-bottom:15px}
footer .nx{ width:100%; float:left; text-align:center;margin-top:10px}
footer .nx a{ color:#fff; border:1px solid rgba(255,255,255,.5); padding:10px 15px; font-size:14px; border-radius:5px;}
footer .nx a img{ height:20px; margin-right:6px; vertical-align:middle}
footer .flogo{ float:left; width:100%; padding-bottom:15px; text-align:center}
footer .flogo img{ width:60%; height:auto; overflow:hidden}
.copy{ width:100%; border-top:1px solid rgb(255,255,255,.2); height:50px; line-height:50px; color:#fff; font-size:15px;font-size:14px; margin-top:30px; float:left; text-align:center}

.nytp{ width:100%; height:180px; background-image:url(../images/banner01.jpg); background-repeat:no-repeat; background-position:center; background-size:cover}
.bclass{ height:80px; line-height:80px; float:left; background:url(../images/tit.png) right bottom no-repeat rgba(0,141,149,.9) ; color:#fff; font-size:24px;margin-top:40px; text-align:center; padding:0 30px}

.ny_menu{
width: 100%;
overflow: hidden;
white-space: nowrap;
overflow-x: scroll;
background:#fff;
border-bottom:1px solid #ddd;
margin-bottom:20px
}
.ny_menu::-webkit-scrollbar {
display: none;
}

.ny_nav {
display: inline-block;
font-size:15px;
height: 50px;
line-height: 50px;


}
.ny_nav a{color:#333;margin-left: 15px;
margin-right: 15px;}

.ny_nav .on{color:#0c7c82 !important}
.ny_right{ display:none}
.ny_left{ width:100%; float:left}


.ninfolist{ width:100%; float:left;}
.ninfolist li{ width:100%; float:left; margin-bottom:35px; padding:15px; background:#fff; box-sizing:border-box;transition: 0.3s ease-in-out; border:1px solid #ddd;}
.ninfolist li .date{ width:70px; float:left;}
.ninfolist li .date .date1{ width:100%; text-align:center; float:left; font-size:40px; font-family:beba; height:60px; position:relative; margin-bottom:5px}
.ninfolist li .date .date2{ width:100%; text-align:center; float:left; font-size:16px; font-family:beba;}
.ninfolist li .area{ width:calc(100% - 80px);float:right; font-size:40px;}
.ninfolist li .area .area1{ width:100%;float:left; font-size:18px;height:30px; line-height:30px; overflow:hidden; font-weight:bold;margin-bottom:10px}
.ninfolist li .area .area2{ width:100%;float:left; font-size:14px;height:50px; line-height:25px; overflow:hidden;}

.dslist{ width:100%; float:left}
.dslist ul{ display:inline}
.dslist li{ width:100%; float:left; background:#f8f8f8; height:200px; margin-bottom:40px;}
.dslist li .dsl{ width:145px; float:left;height:200px}
.dslist li .dsl img{ width:100%;height:200px}

.dslist li .dsr{float:left;width:calc(100% - 195px); margin-left:25px}
.dslist li .dsr strong{float:left;width:100%; font-size:18px; font-weight:normal; height:40px; line-height:40px; margin-top:20px}
.dslist li .dsr em{float:left;width:100%; font-size:14px; font-weight:normal; height:112px; overflow:hidden; font-style:normal; line-height:28px; color:#666}

.infolistb{ width:100%; float:left; margin-top:2px}
.infolistb li{ width:100%; float:left;transition: 0.3s ease-in-out; padding:10px; border:1px solid #ddd; margin-bottom:25px; box-sizing:border-box}
.infolistb li .date{ float:left;color:#008d95; width:70px}
.infolistb li .date .d{ float:left;width:100%; text-align:center; font-size:28px; font-weight:bold; padding-bottom:2px}
.infolistb li .date .ym{ float:left;width:100%; text-align:center; font-size:14px}
.infolistb li strong{ width:calc(100% - 80px);float:right; line-height:30px; font-size:18px; height:60px; overflow:hidden; margin-top:2px; font-weight:normal}
.infolistb li:hover{ border:1px solid #008d95}

.ybsz{ width:100%; float:left; margin-bottom:20px}
.ybsz ul{ display:inline}
.ybsz ul li a{ display:block;}
.ybsz ul li{ width:49%; float:left; border:1px solid #ddd; height:50px; line-height:50px; margin-bottom:20px;transition: all 0.3s; padding-left:10px; font-weight:bold; font-size:15px; box-sizing:border-box; border-left:4px solid #008d95; margin-right:2%; font-weight:normal}
.ybsz ul li:nth-child(2n){ margin-right:0}
.ybsz ul li:hover{ background: url(../images/tit.png) right center no-repeat #008d95; background-size:30% ;border:1px solid #008d95;border-left:4px solid #008d95 ;color:#fff !important}
.ybsz ul li:hover a{ color:#fff}

.twlist{ width:100%; float:left}
.twlist li{ width:100%; float:left; position:relative; margin-bottom:25px}
.twlist li:after{ width:calc(100% - 370px); bottom:0; right:0; height:1px; background:#ddd;content:''; position:absolute;}

.twlist li .left{ width:35%; float:left; position:relative}
.twlist li .left .img{
    width: 100%;
	float:left;
    position: relative;
    padding-top: 70%;
    overflow: hidden;
}
.twlist li .left img{
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    transition: all 0.3s;
	object-fit: cover;
}
.twlist li :hover img{transform:scale(1.1)}
.twlist li :hover .left .date{ background:#0c7c82}

.twlist li .left .date{ display:none}

.twlist li .right{width:60%; float:right;}
.twlist li .right h1{width:100%; float:left; height:50px; line-height:25px; font-size:16px; overflow:hidden; font-weight:normal}
.twlist li .right h2{ display:none}

.webmapclass {
    width: 100%;
    font-size: 18px;
    height: 40px;
    float: left;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    margin-top: 10px;
}

.classlist{ width:100%; float:left}
.classlist ul{ width:100%; float:left}
.classlist ul li{ width:49%; font-size:16px; float:left; height:45px; line-height:45px; border:1px solid #ddd; padding:0 2%; overflow:hidden; margin-bottom:15px; margin-right:2%; box-sizing:border-box}
.classlist ul li:nth-child(2n){ margin-right:0}

.info_tit{ width:100%;line-height:1.5; font-size:18px; font-weight:bold; float:left}
.info_des{ width:100%;line-height:2; font-size:15px; float:left; border-top:1px solid #fff; border-bottom:1px solid #ddd; padding:10px 0; margin-top:5px; margin-bottom:30px; text-align:center}
.info_des strong{ float:left; padding-right:25px; color:#0c7c82; font-weight:normal; padding-left:30px;}
.info_des .a{ background:url(../images/info_icon_03.jpg) left center no-repeat;}
.info_des .b{ background:url(../images/info_icon_08.jpg) left center no-repeat;}
.info_des .c{ background:url(../images/info_icon_11.jpg) left center no-repeat;}
.info_des .d{ background:url(../images/info_icon_05.jpg) left center no-repeat;}

.infoarea{ width:100%; float:left;line-height:30px;font-size:16px;}
.infoarea table,.infoarea video{ max-width:100%}
.infoarea img{ max-width:100% !important; height:auto !important; overflow:hidden !important}
#share-3{ display:none}
.pb_sys_style3 .p_no_d {
    border: 1px solid #008d95 !important;
    color: #fff;
    background-color: #008d95 !important;
}

.flei {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.flei strong {
    font-size: 20px;
    float: left;
    height: 45px;
    line-height: 45px;
    padding: 0 60px;
    overflow: hidden;
    margin-bottom: 15px;
    background: #009fa8;
    color: #fff;
    border: 1px solid #009fa8;
    border-radius: 20px 0 20px 0;
}