@charset "utf-8"; 
/********************************************************************
* 公共
********************************************************************/
body {
background-color:#1F2229;
color:#FAFAFA;
}



a {color: #999;}
a:hover{color: #EEE;}

/********************************************************************
* 框架
********************************************************************/
#wrap{
	width:1000px;/*宽度视该网站宽度而定*/
}
#header,#middle,#footer{width: 100%;}
#header{height: 80px;margin-bottom: 10px;}

#footer{background: #16151A;}

#middle{background: #353A46;}/*#191D20;*/
.sider{
	width: 240px;
	background: transparent;/*实际背景由middle的背景色决定*/
}
.mainer{
	width: 760px;
	background: #353A46;/*可更改为需要的背景色*/
}
.mbox{width:750px;margin-left: 10px;margin-bottom: 10px;}
.sbox{width: 100%;margin-bottom: 10px;}






/********************************************************************
* middle
********************************************************************/
/*==========title==========*/
h1,h2,h3,h4,h5,h6,dt{padding:5px 15px;}
.mbox>h1{font-size: 20px;text-align: center;color:orange;}
.mbox>h2{}
.mbox>h4{}
.mbox h3,.mbox dt{font-size: 16px;color: #F7B22A;}
.sbox h5,.sbox dt{
	font-size: 16px;background: #EA5E14;
	margin-top:10px;
}
.sbox h5{margin-bottom: 10px;}

#sy .sbox h5{margin: 0 0 10px 0;}

.newslist>dt{}
.newslist>dd{padding:7px 15px;width: 94%;margin-right: 3%;}/*首页*/
.newslist>dd{border-bottom: 1px dashed #AAA;}
/*.newslist>dd+dd{border-top: 1px dashed #AAA;}*/
.newslist dd span {
display: inline-block;float: right;text-align: right;
width: 100px;font-weight: 400;color: #888;
}

/*===侧边栏导航===*/
/*首页左侧，联系我们左侧*/
.ylista>dt{font-size:16px;margin-bottom: 10px;}
.ylista>dd{
color:#DDD;
font-size: 14px;
font-weight: 700;
padding:2px 15px;
line-height: 1.3em;
text-align: left;
clear: both;
}

.ylista>dd>b{display: inline-block;float: left;width:50px;}
.ylista>dd>span{display: inline-block;float: left;width:160px;}
/*除（首页和联系我们以外）的其他页面左侧*/
.ylist>dt{font-size:16px;margin-bottom: 10px;}
.ylist>dd{
background: url(../img/li1.jpg) no-repeat  15px 9px;
color:#EEE;
font-size: 16px;
font-weight: 700;
padding:2px 15px 2px 35px;
line-height: 1.5em;
text-align: left;
clear: both;
}
.ylist>dd+dd>a{}

.ylist>dd>a{}

/*====================one====================*/


/*====================two====================*/
/*=====mainer中的盒子=====*/
.mbox img{max-width: 700px;}

.nr{width:94%;padding: 2%;}
.para {padding: 10px 20px;}

.titleinfo {
border-bottom: 1px dashed #CCC;
text-align: right;
font-size: 12px;
width: 90%;
margin:0 3% 5px;
padding: 0 3% 5px;
}
/*===封面页===*/
.cateimg{width:240px;height:96px;}

/*===产品列表===*/
.mbox>.pbox>li{width:240px;margin-right: 10px;margin-bottom:10px;float: left;}
.mbox>.pbox>li+li{}
.mbox>.pbox>li>.imgbox{}
.mbox>.pbox>li>.imgbox>a>img{width:240px;height:240px;}
.mbox>.pbox>li>h4{text-align: center;}
.mbox>.pbox>li>h4>a{}
.mbox>.pbox>li>h4>span{}
.mbox>.pbox>li>p{}




/*===内容页===*/
.mbox .nr table{border-collapse: separate;}
.mbox .nr .imgbox {margin-bottom: 10px;}
.mbox .nr .imgbox img{width: 600px;height:600px;}

/*=====sider中的盒子=====*/
.sbox{}










/*===分页===*/
.pagelink .page {height: 30px;margin-top: 20px;}
.page ul {list-style-type: none;margin: 0;padding: 0;}
.page li {padding-left:15px;float: left;list-style-type: none;height: 30px;line-height: 20px;color:#DDD;}



/********************************************************************
* 不同页面
********************************************************************/



/*===首页===*/



/*===联系我们===*/
.textfield {
width: 266px;
height: 30px;
border: none;
line-height: 30px;
padding-left: 2px;
}
.mess_but {
display: block;width: 300px;height: 30px;
margin-top: 23px;
text-align: center;
line-height: 25px;
color: #fff;
border: none;
cursor: pointer;
}
.message tr{height:45px;line-height: 30px;margin-bottom: 15px;}
.message .tdleft{vertical-align: middle;}
.message .tdright{vertical-align: middle;}
.message tr.liuyan{height:160px;}



/********************************************************************
* Header
********************************************************************/


#top{float:right;width:720px;height:35px;line-height:35px;padding:0;text-align: right;}

#logo{float:left;width:280px;}
#logo img{height:80px;max-width: 240px;}
#nav {float:right;width:720px;}
#xnav{
}
#xnav>li{width:120px;}
#xnav>li>a{
width:90%;height:45px;
padding:0 5%;/*margin-top: 35px;*/

font-size: 18px;
line-height: 45px;
font-weight:bold;
text-decoration:none;

color:#FFFFFF;
background-color:#2F3239;
}
#xnav>li>a:hover{background-color:#cc0000;}




#bread{}
/********************************************************************
* Footer
********************************************************************/
#friendlink{}
#copy{margin: 20px auto 10px;text-align: center;color:#666;}
#bottom{margin: 0 auto 20px;text-align: center;color: #666;}