/**
 * 20210425
 * 优化表单样式 http://www.niuguwen.com/course/art-33
 */
@charset "utf-8";
*{ padding:0; margin:0; }
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;}

.w100{width:100%;height:auto; overflow:auto;}
.wpx{ width:1200px; height:auto; overflow:auto; overflow:hidden; margin:0 auto;}
.w90{ width:90%;height:auto; overflow:auto; overflow:hidden; margin:0 auto;}
.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; }
/*面包屑导航*/
.postion{ height: auto; overflow: auto; overflow: hidden; border-bottom: 1px solid #18a4fd; padding-top:5px; position: relative;}
.postion .left{width:250px; height:60px; background:#18a4fd; line-height:60px; font-size:24px; color:#fff; text-align:center; font-weight:400;}
.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;}
/*标题*/
.title{position:relative;color:#0A3668;border-bottom:1px solid #ebebeb;line-height:2em;font-weight:500;font-size:16px;}
.title::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;}

/*表单*/
.ngwform{width:100%; position: relative;top: 0;margin:0 auto;background:rgba(255,255,255,0.5);color: #515558;}
.ngwform form{padding:10px 10px;}
.ngwform form textarea,.ngwform form select,.ngwform form section{width: 100%; padding-left: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 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-left: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;}
.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 50px; background:#27d;color:#fff;border:0; cursor: pointer;}
.ngwform .btn:hover{border:1px solid #0260d2; font-size:200%;}
.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;}

/*导航*/
.ngwnav{ width: 100%; background: #E4393C;}
.ngwnav nav{width: 1200px; margin: 0 auto; padding-left: 210px;position: relative;z-index: 10;box-sizing:border-box;}
.ngwnav #l{width:210px;height:50px; line-height: 50px; position: absolute;left: 0;top:0;z-index:20;}
.ngwnav #l .ld{background:#CD292B;cursor: pointer;}
.ngwnav #l .ld h2{font-size: 14px;color: #fff;padding-left:20px;color: #fff}
.ngwnav #l .ld b{display:block;width: 20px;height: 20px;position: absolute;right: 10px;top:15px;background: url(../images/arrow.gif) no-repeat 0 0;}
.ngwnav #l #allsort{display:none;width:100%;height:auto;position: absolute;left: 0;top:48px;border:2px solid #CD292B;background-color: #fafafa;box-sizing:border-box;}
.ngwnav #l #allsort .item{width:100%;height:35px; line-height: 35px; border-bottom: 1px solid #fff;float: left;}
.ngwnav #l #allsort .item h3{width:100%; text-indent: 10px; position:absolute;font-size:14px;font-weight: normal;color: #333;}
.ngwnav #l #allsort .item h3 a{color: #333;text-decoration: none;}
.ngwnav #l #allsort .item h3 a:hover{color: #E4393C;font-weight: bold;}
.ngwnav #l #allsort .item .i-mc{display:none;width: 680px;height: 388px;padding:10px;background:#fff;border:1px solid #ddd;position: absolute;left:208px;top: 0;z-index: 25;box-sizing:border-box;}
.ngwnav #l #allsort .on h3{background: #ccc;z-index:40;}
.ngwnav #l.on .ld b{background: url(../images/arrow.gif) no-repeat 0 -20px;}
.ngwnav #l.on #allsort{display: block; box-sizing:border-box;} 
.ngwnav #l.on #allsort .on .i-mc{display: block;}
.ngwnav .i-mc dl dt{ color: #F75C4C; font-size: 14px; border-bottom:1px solid rgba(0,0,0,0.2); }
.ngwnav .i-mc dl dd{ color: #2D2D2D; font-size: 14px; }
.ngwnav #r{height:50px;line-height:50px;}
.ngwnav #r li{float: left;height:50px;line-height:50px;}
.ngwnav #r li a{display:block; padding:0 30px;height:50px;line-height:50px;color: #fff;font:700 15px/40px "microsoft yahei";text-decoration: none;}
.ngwnav #r li a:hover{color: #fff;background: #a40000;}

/*搜索框*/
.ngwsearch{ width:100%; overflow: hidden; padding:10px 0;}
.ngwsearch form{width:230px; height:37px; border:1px solid #CDCDCD; margin:auto;}
.ngwsearch form input{float:left; width:168px; height:35px; line-height:35px; border:0; color:#ABABAB; }
.ngwsearch form button{float:right; width:60px; height:35px; line-height:35px; border:0; color:#ABABAB;}

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

/*表格*/
.table{ width:100%;}
.table 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%;}
.table tbody tr td{ text-align:center; border:#FFF 1px solid; height:30px; line-height:30px; white-space:nowrap; color:#555555;  max-width:10%;}
.table tbody tr:hover{ background-color:#bce774; color:#555555;}
.table 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%;}

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