﻿@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#333;font:14px/30px "Microsoft Yahei",-apple-system,"PingFang SC","Helvetica Neue",STHeiti,Tahoma,Simsun,sans-serif;background:#fff;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:Microsoft Yahei,microsoft yahei,"微软雅黑",arial;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{display:block;zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
* html .clearfix{height:1%;}
*{box-sizing:border-box;}
a{color:#333;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#0258ab;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.wrap{margin:0 auto;max-width:1280px;width:100%}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.rotate,.rotate2 img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
a:hover .rotate,a:hover rotate2 img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}


#header{ width:100%; height:90px;}
#header .logo{ padding:20px 0 0;}
#header .logo a{display:flex;justify-content:start;align-items:center;}
#header .logo .text{ font-size:20px; font-weight:700; color:#006f6b; margin-left:20px}
#header .right{ height:90px;display:flex;justify-content:start;align-items:center;}
#header .search .search_box{ border:1px solid #006f6b; border-radius:4px; padding:4px 10px;display:flex;justify-content:start;align-items:center;}
#header .search .search_box .select{ border:0; line-height:30px;height:30px}
#header .search .search_box .key{ border:0; line-height:30px; text-indent:10px; width:200px}
#header .search .search_box .btn{ border:0; line-height:30px; font-size:16px; color:#006f6b; background:none}
#header .user{ margin-left:20px}
#header .user a{ line-height:40px; margin-left:5px; background:#009688; padding:0 30px; color:#fff; font-size:14px; display: inline-block; border-radius:4px}
#header .user a.reg{ background:#ff8800}
#header .mnav{ display:none}

#nav{ width:100%;background:#009688}
#nav ul li{ float:left; height:44px; position:relative}
#nav ul li h3{ line-height:44px;height:44px;}
#nav ul li h3 i{ line-height:44px;height:44px;}
#nav ul li:last-child{ margin-right:0}
#nav ul li h3 a{ font-size:16px; color:#fff; font-weight:normal;padding:0 45px;}
#nav ul li h3 .mdown{ display:none}
#nav ul li:hover{ background:#00716b}
#nav ul li .sub{ display:none;position:absolute; left:0; top:44px; z-index:99; background:rgba(0,150,136,.9); width:100%; text-align:center}
#nav ul li .sub dd:first-child{ margin-top:5px}
#nav ul li .sub dd:last-child{ margin-bottom:10px}
#nav ul li .sub dd{ padding:0 10px}
#nav ul li .sub dd a{ display:block; text-align:center; line-height:36px; font-size:13px; color:#fff; border-bottom:rgba(255,255,255,.3) 1px dashed}
#nav ul li .sub dd a:hover{background:#00716b;}
#banner{ margin-top:1px}
#banner .focus{ position:relative; overflow:hidden}
#banner .focus .swiper-slide{ width:100%; height:550px; overflow:hidden}
#banner .focus .swiper-slide img{ width:100%}

#notice{ width:100%; margin-top:10px}
#notice .wrap{ background:#f5f5f5; line-height:50px;;display:flex;justify-content:start;align-items:center;}
#notice strong{ width:10%; color:#fff; background:#009688; text-align:center}
#notice .list{ margin-left:20px; position:relative; width:88%}
#notice .list ul li{ line-height:50px; padding-right:80px;}
#notice .list ul li{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
#notice .list .btn{ position:absolute; right:0; top:0; line-height:50px;}
#notice .list .btn a{ font-size:18px; margin:0 10px}

#main{ width:100%;}
#main .wrap{display:flex;justify-content:space-between;align-items:start;}
#main .htitle{ border-bottom:2px solid #009688; line-height:40px}
#main .htitle span{ float:right; line-height:40px;}
#main .htitle h3{ font-size:18px; font-weight:normal; position:relative; display:inline-table}
#main .htitle h3 i{ margin-right:10px; font-size:20px; opacity:.6}
#main .htitle h3::before{content:"";position:absolute;bottom:-4px;left:0;width:100px;height:2px;background:#ff8800;transition:ease all .6s;-webkit-transition:ease all .6s}
#main .left{ width:60%}
#main .right{ width:35%; margin-left:5%}
#main .item{ width:100%; margin-top:30px}
#main .item .list{ margin-top:20px}
#main .item .list ul li{ line-height:36px; position:relative; padding-left:15px}
#main .item .list ul li{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
#main .item .list ul li a img{ margin-left:10px}
#main .item .list ul li span{ float:right; color:#999; font-size:13px;margin-left:20px}
#main .item .list ul li::before{content:"";position:absolute;left:0; top:50%; margin-top:-2px;width:4px;height:4px; border-radius:4px;background:#009688;}

