@charset "utf-8";
/*====================
原css和layout合并。
prototype的样式。
尽量以间隔和大小来到排版达到效果。
======================*/


/*总体大小，样式重定义*/
* {
	-webkit-text-size-adjust:none;
}/*禁用了这一属性，在chrome下放大网页，会导致其它元素均放大，而文字却依然为原定义的“12px”*/
body {
	font-family:"microsoft yahei";
	font-size:12px;
	margin:0px;
	padding:0px;
	overflow-y:scroll;
}
img {
	border:none;
}
/* 设置默认字体,用 ascii 字符表示，使得在任何编码下都无问题  */
body, button, input, select, textarea {
	font: 12px/1 "microsoft yahei", "\5b8b\4f53", sans-serif;
}
/*清除浮动*/
.clearfloat {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}
.clearright {
	clear:right;
	height:0;
	font-size:1px;
	line-height:0px;
}
.clearleftt {
	clear:right;
	height:0;
	font-size:1px;
	line-height:0px;
}
/*清除边框*/
.nbt {
	border-top:none!important;
}
.nbb {
	border-bottom:none!important;
}
.nbl {
	border-left:none!important;
}
.nbr {
	border-right:none!important;
}
.nm {
	margin:0px!important;
}
/*以下为整站样式设置，上为不改动，下为改动，是否将此转移至style?*/
/*连接颜色*/
/*20121208更新去掉背景透明，文字颜色设置*/

