@charset "utf-8";
*{
 margin:0;
 padding:0;
}
body{
 margin:0px auto; 
 padding:0px;
 font-family:"宋体",Arial,Lucida,Verdana,Helvetica,sans-serif;
 font-size:12px; 
 color:#000;
 height:100%;
 line-height:150%;
	background:url(images/body_bg.gif) center 88px repeat-x;
}
div{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{
margin:0; padding:0; border:none; list-style-type:none;
}
ul,li{
 list-style-type:none;
}
.f_l{float:left;}
.f_r{float:right;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#F66A0D; text-decoration:underline;}
.clear{ clear:both;}
.blue_Orange a{ color:#005CCE;}
.blue_Orange a:hover{ color:#FF7403;}
.hongprice{ color:#c30; font-weight:bold;}
.orangeprice{ color:#F66A0D; font-weight:bold;}
.black{ height:10px; line-height:10px;}
.black_5{ height:5px; line-height:5px;}
.black_8{ height:8px; line-height:8px;}
.shop{color:#cc0000; font-size:12px; font-weight:600;font-family:Arial, Helvetica, sans-serif;}
.shop_s{color:#cc0000; font-size:12px; font-weight:600; font-family:Arial, Helvetica, sans-serif;}
.blue a{ color:#3366CC; text-decoration:none;}

.inp { height:24px; padding:0 6px 1px; *padding:3px 2px 1px; border:1px solid #a6d0e7; background:url(images/ser1.GIF) bottom repeat-x;}
.inp-1 { border:1px solid #a2904d; background:url(images/ser2.GIF) bottom repeat-x;cursor:pointer; }

.wrap{
	width:1000px; height:auto;
}
.wrap_box{
	width:970px; height:auto;
}
.header{
	background:url(images/header_bg.gif) no-repeat;
	position:relative;
	width:1000px;
	height:88px;
}
.logo{
	background:url(images/logo.gif) no-repeat;
	width:500px;
	height:88px;
	display:block;
	margin:0 0 0 30px;
}
.toplink{
	color:#3A538B;
	margin:13px 28px 0 0;
}
.toplink a{
	color:#3A538B;
}
.nav{
	background:url(images/nav_bg.gif) no-repeat;
	width:976px;
	height:39px;
	line-height:39px;
	font-size:14px;
}
.nav li{
	float:left;
	/*width:188px;*/
	text-align:center;
}
.nav a{
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	width:139px;
	display:block;
	font-size:14px;
	font-weight:bold;
}
.nav li.hover{
	/*background:#ffcd11;*/
	background:url(images/nav_hbg.gif) no-repeat;
}
.nav li.hover a{
	text-decoration:none;
}

.banner{
	width:976px;
	height:290px;
}
.i_con{
	background:url(images/i_con_bg.gif) repeat-y;
	padding:0 20px;
}
.i_news{
	width:200px;
	background:url(images/fenge.gif) right no-repeat;
}
.i_news h3,.i_pro h3{
	background:url(images/ico.gif) 2px 6px no-repeat;
	font-size:12px;
	padding-left:20px;
}
.i_news .con{
	margin-top:13px;
}
.i_news .con li,.i_ico li{
	background:url(images/ico.gif) 2px -22px no-repeat;
	font-size:12px;
	padding-left:20px;
	line-height:23px;
}

.webgg{
	color:#353535;
	padding:10px 0 10px 10px;
	position: relative;
}
.webgg span{
	font-size:14px;
	font-weight:bold;
}

.webgg1{
	position: absolute;
	top: 10px;
	right: 10px;
	color: red;
	font-size: 16px;
}

.i_left{
	float:left;
	width:640px;
}
.i_right{
	float:right;
	width:320px;
}
.about{
	background:url(images/about.gif) no-repeat;
	width:363px;
	height:210px;
	padding-left:277px;
}
.about h2{
	font-size:14px;
	padding-top:15px;
}
.about span{
	font-weight:100;
	color:#db2f1b;
	padding-left:10px;
}
.about .con p{
	text-indent:2em;
	width:350px;
	line-height:25px;
}
.about .con .more{
	display:block;
	width:100px;
	height:18px;
	float:right;
	margin-right:3px;
	text-indent:-50px;
	overflow:hidden;
}

.about_infor{
	background:url(images/about_infor.jpg) no-repeat;
	width:640px;
	height:200px;
	overflow:hidden;
	cursor:pointer;
}
.about_infor h2{
	text-indent:-100px;
}
.about_infor .con{
	text-indent:-9999px;
}

.box_pro{
	background:url(images/box_pro.gif) no-repeat;
	width:640px;
	height:295px;
	overflow:hidden;
}
.box_pro .tit{
	height:36px;
}
.box_pro .tit h2{
	text-indent:-100px;
	float:left;
}
.box_pro .tit .more{
	float:right;
	display:block;
	width:60px;
	height:36px;
	margin-right:15px;
	overflow:hidden;
	text-indent:-100px;
}
.box_pro .con {
	padding-top:15px;
}
.box_pro .con li{
	width:113px;
	height:120px;
	float:left;
	text-align:center;
	padding-left:11px;
}
.box_pro .con li img{
	padding:6px;
	border:1px solid #CECECE;
	width:100px;
	height:73px;
}
.box_pro .con li a:hover{
	text-decoration:none;
}

.lxwm{
	background:url(images/lxwm.gif) no-repeat;
	width:320px;
	height:210px;
	overflow:hidden;
}
.lxwm .tit{
	height:50px;
	text-indent:-100px;
}
.lxwm .con{
	padding:0 10px;
}
.lxwm .con p{
	width:195px;
	margin-left:108px;
	line-height:20px;
}

.box_news{
	background:url(images/box_news.gif) no-repeat;
	width:320px;
	height:200px;
	overflow:hidden;
}
.box_news .tit{
	height:36px;
}
.box_news .tit h2{
	text-indent:-100px;
	float:left;
}
.box_news .tit .more{
	float:right;
	display:block;
	width:60px;
	height:36px;
	margin-right:15px;
	overflow:hidden;
	text-indent:-100px;
}
.box_news .con {
	padding-top:15px;
}
.box_news .con li{
	width:280px;
	float:left;
	padding-left:38px;
	line-height:22px;
}

.yxwl{
	background:url(images/yxwl.gif) no-repeat;
	width:320px;
	height:300px;
	overflow:hidden;
}
.yxwl .tit{
	height:50px;
	text-indent:-100px;
}

.i_pro{
	margin:0 16px;
}
.i_pro .con{
	width:510px;
}
.i_pro .con li{
	float:left;
	width:125px;
}
.i_pro .con li .coimg{
	width:110px;
	height:90px;
	border:1px solid #CECECE;
	vertical-align:middle;
	display:table-cell;	
	text-align:center;
	font-size:95px;
	*font-size:90px;
}
.i_pro .con li p img{	
	vertical-align:middle;
}
#slide-box{width:540px;position:relative;}
#slide-box .JQ-slide-content{position:absolute;}
#slide-box .JQ-slide-nav a{display:block;z-index:99;width:37px;color:#b4b4b4;position:absolute;top:48px;height:65px;text-decoration:none;}
#slide-box .JQ-slide-nav span{display:block;font:700 53px arial;width:37px;cursor:pointer;height:63px;text-align:center;}
#slide-box .JQ-slide-nav .prev{left:-10px;}
#slide-box .JQ-slide-nav .next{right:-10px;}
#slide-box .con{overflow:hidden;width:490px;height:120px;position:relative; margin-top:18px;}

.i_ico{
	width:168px;
	background:url(images/fenge.gif) left no-repeat;
}
.i_ico ul{
	background:url(images/i_ico_bg.gif) 25px 15px no-repeat;
	padding:10px 0 0 70px;
}
.i_ico li{
	font-weight:bold;
	background-position:2px -10px;
	line-height:44px;
}

.i_con1{
	background:url(images/i_con1_bg.gif) 0 bottom no-repeat;
	padding:8px 20px 10px;
}
#footer{
	background-color:#EDEDED;
	color:#999;
	padding:10px 20px;
	overflow:hidden;
}
#footer a{
	color:#999;
}
#footer .link{
	color:#999;
}
#footer .f_logo{
	float:left;
	width:140px;
	height:100px;
	background:url(images/foot_logo.gif) 10px 15px no-repeat;
}
#footer .foot{
	float:right;
	width:770px;
	color:#222;
	line-height:21px;
}
#footer .foot a{
	color:#222;
}
#footer .foot a:hover{
	color:#F66A0D;
}
#footer .foot .link a{
	color:#999;
	margin-right:5px;
}
#footer .foot .link a:hover{
	color:#F66A0D;
}

.body{
	background:url(images/main_bg.gif) repeat-y;
	height:auto;
}
.body #footer{
	width:920px;
	background:#F1F1F1;
	padding:20px;
}
.crumb{
	padding:10px 15px;
	color:#353535;
}
.left{
	width:230px;
}
.m{
	margin-bottom:10px;
}
.mt{
	background:url(images/mt_bg.gif) no-repeat;
	width:220px;
	height:32px;
	border-style:solid;
	border-color:#F3F3F3;
	border-width:1px 1px 0;
}
.mt h2{
	color:#353535;
	font-size:14px;
	padding-left:30px;
	line-height:30px;
}
.mc{
	width:220px;
	border-style:solid;
	border-color:#F3F3F3;
	border-width:0 1px 1px;
}
.mc ul{
	padding-top:10px;
	width:220px;
}
.mc li{
	background:url(images/class_one.gif) no-repeat;
	width:183px;
	height:30px;
	margin:0 0 8px 8px;
	padding-left:16px;
}
.mc li a{
	color:#454545;
	line-height:28px;
}
.mc li a:hover{
	color:#F66A0D;
}

.mc_lx li{
	background:url(images/ico.gif) 1px -58px no-repeat;
	width:165px;
	height:26px;
	margin:0 0 0 15px;
	padding-left:20px;
}
.mc_lx li a{
	line-height:inherit;
}
.mc_lx_phone{
	font-size:16px;
}

.right{
	width:700px;
	margin-right:20px;
}
.box{
}
.box .title{
	background:url(images/title_bg.gif) 1px 5px no-repeat;
	width:700px;
	height:38px;
}
.box .title h2{
	padding-left:20px;
	font-size:14px;
	line-height:23px;
}
.box .title_view{
	background:url(images/title_bg.gif) 1px bottom no-repeat;
	width:700px;
	padding-bottom:12px;
}
.box .title_view h2{
	font-size:14px;
	line-height:26px;
	text-align:center;
	padding:0 20px;
}

#subCon,#subCon1{width:700px;/*border-left:#b2b2b2 solid 1px;border-right:#999 solid 1px;padding:10px;text-align:justify;text-justify:inter-ideograph;*/}
#subCon1,#subCon2{width:700px;/*padding:10px;text-align:justify;text-justify:inter-ideograph;*/}
.product1 {width:100%;padding:0px; margin:10px auto;text-align: center; overflow:hidden;}
.product1 li{float:left;width:180px;text-align: center;overflow: hidden;display:inline; margin:0 0 10px 36px;}
.product1 li img{width:165px;height:150px;margin:5px; background: #eee;color:#f60; padding: 4px; border: solid 1px #ddd;}
.product1 li a:hover img {background: #fff;color:#f60;border: solid 1px red;}
.product1 li address{float:left;width:100%;font-style:normal;text-align: center;height:20px;color: #000000;}

#subCon2{width:700px;/*border-left:#b2b2b2 solid 1px;border-right:#999 solid 1px;*/padding:10px;text-align:justify;text-justify:inter-ideograph;}
#subCon2 .description{ float:left; width:100%; margin-top:10px; border-top:double 3px #d4d4d4; line-height:22px;}
#subCon2 .description ul{ padding:10px 0; overflow:hidden;}
#subCon2 .description li{ width:100%; text-align:left; line-height:22px; color:#3f3f3f;}
#subCon2 .description li strong{ float:left; }
#subCon2 .description li span{ float:left; width:573px;}

#subCon2 div.infor{ float:left; width:300px;}
#subCon2 .sidebar2{ width:385px; float:left; margin-left:15px;}
#subCon2 .sidebar2 li{ width:100%; text-align:left; line-height:23px; color:#3f3f3f; padding-bottom:20px; overflow:hidden;}
#subCon2 .sidebar2 li a{ width:100%; text-align:left; line-height:22px; color:#3f3f3f;}
#subCon2 .sidebar2 li a:hover{ width:100%; text-align:left; line-height:22px; color:#3f3f3f;}
#subCon2 .sidebar2 li strong{ float:left; width:80px;}
#subCon2 .sidebar2 li span{ float:left; width:350px;}
#subCon2 .sidebar2 li span.color{ color:#FF6600;}

.news_list li a{width:640px;/* height:25px;*/line-height:25px;border-bottom:#E1E1E1 dashed 1px;display:block;margin:3px 10px;position:relative;background:url(images/ico.gif) no-repeat 5px -102px;padding-left:22px; font-size:14px;}
.news_list li a:hover{background:#f6f6f6 url(images/ico.gif) no-repeat 6px -150px;color:#FF9900;margin:3px 10px; text-decoration:none;}
.news_list li a .news_tit{width:530px; cursor:pointer;}
.date{position:absolute;right:0px;top:2px;color:#666;}

.TextTitle{display:block;text-align:center;/*border-bottom:#CD670C solid 1px;*/line-height:30px;}
.block{width:580px;border:#CCC dashed 1px;background:#F5F5F5;margin:20px auto;padding:10px;}
.block h6{font-size:12px;color:#CD670C;font-weight:normal;}
.con_view{ padding:0 20px 20px; height:auto!important; height:300px; min-height:300px;}


#subCon2 .flag{
	margin-top:50px;
	width:690px;
	clear:both;
}
.flag h3{
	padding-left:10px;
	background-color:#F1F1F1;
	border-color:#E6E6E6;
	border-width:1px 0;
	border-style:solid;
	font-size:14px;
}
#subCon2 .flag ul{
	padding:10px;
	overflow:hidden;
	border-bottom:1px solid #E6E6E6;
	background-color:#FAFAFA;
}
#subCon2 .flag ul li{
	width:50%;
	float:left;
}
#subCon2 .flag ul li a{
	color:#333;
}
#subCon2 .flag ul li a:hover{
	color:#F66A0D;
}


.book {
	line-height: 30px;
}
.book label{
	width: 100px;
	display: inline-block;
	text-align:right;
}



/*CSS viciao style pagination*/

DIV.viciao {
	MARGIN-TOP: 20px; MARGIN-BOTTOM: 10px; 
}
DIV.viciao A {
	BORDER-RIGHT: #8db5d7 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #8db5d7 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #8db5d7 1px solid; COLOR: #000; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #8db5d7 1px solid; TEXT-DECORATION: none
}
DIV.viciao A:hover {
	BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: red 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: red 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: red 1px solid
}
DIV.viciao A:active {
	BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: red 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: red 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: red 1px solid
}
DIV.viciao SPAN.current {
	BORDER-RIGHT: #e89954 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e89954 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e89954 1px solid; COLOR: #000; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e89954 1px solid; BACKGROUND-COLOR: #ffca7d
}
DIV.viciao SPAN.disabled {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid
}





p#back-to-top{
      position:fixed;
      bottom:20px;
      right:20px;
}
p#back-to-top a{
      text-align:center;
      text-decoration:none;
      color:#d1d1d1;
      display:block;
      width:80px;
	  cursor:pointer;

      /*使用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.png) no-repeat center center;
      border-radius:6px;
      display:block;
      height:80px;
      width:80px;
      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.png) no-repeat center center;
}