html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0); font-family: "Microsoft YaHei",sans-serif;}
body,ul,li,dt,dl,p,h1,h2,h3,h4,h5,h6,div,html,form,select,option,table,tr,td,dt,dl,dd,span,input,i,b,br,section,header,footer,nav,menu,slider{margin:0;padding:0;color: inherit;}
body{ color: #333; font-size: 16px; background-color: #fff;font-weight: 400;  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
a,a img{text-decoration:none; color: inherit;border:0;}
a:focus{outline:none;}
a:hover{ background: none;}
a:focus, a:hover{ color: inherit;}
ul,ul li{list-style:none}
fieldset,img,input,button{border: none; padding: 0;margin: 0; outline-style: none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
a{text-decoration:none;display: block; color: #333; }
a:hover{ color: #0ca2a1;}

@font-face {
  font-family: "iconfont"; 
  src: url('font/iconfont.woff2?t=1636636782540') format('woff2'),
       url('font/iconfont.woff?t=1636636782540') format('woff'),
       url('font/iconfont.ttf?t=1636636782540') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 18px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-7:before {
  content: "\e64c";
}

.icon-riqi:before {
  content: "\e629";
}

.icon-laoshirenzheng1:before {
  content: "\e65b";
}

.icon-1:before {
  content: "\e639";
}

.icon-xiazai:before {
  content: "\e61a";
}

.icon-sousuo:before {
  content: "\e782";
}

.icon-xuexiao:before {
  content: "\e659";
}

.icon-xiangyoujiantou:before {
  content: "\e68b";
}

.icon-5:before {
  content: "\e618";
}

.icon-gonggao1:before {
  content: "\e672";
}

.icon-2:before {
  content: "\e60d";
}

.icon-3:before {
  content: "\e605";
}

.icon-4:before {
  content: "\e606";
}

.icon-6:before {
  content: "\e60e";
}

.icon-he_54gongzuodongtai:before {
  content: "\e717";
}

.index_leftbg{
	position: absolute; 
  left: 0px; 
  top: 960px; 
	background:url(../images/left_bg.jpg) no-repeat left center;
	 width: 571px; 
	 height: 445px;
	 z-index: -1;}
	 .index_rightbg{
	 	position: absolute; 
	   right: 0px; 
	   top: 960px; 
	 	background:url(../images/right_bg.jpg) no-repeat left center;
	 	 width:470px; 
	 	 height: 484px;
	 	 z-index: -1;}
.head{ background-color: #0ca2a1;}
.headbg{height: 150px; width: 100%; background: url(../images/top_bg.jpg) no-repeat right center; position: relative;;}
.main{ max-width: 1340px; width:96%; margin: 0px auto;}
.logo{ float: left; margin-top: 30px; width: 60%;}
.logo img{ max-width: 740px; width: 100%;}
.head_rig{ float: right; color: #fff; width: 320px; position: relative; height: 100%;}
.head_box{ position: absolute; bottom: 18px; right: 0px;}
.head_rig_top{}
.head_rig_top a{ margin-left: 15px; display: inline-block; float: right; color: #fff;}
.head_rig_top a:hover{ color: #fff; opacity: 0.9;}
.top_ser{ width: 100%; float: left; margin-top: 12px;}
.inptbg{height: 36px;
    line-height: 36px;
    width: 200px;
    padding: 0 15px 0 15px;
    color: #555;
    background: #fff;
    border: none; font-size: 14px;}
a.serbtn{width: 35px;
    height: 36px;
		line-height: 36px;
    border: none;
    color: #fff;
    padding: 0;
    background: #ccc;
		display: inline-block;
		text-align: center;
    cursor: pointer;}
.inptbg,a.serbtn{ float: right;}
.menuBtn{width:50px;height: 50px;cursor:pointer;position:absolute;right:0px;top:30px;z-index:10;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background:url(../images/iconq2.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;display:none}
.menuBtn.open{background-image: url(../images/iconq3.png);}
.nav-m{
	    display: none;
}
.nv{position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background-color: rgba(0,0,0,.52);
    overflow: hidden;
    display: none;}
.nv .ht {
    padding: 0 90px 0 35px;
    overflow: hidden;
}
.nv .lg {
    float: left;
    height: 70px;
    line-height: 70px;
    overflow: hidden;
}
.nv .lg img {
    display: inline-block;
    vertical-align: middle;
    height: 60px;
}
	.nv .cont {
	    background-color: #fff;
	    border-left: 9px #0ca2a1 solid;
	    overflow: hidden;
	    overflow-y: auto;
	}
	.nav-m-list{ margin-top: 30px;}
	.nav-m-list li { float: left;
	    width: 50%;
	    border-bottom: 1px #ededed solid;
			padding-bottom: 0;
			line-height: 60px; height: 60px;
			font-size: 20px;
			text-align: center;
	}
	.nav-m-bot{ width: 100%; background: #edf1f1; color: #555;}
	.nav-m-bot a{ display: inline-block;
    margin: 0px 10px;
    color: #555;
    line-height: 40px;
    padding: 20px 10px;}

.menu{ float: left; width: 100%;}
.menu li{ float: left; width: 14%; text-align: center; position: relative; }
.menu li h3{ font-size: 20px; font-weight: 800;height:75px; line-height:75px;}
.menu li h3 i{ font-size: 22px; margin-right: 5px; color: #9e9e9e; font-weight: 400;}
/* .navSub{ display: none;} */
.menu li .navSub{width: 160px; 
border-radius:0 0 5px 5px; 
z-index: 999999; 
padding: 0; 
border:1px solid #ddd;
box-shadow: rgba(0,0,0,.1) 0 1px 3px 1px;
position: absolute; left: 50%; margin-left: -80px;
    background: #fff;
    border-top: 2px solid #ddd;
		 border-top-left-radius: 0;
    border-top-right-radius: 0;right: auto;
    padding:15px 0; display: none;}
.menu li .navSub dd{text-align:center; width:100%; height: 40px; line-height: 40px; display: inline-block;}
.menu li .navSub dd a{display: block;font-size: 16px;color: #333;}
.menu li .navSub dd a:hover{color: #fff; background:#2cb5bf;}
.nav-m{ display: none;}
.newspic{ float: left; width:49%;}


#indexpic{width:100%;height:360px;overflow:hidden; float: left;}
#indexpic .img{display:block; position: relative; width: 100%; height: 100%;}
#indexpic .img img{width:100%;height:100%;}
#indexpic .img .mask {
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	width: 70%;
	height: 40px;
	left: 0;
	bottom: 0;
}
#indexpic .img .caption{
	position: absolute;
	bottom:0;
	left: 0;
	padding-left: 15px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	color: #ededed;
}
#indexpic .swiper-pagination-bullet{background: #0ca2a1;}
#indexpic .swiper-pagination-bullets{
	bottom: 10px;
	left: initial;
	    right: 8px;
	    width: 30%; text-align: right;
}
#indexpic .swiper-button-prev , #indexpic .swiper-button-next {display: none;}
#indexpic:hover .swiper-button-prev , #indexpic:hover .swiper-button-next {display: none;}

a.g-top{display:none;width:48px;height:59px;
background:url(../images/i-q5.png) center center no-repeat;
position:fixed;right:3%;bottom:43px;z-index:99;}
a.g-top.active{display:block}
a.g-top:hover{opacity: 0.8;}


.matop20{ margin-top: 20px;}
.news{border-top:2px transparent solid;
        border-image:linear-gradient(to right,#3aa9a8,#5ff987,#b6f323) 1 10;
    background: #fff;
    padding: 5px 10px 5px 2%;
    overflow: hidden;}
.news_tit{ padding: 10px 0px; height: 30px; line-height: 30px;}
.news_tit h4{ float: left; font-weight: 400; color: #333; font-size: 20px;}
.news_tit h4 .iconfont{ font-size: 24px; color: #b75b5a; margin-right: 8px;}
.news_tit a{ float: right; display: inline-block; color: #0CA2A1; font-size: 14px;}
.news_tit a .iconfont{ margin-right: 5px; font-size: 14px;}
.news_list li{ float: left; width: 100%; margin-top: 12px;}
.news_list_time{ width: 70px; height: 60px; float: left; border: 1px solid #c4eaea;  text-align: center; }
.news_list_time span{ display: inline-block; width: 100%; float: left; height: 35px; line-height: 35px;background: #50bebd; font-size: 22px; color: #fff;}
.news_list_time p{ line-height: 25px; color: #555; font-size: 12px;}
.news_list_rig{ padding-left:20px; height: 60px; overflow: hidden; line-height: 30px;}
.news_list li a:hover{-webkit-transform: translateX(5px); transform: translateX(5px);}
.clear{ clear: both;}
.work{ float: left; width: 49%; margin-top: 15px;}
.work_list li{ float: left; width: 100%; height:86px;padding: 15px 0px; border-bottom: 1px solid #eaeaea; position: relative;}
.work_list li .work_pic{ float: left; width:150px; height: 100%; overflow: hidden;}
.work_list li .work_pic img{ width: 100%; height:100%;}
.work_list li .work_pic:hover img{ transform: scale(1.05);}
.work_list li .work_rig{margin-left: 165px;}
.work_list li .work_rig .work_rig_tit{ width: 100%; line-height: 30px; height: 30px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.work_list li .work_rig .work_rig_tit:hover{-webkit-transform: translateX(5px); transform: translateX(5px);}
.work_list li .work_rig p { color: #b7b7b7;  font-size: 14px; margin-top: 8px;}
.work_list li .work_rig p .iconfont{margin-right: 5px; }
.work_detail{ height: 25px; line-height: 25px; font-size: 13px; color: #888;  overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}

/**bszn**/
.indexbanner{ float: left; width: 100%; height: 230px; background: url(../images/samll_banner.jpg) no-repeat center center; margin-top: 25px; position: relative;}
.zhin_bg{ float: left; width: 100%; background:url(../images/cen_bg.jpg) no-repeat center bottom; padding-bottom: 40px; margin-bottom: 20px;}
.zhin_tit{position: absolute; bottom: -35px; left: 50%; margin-left: -110px; height: 70px; line-height: 70px; text-align: center; width: 220px; border-radius:50px; border: 3px solid #fff;
background: #0ca2a1;
background: -moz-linear-gradient(top, #0ca2a1 0%, #089190 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0ca2a1), color-stop(100%,#089190));
    background: -webkit-linear-gradient(top, #0ca2a1 0%,#089190 100%);
    background: -o-linear-gradient(top, #0ca2a1 0%,#089190 100%);
    background: -ms-linear-gradient(top, #0ca2a1 0%,#089190 100%);
    background: linear-gradient(to bottom, #0ca2a1 0%,#089190 100%); 
color: #fff;
font-size: 20px;
}
.zhin_list{margin-top: 30px; float: left; width: 100%;}
.zhin_list li{ float: left; width: 10.6%; text-align: center; margin-top: 40px; padding: 0px 3%;}
.zhin_list li a img{ max-width: 100%;}
.zhin_list li a p{ margin-top: 10px;}


/**system**/
.sys_left{ float: left; width: 60%;}
.sys_left li{ float: left; width:32%; margin-right: 2%;overflow: hidden;}
.sys_left li:last-child,.sys_right li:last-child{ margin-right: 0px;}
.sys_left li:last-child{ width: 66%;}
.sys_left li a{ display: block;}
.sys_left li img{ max-width: 100%; display: block;transition: all 0.6s;}
.sys_left li a:hover img{ transform: scale(1.05);}
.sys_right{ float: left; width: 38%; margin-left: 2%; margin-top: 20px;}
.sys_right li{ float: left; width:32%; margin-right: 2%;overflow: hidden;}
.sys_right li a{ display: block; text-align: center;}
.sys_right li img{ max-width: 100%;}

/**foot**/
.foot{float:left; width: 100%; margin-top: 20px; background: #0da2a1; padding-top: 15px;}
.footbg{ float: left;width: 100%; background: url(../images/foot_bg.png) no-repeat 80% bottom;}
.foot_li{ float: left; width: 33%; padding: 20px 0px;}
.foot_left{ color: #fff; line-height: 30px; margin-top: 15px;}
.foot_left h5{ font-size:18px; font-weight: 800;}
.foot_cen{ text-align: center;}
.foot_cen img{ max-width: 100%;}

.share-box{display:inline-block;vertical-align:middle;text-align:center; float: right; margin-top: 10px;}
.share-box:after{content:'';display:table;clear:both;}
.share-box div { width:86px; float:left;}
.share-box div p { font-size:16px; display:block; text-align:center; width:100%;}
.share-box p i { display:block;}
.share-box .share-item{position:relative;float:left;border-radius:50%;cursor:pointer;}
.share-box a.share-item{margin:0;padding-left:0;height:auto;background-image:none;font-size:inherit;line-height:inherit;}
.share-box .share-item:after{content:'';vertical-align:top;font-family:"icon" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;display: inline-block;color:#fff !important;}
.share-box .icon-wchat:after{background:url(../images/weixin.png) no-repeat; width:47px; height:47px;}
.share-box .icon-qq:after{content:'\e606';}
.share-box .icon-qzone:after{content:'\e60a';}
.share-box .icon-sinawb:after{background:url(../images/weibo.png) no-repeat; width:47px; height:47px;}
.share-box .icon-txwb:after{ background:url(../images/shouji.png) no-repeat; width:47px; height:47px;}
.share_wz{ color: #fff; width:100%;font-size:16px; padding-top:6px;}
.share-label{display:inline-block;}
.share-item .code{position:absolute;bottom:100%;left:50%;margin-left:-70px;margin-bottom:10px;margin-top:15px;padding:10px; font-size:16px; width:140px;background-color:#fff;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,0.15);border-radius:5px;box-sizing:border-box;visibility: hidden;opacity: 0;transform:translateY(-10px);transition:all 0.2s ease-out 0s;}
.share-item .code:after{content:'';position:absolute;left:50%;top:100%;margin-left:-8px;width:0;height:0;border:8px solid transparent;font-size:0;border-top-color:#fff; z-index:999;}
.share-item .code > img{display:block;width:100%;}
.share-item:hover .code{visibility:visible;opacity:1;transform:none;}
.share-box a.share-item{margin-left:3px;width:32px;height:32px;line-height:32px;font-size:20px;}
.share-box a.share-item.icon-sinawb{font-size:23px;}
.share-box a.share-item:hover{opacity:1;z-index:1;}
.foot_bot{ float: left; width: 100%; background: #089190; padding: 10px 0px; text-align: center; color: #fff; font-size: 14px;}

/**other**/
.banner{ float: left; width: 100%;}
.banner img{ width: 100%;}
.ot_left{ float: left; width: 18%; margin-top: 20px;}
.ot_left_tit{ float: left; width: 100%; height: 74px; background: #0ca2a1 url(../images/ot_titbg.png) repeat-x;
 border-top-left-radius: 6px;
 border-top-right-radius: 6px;}
 .ot_left_title{ float: left; margin-left: 20px; height: 74px; line-height: 72px; background: url(../images/jgsz_02.png) no-repeat left center; text-indent: 35px; font-size: 20px; color: #fff;}
 .otnav_list{ float: left; box-sizing: border-box; width: 100%; border: 1px solid #e1e1e1; border-top: none; background: #fafafa;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
 }
 .otnav_list li{ float: left; width: 100%; height: 50px; line-height: 50px; box-sizing: border-box; border-bottom: 1px dotted #e7e7e7; padding-left: 35px;}
 .otnav_list li a.on{ color: #089190; font-weight: bold;}
 .otnav_list li:last-child{ border-bottom: none;}
.ot_right{ float: right; width: 80%; margin-top: 20px;}
.ot_right_tit{
	float: left; width: 100%; height: 45px; border-bottom: 1px solid #dedede; position: relative;
}
.ot_titleft{
	float: left;
	padding: 0px 20px; border-bottom: 2px solid #089190; height: 43px; line-height: 43px; font-size: 20px;
}
.ot_titright{ float: right;  position: absolute; bottom: 5px; right: 0px; font-size: 14px; color: #777;}
.ot_list li{ float: left; width: 100%; border-bottom: 1px solid #f3f3f3; padding: 18px 0px;}
.ot_list li .ot_list_rig{ height:75px;padding-left: 20px;
    overflow: hidden;}
.ot_list li .ot_list_rig p:hover{-webkit-transform: translateX(5px); transform: translateX(5px);}
.ot_list li .ot_list_rig em{ font-size: 14px; font-style: normal; color: #767676; line-height: 22px; margin-top: 10px; display: block;}
.fanye{ float: left; width: 100%; margin-top: 20px; text-align: center; }
.fanye a{ display: inline-block; padding: 2px 10px; background: #f6f6f6; line-height: 20px; font-size: 13px; margin: 0px 2px;}
.fanye a:hover{ color: #089190;}
.fanye a.fanyenow{ background: #089190; color: #fff; font-weight: bold;}
.detail{ float: left; width: 100%; margin-top: 10px;}
.otnewstit{ font-size: 26px; line-height: 40px; text-align: center; margin-top: 30px;}
.otnewstime{ color: #565656; line-height: 24px; text-align: center; margin-top: 10px; background: #fafafa; padding: 10px 0px; margin-top: 20px;}
.detail{ margin-top: 20px; line-height: 30px;}
.tex-in{ text-indent: 32px;}
.detail p{ margin: 5px 0px;}
.detailimg{ max-width: 100%; margin-bottom: 10px;}

#banner{width:100%;height:auto;overflow:hidden}
#banner .img{display:block}
#banner .img img{width:100%;height:auto}
#banner .swiper-button-prev , #banner .swiper-button-next {display: none;}
#banner:hover .swiper-button-prev , #banner:hover .swiper-button-next {display: block;}
#banner .swiper-pagination-bullet {
  width: 20px;
  height: 6px;
  display: inline-block;
  border-radius: 0px;
}

/**办事指南**/
.ot_ts{ color: #cf7472; padding: 10px 0px; height: 25px; float: left;}
.ot_ban{ float: left; margin-top: 10px; clear: both;  }
.time-axis{ float: left; width: 100%; margin-top: 10px;
		position: relative; 
	}
	
.time-axis-item:before{
		content: '';
		position: absolute;
		left: 25px;
		top: 15px;
		width: 2px;
		height: 100%;
		background-color: #27b2b1;
	}
.time-axis-item:last-child:before{ height: 0px;}
	.time-axis-item{
		list-style: none;
		padding-left: 65px;
		position: relative;
		line-height: 30px;
		color: #555; padding-bottom: 25px;
	}
	.time-axis-date{
		position: absolute;
		left: 0;
		top: 5px;
	}
	
	.time-axis-date span{
		position: absolute;
		right: -47px;
		top: 17%;
		display: block;
		width: 44px;
		height: 44px;
		font-size: 22px;
		color: #fff;
		line-height: 44px;
		text-align: center;
		font-family: arial;
		border-radius: 100%;
		background-color: #27b2b1;
	}
.time-axis-title{ background-color: #fbfbfb; position: relative;}
.time-box{ margin-right: 260px; padding: 10px 0px 10px 20px;}
.time-box a{ display: block; line-height: 30px; color: #555;}
.time-box a:hover{ color: #555;}
.time-box a h4{ font-size: 18px; font-weight: 800; border-bottom: 1px dashed #ddd; height: 38px; line-height: 30px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.time-box a h4:hover{-webkit-transform: translateX(5px); transform: translateX(5px);color: #089190;}
.time-next{ padding: 10px 0px;}
.time-tel{ position: absolute; width: 240px; height: 100%; background-color:#389493 ; right: 0px; top: 0px; text-align: center; font-size: 18px; 
color: #fff; line-height: 30px; font-weight: bold;display:table; }
.time-tel div{vertical-align:middle;   display:table-cell;}

@media only screen and (max-width:1280px){
	.headbg{ height: 130px;}
	.sys_right{ margin-top: 5px;}
	.ot_left{ width: 24%;}
	.ot_right{ width: 74%;}
}
@media only screen and (max-width:1000px){
	.menuBtn{ display: block;}
	.menu,.head_rig_top,.index_leftbg,.index_rightbg{display: none;}
	.matop20{ margin-top: 5px;}
	.logo{ width: 80%; margin-top: 10px;}
	.headbg{ height: 100px; background:none;}
	.head_box{ position: inherit;}
	.top_ser{ border: 1px solid #ddd;}
	.head_rig{ width: 100%; height: 50px; margin-top: 45px;}
	a.serbtn{ width: 10%;}
	.inptbg{ width: 90%;box-sizing: border-box;}
	.newspic{display: none;}
	.news{ width: 100%; border-top: none; margin-top: 0px; float: left;box-sizing: border-box;padding: 5px 0px;}
	.work{ width: 100%;}
	.sys_left,.sys_right{ width: 100%; margin: 0px;}
	.sys_right{ margin-top: 15px;}
	.foot_li{ width: 50%; padding: 10px 0px;}
	.share-box{ float: left;}
	.ot_left{ width: 28%;}
	.ot_right{ width: 70%;}
	.time-box{ margin-right: 20px;}
	.time-tel{ width: 100%; position: initial;}
}
@media only screen and (max-width: 767px){
	.menuBtn {
	    width: 30px;
	    height: 30px;
	    right: 10px;
	}
	.logo{ height: 40px;}
	.headbg{ height: 70px;}
	.slide,.slide .slide-content,#indexpic{ height: 240px;}
	.zhin_list li{ width: 27.33%;}
	.zhin_list li a img{ max-width: 80%;}
	.foot_li{ width: 100%; text-align: center;}
	.share-box{ float: none;margin-top: 0px;}
	.newspic{ display: none;}
	.ot_left{ width:100%; margin-top: 10px;}
	.ot_right{ width: 100%; margin-top: 10px;}
	.ot_left_tit,.ot_left_title{ height: 50px; line-height: 50px;}
	.otnav_list{ border: none; background: none; margin-top: 10px;}
	.otnav_list li{ width: 31.33%; text-align: center; padding: 0px; border: 1px solid #ddd; margin: 3px 1%;}
	.otnav_list li:last-child{ border-bottom: 1px solid #ddd;}
	
}

@media only screen and (max-width: 568px){
	.slide,.slide .slide-content,#indexpic{ height: 200px;}
	.headbg{ height: 55px;}
	.head_rig{ margin-top: 20px; height: 40px;}
}

@media only screen and (max-width: 390px){
	.slide,.slide .slide-content{ height: 200px;}
}