a:link {
	text-decoration:none;
}
a:active {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
/*关于样式重置
样式重置，不宜于直接在*{}设置或者body *设置
因为如果在content处，读取数据库内文章，则会出现导致富文本中样式也重置，可能达不到作者之前预览的效果。
所以决定分段处理,待实际需要写边距的元素，再独立添加样式.
.topbar *{margin:0px;padding:0px}
.menu *{margin:0px;padding:0px}
.sidebar *{margin:0px;padding:0px}
.footer *{margin:0px;padding:0px}*/




 
/*翻页样式未进行进一步优化*/

/*翻页*/
.pages {
	background-color:#0e1a2a;
	overflow: hidden;
	margin:15px 0 55px 0;
	height:40px;
	text-align:center;
	width:100%
}
.page-guide {
	margin:0px;
	padding:0px;
	display:inline-block;
}
.product-function {
	clear:both;
}
.page-guide a {
	display:block;
	border:solid 1px #CCC;
	margin:2px;
	padding:2px 8px;
	float:left
}
.page-guide span {
	float: left;
	padding: 2px 8px 2px 8px;
	border: 1px solid #CCC;
	margin:2px;
	color: #999;
}
.page-guide label {
	float:left;
	padding-top:4px;
	margin-right:10px;
}
.page-guide span, .page-guide a {
	padding: 0;
	margin: 0 10px 0 0;
	color: #FFF;
	width: 40px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border: none;
	font-size: 13px;
}
.page-guide a:hover {
	border: none;
	text-decoration: none;
	color:#23ABF1
}
.pages_num {
	float: left;
	overflow: hidden;
}
.pages_num span, .pages_num a {
	background: none!important;
	width: auto;
	color: #ffffff;
}
.pages_num span.ell {
	color: #858585;
}
.pages_num a:hover {
	background: none;
}
/*按钮部 开始 此段代码配合图片sprit.png使用*/

.submit, .cancel, .search, .more, .buy {
	background-image:url("../images/sprite.png")!important;
	display:block;
	border:none;
	background:transparent;
	margin:0px;
	padding:0px;
	cursor:pointer
}
.submit {
	width:85px;
	height:26px;
	background-position:0px 0px;
}
.submit:hover {
	background-position:-101px 0px
}
.cancel {
	width:85px;
	height:26px;
	background-position:0px -50px;
}
.cancel:hover {
	background-position:-101px -50px
}
.search {
	width:71px;
	height:21px;
	background-position:0px -101px;
}
.search:hover {
	background-position:-101px -101px
}
.more {
	width:52px;
	height:16px;
	background-position:0px -140px;
}
.more:hover {
	background-position:-101px -140px
}
.buy {
	width:107px;
	height:26px;
	background-position:0px -174px;
}
.buy:hover {
	background-position:-144px -174px;
}
/*列表图标，包含圆形和正方形，未加上三角形。需要把样式添加至li以上的ul中，因为是直接对样式下的li全部控制*/

.circle li, .square li, .circle li:hover, .square li:hover {
	background-image:url("../images/sprite.png");
	background-repeat:no-repeat
}
.circle li {
	background-position:-690px 9px;
}
.circle li:hover {
	background-position:-690px -41px;
}
.square li {
	background-position:-690px -91px;
}
.square li:hover {
	background-position:-690px -141px;
}
/*主要放置一些标题类的样式，字体的样式,例如文章标题，sidebar标题，content的标题，其他list中的标题*/
/*
h1:详细页面的产品、文章标题,目录名
h2:顶部logo，标语等使用
h3:content中的版块标题
h4:sitebar中的版块标题
h5:版块中的分类标题/板块标题下级层次
h6:版块中的文章,产品标题
*/

/*关于标题的样式设置*/
h1 {
	font-size:36px;
	font-weight:100;
}
h2 {
	font-size:24px;
	font-weight:100;
}
h3 {
	font-size:20px;
	font-weight:100;
}
h4 {
	font-size:18px;
	font-weight:100;
}
h5 {
	font-size:16px;
	font-weight:100;
}
h6 {
	font-size:14px;
	font-weight:100;
}
/*标题通用样式*/
h1, h2, h3, h4, h5, h6 {
	word-wrap:break-word;
	margin:0px;
	padding:0px;
}
/*关于标题的超链接样式设置*/
h1 a {
	color:#0000ff!important;
}
h2 a {
	color:#0000ff!important;
}
h3 a {
	color:#993399!important;
}
h4 a {
	color:#0000ff!important;
}
h5 a {
	color:#0000ff!important;
}
h6 a {
	color:#993399!important;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	text-decoration:none;
!important;
}
h6 a:hover {
	text-decoration:underline;
}
.title-data {
	font-size:10px;
	color:#666666;
}
.title-notice {
	font-size:12px;
	color:#AD3F40;
}
.title-alarm {
	font-size:12px;
	color:#AD3F40;
}
ul, li {
	padding: 0;
	margin: 0;
	list-style: none;
}
#metro {
	position:fixed;
	left:0px;
	top:0px;
	background-color:#222222;
	width:100%;
	height:0px;
	padding:0px;
	z-index:100000;
	float:left;
	overflow:hidden;
	background: rgba(0, 0, 0, 0.9);
}
.line {
	height: 1px;
	line-height: 0;
	overflow: hidden;
	margin: 30px 0;
	padding: 0;
	background: #000;
}
/*返回顶部*/
p#back-to-top {
	position: fixed;
	right: 30px;
	bottom: 100px;
}
p#back-to-top a {
	text-align: center;
	text-decoration: none;
	color: #d1d1d1;
	display: block;
	width: 30px;
	/*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
    -moz-transition: color 1s;
	-webkit-transition: color 1s;
	-o-transition: color 1s;
}
p#back-to-top a:hover {
	color:#979797;
}
p#back-to-top a span {
	background:#d1d1d1 url("../images/arrow-up.jpg") no-repeat;
	border-radius:6px;
	display:block;
	height:50px;/*如果高低设置，少于100，会有动画的哦*/
	width:40px;
	margin-bottom:5px;
	/*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
    -moz-transition:background 1s;
	-webkit-transition:background 1s;
	-o-transition:background 1s;
}
#back-to-top a:hover span {
	background:#979797 url("../images/arrow-up.jpg") no-repeat center center;
}
 @charset "utf-8";
#topbar .main, #header .main, #maincontent, #footer .main, .menu .main, .banner {
	border-left:dashed 1px #f90;
	border:dashed 0px #f90;
}
/*
===========================================================
                公共部分样式结束
===========================================================
*/
/*所有块的居中中间部分*/
.main {
	width: 1000px;
	margin:0 auto
}
.box {
	overflow:hidden
}
.box h6 {
}
.box .img {
}
.box .content {
}
.box .function {
}
/*顶部栏样式====================================================*/
#topbar {
	margin:0;
	padding:0;
	background-color:#111;
	overflow:hidden
}
#topbar .main {
	padding:0;
	margin:0 auto;
	width:1000px;
	overflow:hidden
}
/*顶部栏  功能按钮 样式*/
#topbar .main .function {
	padding:0;
	margin:0;
	list-style-position:inside;
	overflow:hidden;
}
#topbar .main .function li {
	padding:5px 8px;
	float:right;
	margin:0;
	height:20px;
	line-height:20px;
}
#topbar .main .function li:hover {
	background-color:#222
}
#topbar .main .function li a {
	padding:0 0 0 23px;
	margin:0;
	color:#FFF;
	height:20px;
	display:block;
	vertical-align:top;
	text-align:left;
}
#topbar .main .function li:hover a {
	color:#09F;
	text-decoration:none
}
#topbar .main .function .contact a {
	background-position: 0 0;
}
#topbar .main .function .favorite a {
	background-position: 0 -100px;
}
#topbar .main .function .sethomepage a {
	background-position: 0 -150px;
}
#topbar .main .function .homepage a {
	background-position: 0 -50px;
}
#topbar .main .function .contact:hover a {
	background-position: -100px 0;
}
#topbar .main .function .favorite:hover a {
	background-position: -100px -100px;
}
#topbar .main .function .sethomepage:hover a {
	background-position: -100px -150px;
}
#topbar .main .function .homepage:hover a {
	background-position: -100px -50px;
}
/*顶部栏 语言选择 样式*/
.language {
	padding:0;
	margin:0;
	list-style: none inside;
	overflow:hidden;
	float:left
}
.language li {
	padding:5px 8px;
	float:left;
	margin:0 5px 0 0;
	height:35px;
	line-height:35px;
}
.language li a {
	padding:0 0 0px 33px;
	margin:0;
	color:#FFF;
	height:35px;
	display:block;
	vertical-align:top;
	text-align:left;
	background-image:url("../../../images/sprite.png");
	background-repeat:no-repeat;
}
.language li a:hover {
	color:#09F!important;
	text-decoration:underline
}
.search_box {
	height: 32px;
	width:160px;
	padding: 5px 20px;
	float: left;
}
.search_box input {
	float: left;
	border: none;
	color: #cbcbcb;
	margin: 0;
	padding: 0;
	height: 30px;
	font-size: 18px;
}
.search_box .function {
	background: url("../images/search_btn.jpg") no-repeat center;
	width: 30px;
	height: 32px;
}
.search_box .content {
	width: 130px;
}
.left_area {
	float:left;
}
/*header栏 样式 =================================================== */
#header {
	width:1000px;
	margin:27px auto 0 auto;
	padding: 5px 0 0 0;
}
/*导航栏 样式 ===================================================*/
.menu {
	z-index: 999;
	height:250px;
	width: 100%;
	;
	background-image:url("../images/top-bg.png");
	background-repeat:no-repeat;
	background-position:top center
}
.menu>ul {
	width: 1000px;
	margin: 2px auto;
	height:51px;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	text-align:center;
	color:#fff;
	overflow:hidden;
	padding: 0 10px
}
/*一级目录的框*/
.menu ul li {
	float:left;
	position:relative;
	margin: 0 2px;
}
/*特别控制第一组的li的大小*/
.menu>ul>li {
	height:50px;
}
.menu>ul>li>a {
	height:50px;
	line-height:50px!important;
}
/* specific to non IE browsers */
.menu ul li:hover a {
	color:#23ABF1;
}
/*二级目录*/
/*top:51px;是控制二级目录展开时候，的位置。*/
.menu ul li ol {
	display:none;
	background:#000000;
}
.menu ul li:hover ol {
	display:block;
	position:absolute;
	top:13px;
	left:0px;
	width:165px;
	z-index: 999;
	margin:0px;
	padding:25px 0px 10px 10px;
}
.menu ul li:hover ol li {
	width:165px;
}
.menu ul li:hover ol li a {
	padding:15px 5px;
	display:block;
	color:#000;
	text-align: left;
	color:#ffffff
}
.menu ul li:hover ol li a:hover {
	color:#cccccc;
}
.menumain {
	margin:0 auto;
	width:1000px;
	height:60px!important;
	font-size:14px;
}
.menumain ul li {
	margin-right:30px!important;
}
.menu-left, .menu-right {
	width:400px!important;
	float:left
}
.menu-right {
	margin-top: -45px;
	margin-left: 600px;
}
/*顶部横幅 样式 ===================================================*/
.banner {
	height: 500px;
}
.detail_body .banner {
	background: none;
}
.bannerlong {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	background: #000;
}
.bannerlong ul {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.bannerlong ul li {
	height: 100%;
	float: left;
}
.bannerlong ul li a {
	height: 100%;
	display: block;
}
.dot {
	width: 1000px;
	margin: 0 auto;
	height: 15px;
	position: relative;
}
.onlydot {
	display: none;
}
.dot ul {
	margin: -18px auto 0;
}
.dot ul li {
	background: #FFF;
	height: 10px;
	width: 10px;
	float: left;
	margin-right: 15px;
	border-radius: 50%;
	cursor: pointer;
}
/*banner area end*/





/*位置指示 样式 ===================================================*/
.location {
	overflow: hidden;
	padding: 10px 0 30px;
	line-height:20px!important;
	margin:45px 0 35px 0;
}
.location .icon {
	background-image:url("../images/sprite.png");
	padding-left:30px;
	background-position:0 -200px;
	display:block;
	float:left;
	width:30px;
}
.location li {
	float: left;
	font-size: 13px;
}
.location li a {
	color: #4e4e4e;
	font-size: 13px;
}
/*=============================主体部分========================================*/
#container {
	margin:0;
	padding:0;
	overflow:hidden;
}
#maincontent {
	padding:5px;
	margin:0 auto 0px auto;
	background-color:#0c192a;
	height:590px;
}
#maincontent .box {
	margin:0 auto 0 auto;
	width:1000px;
}
#maincontent h2 {
	color:#ffffff;
	border-left:solid 4px #ffffff;
	line-height:45px;
	padding:0 0 0 15px;
	margin:70px 0 0 25px;
}
#maincontent .logo {
	width:380px;
	height:535px;
	float:right;
	margin-right:25px;
	z-idnex:99;
	z-index:99;
	margin-top:-200px;
}
.index-introduce .introduce {
	width:400px;
	height:230px;
	margin-left:50px
}
.index-introduce ul {
	width:700px;
	margin-left:50px
}
.index-introduce ul li {
	width:120px;
	margin-right:15px;
	float:left;
	height:190px!important;
	text-align:center
}
.index-introduce ul li a {
	color:#ffffff
}
.index-introduce ul li img {
	width:120px;
	height:120px;
	margin-bottom:15px;
}
/*footer  样式 ===================================================*/

