*{padding:0px;margin:0px;}
html{background:#fff;}
body{font-family: "microsoft yahei", arial, sans-serif; font-size:14px;line-height:1.42857143;color:#333;background-color:#fff;line-height:1.8em;}
img{border:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#333;text-decoration:none;}
a1{color:#0e3997;text-decoration:none;}
a1:hover{color:#0e3997;text-decoration:none;}
ul{list-style:none;margin:0;}
input,select,button{font:14px verdana,arial,tahoma;vertical-align:middle;}
img{margin:0;padding:0;}

/* ���� */
.layout,.content,.wrap{width:960px;margin:auto;}.wrap{overflow:hidden;}
@media screen and (max-width:960px){.layout,.content,.wrap{width:960px;margin:auto;}}
.inner{height:inherit;position:relative;z-index:2;}
.row{margin-bottom:-10000px;padding-bottom:10000px;overflow:hidden;}
.sub{float:left;}.extra{float:right;}
.header:after,.footer:after,.layout:after,.content:after,.wrap:after,.main:after,.sub:after,.extra:after,{content:'.';display:block;height:0;line-height:0;clear:both;visibility:hidden}
.clear:after,.clearfix:after{content:'.';display:table;clear:both;}
.layout,.content,.wrap,.sub,.extra,.main,.clear{*zoom:1;}
.mt10{margin-top:10px;}.mt10{margin-bottom:10px;}.mt20{margin-top:20px;}.mb20{margin-bottom:20px;}
.f12{font-size:12px;}.f14{font-size:14px;}.f16{font-size:16px;}.f18{font-size:18px;}
.fl,.l{float:left;}.fr,.r{float:right;}
.red{color:red;}.green{color:green;}.blue{color:blue;}.gray{color:gray;}
/* ͷ�� */
.header{ min-height:123px;position:relative;background:url(/uploads/image/tnimages/header.jpg) no-repeat center top;}
.header .toolbar{position:absolute;height:25px;line-height:25px;top:0;right:50px;}
.header .toolbar a{margin:auto 5px;vertical-align:middle;}

.header .logo{width:650px;height:75px;overflow:hidden;position:absolute;left:10px;top:5px}
.header .logo h1{float:left;display:inline;width:170px;height:75px;overflow:hidden;display:inline-block;}
.header .logo h2{float:left;display:inline;width:335px;height:30px;margin:4px 0 0 10px;text-indent:-9999em;overflow:hidden; background:url(/uploads/image/tnimages/h2.jpg) no-repeat left top;margin-top:45px;}

.header .search{position:absolute;right:20px;top:42px;width:250px;height:36px;border-radius:4px;}
.header .search_box{position:relative;margin:3px;}
.header .search_box .key_box{position:absolute;width:280px;height:32px;overflow:hidden;}
.header .search_box .key{padding:4px;background-color:#fff;border:1px solid #ccc;width:180px;border-radius:5px;}
.header .search_box .search_submit{background-color:#a9a9a9;color:#fff;position:absolute;right:0;border:0 none;border-radius:5px;width:45px;height:27px;overflow:hidden;cursor:pointer;}
.header .nav{height:35px;line-height:35px;position:absolute;top:87px;}
.header .nav ul{margin-top:7px;}
.header .nav li{float:left;color:#fff;border-right:1px dotted #fff;height:20px;line-height:20px;position:relative; width:85px; text-align: center;}
.header .nav li:hover dl{display:block;}
.header .nav dl{display:none;position:absolute;padding-top:15px;left:-70px;width:1000px;}
.header .nav dd{float:left;color:#333;margin:0 2px;}
.header .nav dd a{color:#333!important;padding:2px 4px;border-radius:4px;border:1px solid #ccc;background-color:#fff;}
.header .nav dd a:hover{ color:#ededed;border:1px solid #ededed;background-color:#ededed;}
.header .nav li a{color:#fff;text-decoration:none;}


.header .substation{position:absolute;right:10px;top:93px;}

/* � */
.footer{color:#666666;overflow:hidden;border-top:1px solid #eee;margin-top:20px;padding-bottom:20px;}
.footer .footer_nav{margin-bottom:10px;margin-top:10px;}
.footer span{margin-right:50px;min-width:200px;display:inline-block;height:20px;line-height:20px;}
.footer .footer_logo{position:absolute;right:0;top:4px;}
.footer .footer_top{position:absolute;right:20px;top:5px;}


/* ��ҳ */
.s4m0 .sub{width:220px;}
.s4m0 .main{margin-left:232px}

.sub_menu h3{background-color:#0e3997;height:35px;text-align:center;color:#fff;line-height:35px;font-weight:normal;}
.sub_menu ul{background:url(/uploads/image/tnimages/sub_menu_bg.jpg) repeat-y left top;margin-top:10px;padding:20px 0; padding-left:10px; font-size:14px;}
.sub_menu ul ol{list-style:none;margin-left:10px;}
.op{line-height:35px;color:#fff;padding:0 20px; font-size:14px;}
.sub_menu li{line-height:35px;color:#000;padding:0 20px; border-bottom:1px solid #c5c5c5; background:url(/uploads/image/tnimages/numb1.gif) left no-repeat; width:150px;}
.sub_menu li a{color:#000;}
.sub_menu li a:hover{color: #ff0000;}
.sub_menu li dd{color:#fff;text-align:center;width:10px;display:inline-block;}
.sub_menu ul ol li{ background:url(/uploads/image/tnimages/numb2.gif) left no-repeat; width:140px}
.sub_menu ul ol li a{ color:#f00;}
.sub_menu_contact{border:1px solid #ccc;padding:10px;color:#585858;}
.sub_menu_contact dt{font-size:22px;}
.sub_menu_contact dd{font-size:14px;line-height:25px;height:25px;}

.position{background-color:#0e3997;color:#fff;height:35px;line-height:35px;padding:0 20px;}
.position a{color:#fff;margin-right:10px;}

.mian_body{margin:20px;line-height:25px;}
.mian_body h3{margin:20px 0; background-color:#01478f;color:#fff;height:35px;line-height:35px;padding:0 10px;display:inline-block;}

.ad{height:120px;}
.ad_bg{background:url(/uploads/image/tnimages/ad_bg.jpg) repeat-x left top;height:10px;margin-bottom:10px;}

/* banner */
.banner{ margin:0 auto; height:363px;width: auto; position:relative;;overflow:hidden; text-align:center;}
.banner li{ height:363px; width: auto; margin:0 auto;}
.banner img{ height:363px; width: auto; margin:0 auto;}
.banner .ico2{position:absolute; left:49%;bottom:6px;}
.banner .ico2 li{text-align: center;
	line-height: 15px;
	list-style-type: none;
	margin: 1px;
	width: 15px;
	font-family: "microsoft yahei";
	background: url(/uploads/image/tnimages/flashbutton.gif) no-repeat -15px 0px;
	float: left;
	height: 15px;
	color: #86a2b8;
	font-size: 12px;
	cursor: pointer}
.banner .ico2 li.high{background: url(/uploads/image/tnimages/flashbutton.gif) no-repeat;color:#fff;font-weight:bolder;}

/* ��ʒͼƭ */
.product_box{overflow:hidden;}
.product_min{width:365px;float:left;}
.product_img{margin-left:385px;width:300px;height:300px;border:1px solid #ccc;position:relative;}

.product_img .dpic{width:278px;height:210px;border:1px solid #ccc;position:absolute;left:10px;top:10px;}
.product_img .dpic img{width:278px;height:210px;}
.product_img .spic {position:absolute;bottom:15px;left:40px;height:52px;width:220px;overflow:hidden;}
.product_img .spic ul{width:10000px;position:absolute;}
.product_img .spic li{width:50px;height:50px;float:left;margin-right:4px;border:1px solid #ccc;}
.product_img .spic li img{width:50px;height:50px;}
.product_img .prev,.product_img .next{position:absolute;height:50px;width:20px;border:1px solid #ccc;bottom:15px;text-align:center;line-height:50px;cursor:pointer;}
.product_img .prev{left:10px;}
.product_img .next{right:10px;}


.product_list li{margin:10px 0px 10px 9px; background-color:#01478f;color:#fff;height:35px;line-height:35px;padding:0 26px;display:inline-block;cursor:pointer; font-size:14px;}
.product_list li a{color:#fff;}
.product_list li.hover{background-color:#f00;}
.product_con{border:1px solid #ccc;padding:20px;}
.product_con p img{ max-width:650px;}

.op{cursor:pointer;}

/*�����б�*/
.liebiao{padding:15px 15px; width:680px}
.listzn{ float:left; height:125px; width:520px; padding-top:10px;}
.listzn a{ font-weight:bold; font-size:16px;font-family: "microsoft yahei" ! important;}
.listzn p{font-weight:bold; font-size:12px;}
.listimg{float: right; overflow:hidden; padding-top:10px;}

.page{width:720px; padding:10px 0; margin-top:5px; }
 
 
 
/*��ҳ*/
.page_list{padding:3px; margin: 3px; text-align:center}
.page_list a,.page_list strong{border:1px solid #ddd;padding:6px 10px;}
.page_list a.now,.page_list a:hover,.page_list li.thisclass a{background:#999;color:#fff;cursor:pointer}
.page_list span.disabled{cursor:pointer;border:1px solid #ddd;padding:6px 10px;}
.page_list span.thisclass{background:#999;color:#fff;cursor:pointer;border:1px solid #ddd;padding:6px 10px;}

/*ͼƭ�б�*/
.pro{width:730px;}
.proimg{width:215px; height:325px; float:left; display:block; padding:10px 8px;}
.proimg img{width:211px; height:288px; float:left; border:#dedede 1px solid; padding:1px}
.proimg span{width:215px; height:30px; float:left; line-height:30px; overflow:hidden; background:#f7f7f7; text-align:center}

.proimg01{width:215px; height:210px; float:left; display:block; padding:10px 8px;}
.proimg01 img{width:210px; height:173px; float:left; border:#dedede 1px solid; padding:1px}
.proimg01 span{width:214px; height:30px; float:left; line-height:30px; overflow:hidden; background:#f7f7f7; text-align:center}


.proimg123{width:330px; height:290px; float:left; display:block; padding:10px 18px 10px 17px;}
.proimg123 img{width:320px; height:240px; float:left; border:#dedede 1px solid; padding:1px}
.proimg123 span{width:324px; height:30px; float:left; line-height:30px; overflow:hidden; background:#f7f7f7; text-align:center}

.titlenews{width:690px; height:60px; }
.titlenews h1{ height:60px; line-height:60px;font-family: "microsoft yahei"; font-size:20px; font-weight:normal; display:block; text-align:center}
.resource{height:35px; width:692px; line-height:35px; border-bottom:1px solid #dedede; text-align:center; margin-bottom:8px}
.des{height:40px; width:680px; padding:5px; line-height:23px; border:#ccc 1px dotted; overflow:hidden}
.contentnews{line-height:20px;  font-size:14px; padding:15px 10px 10px 10px; width:690px;}
.contentnews img{max-width:650px !important; display:block; margin:5px auto}
.contentnews p{padding-top:10px}
.fenxiang{padding:10px 5px; width:680px}


.nr{line-height:2em; padding:10px 15px 20px;box-shadow:0px 3px 5px #999;}
/*******************************onlin message****************************/
.call { }
.call p { line-height:35px; padding-top:8px; clear:both; }
.call p span { float:left; margin-right:8px; }
.call p span b { color:#f46507; }
.call input.text_inaa,.call textarea{
	border:1px solid #aaa; 
	padding:2px; 
	transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
}
.call input.text_inaa:hover{ border:1px solid #3b760a; }
.call input.text_inaa:focus{ border:1px solid #3b760a; box-shadow:0px 1px 4px #3b760a; }
.call textarea:hover{ border:1px solid #3b760a;}
.call textarea:focus{ border:1px solid #3b760a; box-shadow:0px 1px 8px #3b760a; }
.call p i { font-weight: normal; font-style: normal; padding-left:8px; }
.textarea { width:305px; height:70px; }
.text_inaa { width:176px; }
.text_in1 { width:70px; }
.button_in { background:  no-repeat 0px 0px #3b760a; border-radius:2px; color:#fff; width:68px; height:28px; border:none; cursor:pointer; }
.submit_youin { padding-left:76px; }
.call p.submit_youin input.botton_in{ border:none;}
.call p.submit_youin input.botton_in:hover{ border:none;}

/*���������͵���*/
  #topnav {

	position:relative;
	height:36px;
	line-height:36px;
	color:#666;
	text-align:right;

}

#topnav a {
	text-decoration:none;
	padding: 0 5px;
	display:block;
	float:left;
	height:36px;
	line-height:36px;
}

#topnav i {
	width:7px;
	height:4px;
	background: no-repeat;
	float:left;
	margin-top:16px;
}
#topnav .top_ico {
	background-image:;
	background-repeat:no-repeat;
	padding-left:15px;
}
#topnav .top_ico1 {
	background-position:0 -42px;
}
#topnav .top_ico2 {
	background-position:5px -25px;
}
#topnav .top_ico3 {
	background-position:0px -107px;
}
#topnav .top_ico4 {
	background-position:0px -141px;
}
#topnav .top_ico5 {
	background-position:0px -129px;
}
#topnav .f_r {
	_padding-top:6px;
}
#topnav .f_r img {
	vertical-align:middle
}
#topnav .f_r b {
	color:#b90404;
}
#topnav .f_r b span {
	font-weight:normal
}
#topnav .f_r {
	_padding-top:6px;
}
#topnav .f_r img {
	vertical-align:middle
}
#topnav .f_r b {
	color:#b90404;
}
#topnav .f_r b span {
	font-weight:normal
}
#topnav .div {
	float: right;
	right:260px;
	padding:0 5px;
	position:relative
}
#topnav .div_onzxp {
	background:#fff;
	padding:0 4px;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.12);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.12);
	box-shadow: 0 0 10px rgba(0,0,0,.12);
}
#topnav .div_onzxp .top_app, #topnav .div_onzxp .top_help, #topnav .div_onzxp .top_goods {
	display:block
}
#topnav .div_onzxp i {
	transition: transform .2s ease-in 0s;
	-webkit-transition: -webkit-transform .2s ease-in 0s;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
filter: progid:dximagetransform.microsoft.basicimage(rotation=2);
}
#topnav .dang {
	display:none
}
#topnav .div_onzxp .dang {
	display:block;
	height:8px;
	background:#fff;
	position:absolute;
	top:-7px;
}
#topnav .div_onzxp .dang1 {
	width:83px;
	left:0;
}
#topnav .div_onzxp .dang2 {
	width:73px;
	left:0;
}
#topnav .div_onzxp .dang3 {
	width:107px;
	right:0;
}
#topnav .top_app {
	position:absolute;
	left:-1px;
	top:36px;
	background:#fff;
	border:1px solid #e5e5e5;
	display:none;
	width:165px;
	height:95px;
	padding:10px;
	float:left;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.12);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.12);
	box-shadow: 0 0 10px rgba(0,0,0,.12);
	z-index: 99999999;
}
#topnav .top_app .app_pic {
	width:180px;
	height:95px;
	background:url(/uploads/image/tnimages/tanchu.gif) no-repeat;
	float:left
}
#topnav .top_app .txt {
	float:left;
	color:#999;
	text-align:left;
	line-height:20px;
	background:url(/uploads/image/tnimages/tanchu.gif)  0 no-repeat;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
#topnav .top_app .txt b {
	font-size:14px;
	font-weight:bold;
	color:#c00;
	text-align:left
}
#topnav .top_app .bnt {
	padding-top:5px;
}
#topnav .top_app .bnt a {
	float:left;
	width:97px;
	height:29px;
	background-image:;
	overflow:hidden;
	font-size:0;
	padding:0;
}
#topnav .top_app .bnt .a1 {
	background-position:0 -84px;
}
#topnav .top_app .bnt .a2 {
	background-position:97px -84px;
	margin-left:8px
}


/* ====================
��������
==================== */