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

}
.cl{ clear:both}
.fl{ float:left;}
.fr{ float:right;}

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

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

#loaddiv 
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    outline: 0;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;  
    filter: alpha(opacity=60);  
    background-color: rgba(0, 0, 0,.5);
    z-index: 9999;
	text-align:center;
	padding-top:20%;
display:none}


/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #008d95;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 3px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #fff, 0 0 5px #fff;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #008d95;
  border-left-color: #008d95;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



::-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:"Microsoft yahei",Verdana, Arial, Helvetica, sans-serif;
margin:0 auto; 
padding:0;
list-style:none
}
*{outline:0px}
.wryh{font-family:"Microsoft yahei"}
a,a:link,a:visited,a:active {
color: #333;
text-decoration: none;
}
a:hover {
text-decoration:none;
color: #008d95;
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;
}

.warp{ width:1400px}
@media screen and (max-width: 1630px) { 
.warp{ width:94%; padding: 0 3%} 
}


.v_news_content H2 {
    font-size: 16px
;}
.v_news_content .icon {
    border-right-width: 0px; margin: 3px 0px 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px
;}
.v_news_content IMG {
    margin-top:27px;}
.v_news_content DIV {
    LINE-HEIGHT: 150%;font-size: 16px
;}

.v_news_content P {
    margin: 14px 0px; line-height: 32px; 
;}

.v_news_content span {
      font-size: 16px;
;}

.v_news_content A {
    color: #1e50a2;
;}
.v_news_content A:visited {
    color: #1e50a2;
;}
.v_news_content A:hover {
    color: #ba2636
;}