.footer {
	background-color: #000000;
	overflow: hidden;
	height:310px;
	color:#ffffff
}
.footer a {
	color: #ffffff
}
.footer .main {
	width: 1000px;
	margin: 0 auto;
}
.footer-menu {
	margin:45px 0 25px 0;
	overflow: hidden;
}
.footer-menu li {
	float: left;
	margin:0 10px;
	padding:0px;
	border-left:solid 1px #ffffff
}
.footer-menu li a {
	color: #FFF;
	font-size: 12px;
	display: block;
	text-decoration: none;
	padding: 2px 0 2px 20px;
}
.footer .img {
	float: left;
	margin:25px 20px 0 0;
	width:170px;
	height:170px;
}
.footer h2 {
	font-size: 24px;
	color: #FFF;
	margin-bottom: 20px;
}
.footer h3 {
	font-size: 16px;
	color: #FFF;
}
.footer .search_box {
	top: 90px;
	border: #FFF 2px solid;
}
.footer .search-box .content {
	color: #FFF;
}
.footer .search-box .function {
	background: url("../images/search_btn_footer.png") no-repeat center;
}
.footer .box {
	float: left;
	margin: 50px 35px 35px 05px;
	width: 220px;
}
.footer .footer-contact-box {
	width: 320px;
	line-height:18px!important;
}
.footer .box ul li {
	margin-bottom: 10px;
	overflow: hidden;
}
.footer .box h3 {
	margin-bottom: 15px;
	color: #ffffff;
}
.footer .box .content {
	line-height: 14px;
}
.footer .box a {
	color: #ffffff;
}
.copyright {
	background: #454545;
	height: 60px;
	line-height: 60px;
}
.copyright a {
	color: #ffffff
}
.copyright p {
	margin: 0 10px;
	color: #c7c7c7;
}
.copyright .sitemap_btn {
	float: right;
	background: url("../images/footer_sitemap.jpg") no-repeat center left;
	padding-left: 35px;
	height: 28px;
	line-height: 28px;
	color: #c7c7c7;
	margin-top: 15px;
	margin-right: 20px;
	text-decoration: none;
}
.copyright .fvorite_btn {
	float: right;
	background: url("../images/footer_fav.jpg") no-repeat center left;
	padding-left: 35px;
	height: 28px;
	line-height: 28px;
	color: #c7c7c7;
	margin-top: 15px;
	text-decoration: none;
}
/*分享按钮  样式 ===================================================*/
/*
新浪微博(点击去到网页)
腾讯微博(点击去到网页)
微信(点击出现二维码)

电子邮件(点击直接发送邮件)

skype(点击是在线客服)
wangwang(点击是在线客服)
QQ(点击是在线客服)

留言板(点击进入留言页面)
*/

