/**
 * 20210425
 * 优化表单样式 http://www.niuguwen.com/course/art-33
 20210530 增加后台界面
 20220517 优化部分
 20230317 优化表单
 */
@charset "utf-8";
*{ padding:0; margin:0;}
*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
body{font-size:12px;background-color:#FFF; font-family:"Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; color:#000;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}/**/
a{color:#000; text-outline:none; text-decoration:none;}
a:hover{color:#337AB7;}
a img{border:0;}
li{ list-style:none;}
input{border-radius:5px; padding-left:10px; border:1px solid #aaaaaa;}
pre{font-size:12px; background-color:#eee; border:1px solid #ccc; padding:5px; max-width:100%; border-radius:5px; margin:20px 0;white-space:pre-wrap;word-break:break-all;word-wrap:break-word;border-left-width:4px; line-height:25px;}

.w100{width:100%;height:auto; overflow:auto; overflow:hidden; box-sizing:border-box;}
.wpx{width:1200px; height:auto; overflow:auto; overflow:hidden; margin:0 auto; box-sizing:border-box;}
@media screen and (max-width:1280px){
	.wpx{width:1200px;}
}
@media screen and (max-width:990px){
	.wpx{width:960px;}
}
@media screen and (max-width:768px){
	.wpx{width:720px;}
}
@media screen and (max-width:560px){
	.wpx{width:500px;}
}
.w90{ width:90%;height:auto; overflow:auto; overflow:hidden; margin:0 auto; box-sizing:border-box;}
.right{ float:right;}
.left{ float:left;}
.fr{ float:right;}
.fl{ float:left;}
.fc{ float:left;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}

.hidden{display:none}
.readonly{ background-color:#CCC;}
.hand{ cursor: pointer; }

.topbanner{ height:35px;line-height:35px; background-color:#eee;}
.topbanner a{color:#999;}
.logosearch{height:110px; padding-top:5px;}
.logosearch .logo{ float: left;}
.logosearch .logo img{ max-height: 100px;}
/*搜索框*/
.ngwsearch{width:500px; overflow:hidden; padding:10px 0; margin:auto;}
.ngwsearch form{width:100%; height:37px; border:1px solid #CDCDCD; margin:auto;box-sizing:border-box;}
.ngwsearch form select{float:left;width:120px; height:35px; line-height:35px; border:0; text-indent:20px;border-right:1px solid #CDCDCD;}
.ngwsearch form input{float:left; width:300px; height:35px; line-height:35px; border:0; color:#ABABAB; }
.ngwsearch form button{float:right; width:68px; height:35px; line-height:35px; border:0; color:#ABABAB;}

.ngwtop{ height:90px;background-color: #3c4e6c; border-bottom:3px solid #fb9337;}
.ngwtop .left{width:15%;background-color: #f0f2f3;color:#4a5a7f;}
.ngwtop a{ color:#4a5a7f;}
.ngwtop .logo{font-size:32px; height:90px; line-height:90px; color: #FFF; padding-left:20px;}
.ngwtop .logo span{ color:#fb9337}
.ngwtop .logo a{color:#fff; font-size:22px; height:90px; line-height:90px; display:inline-block;}
.ngwtop .right{width:85%; background-color:#fff; color:#5d77ad; border-bottom:1px solid #ccc;}
.ngwtop .topnav{ color: #FFF;padding-bottom:10px;}
.ngwtop .topnav dt{ text-align: right; padding-top: 10px; }
.ngwtop .topnav dt a{ float: right;color: #fff;padding-right: 10px; }
.ngwtop .topnav dd{margin-top:40px; }
.ngwtop .topnav dd a{float: left; color:#fff; padding-right: 10px; text-align: right;}
.ngwtop .search{ padding:28px 0 0 20px; margin-left:60px;}
.ngwtop .search input,button{ height:35px; line-height:35px; border: 0; border-radius: 0; padding:0 20px;}
.ngwtop .search input{ width:200px;  background-color: #32415a; color: #4a5b78;}
.ngwtop .search button{ background-color: #2a374c; color: #7089a4;}

.ngwsidebar{float:left; width:15%; height: 100%; background: #f0f2f3;}
.ngwsidebar dt a{color:#4a5a7f; font-size:22px; height:80px; line-height:80px; display:block; border-bottom:1px #dae4ec solid;}
.ngwsidebar dd{ padding-top:30px;}
.ngwsidebar dd a{color:#4a5a7f; font-size:20px; height:55px; line-height:55px; display: block; text-indent:20px;}
.ngwsidebar dd a:hover{color:#fff; background-color:#418bff; border-radius:10px; text-decoration:none; }
.ngwsidebar dd a span{padding-right:10px; font-size:120%;}

/*左侧手风琴导航*/
.navSFQ{float:left; width:200px;background: #263238;}
.navSFQ .navName {padding:12px 20px;letter-spacing:0.05em;font-size:13px;color:#ccc;font-weight:700;}
.navSFQ .tishi{width:30px;height:20px;line-height:20px; border-radius:10px;background-color:#3c4e6c; color:#fff; margin:15px 10px 0 0;}
.navSFQ .nav-list ul .a_active{background: rgba(0,0,0,.2); color: #ABB1B7;}
.navSFQ .nav-list ul .a_active .active{color:#ABB1B7;font-weight:700; border-left:2px solid #34A0CE;}
.navSFQ .nav-list ul .nav-tab{list-style:none;}
.navSFQ .nav-list ul .nav-tab .li-a{text-decoration:none;display:block;height:50px; line-height:50px;font-size:14px;color: #ABB1B7;text-indent:10px;}
.navSFQ .nav-list ul .nav-tab .li-a .bx{font-size:17px;vertical-align:text-top;margin-right:6px;}
.navSFQ .nav-list ul .nav-tab .nav-box{height:0;overflow:hidden;}
.navSFQ .nav-list ul .nav-show .nav-box{height:auto !important;padding-bottom:12px;transition:all 0.6s;}
.navSFQ .nav-list ul .nav-show .nav-box a{text-decoration:none;display:block;font-size:13px;transition:all 0.3s;margin-left:0px;height:50px;line-height:50px;color: #ABB1B7;text-indent:10px;}
.navSFQ .nav-list ul .nav-show .nav-box .active-li-a{color:#FFF;background:rgba(0, 0, 0,.4);font-weight:700;}
.navSFQ .nav-list ul .nav-show .nav-box a:hover{margin-left:6px;color:#FFF;background:rgba(0, 0, 0,.4);}
.navSFQ .nav-list .li-a{transition:all 0.8s;margin-left:0px;}
.navSFQ .nav-list .li-a:hover{margin-left:6px;}
.navSFQ .nav-more{float:right;margin-right:10px;font-size:14px;}

.ngwmain{ float: left; width:85%;}
.ngwmain .mainsearch{ width: 96%; margin: 0 auto;}
.ngwmain .mainsearch input,button{ height: 35px; line-height:35px; border: 0; border-radius: 0; padding:0 20px;}
.ngwmain .mainsearch input{ width:200px;  background-color: #32415a; color: #4a5b78;}
.ngwmain .mainsearch button{ background-color: #2a374c; color: #7089a4;}
.ngwmain .mainform{width: 96%; margin: 0 auto;padding-bottom: 20px;}
.ngwmain .mainform .menu{ width: 100%; position: relative;}
.ngwmain .mainform .menu ul{height:90px;}
.ngwmain .mainform .menu ul li{ float: left; width: 120px;}
.ngwmain .mainform .menu ul li a span{ width: 100%; display:block; height:45px; line-height:45px; text-align: center; font-size: 18px;}
.ngwmain .mainform .menu ul li a span:first-child{ font-size: 36px;}
.ngwmain .maininfo{ width: 96%; margin: 0 auto;}

/*面包屑导航*/
.position{ height:80px; border-bottom: 1px solid #FF6C39;font-size: 18px; color: #FF6C39; margin-bottom:20px;}
.position .left{width:250px;  padding-top:35px; font-size: 30px; color: #FF6C39; letter-spacing: 1.5px; text-align: justify;}
.position .right{ padding-top:50px; color:#6A6A6A;font-size:14px;}
.position .right ul li{ float: left; padding-right:10px;}
.position .right li a{font-size:14px; color: #FF6C39; text-align: left; }
.position .right li .active{color:#18a4fd;}

.breadcrumb{position:relative;}
.breadcrumb ul{ position: absolute; bottom:10px; right:0;}
.breadcrumb li{ float: left; padding-right:10px;}
.breadcrumb li a{ color:#666666; }
.breadcrumb li .active{color:#18a4fd;}
/*标题*/
.ngwtitle{position:relative;color:#0A3668;border-bottom:1px solid #ebebeb;line-height:2em;font-weight:500;font-size:16px;padding-bottom:10px;}
.ngwtitle::after {background: #0A3668 none repeat scroll 0 0;bottom: -1px;content: "";height: 1px;left: -5px;position: absolute;width:auto;}

/*焦点图*/
.slide-main{height:auto;position:relative;}
.slide-main .prev,.slide-main .next{display:block;width:44px;height:44px;position:absolute;top:50%;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none; margin-top: -22px;}
.slide-main .prev{left:5%;}
.slide-main .next{right:5%;}
.slide-main .prev:hover,.slide-main .next:hover,.slide-main .nav-main a:hover,.slide-main .nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.slide-main .slide-box,.slide{width:100%;overflow:hidden;display:block;}
@media screen and (max-width:1920px){
	.slide-main .slide-box,.slide{height:600px;}
}
@media screen and (max-width:1680px){
	.slide-main .slide-box,.slide{height:470px;}
}
@media screen and (max-width:1300px){
	.slide-main .slide-box,.slide{height:410px;}
}
@media screen and (max-width:1000px){
	.slide-main .slide-box,.slide{height:320px;}
}
@media screen and (max-width:800px){
	.slide-main .slide-box,.slide{height:250px;}
}
@media screen and (max-width:680px){
	.slide-main .slide-box,.slide{height:215px;}
}
@media screen and (max-width:480px){
	.slide-main .slide-box,.slide{height:150px;}
}
@media screen and (max-width:300px){
	.slide-main .slide-box,.slide{height:95px;}
}
.slide-main .slide-box{position:relative;}
.slide-main .slide{display:none;position:relative;position:absolute;z-index:8;}
.slide-main .slide a{max-width:100%;max-height:100%;display:block;cursor:pointer;}
.slide-main .slide a img{max-width: 100%; max-height:100%;}
.slide-main .item{width:100%;height:10px;display:block;position:absolute;z-index:124;bottom:15%;left:0;text-align:center;}
.slide-main .item a{width:20px;height:20px; border-radius:20px; display:inline-block;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.slide-main .item a.cur{background:#fff;}

/*登录页面*/
.ngwlogin{width:500px; height:auto; overflow:auto; border-radius:5px; margin:200px auto 0; background-color:#4a98af; color:#fff;}
.ngwlogin .formtitle{width:100%; height:100px;background:url(../images/logo.png) left top no-repeat; background-size:100px; background-position:10px 10px; padding-top:50px; text-align: center; box-sizing:border-box;}
.ngwlogin .formtitle a{color:#fff; font-size:30px;}
.ngwlogin .formbody{background:#ddd; display:block;}
/*表单*/
.ngwform{width:100%;height:auto;overflow:auto; position: relative;top: 0;margin:0 auto;background:rgba(255,255,255,0.5);color:#515558; padding:30px;box-sizing:border-box;}
.ngwform .formtitle{height:60px;line-height:60px;text-align:center; font-size:200%; font-weight:bold;}
.ngwform .huise{line-height:24px;color: #666;background: -webkit-linear-gradient(top, #f2f2f2, #eee);border-bottom-color: #ddd;padding-left: 28px;border-radius: 6px 6px 0 0;}
.ngwform form{padding:10px 10px;}
.ngwform form textarea,.ngwform form select,.ngwform form section{width:100%; padding:0 10px 0 100px; border-radius:5px;background-color:#efefef; color:#696c6e; font-size:14px;}
.ngwform form section{height: 38px;line-height: 38px;line-height: 36px\9;border: none; width:100%;outline:none;}
.ngwform form section p{float:left; margin-right:10px;}
.ngwform form section .radio,.ngwform form section .checkbox{float:left; width:auto; height:38px;line-height:38px;}
.ngwform form div{position:relative;margin-bottom:20px;clear:both;width:100%;height:auto;overflow: auto; overflow:hidden;}
.ngwform form div label{position: absolute;color: #5e626b;top: 10px; left:10px; font-size:13px; width:80px; text-align:right;}
.ngwform .input{width:100%; padding:0 10px 0 100px; border-radius:5px; background-color:#efefef; color: #696c6e; font-size: 14px; height: 38px;line-height:38px;line-height:36px\9;border:none; width:100%;outline:none;box-sizing:border-box;}
.ngwform form select{ height: 38px;line-height: 38px;line-height: 36px\9;border: none; width:100%;outline:none;}
.ngwform form select option{ height: 38px;line-height: 38px;line-height: 36px\9;border: none; width:100%;outline:none;}
.ngwform .btn{padding:10px 20px; background:#27d; color:#fff; border:0; cursor:pointer; display:inline-block;}
.ngwform .btn:hover{border:1px solid #0260d2; font-size:200%;}
.ngwform button{padding:0 10px; height:38px; line-height:38px;}
.ngwform .gobackbtn{padding:10px 50px; background:#efefef; color:#5e626b; border:0; cursor:pointer;}
.ngwform .gobackbtn:hover{border:1px solid #5e626b;}
.ngwform textarea{padding:10px 0;  border:0; height:100px;}
/*弹窗*/
#ngwtc{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:none;}
#ngwtc #gbtc{position:absolute;top:0;right:0;width:50px;height:50px;text-align:center;line-height:50px;font-size:30px;cursor:pointer;color:#000;z-index:100;}
#ngwtc .tcnr{position:fixed;width:50%;left:50%;margin-left:-25%;top:100px;px;height:auto;overflow:auto; background:#fff;}
/*导航*/
.dswnav {width:100%;background:#379be9;height:60px;line-height:60px;font-size:14px;z-index:999;}
.dswnav .navsun {width:1200px;margin:0 auto;position:relative;z-index:20;}
.dswnav .navsun .logo{position:absolute;left:0;top:7px;}
.dswnav .navsun .logo img{max-height:60px; max-width:280px;}
.dswnav #l {width:150px;position:absolute;left:0;top:0;z-index:20}
.dswnav #l .lt {display:block;width:150px;height:60px;background-color:rgba(8,19,82,.21);cursor:pointer}
.dswnav #l .lt span {font-size:14px;color:#fff;margin-left:26px}
.dswnav #l .lt a {color:#fff;padding-left:20px}
.dswnav #l .lt b {display:block;width:20px;height:20px;position:absolute;right:10px;top:20px;background:url(../images/arrow.png) no-repeat 0 0}
.dswnav #l nav {display:none;width:100%;height:auto;position:absolute;left:0;top:60px;background-color:#202e80;z-index:999}
.dswnav #l nav .item {width:100%;height:60px;line-height:60px;border-bottom:1px solid rgba(246,246,246,.2);float:left}
.dswnav #l nav .item h3 {width:100%;text-indent:10px;position:absolute;font-weight:400}
.dswnav #l nav .item h3 a {display:block;color:#fff;text-decoration:none}
.dswnav #l nav .item h3 a:hover {background-color:#fff;color:#000}
.dswnav #l nav .item .list {display:none;width:660px;height:360px;padding:10px;background:#fff;position:absolute;left:150px;top:0;z-index:25;box-sizing:border-box}
.dswnav #l nav .item .list div {width:30px;height:30px;margin-left:35%}
.dswnav #l nav .on h3 {z-index:40}
.dswnav #l nav .on h3 a {background:#fff;color:#000}
.dswnav #l.on .lt b {background:url(../images/arrow.png) no-repeat 0 -20px}
.dswnav #l.on nav {display:block;box-sizing:border-box}
.dswnav #l.on nav .on .list {display:block}
.dswnav .list dl {float:left;width:100px;text-align:center;overflow:hidden}
.dswnav .list dl:hover {background:#fff;box-shadow:2px 3px 9px 0 rgba(134,134,134,.18);border-radius:8px}
.dswnav .list dl dt {padding-top:10px;height:30px;font-size:25px}
.dswnav .list dl dt img {width:30px;height:30px}
.dswnav .list dl dd {overflow:hidden;word-break:normal}
.dswnav #r {float:right}
.dswnav #r li {float:left}
.dswnav #r li img {vertical-align:middle}
.dswnav #r li a {display:block;color:#fff;height:60px;line-height:60px;padding:0 20px;font-size:14px}
.dswnav #r li a:hover {color:#fff;background:#47bdf4}
.dswnav #r li .active {color:#fff;background:rgba(8,19,82,.5)}

.topSearch{ display:block; height:25px; line-height:25px; float:right; margin-top:10px; position:relative; background:#fff;}
.topSearchTxt{ height:25px;width:143px; line-height:25px; overflow: hidden; border:0; float:left; text-indent:5px; color:#000;}
.topSearchBtn{ height:25px; width:24px; cursor:pointer;background:url(../images/bs.png) #fff no-repeat left -24px;  border:0;}
.topSearchBtn:hover{background:url(../images/bs.png) no-repeat;}

#nav{width:230px; line-height:50px; list-style-type:none; text-align:left;}
/*==================一级目录===================*/
#nav a{width:230px; display:block; text-indent:20px;}
#nav a:hover{color:#FFF;text-decoration:none;font-weight:bold;}
#nav li {float:left; background:#f4f4f4; border-bottom:#d7d7d7 1px solid;}
#nav li a{font-size:14px;}
#nav li a:hover{background:#CC0000;}
/*==================二级目录===================*/
#nav li ul {list-style:none; text-align:left;}
#nav li ul li{ width:100%; background-color:#FFF; /*二级目录的背景色*/}
#nav li ul a{font-size:13px; font-weight:normal; text-indent:20px; display:block;}
#nav li ul a:hover{color:#F3F3F3; text-decoration:none; font-weight:normal; background:#036;}
#nav ul.collapsed { display: none;}

/*栏目导航区域*/
.NavDL{ padding-bottom:2rem;}
.NavDL dt{height:5rem; line-height:5rem; margin-bottom:1rem;}
.NavDL dd{height: 3rem; line-height: 3rem; border-bottom: 1px dashed #e4e4e4;}

/*表格*/
.ngwtable{ width:100%;}
.ngwtable thead tr td{ text-align:center; background-color:#4a98af; color:#FFF; height:35px; line-height:35px; font-size:15px; font-weight:bold; border:#FFF 1px solid; white-space:nowrap; max-width:10%;}
.ngwtable tbody tr td{ text-align:center; border:#FFF 1px solid; height:30px; line-height:30px; white-space:nowrap; color:#555555;  max-width:10%;}
.ngwtable tbody tr:hover{ background-color:#bce774; color:#555555;}
.ngwtable tbody tr:nth-child(odd){background:#e5f1f4;}

/*多图上传组件*/
.shade{position:absolute; display: none; width: 100%; height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.55);}
.shade div{width: 300px;height: 200px;line-height: 200px;position: absolute;top: 50%;left: 50%;margin-top: -100px;margin-left: -150px;background: white;border-radius: 5px;text-align: center;}
.a-upload{height:35px; line-height:35px; padding:0 10px; position:relative; cursor: pointer; color: #888;background: #fafafa;border: 1px solid #ddd;border-radius: 4px;overflow: hidden;display: inline-block;*display: inline;*zoom: 1}
.a-upload input{height:35px; line-height: 35px; position: absolute; font-size:20px; right: 0; top: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer}
.a-upload:hover{color: #444;background: #eee;border-color: #ccc;text-decoration: none}
.img_div{min-height: 100px; min-width: 100px;}
.isImg{width: 120px; height: 120px; position: relative; float: left; margin-left: 10px;}
.removeBtn{position: absolute; top: 0; right: 0; z-index: 11; border: 0px; background: red; width:15px; height:15px; line-height:15px; color: white;}
.shadeImg{position: absolute;display: none;width: 100%;height: 100%;top: 0;left: 0;z-index: 15;text-align: center;background: rgba(0, 0, 0, 0.55);}
.showImg{width: 400px; height:400px;}

/*选项卡*/
.ngwTab .tabNav{float:left;width:100%;border-bottom:1px solid #ccc;}
.ngwTab .tabNav li{float:left;padding:10px 20px;display:block; cursor:pointer;}
.ngwTab .tabNav li a{width:100%;height:100%; cursor:pointer; display:block; color:#fff;}
.ngwTab .tabNav .active{ background-color:#44cef6; color:#fff;}
.ngwTab .tabContent{float:left;width:100%;}

/*tag页面*/
.tags h2{width:100%; height:38px; line-height:38px;color:#333; border-bottom:#ff8400 solid 2px; margin-top:15px; font-size: 20px;}
.tags ul{line-height: 35px;}
.tags ul li{float: left;}
.tags ul li a{color:#666; font-size: 16px; padding-right:20px;}
.tags h3{font-size:20px; height: 60px; line-height: 60px; color:#666;}
.tags h3 strong{color: #333;}
.tags section{ margin-bottom: 20px; background-color:#eee; padding:20px; box-sizing: border-box; border-radius:5px;}
.tags section .left{width:200px; overflow: hidden;}
.tags section .right{width:940px;}
.tags section img{max-width: 200px;}
.tags section dt{height:38px; border-bottom:dashed 1px #666;}
.tags section dt a{font-size: 20px;}
.tags section dd{ padding-top: 10px; line-height:25px;}

/*分页*/
.ngwpage{ height:35px; line-height:35px; margin-top:2rem;}
.ngwpage section{position:relative; left:50%; float:left;}
.ngwpage ul{position:relative; left:-50%;}
.ngwpage ul li{ float:left; margin-left:5px;}
.ngwpage ul li a{ padding:10px;background-color:#f4f4f4; color:#7a7a7a; }
.ngwpage ul li a.select{ background-color:#8accfc; color:#447aa8; }

.copyright{margin-top:10px; height:50px; line-height:50px; background-color: #1B1B1B; color: #fff; text-align:center;}
.copyright a{color: #fff;}