body, ul, li, h1, h2, h3,h4, p, table, tr, td, th ,img ,form{font-size:100%;padding: 0;margin: 0;font-weight: normal;border: 0;font-family:"Microsoft YaHei", "宋体";}
body{ font-size:13px;color:#000;line-height:18px;/*background:repeat url('../images/b.gif') ; */}
h3{font-size:17px;}
h4{font-size:16px;}
ul li{list-style: none;}
a {outline:none;text-decoration: none;color:#444}
a:hover {color: #ab4b00}
#header-nav{margin:0 auto;  width:100%; height:90px;background-color:#444; text-align:center}
#header-nav ul{ width:auto;margin:0 auto; display:inline-block}
#header-nav li{float:left; border-right:1px solid #555050}
#header-nav li a{padding: 36px 15px;display: block; color:#ccc; font-size:16px;}
#header-nav li a:hover{background-color:#ab4b00; color:#fff} 
a.select{background-color:#a13314;color:#fff} 
.logo{width:450px; height:80px;background:url(../images/logo.png) no-repeat 10px 15px;background-size:170px;border-right:0px!important;}
@media screen and (max-width: 800px) {
    .logo{width:85px; margin-right:5px}
	#header-nav li a{padding: 36px 12px;}
}
/*banner*/
#banner{margin:0 auto;position:relative;background:linear-gradient(to bottom, #dedede, #ffffff);}
#banner div{width:100%;left:0;top:0;display:none;}
#banner #dian{display:block;height:12px;bottom:10px;top:auto;text-align:center;position:absolute;}
#banner ul{ width:100px;margin:0 auto;font-size:0}
#banner li{float:left;cursor:pointer;height:12px;width:25px;background:url(../images/d.png) 0px 0px no-repeat;}
#banner li.select{background:url(../images/d.png) 0px -12px no-repeat;}
#banner img{width:100%;max-width:1000px;}
/*nav*/
#nav{width:100%;max-width:1000px;overflow:hidden;margin:0 auto; }
#nav .navn{height:200px; width:100%;overflow:hidden;}
#nav .navt{height:100px; width:100%;overflow:hidden;display:inline-block;background:linear-gradient(to right, #838383, #7c7c7c);}
#nav .navx{height:100px;overflow:hidden; text-align:left; display:inline-block;box-sizing:border-box;vertical-align:middle; padding-top:10px; font-weight:bold; color:#fff; font-size:18px; line-height:24px}
#nav span{height:100px; width:100%;overflow:hidden; display:block;box-sizing:border-box; font-size:16px; padding-top:5px; font-weight:normal;}
#nav img{margin:15px; vertical-align:middle}
#nav li{float:left;cursor:pointer; width:25%}
#nav p{padding:15px; height:100px; width:100%;word-break:break-all; background-color:#f5f5f5;box-sizing:border-box;}
@media screen and (max-width: 800px) {
    #nav li{width:50%}
}
/*panel*/
.panel{max-width:1000px;width:100%;margin:0 auto;/*border:1px solid #dedede; */overflow:hidden;}/* height:300px; */
.panel_fangwei{width:100%; text-align: center;}
.panel_right{width:300px;float:right; margin-right:15px}
.panel .title{height:65px;line-height:55px; text-align:center;background:url(../images/xt.gif) no-repeat 10px 45px;overflow:hidden;padding:0 30px 0 15px}
.panel .title a{display:block;font-size:14px;color:#888;float:right;}
.panel .tit{height:100px;line-height:120px; text-align:center; font-size:24px; font-weight:100;}
/*fangwei*/
.panel_fangwei h3{float:left;}
.fangwei_tab{ height:20px; padding:5px; margin:0 auto; text-align:center; width:auto; display:inline-block}
.fangwei_tab li{float:left;cursor:pointer;padding:5px 10px;display:block;color:#000;}
.fangwei_pro{width:100%;padding:10px 0px 0 10px; margin:0 auto;box-sizing:border-box;}
.fangwei_pro li{float:left;cursor:pointer;width:25%; box-sizing:border-box; padding:8px 10px 0 0; text-align:center; color:#555}
.fangwei_pro li p{background:url(../images/m.gif) no-repeat 7px 7px; padding-left:23px;height:28px}/*IE6*/
.fangwei_pro h3{font-size:13px; padding:10px 0;width:100%}
#fangwei_pro ul,#yingyong_pro ul{display: none;}
#fangwei_pro img,#yingyong_pro img{border:1px solid #eee; width:100%;}
/*#fangwei_pro ul:first-child{display: block;}/*/
/*system*/
#sys{width:100%;max-width:1000px;margin:0 auto; padding:5px;box-sizing:border-box; text-align:center;font-size:18px }
#sys .navn{height:300px; width:100%;background-size: 100%!important;color:#fff; position:relative;border-radius: 8px;}
#sys .navn div:first-child{background:linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4));height: 300px;border-radius: 8px;}/*background:rgba(0, 0, 0, 0.7);*/
#sys .navt{height:25px;display:block; position:absolute; bottom:15px;left:50%;width: 60px;margin-left: -30px; line-height:25px;border-radius: 12px;background-color:#cc4433;}
#sys .navx{box-sizing:border-box;font-weight:bold; padding-top:130px; color:#fff; line-height:22px}
#sys span{width:100%;display:block;box-sizing:border-box; font-size:16px; padding:5px; font-weight:normal; text-align:left}
#sys img{margin:12px; display:block; margin:auto; padding:10px; width:100px}
#sys li{float:left;cursor:pointer; width:25%;box-sizing:border-box; padding:10px}
#sys p{padding:15px; height:100px; width:100%;word-break:break-all; background-color:#f5f5f5}
#sys .navn:hover,.navn:active{box-shadow: 0 1px 10px rgba(0,0,0,0.9);background-size:120%!important; transition: background-size 0.2s linear;}
@media screen and (max-width: 800px) {
    #sys li{width:50%}
}
.button{
	margin: 0;cursor:pointer;display: inline-block;
	color: #fff;background-color:#f0ad4e;
	border: 1px solid #eea236;
	text-align:center;vertical-align:middle;FONT-FAMILY:verdana;
	padding: 4px 12px;line-height:18px;margin-bottom: 0;font-size: 12px;height: 18px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.button:hover,.button:active{background-color:#ed9c28;border-color:#d58512;color:#fff}
.button:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.button:focus{outline:0;background-color:#ed9c28;color:#fff;border-color:#d58512}
.red{background-color: #d9534f;border-color: #d43f3a;}
.red:hover,.pz-css .red:active{background-color:#d2322d;border-color:#ac2925}
.red:focus{outline:0;background-color:#d2322d;border-color:#ac2925}
.gray{background-color: #fff;border-color: #ccc; color:#333}
.gray:hover,.gray:active{background-color:#ebebeb;border-color:#adadad}
.gray:focus{outline:0;background-color:#ebebeb;border-color:#adadad}
input,textarea{
	margin: 0;height: 32px;	padding: 4px 10px;
	font-size: 12px;line-height: 1.5;border-radius: 3px;
	vertical-align:middle;color: #555;border:1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
input:focus,textarea:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}
label{font-size: 14px;display:inline-block;width:90px; cursor:pointer;text-align:right; vertical-align:middle}
/*list*/
#list{width:100%;margin:0 auto;/*border:1px solid #dedede;*/border-top:none;background-color:#eee;text-shadow: 1px 1px 1px #fff;color:#333; padding:20px 0}
#list dl{float:left;width:33%;padding:0 0 0 20px;box-sizing:border-box}
@media screen and (max-width: 800px) {
	#list dl:first-child{display:none}
	#list dl{width:50%;}
}
#list dt{font-size:18px;font-weight:bold;padding:12px 0;}
#list dd{color:#555;font-size:14px;padding:4px 0; margin-left:10px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
#list dd a{color:#555;}
#list dd a:hover{color:#ab4b00;}
/*crumb---sub*/
.crumb{width:100%; margin:auto;padding:10px 50px;box-sizing:border-box; color:#666;border-top:1px solid #dedede;font-size:16px;cursor:pointer;box-shadow: 0 5px 10px rgb(0 0 0 / 8%);}
.crumb .tab{padding: 5px 0 0;max-width:1000px; margin:auto;overflow:hidden;}
.crumb span{color:#a33313}
.crumb ul li{float:left;padding:5px 8px;line-height:32px;margin:auto;font-size:18px;border-radius:0px; height:32px;}
.crumb ul li:first-child{ font-weight:bold}
.subright ul{display:block; margin:auto}
.subright li{float:left; padding:16px; width:25%;box-sizing:border-box; text-align:center}
.subright img{border:1px solid #ddd; width:100%; }
.subright h3{font-size: 13px;padding-top: 5px;width:100%;}
.subbottom{text-align:right;clear:both; padding:20px}
.subbottom a,b{padding:0 10px; font-size:14px; color:#666}
/*
.subleft{float:left;width:240px;}
.subleft ul{width:200px; margin:auto}
.subleft li{border-bottom:1px solid #f1f1f1; height:45px; line-height:45px; padding-left:20px;}
.subleft li a{font-size:16px;}
*/
.subright{ margin:auto;width:100%;max-width:1000px;padding:25px;box-sizing:border-box; min-height:300px}
.subright p{text-indent: 2em;line-height:28px; font-size:14px}
.subright img{max-width:100%}
.subright h2{font-size:20px; width:100%; text-align:center;line-height:35px;}
.subright small{font-size:12px; display:block; width:100%; text-align:center;color:#666;line-height:30px;}