.share-links {
	width: 1000px;
	margin:43px auto 0px auto;
	overflow: hidden
}
.share-links a {
	width:27px;
	height:27px;
	display:block;
	float:right;
	margin-right:20px;
	background-image:url("../images/footer-sprite.png");
}
.share-links #swb {
	background-position:0px 0px;
}
.share-links #swb:hover {
	background-position:-50px 0px;
}
.share-links #qq {
	background-position:0px -50px;
}
.share-links #qq:hover {
	background-position:-50px -50px;
}
.share-links #wx {
	background-position:0px -100px;
}
.share-links #wx:hover {
	background-position:-50px -100px;
}
.share-links #mail {
	background-position:-0px -150px;
}
.share-links #mail:hover {
	background-position:-50px -150px;
}
.share-links #twb {
	background-position:-0px -200px;
}
.share-links #twb:hover {
	background-position:-50px -200px;
}
.share-links #gbook {
	background-position:-0px -250px;
}
.share-links #gbook:hover {
	background-position:-50px -250px;
}
.share-links #sky {
	background-position:-0px -300px;
}
.share-links #sky:hover {
	background-position:-50px -300px;
}
.share-links #wangwang {
	background-position:-0px -350px;
}
.share-links #wangwang:hover {
	background-position:-50px -350px;
}
/*首页部分 样式 ===================================================*/
.index-introduce-box {
	width: 30%;
	float: left;
	height: 300px;
}
.index-introduce-box .img {
	background-color: #000066
}
.index-contact-box {
	width: 30%;
	float: left;
	height: 300px;
}
.index-contact-box .img {
	background-color: #000066
}
.index-product-term-box {
	width: 30%;
	float: left;
	height: 300px;
}
.index-product-term-box .img {
	background-color: #000066
}
/*home*/