#fenye{padding:50px 0 0px;text-align:center;clear:both;}
#fenye table{text-align:center;margin:0 auto}
#fenye a{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee; background:#FFF; font-size:14px}
#fenye .prev,#fenye .next{width:52px;text-align:center}
#fenye a.curr{font-weight:700;color:#fff;background:#009688;border:1px solid #009688}
#fenye a:hover{background:#009688;color:#fff;border:1px solid #009688}
#fenye span{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee;background:#FFF}


#footer{ width:100%; margin-top:30px;background:#009688; padding:30px 0; text-align:center}
#footer .link{ color:#fff; font-size:13px}
#footer .link a{ color:#fff; margin:0 10px; font-size:13px}
#footer .copyright{ color:#fff; font-size:13px; margin-top:10px}

#weizhi{ width:100%; background:#f5f5f5; padding:10px 0; font-size:12px}
#weizhi i{ padding:0 10px}
#weizhi a{ font-size:12px}

@media (max-width:800px){
	body,html{ line-height:.34rem; font-size:.22rem}

	#header{height:.9rem; padding:0 .3rem;position: fixed; left:0; top:0; z-index:99; background:#fff; border-bottom:1px solid #eee}
	#header .search{ display:none}
	#header .logo{ padding:.25rem 0 0;}
	#header .logo a{display:flex;justify-content:start;align-items:center;}
	#header .logo img{ height:.4rem}
	#header .logo .text{ font-size:.24rem;margin-left:.1rem}
	#header .right{ height:.9rem;display:flex;justify-content:start;align-items:center;}
	#header .mnav{position:relative;display:block;width:.34rem; height:.33rem;cursor:pointer; margin-left:.1rem}
	#header .mnav span{position:absolute;display:block;width:.34rem;height:.03rem;background:#333;transition:all .5s;}
	#header .mnav .s1{top:.05rem;}
	#header .mnav .s2{top:.15rem;width:.26rem;}
	#header .mnav .s3{top:.25rem;}
	#header .mnav.isopen .s1{top:.15rem;transform:rotate(45deg);}
	#header .mnav.isopen .s2{width:0;opacity:0;}
	#header .mnav.isopen .s3{top:.15rem;transform:rotate(-45deg);}
	#header .user{ margin-left:0;}
	#header .user a{ line-height:.4rem; margin-left:0; margin-right:.1rem; background:#009688; padding:0 .1rem; color:#fff; font-size:.2rem; display: inline-block; border-radius:4px}
	#header .user a.reg{ background:#ff8800}

	#nav{position: fixed;background:#fff;height: auto; min-height:100vh;width:100%;top:.9rem;z-index:105;padding:.1rem .5rem 0;transform:translatex(105%);left:0;}
	#nav ul li{padding:0;display: block;float: inherit;margin-right:0;margin-left:0; height:inherit}
	#nav ul li h3{ line-height:.7rem; height:.7rem; font-weight:normal;border-bottom:1px solid #eee;}
	#nav ul li h3 a{font-size:.26rem;line-height:.7rem;display: inline-table;position:relative; padding:0; color:#333}
	#nav ul li h3 .mdown{ display:block; position:absolute; right:0; top:0; text-align:right; padding-left:10%;height:.7rem;line-height:.7rem;}
	#nav ul li h3 .mdown i{ text-align:right; font-size:.28rem; color:#999;-webkit-transition: all .3s;transition: all .3s;}
	#nav ul li:hover{ background: none;}
	#nav ul li:hover h3 i{-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
	#nav ul li.curr h3 a{ background:none; color:inherit}
	#nav ul li.on h3 a{ color:#009688;}
	#nav ul li .sub{ display:none; position: inherit; left:auto; top: auto; width:auto; margin:0; background:rgba(255,255,255,.8); z-index:100; padding-left:.2rem}
	#nav ul li .sub dd{ padding:0}
	#nav ul li .sub dd a{ line-height:.7rem;; margin:0; border-bottom:1px solid #eee; color:#333}
	#nav ul li .sub dd a:first-child{ padding-top:0}
	#nav ul li .sub dd a:last-child{ padding-bottom:0}
	#nav ul li .sub dd a{ display:block; padding-left:0; border-left:0; font-size:.24rem; text-align: left;color:#68747f;}
	#nav ul li .sub dd a:hover{color:#009688;}
	#nav.isopen{transform:translatex(0);}

	#banner{ margin-top:.9rem}
	#banner .focus .swiper-slide{ height:4rem;}
	#banner .focus .swiper-slide img{width:100%;height:100%;object-fit:cover}

	#notice{ width:100%; margin-top:0;}
	#notice .wrap{ background:#f5f5f5; line-height:.8rem;;display:flex;justify-content:start;align-items:center; padding:.1rem 0}
	#notice strong{ display:none}
	#notice .list{ margin-left:0; position:relative; width:100%; padding:0 .3rem}
	#notice .list ul li{ line-height:.5rem; padding-right:0;}
	#notice .list .btn{ display:none}

	#main{ padding:0 .3rem;}
	#main .wrap{display: block;}
	#main .htitle{ line-height:.4rem; padding-bottom:.1rem}
	#main .htitle span{ line-height:.4rem;}
	#main .htitle h3{ font-size:.3rem; font-weight:500}
	#main .htitle h3 i{ margin-right:.1rem; font-size:.28rem;}
	#main .htitle h3::before{bottom:-.15rem;left:0;width:1.5rem;height:.02rem;}

	#main .left{ width:100%}
	#main .right{ width:100%; margin-left:0}
	#main .item{margin-top:.3rem}
	#main .item .list{ margin-top:.2rem}
	#main .item .list ul li{position:relative; padding:.15rem 0 .15rem .2rem; line-height:.36rem; border-bottom:1px dotted #eee}
	#main .item .list ul li{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
	#main .item .list ul li a{ font-size:.24rem}
	#main .item .list ul li span{ display:none}
	#main .item .list ul li::before{content:"";position:absolute;left:0; top:.33rem; width:.08rem;height:.08rem; border-radius:.08rem;background:#009688;}

	#footer{margin-top:.3rem; padding:.3rem 0; }
	#footer .link{font-size:.2rem}
	#footer .link a{ margin:0 .1rem; font-size:.2rem}
	#footer .copyright{ font-size:.2rem; margin-top:.1rem}
	#footer .copyright span{ display:block}

	#weizhi{ padding:.2rem .3rem; font-size:.2rem; margin-top:.9rem}
	#weizhi i{ padding:0 .1rem}
	#weizhi a{ font-size:.2rem}

	#fenye{padding:.5rem 0 0px;}
	#fenye a{margin:0 .02rem;padding:.1rem .15rem}
	#fenye .prev,#fenye .next{width:.55rem;}
	#fenye span{margin:0 .02rem;padding:.1rem .15rem}
	#fenye .num,#fenye .prev{ display:none}
}


