@charset "utf-8";
.bodys { color:#444; font:12px/1.231 Verdana, Arial, Helvetica, sans-serif ,"Microsoft YaHei"; background:#fff  url(../images/bg.gif) repeat-x center top;} /*网站字体颜色*/
body { color:#444; font:12px/1.231 Verdana, Arial, Helvetica, sans-serif ,"Microsoft YaHei"; background:#fff url(../images/bg1.gif) repeat-x center top;}
a { color:#444; text-decoration:none; }  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:none; color:#035ABB}
.vam { vertical-align:middle;}
.clear{ clear:both; font-size:0; line-height:0; height:0;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.fw{ font-family:"Microsoft YaHei";}
.pa{ position:absolute;}
.pr{ position:relative}
.mt8{ margin-top:8px;}
.font14 { font-size:14px; font-weight:bold;}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}



/* -- 页面整体布局 -- */
.header  { width:960px; margin:0 auto;}
.content  { width:960px; margin:25px auto;background:#fff;}
.footer { width:100%; margin:0 auto;}

.left { width:201px; float:left; overflow:hidden;}
.left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(../images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.left2top { background:url(../images/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(../images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(../images/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right { width:754px; float:left; display:inline; margin-left:5px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { background:url(../images/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(../images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot { background:url(../images/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(../images/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:752px; min-height:627px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden; background:#fff;}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden; background:#fff;}
.left2_main { width:668px;  border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden; background:#fff;}

/*头部开始*/
.h_top { height:28px; line-height:28px; color:#e3eeff;}
.h_top p a { padding:0 15px; color:#e3eeff; background:url(../images/tsj.gif) no-repeat left center;}
.h_top span { padding-left:5px; color:#666;}
.h_top p a img { padding:5px 5px 0 0;}
.h_top p font a { color:#333; font-size:12px;}
.h_top p span { padding-left:5px;}
.h_top p span a { padding:0;}
.h_top p span a img { padding:5px 6px 0 0;}


.h_con { height:150px;}
.h_con h1 { padding:35px 0 0 10px;}
.h_con h1 img { float:left; color:#696969;}
.h_con h1 span { float:left; padding:3px 0 0 20px; margin-top:-12px;}
.h_pho { width:205px; padding:28px 0 0 0; overflow:hidden; text-align:left; font-size:13px; color:#015aae; background:url(../images/tel.gif) no-repeat left 27px; padding-left:55px; line-height:22px;}
.h_pho span { font-size:20px; color:#FB0101; font-weight:bold; display:block; background:url(../images/topsha.jpg) no-repeat 10px 40px; height:50px;}

.h_nav { height:55px;  padding-left:8px;}
.h_nav ul li { float:left; background:url(../images/n_bor.gif) no-repeat right 13px; padding:0 15px 0 15px}
.h_nav ul li a { color:#fff; font-size:12px; padding:0 0 0 17px; font-weight:bold; line-height:55px;}
.h_nav ul li span { padding-right:17px;}
.h_nav ul li a:-webkit-any-link{ display:block;} 
.h_nav ul li a:hover, .h_nav ul .cur a { color:#fff; background:url(../images/hover1.gif) no-repeat left top; display:block;}
.h_nav ul li a:hover span, .h_nav ul .cur a span { background:url(../images/hover2.png) no-repeat right top; display:block;}
.h_nav ul .nobot { background:none;}

.h_ser { width:960px; height:50px; line-height:50px; padding:10px 0 0 0; overflow:hidden; margin:0 auto; }
.bodys .h_ser { width:960px; height:50px; line-height:50px; padding:10px 0 0 0; overflow:hidden; margin:0 auto; background:url(../images/bsha.gif) no-repeat center top;}
.h_ser p { display:block; padding-left:2px; line-height:43px; color:#004ea7;}
.h_ser p a { padding:0 6px; color:#004ea7;}
.s_inp { width:237px; height:21px; padding:8px 0 0 0;}
.h_ser .inp01 { background:url(../images/txt.gif) no-repeat; width:190px; height:21px; line-height:21px; border:none; text-align:left; padding-left:10px; color:#bbb; font-size:12px;}


/*头部结束*

/*底部开始*/
.footer { }
.f_nav { height:58px; line-height:43px; text-align:center; color:#fff; font-weight:bold; background:url(../images/fnav.gif) repeat-x;}
.f_nav a { padding:0 10px; color:#fff;}
.f_con {   width:960px; margin:0 auto  }
.f_con h1 { width:195px; height:50px; padding:20px 23px 0 121px;}
.ban { text-align:left; padding:14px 0 0 12px; }
.ban p { line-height:24px; color:#000000;}
.ban p a { color:#000000;}
.ban p img { }
.wa1 { top:55px; left:795px;}
/*底部结束*/
#roll_top, #fall, #ct
{
	position: relative;
	cursor: pointer;
	height: 72px;
	width: 26px;
}
#roll_top
{
	background: url(../images/top.gif) no-repeat;
}
#fall
{
	background: url(../images/top.gif) no-repeat 0 -80px;
}
#ct
{
	background: url(../images/top.gif) no-repeat 0 -40px;
}
#roll
{
	display: block;
	width: 15px;
	margin-right: -500px;
	position: fixed;
	right: 50%;
	top: 50%;
	_margin-right: -505px;
	_position: absolute;
	_margin-top: 300px;
	_top: expression(eval(document.documentElement.scrollTop));
}


/*在线客服代码*/
.rides-cs { background:rgba(51,51,51,0.9); position: fixed; top: 130px; right: 1px; _position: absolute; z-index: 999; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5333333', endColorstr='#E5333333');}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn { background: #F7F7F7; }
.rides-cs .cn h3 { font-size: 14px; color: #333; font-weight:600; line-height: 24px; padding: 5px}
.rides-cs .cn ul { padding: 0 0 0 8px;}
.rides-cs .cn ul li { line-height: 38px; height:38px; border-bottom: solid 1px #E6E4E4; overflow: hidden;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:0; left: 0;  background-image: url(../images/shopnc.png); background-repeat: no-repeat; display:block; width: 20px; height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: -410px 0;}
.rides-cs .btnCtn { background-position: -450px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}


/*方案展示*/
.pro{ width:711px; float:right;}
.pro h2{ height:37px; background:#0c99e3; line-height:37px; padding-right:15px;}
.pro h2 p{ padding:0 26px; font-size:14px; font-weight:bold; color:#fff; float:left; background:#ff7500; display:inline-block;}
.pro h2 span{ font-size:12px; font-weight:normal; float:right}
.pro ul{ width:711px;}
.pro li{ float:left; width:223px; margin-right:12px; font-size:0; line-height:0; padding-top:15px;text-align:center;}
.pro li img{ width:221px; height:175px; border:1px #d5d5d5 solid;}
.pro li span{ height:44px; line-height:44px;  font-size:12px; color:#373737; display:block}
.pro li span a{color:#373737}
.pro li.nomr{ margin:0;}


/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #ff4a00 url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}