.home_area_header {
	padding: 10px 25px 15px;
	font-size: 30px;
	font-weight: bold;
	color: #4e4e4e;
	height:265px;
}
.home_area_header a {
	float: right;
	font-size: 30px;
	text-decoration: none;
}
.home_feature_list {
	padding: 20px 0 90px 9px;
	overflow: hidden;
}
.home_feature_list li {
	float: left;
	width: 212px;
	height: 340px;
	margin: 0 16px;
}
.home_feature_list li a {
	display: block;
	text-decoration: none;
}
.home_feature_list li a img {
	width: 208px;
}
.home_feature_list li a .li_text {
	padding: 0 10px;
	overflow: hidden;
	line-height: 20px;
}
.home_feature_list li a p {
	font-size: 16px;
	margin:5px 0;
	padding: 0;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.home_feature_list li a span {
	font-size: 15px;
	margin: 10px 0;
	display: block;
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.home_feature_list li a:hover {
	border-radius: 3px;
}
.banner_two {
	height: 145px;
}
.banner_two ul, .banner_two ul li {
	height: 100%;
}
.home_latest_list {
	padding: 40px 0 70px 0;
	overflow: hidden;
}
.home_latest_list li {
	float: left;
	margin: 0 0 28px 25px;
}
.home_latest_list li a {
	display: block;
	border: #f1f1f1 3px solid;
	text-decoration: none;
	overflow: hidden;
}
.home_latest_list li a img {
	float: left;
	width: 208px;
	height: 208px;
}
.home_latest_list li a .li_text {
	float: left;
	padding: 0 15px;
	width: 220px;
	line-height: 22px;
}
.home_latest_list li a p {
	font-size: 16px;
	margin: 10px 0;
	padding: 0;
	color: #000;
	overflow: hidden;
	max-height: 66px;
	text-overflow: ellipsis;
	display: -webkit-box;
}
.home_latest_list li a span {
	font-size: 14px;
	color: #333;
	display: block;
	padding-bottom: 24px;
	overflow: hidden;
	max-height: 66px;
	text-overflow: ellipsis;
	display: -webkit-box;
}
.home_latest_list li a p.last_p {
	padding: 0;
	line-height: 24px;
	height: auto;
	margin: 0;
}
.home_latest_list li a i {
	float: left;
	margin-right: 7px;
	width: 35px;
	height: 24px;
	background: #7f7f7f url("../images/icon_views.png") no-repeat center;
}
.home_latest_list li a:hover {
	border-radius: 3px;
}
.home_area_3 {
	background: #fafafa;
}
.home_article_list {
	padding: 30px 8px 65px;
}
.home_article_list li {
	margin-bottom: 15px;
}
.home_article_list li a {
	display: block;
	border: #fafafa 3px solid;
	text-decoration: none;
	overflow: hidden;
}
.home_article_list li a img {
	float: left;
	width: 208px;
	height: 208px;
}
.home_article_list li a .li_text {
	float: left;
	padding: 0 15px;
	line-height: 22px;
	background: #FFF;
}
.home_article_list li a p {
	font-size: 16px;
	margin: 0;
	padding: 10px 0 20px;
	color: #000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.home_article_list li a span {
	font-size: 14px;
	color: #333;
	display: block;
	padding-bottom: 5px;
	max-height: 74px;
	overflow: hidden;
}
.home_article_list li a i {
	float: left;
	margin-right: 7px;
	width: 35px;
	height: 24px;
	background: #7f7f7f url("../images/icon_views.png") no-repeat center;
}
.home_article_list li a:hover {
	border-radius: 3px;
}
.index-product-box {
	background-image:url("../images/index-mid-bg.jpg");
}
.index-product-box .home_area_header {
	height:200px;
	background-image:url("../images/title-bg.png");
	background-repeat:no-repeat;
	background-position:center 35px;
}
.index-product-box .home_area_header h6 {
	color:#ffffff;
	text-align:center;
	width:100%;
	font-size:26px;
	padding:90px 0 0 0;
	margin:0 0 15px 0;
}
.index-product-box .home_area_header div a {
	color:#ffffff;
	text-align:center;
	width:100%;
	font-size:18px;
}
.index-product-box .home_feature_list {
	padding-bottom:10px;
}
.index-product-box .home_feature_list ul {
	margin-left:-73px;
}
.index-product-box .home_feature_list li {
	width:240px;
	height:410px;
	margin:0 0 55px 105px;
	overflow:hidden;
	border:solid 1px #cccccc;
	background-color:#ffffff
}
.index-product-box .home_feature_list li a {
	color:#333333;
	text-align:center
}
.index-product-box .home_feature_list li a .li_text {
	height:70px;
	padding-top:5px;
	font-size:24px;
	font-weight:bold
}
.index-product-box .home_feature_list li img {
	width:240px;
	height:240px;
	margin-top:25px;
}
.index-product-box .home_feature_list li .function {
	height:80px;
	width:50px;
	margin:0 auto;
	background-image:url("../images/fangdajing.png");
	background-repeat:no-repeat
}
.mid-banner {
	height:65px;
	text-align:center
}
.mid-banner img {
	margin:85px auto 0 auto;
}
.index-news-box  {padding-top:85px; background-color:#ffffff}
.index-news-box .main {
	background-image:url("../images/index-news-bg.jpg");
	background-repeat:no-repeat;
	background-position:150px 150px;
}
.index-news-box .home_area_header {
	color:#ffffff;
	text-align:center;
	font-size:26px;
	padding: 0;
	margin:85px 0 15px 0;
	width:340px;
	height:300px;
	float:left;
	background-image:url("../images/title-bg121.png");
	background-repeat:no-repeat;
	background-position:center 25px;
}
.index-news-box .home_area_header h6 {
	text-align:center;
	width:100%;
	font-size:26px;
	padding: 0;
	margin:75px 0 15px 0;
}
.index-news-box .home_area_header div a {
	color:#ffffff;
	text-align:center;
	width:100%;
	font-size:18px;
}
.index-news-box .home_article_list {
	margin:0 0 0 500px;
	padding-top:120px;
}
.index-news-box .home_article_list li {
	border:solid 1px #000000;
}
.index-news-box .home_article_list li:hover {
	border:solid 1px #cccccc!important;
}
.index-news-box .home_article_list li .li_text {
	text-overflow: ellipsis;
	width:427px;
}
.index-news-box .home_article_list li a p {
	padding:0;
	margin:0;
	font-weight:bold
}
.index-news-box .home_article_list li a span {
	font-size:15px;
	font-size:10px;
}
/*detail page area*/
.detail_body .banner {
	height: 500px;
}
.main_header {
	font-size: 24px;
	padding: 10px 25px;
	border-left:solid 3px #000000;
	line-height:38px;
	height:38px;
}
.main_introduce {
	font-size: 16px;
	margin-top: 10px;
	padding: 10px 25px;
	background: #ddd;
}
.content_area {
	padding: 25px;
	overflow: hidden;
	margin: 0px 10px 25px;
}
.content_area > h2 {
	line-height: 32px;
}
.content_area > span {
	display: block;
	margin: 15px 0 25px 0;
}
.content_detail {
	font-size: 14px;
	line-height: 24px;
}
/*contact area*/
.contact_area {
	margin: 40px 10px 110px;
	overflow: hidden;
	background-image:url("../images/contact-bg.jpg");
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-bottom:55px;
}
.contact_area img {
	display: block;
	margin-bottom: 20px;
}
.contact_box {
	padding: 65px;
	margin-left: 20px;
	width: 385px;
	line-height: 28px;
	margin:0 auto
}
/*product area*/
.product_list {
	padding:20px 10px 5px 0px;
	overflow: hidden;
}
.side_area {
	width: 230px;
}
.side_area > ul > li {
	height: 70px;
	margin-bottom:8px;
	position: relative;
	background-color:#0c192a;
}
.side_area > ul > li > a {
	display: block;
	height: 100%;
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
}
.side_area > ul > li > a {
	display: block;
	height: 100%;
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
}
.side_area > ul > li > a span {
	display: block;
	height: 100%;
	line-height:75px;
}
.product_list .home_feature_list {
	padding-bottom:10px;
	margin-left:5px;
	float:left;
	width:745px;
	padding-top:0px;
}
.product_list .home_feature_list ul {
	margin:0;
	padding:0px;
}
.product_list .home_feature_list li {
	width:240px;
	height:410px;
	margin:0 0 15px 5px;
	overflow:hidden;
	border:solid 1px #cccccc;
	background-color:#ffffff
}
.product_list .home_feature_list li a {
	color:#333333;
	text-align:center
}
.product_list .home_feature_list li a .li_text {
	height:80px;
	padding-top:10px;
	font-size:24px;
	font-weight:bold
}
.product_list .home_feature_list .function {
	height:80px;
	width:50px;
	margin:0 auto;
	background-image:url("../images/fangdajing.png");
	background-repeat:no-repeat
}
.term_two_list {
	position: absolute;
	left: 162px;
	top: 0;
	width: 210px;
	display: none;
	padding-left: 20px;
}
.term_two_list ul {
	padding: 10px 25px;
	width: 160px;
	min-height: 140px;
}
.term_two_list li {
	padding: 10px 0;
	border-bottom: #FFF 1px solid;
	line-height: 18px;
}
.term_two_list li:last-child {
	border-bottom: none;
}
.term_two_list li a {
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
}
.term_two_list li a:hover {
	color: #4e4e4e;
}
.term_two_arrow {
	position: absolute;
	left: 167px;
	top: 30px;
	width:0;
	height:0;
	border-top:15px solid transparent;
	border-bottom:15px solid transparent;
	display: none;
}
.side_area > ul > li:hover .term_two_list, .side_area > ul > li:hover .term_two_arrow {
	display: block;
	opacity: 0.8;
}
/*search area*/
.search_list {
	margin-left: 0!important;
	width: 985px!important;
}
.search_list ul {
	margin-bottom:50px!important;
}
.product_list .home_feature_list.search_list li {
	margin: 0 16px 20px!important;
}
/*share area*/
.share_box li {
	float: left;
	width: 34px;
	height: 30px;
	margin: 0 15px;
}
.share_box li a {
	display: block;
	height: 100%;
}
.share_box li a.share_qq {
	background: url("../images/share_qq.jpg") no-repeat center;
}
.share_box li a.share_shouhu {
	background: url("../images/share_shouhu.jpg") no-repeat center;
}
.share_box li a.share_weixin {
	background: url("../images/share_weixin.jpg") no-repeat center;
}
.share_box li a.share_weibo {
	background: url("../images/share_weibo.jpg") no-repeat center;
}
/*message book area*/
.message_box {
	border: #faa61a 1px solid;
	padding-left: 20px;
}
.message_box textarea {
	padding: 10px;
	width: 100%;
	margin-left: -20px;
	border: none;
	border-bottom: #ddd 1px solid;
	border-top: #ddd 1px solid;
	height: 60px;
	font-size: 16px;
}
.message_sub {
	padding: 10px 0;
	overflow: hidden;
}
.message_btn {
	background: #faa61a;
	padding: 10px 30px;
	font-size: 14px;
	border: none;
	border-radius: 5px;
	color: #FFF;
	float: right;
	margin-right: 20px;
	cursor: pointer;
}
.message_list ul li {
	border-bottom: #ddd 1px solid;
	padding: 20px 20px 0;
}
.message_list ul li:first-child {
	color: #999;
	font-size: 16px;
	padding-bottom: 20px;
}
.message_list ul li:last-child {
	border-bottom: none;
}
.message_name {
	font-size: 14px;
	color: #faa61a;
}
.message_name span {
	margin-left: 15px;
	font-size: 12px;
	color: #bbb;
}
.message_content {
	margin: 10px 0 20px;
}
.message_content p {
	margin: 0;
	font-size: 14px;
	line-height: 24px;
}
.message_name_box {
	margin: 10px 0;
	color: #999;
}
.message_name_box input {
	border: #ddd 1px solid;
	padding: 3px 5px;
}
.gbook-detail-box {
	padding:20px 10px 35px 0px;
	overflow: hidden;
}
.gbook-detail-box ul {
	width:800px;
	margin:0 auto
}
.gbook-detail-box ul li {
	padding:20px 10px 5px 0px;
	overflow: hidden;
	font-size:16px;
}
.gbook-detail-box ul li label {
	width:150px;
	display:block;
	float:left;
	text-align:right;
	margin-right:15px
}
.gbook-detail-box ul li input {
	width:450px;
	height:24px;
}
.gbook-detail-box ul li textarea {
	width:450px;
	height:128px;
}
.gbook-detail-box .detail-boxing-function {
	margin-left:165px;
}
.gbook-detail-box .detail-boxing-function input {
	width:80px;
	height:35px;
	background-color:#003366;
	border:solid 0px #003366;
	font-size:16px;
	color:#ffffff;
	margin-right:10px;
}
.product .content_detail img {
}
.product .content_detail .logo1 {
	float:left
}
.product .content_detail h1 {
	font-size:24px;
	float:left;
	height:530px;
	text-align:center;
	width:300px;
	background-image:url("../images/detail-bg.jpg");
	background-repeat:no-repeat;
	background-position: center top;
	padding-top:125px;
}
.product .content_detail h1 div {
	padding-top:295px;
}
.product .content_detail h5 {
	height: 200px;
	background-image: url("../images/title-bg.png");
	background-repeat: no-repeat;
	background-position: center 35px;
	line-height:200px;
	color:#ffffff;
	font-size:24px;
	text-align:center;
	margin-bottom: 25px;
}
.news-list-box li a {
	height:125px;
	margin:0px;
	padding:0px;
	border:solid 0px #ffffff;
}
.news-list-box li a:hover {
	color:#23ABF1;
	background-image:url("../images/news-list-bg.jpg");
	background-repeat:no-repeat;
	background-position:right top
}
.news-list-box li a .li_text {
	float:none;
	background:none
}
.news-list-box li a .li_text span {
	margin-right:200px
}
.news-list-box li a .li_text p {
	margin:0px;
	padding:5px 0px 0px 0px;
}
.news-list-box li a img {
	height:125px;
	width:215px;
	margin:0px 15px 0px 0px;
	padding:0px
}
.news-list-box li {
	height:125px;
	border:solid 1px #000000;
	margin:0px 0px 15px 0px;
	padding:0px
}
.news-detail .date {
	text-align:center;
	font-size:14px;
	margin-bottom:25px;
}
.news-detail {
	padding-top:15px;
	margin-top:15px;
}
.introduce-detail .content_area {

	background-position:bottom right;
	background-repeat:no-repeat;
}
.introduce-detail .content_detail {

}
.product_list .home_feature_list li a img {
	margin-top: 10px;
}




















/*-----------------  ■ header -------------------*/
.header{ width:100%; height:100px; }
.logo{ float:left; height:100px; overflow:hidden;}
.header .tel{ float:right;background:url(../images/tel.png) left 4px no-repeat; margin-top:22px; height:50px; line-he/ight:92px; padding:0 0 0 51px; color:#000; font-size:24px; line-height:22px;}
.header .tel span{ display:block; color:#000; font-size:12px;}
/*------search-------*/
.sousuo{width:1004px; margin:0 auto; position:relative;}

.isearch{ float:right; width:30px; height:30px; margin:16px 0 0; position:relative;}
.isearch span{ display:block; height:30px;background:url(../images/search.png) center top no-repeat; }



.search01{ position:absolute; top:0; right:0; z-index:99999; width:210px; overflow:visible; height:29px; bor/der:#777777 solid 1px; background:#5b5b5b; margin:11px 0 0 60px; -moz-border-radius:14px; -ms-border-radius:14px; -o-border-radius:14px; -webkit-border-radius:14px; border-radius:14px;}



.search02{ float:left;}
.search02 input.search03{  background:#5b5b5b;width:100px; font-size:12px; color:#a9a9a9 !important; font-family:'微软雅黑'; height:29px; line-height:29px; padding-left:10px; border:none; border:0; font-size:14px; -moz-border-radius:14px 0 0 14px; -ms-border-radius:14px 0 0 14px; -o-border-radius:14px 0 0 14px; -webkit-border-radius:14px 0 0 14px; border-radius:14px 0 0 14px;}
.search04{ position:absolute; z-index:99999; top:-5px; right:-15px; font-size:13px; color:#737373; font-family:'微软雅黑';border:none; border:0; background: url(../images/ss01.png) no-repeat center center; cursor:pointer; font-size:13px; z-index:99999; width:37px; height:37px;}
.search05{ float:left; width:82px;}



.jslct {color:#a9a9a9;font-family:"微软雅黑";display:inline-block;*display:inline;zoom:1;font-size:12px;position:relative;vertical-align:middle;cursor:default; width:85px; height:29px; line-height:29px; background: url(../images/k1.png) no-repeat 62px center;z-index:0;}
.jslct_hover {}
.jslct div.jslct_t {position:relative; padding-left:5px;z-index:2;*display:block!important;*display:inline;zoom:1;}
.jslct em {font-style:normal;margin:0;padding:0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.jslct dl, .jslct dl dd {padding:0;margin:0;list-style:none}
.jslct dl {background:#5b5b5b;position:absolute;top:29px;left:0;cursor:default; width:80px; padding:0 0 0 ; overflow:hidden;z-index:1;display:none; font-size:14px; border:#737373 solid 1px;}
.jslct_hover dl {}
.jslct dl dd { box-sizing:border-box; font-size:12px; text-align:center;line-height:25px; border-/bottom:#ccc solid 1px; white-space:nowrap;cursor:pointer;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; color:#a9a9a9;}
.jslct dl dd:hover {color:#a9a9a9;background:#e4e4e4;  }
.jslct dl dd.hover {color:#a9a9a9;background:#e4e4e4;  }
.jslct .jslcted {}
.jslct dl dd.noborder {}
/*********nav*********/
.g_nav{ height:52px; background: url(../images/nav01.jpg) repeat-x top center; position:relative; z-index:1}
.g_nav01{ width:1020px; margin:0 auto;}
.g_nav01 table tr td{ text-align:center; height:52px; line-height:52px; position:relative;}
.g_nav01 a{ height:50px; line-height:52px; display:block; color:#fff; font-size:16px;}
.g_nav01 a:hover{ background: url(../images/nav02.jpg) repeat-x top center;}
.g_nav01 a.cur{ background: url(../images/nav02.jpg) repeat-x top center;}
.g_nav01 a.g_nav01_on{ }
.g_nav01 table {}
.g_nav01 table tr td .nav_tan{ display:none; width:100%; position:absolute; left:0; top:52px;background: url(../images/nav03.png) repeat top center; }
.g_nav01 table tr td .nav_tan a{line-height:40px; height:40px; font-size:14px; overflow:hidden; border-bottom:#f8f2e4 solid 1px;}
/*********footer*********/