#ncontent{ width:100%; background:#f5f5f5; padding-bottom:30px}
#ncontent .wrap{ background:#fff; padding:30px}
#ncontent h1{ font-size:24px; font-weight:700; text-align:center}
#ncontent .cotory{ text-align:center; padding:10px 0 0; font-weight:700}
#ncontent .company{ padding:10px 0 20px; text-align: center;}
#ncontent .company span{ padding:0 10px; color:#999}
#ncontent .view{ border-top:1px dotted #ddd; padding:20px 50px}
#ncontent .view .title{ border-bottom:1px solid #eee; font-weight:700; color:#009688; margin-bottom:20px}
#ncontent .view .left,
#ncontent .view .right{ width:48%}
#ncontent .view .item{ width:100%;display:flex;justify-content:space-between;align-items:top; padding:5px 0}
#ncontent .view .item span{ line-height:26px;}
#ncontent .view .item span:nth-child(1){ width:35%; text-align:right}
#ncontent .view .item span:nth-child(2){ width:65%; text-align:left; padding-left:20px}
#ncontent .view .item span.down a{ display:block; color:#06F}
#ncontent .iteminfo{ padding:20px 50px;border-top:1px dotted #ddd;}
#ncontent .iteminfo .left{ width:50%;display:flex;justify-content:start;align-items:top;}
#ncontent .iteminfo .right{ width:50%;display:flex;justify-content:start;align-items:top;}
#ncontent .iteminfo .item{ width:50%}
#ncontent .iteminfo .item span:nth-child(1){ width:30%; text-align:right; float:left}
#ncontent .iteminfo .item span:nth-child(2){ width:70%; text-align:left; float:right; padding-left:30px; box-sizing: border-box}
#ncontent .mycontent{ border-top:1px dotted #ddd; padding:20px 50px; line-height:200%; font-size:14px; min-height:500px}
#ncontent .mycontent .downitem a{ color:#3c8ce9}
@media (max-width:800px){
	body,html{ line-height:.34rem; font-size:.22rem}
	#ncontent{  padding-bottom:.3rem}
	#ncontent .wrap{padding:.3rem}
	#ncontent h1{ font-size:.28rem; line-height:.4rem;}
	#ncontent .cotory{ padding:.1rem 0 0;}
	#ncontent .company{ padding:.1rem 0 .2rem;}
	#ncontent .company span{ padding:0 .1rem; color:#999}
	#ncontent .view{ padding:.2rem 0rem}
	#ncontent .view .title{ margin-bottom:.2rem;font-size:.26rem; line-height:.4rem}
	#ncontent .view .left,
	#ncontent .view .right{ width:100%; margin-top:.3rem}
	#ncontent .view .item{ width:100%;display:flex;justify-content:space-between;align-items:top; padding:.08rem 0}
	#ncontent .view .item span{ line-height:.34rem;}
	#ncontent .view .item span:nth-child(1){ width:40%; text-align:right}
	#ncontent .view .item span:nth-child(2){ width:60%; text-align:left; padding-left:.2rem}
	#ncontent .view .item span.down a{ display:block; color:#06F; line-height:.4rem}
	#ncontent .iteminfo{ padding:.2rem .3rem;}
	#ncontent .iteminfo .left{ width:100%;display: block;justify-content:start;align-items:top;}
	#ncontent .iteminfo .right{ width:100%;display: block;justify-content:start;align-items:top;}
	#ncontent .iteminfo .item{ width:100%; padding:.08rem 0}
	#ncontent .iteminfo .item span:nth-child(1){ width:40%; }
	#ncontent .iteminfo .item span:nth-child(2){ width:60%; padding-left:.2rem;}
	#ncontent .mycontent{ padding:.3rem 0; line-height:200%; font-size:.22rem; min-height:5rem}
}