.v_news_content TABLE{ border-collapse:collapse;border:1px solid #000; margin-top:25px; margin-bottom:25px} 
.v_news_content TABLE TD{ border:1px solid #000;  padding: 2px 3px;} 

.v_news_content TABLE TD P {
    text-indent: 0px; margin: 0px; font-size: 14px
;}
.v_news_content TABLE TH P {
    text-indent: 0px; margin: 0px; font-size: 1px
;}
.v_news_content TABLE TD IMG {
    border-bottom-style: none; border-right-style: none; margin: 5px; border-top-style: none; border-left-style: none
;}
.v_news_content.fs p {
    LINE-HEIGHT: 150%;font-size: 10px
;}

.v_news_content .vsbcontent_start {
    margin: 8px 0px; line-height: 27px; 
}

.v_news_content .vsbcontent_end {
    margin: 14px 0px; line-height: 32px; 
}

.v_news_content .vsbcontent_img{
    text-align:center;text-indent:0px
}

.v_news_content .vsbcontent_video{
    text-align:center;text-indent:0px
}

.v_news_content.newscontent_l p {
    font-size: 16px;
}        
.v_news_content.newscontent_m p {
    font-size: 14px;
} 
.v_news_content.newscontent_s p {
    font-size: 12px;
} 
/*基础部分结束*/

.mySwiper {
width: 100%;
height: 480px;
cursor: pointer;
}
.mySwiper .swiper-slide a{
width: 100%;
height: 480px;
float:left;

}
.mySwiper .swiper-slide img{ width:100%; height:100%;object-fit: cover;}

.mySwiper .prev {
background: url(../images/banner_arrow.png) no-repeat left top;
    position: absolute;
	opacity:.7;
    left: 20px;
    top: 52%;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    z-index: 999;
}


.mySwiper .next {
    background: url(../images/banner_arrow.png) no-repeat left bottom;
    position: absolute;
	opacity:.7;
    right: 20px;
    top: 52%;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    z-index: 999;
    outline: none;
}

.mySwiper .swiper-pagination{ bottom: 30px !important}
.mySwiper .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px;background: rgba(255,255,255,.5);border-radius: 50px;}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active{background:rgba(255,255,255,1);border-radius: 50px;width: 40px; height: 12px;}


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

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

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

.mySwipera .swiper-slide .img img{
width: 100%;
height: 295px;
float:left;
position:relative;
object-fit: cover;
}

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

.mySwipera .preva {
background: url(../images/left.png) no-repeat;
    position: absolute;
    left: 20px;
    top: 52%;
    margin-top: -35px;
    width: 18px;
    height: 31px;
    z-index: 999;
	outline: none;

}


.mySwipera .nexta {
   background: url(../images/right.png) no-repeat;
    position: absolute;
    right: 20px;
    top: 52%;
    margin-top: -35px;
    width: 18px;
    height: 31px;
    z-index: 999;
	outline: none;
}

.mySwipera .swiper-pagination{bottom: 85px !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;}

.default{background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));transition: 0.3s ease-in-out}
.menufixed{ width:100%;background:#fff !important;transition: 0.3s ease-in-out}
header{padding-top:30px; width:100%; padding:15px 3% 0 3%; box-sizing:border-box; z-index:99999999; height:120px;transition: 0.3s ease-in-out; }
header .logo{ float:left; margin-top:8px}
.default .logo{filter: brightness(0) invert(1);}


.default .tool .a a,.default .tool .b a,.default .tool .c a,.default .tool .d a{ color:#fff}
.default .tool{ float:right; text-align:right; font-size:14px; height:30px;width:100%;}
.default .tool span{transition: 0.3s ease-in-out; color:#666}
.default .tool .a{ background:url(../images/tool_03.png) top left no-repeat;  padding-left:20px; height:24px; float:right; line-height:24px; margin-left:20px; cursor:pointer}
.default .tool .b{ background:url(../images/tool_05.png) top left no-repeat; padding-left:26px; height:24px; float:right; line-height:24px; margin-left:25px; cursor:pointer}
.default .tool .c{ background:url(../images/tool_07.png) top left no-repeat; padding-left:25px; height:24px; float:right; line-height:24px; margin-left:20px; cursor:pointer}
.default .tool .d{ float:right; width:44px; border-left:1px solid #ddd; padding-left:15px; background:url(../images/tool_09.png) top right no-repeat; margin-left:22px; cursor:pointer; height:24px; box-sizing:border-box}
.default .tool .a:hover{background:url(../images/tool_03.png) top left no-repeat; background-position:0 -22px; color:#008d95}
.default .tool .b:hover{background:url(../images/tool_05.png) top left no-repeat; background-position:0 -22px; color:#008d95}
.default .tool .c:hover{background:url(../images/tool_07.png) top left no-repeat; background-position:0 -22px; color:#008d95}
.default .tool .d:hover{background:url(../images/tool_09.png) top right no-repeat; background-position:22px -24px; color:#008d95}


.menufixed .tool{ float:right; text-align:right; font-size:14px; height:30px;width:100%;}
.menufixed .tool span{transition: 0.3s ease-in-out; color:#666}
.menufixed .tool .a{ background:url(../images/tool_03.png) top left no-repeat; background-position:0 -22px; padding-left:20px; height:24px; float:right; line-height:24px; margin-left:20px; cursor:pointer}
.menufixed .tool .b{ background:url(../images/tool_05.png) top left no-repeat;background-position:0 -22px; padding-left:26px; height:24px; float:right; line-height:24px; margin-left:25px; cursor:pointer}
.menufixed .tool .c{ background:url(../images/tool_07.png) top left no-repeat;background-position:0 -22px; padding-left:25px; height:24px; float:right; line-height:24px; margin-left:20px; cursor:pointer}
.menufixed .tool .d{ float:right; width:44px; border-left:1px solid #ddd; padding-left:15px; background:url(../images/tool_09.png) top right no-repeat;background-position:22px -24px; margin-left:22px; cursor:pointer; height:24px; box-sizing:border-box}
.menufixed .tool .a:hover{background:url(../images/tool_03.png) top left no-repeat; background-position:0 -22px; color:#008d95}
.menufixed .tool .b:hover{background:url(../images/tool_05.png) top left no-repeat; background-position:0 -22px; color:#008d95}
.menufixed .tool .c:hover{background:url(../images/tool_07.png) top left no-repeat; background-position:0 -22px; color:#008d95}
.menufixed .tool .d:hover{background:url(../images/tool_09.png) top right no-repeat; background-position:22px -24px; color:#008d95}

.page1{ width:100%; overflow:hidden; background:url(../images/bg1.jpg) bottom center no-repeat #f0f6f6; padding:75px 0 85px 0; margin-bottom:75px}
.news_left{ width:65%; float:left}
.news_right{ width:31%; float:right}

.change_ban{ width:100%; float:left; height:75px}
.change_ban span a{ float:right; background:#fff; border:1px solid #008d95; padding:8px 20px; color:#008d95; border-radius:20px; font-size:14px;transition: 0.3s ease-in-out; margin-top:6px}
.change_ban span a img{ vertical-align:middle; margin-left:10px; margin-bottom:2px}
.change_ban span a:hover{ background:#008d95; color:#fff;}
.change_ban span a:hover img{filter: brightness(0) invert(1);}
#tabContainer strong{ font-size:32px; font-family:syst; cursor:pointer; float:left; color:#000}
#tabContainer strong .on{ color:#008d95}
#tabContainer i{ float:left; height:20px; text-align:center; width:30px; padding-top:20px; box-sizing:border-box}
.change_img{ float:left; width:440px; height:360px}
.change_news{ float:right; width:calc(100% - 490px)}

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

.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}
.infolista li:hover span{ color:#1aa9b1}
.infolista li:hover{ background:url(../images/y_03.jpg) left center no-repeat}

.info_ban{ width:100%; float:left; height:75px}
.info_ban span a{ float:right; background:#fff; border:1px solid #008d95; padding:8px 20px; color:#008d95; border-radius:20px; font-size:14px;transition: 0.3s ease-in-out; margin-top:6px}
.info_ban span a:hover{ background:#008d95; color:#fff;}
.info_ban span a img{ vertical-align:middle; margin-left:10px; margin-bottom:2px}
.info_ban span a:hover img{filter: brightness(0) invert(1);}
.info_ban strong{ font-size:32px; font-family:syst;float:left; color:#000}

.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:35px; font-family:syst; text-align:right}
.notice li .date2{ float:left; width:100%; font-size:14px; font-family:syst; text-align:right;}
.notice li .tit{ float:right; width:calc(100% - 70px); padding-top:10px; z-index:1}
.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{ width:31%; float:left; box-sizing:border-box; height:580px; border-left:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc; margin-top:35px; padding:30px}
.mid2{ width:38%; float:left; box-sizing:border-box; height:615px; border:1px solid #ccc; padding:40px}
.mid3{ width:31%; float:right; box-sizing:border-box; height:580px; border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc; margin-top:35px; padding:30px}


.info_bana{ width:100%; float:left; height:90px}
.info_bana span a{ float:right; background:#fff; border:1px solid #008d95; padding:8px 20px; color:#008d95; border-radius:20px; font-size:14px;transition: 0.3s ease-in-out; margin-top:20px}
.info_bana span a:hover{ background:#008d95; color:#fff;}
.info_bana span a img{ vertical-align:middle; margin-left:10px; margin-bottom:2px}
.info_bana span a:hover img{filter: brightness(0) invert(1);}
.info_bana strong{ float:left}
.info_bana strong em{ font-size:32px; 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}

.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}

.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; font-size:18px; 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;
	object-fit: cover;
}
.siteimg .img:hover img{transform:scale(1.1)}
.culture_tit{ width:100%; text-align:center; font-size:36px; color:#1aa9b1;font-family:syst; padding-top:80px; padding-bottom:70px}

.wh_1 strong{ width:92%; float:left; height:80px; line-height:80px; font-size:1.5em; text-align:left;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_1{
    width: 39%;
	float:left;
    position: relative;
    padding-top: 30.7%;
    overflow: hidden;
	margin-right:.5%;
	background:#000
}
.wh_1 img{
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    transition: all 0.3s;
	object-fit: cover;
}
.wh_1:hover img{transform: scale(1.1);}


.wh_2{
    width: 27%;
	float:left;
    position: relative;
    padding-top: 30.7%;
    overflow: hidden;
	margin-right:.5%;
	background:#000
}
.wh_2 img{
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    transition: all 0.3s;
	object-fit: cover;
}
.wh_2:hover img{transform: scale(1.1);}

.wh_2:hover img{transform: scale(1.1);}
.wh_2 strong{ width:92%; float:left; height:80px; line-height:80px; font-size:1.5em; text-align:left;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:33%; float:right;}

.wh_3_1{width:50%; float:left; overflow:hidden; position:relative}
.wh_3_2{width:50%; float:right;overflow:hidden; position:relative}
.wh_3_3{width:50%; float:left;overflow:hidden; position:relative}
.wh_3_4{width:50%; float:right;overflow:hidden; position:relative}

.wh_3_1 span{ width:100%; height:100%; float:left;position:relative;}
.wh_3_1 span img{ width:100%; height:auto; overflow:hidden;transition: all 0.3s;}
.wh_3_1:hover span img{transform: scale(1.1);}
.wh_3_1 strong{ width:100%; float:left; height:100%;font-size:1.5em; 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%;float:left;position:relative; height:100%; overflow:hidden}
.wh_3_2 span img{ width:100%;height:auto; overflow:hidden;transition: all 0.3s;}
.wh_3_2:hover span img{transform: scale(1.1);}
.wh_3_2 strong{ width:100%; float:left; height:100%;font-size:1.5em; text-align:center;overflow:hidden; z-index:1; position:absolute; left:0; color:#fff; font-weight:normal;  color:#fff; padding-top:30%; box-sizing:border-box}
.wh_3_2 strong img{ margin-bottom:10px}

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

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

/*搜索弹框样式*/
.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;

    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999999999999999;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
    position: relative;
    width:550px;
    margin:20% auto;
    height:54px;
    background: #FFF;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
	overflow:hidden;
}
.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.is-visible .cd-popup-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}

.searchl{ width:420px; border:none; background:#fff; padding-left:15px; height:54px; line-height:54px; font-size:14px; color:#666; float:left}
.searchr{ width:110px; border:none; background:#38a5ab; height:54px; line-height:54px; font-size:14px; color:#fff; text-align:center; float:right; cursor:pointer; font-size:16px}

header:hover{ background:#fff}
header:hover .nav-a { color:#333}

.default #headers .nav UL LI .nav-a { color:#fff}

#headers {
	POSITION:relative; Z-INDEX: 999; float:right;
}

#headers .nav {
	FLOAT: right; WIDTH: 100%
}
#headers .nav UL .mainlevel {
 FLOAT: left;LINE-HEIGHT: 33px;
}

.fixed #headers .nav UL LI .nav-a {
	font-size:1.125rem; HEIGHT:60px; line-height:60px;margin-left:32px; float:left;font-weight:bold;
}



@media screen and (max-width: 1630px) { 
.fixed #headers .nav UL LI .nav-a {
	font-size:15px; HEIGHT:60px; line-height:60px;margin-left:22px; float:left;font-weight:bold;
}
}

#headers .nav UL LI .nav-a {
	font-size:1.125rem; HEIGHT:60px; line-height:60px;COLOR: #333;margin-left:32px; float:left;font-weight:bold;
}
@media screen and (max-width: 1630px) { 
#headers .nav UL LI .nav-a {
	font-size:15px; HEIGHT:60px; line-height:60px;COLOR: #333;margin-left:22px; float:left;font-weight:bold;
}
}

@media screen and (max-width: 1630px) { 
#headers .nav UL LI .nav-a {
	font-size:15px; HEIGHT:60px; line-height:60px;COLOR: #333;margin-left:22px; float:left;font-weight:bold;
}
}

#mainlevel_02:hover,#mainlevel_03:hover,#mainlevel_04:hover,#mainlevel_05:hover,#mainlevel_06:hover,#mainlevel_07:hover,#mainlevel_08:hover,#mainlevel_09:hover,#mainlevel_10:hover,#mainlevel_11:hover{
	background:url(../images/cert.png) no-repeat; background-position:62px  52px
}

.mainlevel a:hover{ color:#38a5ab !important}

.mainlevel DIV {
	min-height:220px; overflow:hidden; background: url(../images/menbg.jpg) right bottom no-repeat #fff; POSITION: absolute; padding:30px; DISPLAY: none; TOP:58px; PADDING-RIGHT: 20px; WIDTH:890px; box-sizing:content-box;border-radius:5px;
}

#sub_02 {
	LEFT:102px
}
#sub_03 {
	RIGHT: 0
}
#sub_04 {
	RIGHT: 0
}
#sub_05 {
	RIGHT: 0
}
#sub_06 {
	RIGHT: 0
}
#sub_07 {
	RIGHT: 0
}
#sub_08 {
	RIGHT: 0
}
#sub_09 {
	RIGHT: 0
}
#sub_010 {
	RIGHT: 0
}
#sub_011 {
	RIGHT: 0
}
.mainlevel DIV OL {
	OVERFLOW: hidden; FLOAT: left; WIDTH:585px; padding:0
}

.mainlevel DIV LI {
	BORDER-BOTTOM: #eee 1px solid; HEIGHT:38px; line-height:38px; WIDTH:31%; text-align:left; padding-left:0; float:left; overflow:hidden; margin-right:2%; font-size:14px
}

.mainlevel DIV LI:hover {
	COLOR: #38a5ab
}
.mainlevel DIV .nav-img {
	FLOAT: left; width:270px;margin-right:30px; margin-top:5px
}
.mainlevel DIV .nav-img img{
	width:270px;
}

.mainlevel DIV SPAN IMG {
	BORDER-TOP: #ffffff 3px solid; BORDER-RIGHT: #ffffff 3px solid; BORDER-BOTTOM: #ffffff 3px solid; BORDER-LEFT: #ffffff 3px solid
}
header .right {
    float: right;
    width:calc(100% - 390px);
}

footer{ width:100%; background:url(../images/footbg.jpg) right bottom no-repeat #008d95; overflow:hidden; box-sizing:border-box; padding-top:60px; margin-top:100px}
footer .left{ float:left; width:730px; margin-top:20px}
footer .left .footbq{float:right; width:calc(100% - 140px);}
footer .left p{float:left; width:100%; color:rgba(255,255,255,.9); line-height:32px; padding:10px 0 0 0; margin:0; font-size:15px}
footer .flogo{ float:left; width:120px; height:80px; margin-top:15px}

footer .right{ float:right; width:280px}
footer .right .wx{ float:left; width:50%; text-align:center; line-height:18px; color:#fff; font-size:12px; margin-bottom:10px}
footer .right .wx img{ width:108px; height:auto; overflow:hidden; margin-bottom:6px}
footer .right .yqlj{ float:left; width:100%; margin-top:10px}
footer .right .yqlj select{ float:left; width:100%; height:42px; line-height:42px; box-sizing:border-box; padding:10px; font-size:15px; border:1px solid #ddd; background:#0f8c91; color:#fff;}


.copy{ width:100%; border-top:1px solid rgb(255,255,255,.2); height:50px; line-height:50px; color:#fff; font-size:15px; margin-top:50px}
.copy *,.copy a{ color:#fff; font-size:15px}
.copy .zz{ float:right}
.copy img{ margin-right:5px; margin-top:-1px; vertical-align:middle}

/*在线客服*/
.keifu{ position:fixed; top:160px !important; right:20px; width:90px;_position:absolute;
 z-index:9;border-radius:100px 100px 0 0;}
.keifu_tab{ width:130px;}
.icon_keifu{ width:98px; height:118px; float:left;position:absolute; display:none; cursor:pointer;}
.keifu_box{ float:left; width:120px;}
.keifu_head{ width:90px; height:90px; background:#009fa8;position:relative; border: 4px solid rgba(255,255,255,.5);border-radius:100px; margin-bottom:2px;right:4px; color:#fff}
.keifu_close:link,.keifu_close:visited{ display:block; width:100px; height:40px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{padding-top:45px; background:rgba(255,255,255,.8); margin-top:-50px;-moz-box-shadow:1px 6px 16px #A3A3A3; -webkit-box-shadow:1px 6px 16px #A3A3A3; box-shadow:1px 6px 16px #A3A3A3; padding-bottom:25px; font-size:14px; width:100px; margin-left:6px}
.keifu_con li{line-height:15px; text-align:center; border-bottom:1px solid rgba(255,255,255,.6); overflow:hidden; padding:10px 5px 12px 5px; box-sizing:border-box}
.keifu_con li img{ margin-bottom:10px; width:40%; overflow:hidden; height:auto}
.keifu_con li a{ font-size:13px;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:14px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:100%; height:60px !important; background:url(../images/hidden.png)  center center no-repeat; overflow:hidden}
.keifu_head strong{ font-size:28px; padding-top:5px; text-align:center; float:left; width:100%}
.keifu_head span{ font-size:13px;text-align:center; float:left; width:100%}
.keifu_head i{ font-size:13px;text-align:center; float:left; width:100%; font-style:normal}

.nytp{ width:100%; height:460px; background:url(../images/banner01.jpg) center no-repeat}
.bclass{ height:150px; line-height:150px; float:left; background:url(../images/tit.png) right bottom no-repeat rgba(0,141,149,.9) ; color:#fff; font-size:34px; width:280px; margin-top:260px; text-align:center}

.nyban{ width:100%; height:70px; background:#f5f5f5}
.bodybg{ background:#f3f2ef}
.nybans{ width:100%; float:left; height:70px; line-height:70px;}
.nybans a{ float:left; margin-right:40px;}
.nybans .on{ color:#008d95}
.nywarp{ width:100%; float:left; min-height:600px; margin-top:60px; box-sizing:border-box}

.infoarea{ width:100%; float:left;line-height:34px;min-width:600px; font-size:18px; font-family:宋体}
.infoarea table,.infoarea video{ max-width:100%}
.infoarea img{ max-width:100% !important; }

.ninfolist{ width:100%; float:left;}
.ninfolist li{ width:100%; float:left; margin-bottom:35px; padding:25px; background:#fff; box-sizing:border-box;transition: 0.3s ease-in-out; border:1px solid #ddd;}
.ninfolist li:hover{ background:#008d95}
.ninfolist li:hover *{ color:#fff !important}
.ninfolist li .date{ width:100px; 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 .date1::after {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 45%;
  width: 15%;
  height: 1px;
  background: #ccc;

}

.ninfolist li .date .date2{ width:100%; text-align:center; float:left; font-size:16px; font-family:beba;}
.ninfolist li .area{ width:calc(100% - 120px);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:47%; float:left; background:#f8f8f8; height:200px; margin-bottom:40px; margin-right:6%}
.dslist li:nth-child(2n){margin-right:0}
.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:15px; border:1px solid #ddd; margin-bottom:25px; box-sizing:border-box}
.infolistb li .date{ float:left;color:#008d95; width:80px}
.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% - 90px);float:right; line-height:30px; font-size:18px; height:30px; overflow:hidden; margin-top:10px}
.infolistb li:hover{ border:1px solid #008d95}

.ny_right{ width:380px; float:right}
.ny_left{ width:calc(100% - 440px); float:left}

.ny_right_ban{ width:100%; float:left; height:45px; font-size:22px; color:#008d95; font-family:syst; border-bottom:1px solid #ddd; margin-top:-5px; margin-bottom:30px}
.ny_right_ban img{ height:25px; float:left; margin-right:10px; margin-top:4px;}

.new_infolist{ width:100%; float:left}
.new_infolist li{ width:100%; float:left; padding-bottom:20px; position:relative}
.new_infolist li .left{ width:17px; float:left; background:url(../images/r_date.jpg) top center no-repeat; position:relative; height:17px; z-index:1}
.new_infolist li:after{ width:1px; left:8px; height:100%; background:#ddd; position:absolute; content:''; top:0}
.new_infolist li .right{width:calc(100% - 35px); float:right; }
.new_infolist li .right h2{width:100%; float:left; font-size:14px; color:#14969d; padding:0; margin:0; font-weight:normal; margin-bottom:10px}
.new_infolist li .right h1{width:100%; float:left; font-size:15px; line-height:24px; overflow:hidden;padding:0; margin:0; font-weight:normal}

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

.twlist li .left{ width:300px; 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{ width:70px; height:70px; position:absolute; z-index:1; background:#008d95; right:-35px; top:65%; margin-top:-70px;transition: all 0.3s;}
.twlist li .left .date .d{ width:100%; height:40px; line-height:40px; font-size:30px; font-weight:bold; color:#fff; text-align:center; float:left; padding-top:5px}
.twlist li .left .date .ym{ width:100%;font-size:12px;  color:#fff; text-align:center; float:left}

.twlist li .right{width:calc(100% - 370px); float:right;}
.twlist li .right h1{width:100%; float:left; height:30px; line-height:30px; font-size:18px; overflow:hidden}
.twlist li .right h2{width:100%; float:left; height:78px; line-height:26px; font-size:14px; color:#666; font-weight:normal; overflow:hidden}

.info_tit{ width:100%;line-height:1.5; font-size:24px; 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:15px; margin-bottom:30px}
.info_des strong{ float:left; padding-right:25px; color:#0c7c82; font-weight:normal; padding-left:30px; height: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;}

.d_line{ width:100%; float:left; margin-top:30px; border-top:1px solid #ddd; height:30px}

#share-3{float:right; text-align:right; width:300px; margin-top:-10px}
.social-share .icon-wechat .wechat-qrcode .help p{ text-align:center; font-size:14px; width:100%; float:left}

.ybsz{ width:100%; float:left; margin-bottom:30px}
.ybsz ul{ display:inline}
.ybsz ul li a{ display:block;}
.ybsz ul li{ width:32%; float:left; border:1px solid #ddd; height:60px; line-height:60px; margin-bottom:25px;transition: all 0.3s; padding-left:30px; font-weight:bold; font-size:18px; box-sizing:border-box; margin-right:2%; border-left:4px solid #008d95}
.ybsz ul li:nth-child(3n){ 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}

.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 a{ width:26%; font-size:16px; float:left; height:45px; line-height:45px; border:1px solid #ddd; padding:0 2%; overflow:hidden; margin-bottom:15px; margin-right:3%;}
.classlist ul li a:hover{background:#008d95; color:#fff;border:1px solid #008d95;border-radius:15px 0 15px 0;}

#qrcode img {
position: absolute;
top: 30%;
left: 43%;
width: 250px;
height: 250px;
display: block;
}

#qrcode {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 99999999999999999;
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;
}