#nlist{ width:100%; background:#f5f5f5; padding-bottom:30px}
#nlist .cotory{ width:190px; border-bottom:4px solid #009688}
#nlist .cotory .title{ background:#009688; font-size:18px; padding:20px; color:#fff; font-weight:700}
#nlist .cotory .list{ background:#fff;}
#nlist .cotory .list ul li{  border-bottom:2px solid #e4e4e4}
#nlist .cotory .list ul li a{ font-size:13px;padding:20px 20px; display:block}
#nlist .cotory .list ul li.on{ background:#d8e8e7}
#nlist .right{ width:calc(100% - 220px); background:#fff; padding:20px 20px 40px; box-sizing:border-box}
#nlist .right .list{ margin-top:20px}
#nlist .right .list ul li{ line-height:38px}
#nlist .right .list ul li a{ display:flex;justify-content:start;align-items:center;}
#nlist .right .list ul li:nth-child(2n){ background:#f9f9f9}
#nlist .right .list ul li:hover{ background:#e5f4f3}
#nlist .right .list ul li span{ font-size:13px}
#nlist .right .list ul li span:nth-child(1){ width:60%; padding-right:30px; padding-left:10px}
#nlist .right .list ul li span:nth-child(2){ width:20%}
#nlist .right .list ul li span:nth-child(3){ width:10%}
#nlist .right .list ul li span:nth-child(4){ width:10%}
#nlist .right .list ul li span{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
#nlist .right .list ul li.title{ border-bottom:2px solid #ddd; color:#000; font-weight:700;display:flex;justify-content:start;align-items:center;}
#nlist .right .search{display:flex;justify-content:start;align-items:center}
#nlist .right .search .select{ border:1px solid #ddd; width:180px; line-height:36px;height:36px; text-indent:10px; border-radius:4px}
#nlist .right .search .key{ border:1px solid #ddd; width:160px; margin-left:10px; line-height:36px; height:36px; text-indent:10px; border-radius:4px}
#nlist .right .search .btn{ line-height:36px; margin-left:10px; background:#009688; padding:0 30px; color:#fff; font-size:14px;border-radius:4px; border:0}
@media (max-width:800px){
	body,html{ line-height:.34rem; font-size:.22rem}
	#nlist{ padding-bottom:.3rem}
	#nlist .cotory{ width:100%;}
	#nlist .cotory .title{ display:none}
	#nlist .cotory .list ul li{  border-bottom:0; float:left; width:25%; text-align:center; line-height:.6rem}
	#nlist .cotory .list ul li a{ font-size:.24rem;padding:0; display:block}

	#nlist .right{ width:100%;padding:.2rem .3rem .4rem; box-sizing:border-box}
	#nlist .right .list{ margin-top:.5rem}
	#nlist .right .list ul li{border-bottom:1px solid #eee; clear:both; padding:.2rem 0; display:block}
	#nlist .right .list ul li a{ display:block;justify-content:start;align-items:center;}
	#nlist .right .list ul li:nth-child(2n){ background:#fff}
	#nlist .right .list ul li:hover{ background:#e5f4f3}
	#nlist .right .list ul li span{ font-size:.2rem; float:left}
	#nlist .right .list ul li span:nth-child(1){ width:100%; padding-right:0; padding-left:0; display:block; font-size:.26rem; line-height:.4rem; position:relative}
	#nlist .right .list ul li span:nth-child(2){ width:33%; color:#999}
	#nlist .right .list ul li span:nth-child(3){ width:33%; color:#999; text-align:center}
	#nlist .right .list ul li span:nth-child(4){ width:33%; color:#999; text-align:right}
	#nlist .right .list ul li span:nth-child(1){word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
	#nlist .right .list ul li.title{ display:none;}
	#nlist .right .search{display: block;justify-content:start;align-items:center}
	#nlist .right .search .select{width:48%; line-height:.4rem;height:.6rem; float:left; margin-top:.2rem; background:#fff; font-size:.22rem}
	#nlist .right .search .key{ width:48%; margin-left:0; line-height:.6rem; height:.6rem;float:left; margin-top:.2rem; font-size:.22rem}
	#nlist .right .search .btn{ line-height:.6rem; width:48%; margin-left:0; padding:0 0; font-size:.22rem; margin-top:.2rem; float:left}
	#nlist .right .search .key1{ float:right}
	#nlist .right .search .key3{ float:right}
	#nlist .right .search .btn2{ float:right}
}

#nlist .newslist{ width:100%; background:#fff; padding:20px 20px 40px; box-sizing:border-box}
#nlist .newslist ul li{ line-height:40px; padding:0 10px}
#nlist .newslist ul li a{ display:flex;justify-content:start;align-items:center;}
#nlist .newslist ul li:nth-child(2n){ background:#f9f9f9}
#nlist .newslist ul li:hover{ background:#e5f4f3}
#nlist .newslist ul li span{ float:right}
@media (max-width:800px){
	#nlist .newslist{padding:.3rem;}
	#nlist .newslist ul li{ padding:.15rem 0; border-bottom:1px dashed #eee}
	#nlist .newslist ul li:nth-child(2n){ background:#fff}
	#nlist .newslist ul li span{ display:none}
	#nlist .newslist ul li a{ font-size:.24rem; line-height:.4rem}
}

.zhaobiaoBtn{text-align: center;}
.zhaobiaoBtn .btn{background: #009688;width: 200px;line-height: 34px;border: 0;border-radius: 4px;color: #fff;font-size: 16px;cursor: pointer;}
.zhaobiaoBtn .btnNoActive{background: #bbb;cursor: auto;}
