@charset "utf-8";
/* CSS Document */
* { padding: 0px; margin: 0px; }
img { border: 0px; }
ul, li, dl, dd { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { clear: both; overflow: hidden; font-size: 100%; }
input { font-size: 12px; font-family: \5B8B\4F53; }
textarea { font-size: 12px; font-family: \5B8B\4F53; }
em { font-style: normal; }
a { color: #000; text-decoration: none; border:0; }
a:hover { color: #e60012; text-decoration: none; }
.clear { clear: both; width: 100%; height: 0px; overflow: hidden; }
.blank { width: auto; height: 10px; visibility: hidden; overflow: hidden; }
body { color: #535353; background:url(../images/bg.jpg) 0 0 repeat; font-size: 12px; font-family: "宋体"; }


.fl{ float:left;}
.fr{ float:right;}
.stystem{ width:100%;}
.margin{ margin:0 auto;}

.px1002{ width:1002px;}
.px775{ width:775px;}
.px225{ width:225px;}

.h5{ float:left; width:100%; height:5px;}
.pr13{ padding-right:13px;}

.bt3{ border-top:3px solid #000;}
.bb3{ border-bottom:3px solid #000;}
.mt10{ margin-top:10px; display:inline;}
.mt20{ margin-top:20px; display:inline;}
.mt5{ margin-top:5px; display:inline;}

.line{ height:3px; line-height:3px; background:url(../images/line.png) repeat-x; overflow:hidden; padding:0; float:left; width:100%;}

a.more{ padding-right:15px; color:#000;}
a.more:hover{ color:#e60012;}

/*头部*/
.top_line{ width:100%; height:10px; background:#f08300;}
.header{ float:left; width:100%;}
.header .logo{ float:left; width:275px;}
.header .txt{ float:right; width:500px; text-align:right; padding:10px 0 0;}
.header .txt a{ padding:0 5px 0 10px;}
.header .menu{ float:left; width:100%; height:65px; background:url(../images/menu_bg.png) center no-repeat;}
.header .menu li{ float:left; width:125px;}
.header .menu li a{ float:left; width:125px; line-height:65px; font-size:12px; color:#353535; text-align:center;}
.header .menu li a:hover{ color:#e60012;}

/*导航下来*/
.navwrap{height:65px;line-height:65px;}
#top #nav{float:left;height:65px;line-height:65px;}
#nav, #nav ul{margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:65px; z-index:5;}
#top #nav a{height:65px;display:block;text-decoration:none;text-align:center;line-height:65px; outline:none;z-index:35;position:relative;float:left;}
#top #nav ul a{line-height:65px; }
#top #nav li{float:left;position:relative;z-index:20;width:125px;}
#top #nav li li{border-left:none;margin-top:0;}
#top #nav ul {position:absolute;display:none;width:125px;top:60px;left:-1px;}
#top #nav li ul a{width:130px;height:26px;line-height:26px;float:left;text-align:center; background:#f08300; border-bottom:1px solid #ffbc48; color:#fff;}
#top #nav li ul a:hover{ color:#000;}
#top #nav ul ul{top:auto;border-top:none;}	
#top #nav li ul ul {left:172px;top:0px;}
#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{display:none;	}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{display:block;}



.ppt{ float:left; width:100%; padding:13px 0 0; background:url(../images/ppt_bt.png) center bottom no-repeat; height:431px;}

.main{ float:left; width:100%; height:auto;}
.main .left{ float:left; width:202px; border-right:1px solid #d5d5d5; background:url(../images/left_bg.jpg) repeat-x #fff; position:relative; z-index:2}
.left .box{ float:left; width:171px; padding-left:11px;}
.left .box .tit{ float:left; width:100%; height:23px; background:url(../images/left.png) center no-repeat; margin:30px 0 10px;}
.left .box .cate{ float:left; width:100%;}
.left .box .cate .cate_01{ float:left; width:100%;}
.left .box .cate .cate_01 a{ float:left; width:100%; height:35px; color:#595959; line-height:35px; overflow:hidden; background:url(../images/left_nav.png) no-repeat; text-indent:15px;}
.left .box .cate .cate_01 a:hover , .left .box .cate .cate_01 a.on{ color:#fff; background:url(../images/left_nav_on.png) no-repeat;}
.left .box .cate .cate_02{ float:left; width:100%; display:none;}
.left .box .cate .cate_02 a{ float:left; width:100%; height:35px; color:#595959; line-height:35px; overflow:hidden; background:url(../images/left_nav.png) no-repeat; text-indent:25px;}
.left .box .cate .cate_02 a:hover , .left .box .cate .cate_01 a.on{ color:#fff; background:url(../images/left_nav_on.png) no-repeat;}
.left .box .contact{ float:left; width:100%; padding:20px 0;}
.left .box .contact a{ float:left; width:100%; height:58px; background:url(../images/left_contact.png) no-repeat;}
.left .box .qq{ float:left; width:100%; height:78px; background:url(../images/left_qq.png) no-repeat;}
.left .box .qq span{ float:left; width:80px; padding:10px 0 0 80px; font-size:14px; font-family:"微软雅黑";}
.left .box .qq span p{ font-size:12px;}

.main .right{ float:right; width:788px; position:relative; z-index:1}
.txt_box{ float:left; width:100%; background:#fff; height:auto; padding:20px 0;}
.txt_box .box{ width:762px; margin:0 auto; height:85px; background:url(../images/index_pic_01.jpg) 10px center no-repeat; border:1px dashed #bdbbbc; border-right:0; border-left:0;}
.txt_box .box p{ float:left; padding:15px 0 0 103px; color:#6f6d6e; width:660px;}
.txt_box .box p.p1{ font:18px/30px "微软雅黑";}
.txt_box .box p.p2{ font:14px/20px "微软雅黑"; padding-top:0;}
.bg_box{ float:left; width:100%; height:16px; background:url(../images/right_bt.png) right center no-repeat;}
.index_news{ float:left; width:100%; padding:10px 0; background:#fff;}
.index_news .new_box{ width:357px; padding-left:13px;}
.index_news .new_box .tit{ float:left; width:100%; height:30px; background:url(../images/index_tit_01.jpg) no-repeat; line-height:30px; font:16px/30px "微软雅黑"; color:#000; position:relative;}
.index_news .new_box .tit a{ font-size:12px; right:20px; top:5px; position:absolute;}
.index_news .new_box .tit span{ font-size:12px; color:#1d348f;}
.index_news .new_box .list{ float:left; width:100%; padding:10px 0 0;}
.index_news .new_box .list li{ float:left; width:337px; padding-left:20px; height:26px; line-height:26px; border-bottom:1px dashed #bdbbbc; background:url(../images/news_list.jpg) 5px center no-repeat;}
.index_news .new_box .list li span{ float:right;}
.index_news .new_box .list li a{ float:left; width:230px; height:26px; line-height:26px; overflow:hidden; color:#6b6b6b;}
.index_news .new_box .list li a:hover{ color:#e60012;}
.index_pro{ float:left; padding:10px 13px; width:762px; background:#fff;}
.index_pro .tit{ float:left; width:100%; height:30px; background:url(../images/index_tit_02.jpg) 0 bottom no-repeat; line-height:30px; font:16px/30px "微软雅黑"; color:#000; position:relative;}
.index_pro .tit a{ font-size:12px; position:absolute; right:20px; top:5px; z-index:10}
.index_pro .tit span{ font-size:12px; color:#1d348f;}
.index_pro .list{ float:left; padding:12px 0;}
.index_pro .list li{ float:left; width:177px; padding-right:18px;}
.index_pro .list li.last{ padding:0;}
.index_pro .list li img{ float:left; width:175px; height:175px; border:1px solid #bdbbbc;}
.index_pro .list li p{ float:left; width:100%; padding:5px 0 0;}
.index_pro .list li p a{ float:left; width:100%; height:36px; line-height:36px; text-align:center; overflow:hidden; background:#f08300;}


.foot{ width:100%; height:76px; background:url(../images/foot_bg.jpg) repeat-x; margin-top:20px;}
.foot .flogo{ width:50%; text-align:right; float:left; padding:10px 0 0;}
.foot .txt{ float:left; width:50%; color:#000; padding:20px 0 0;}
.foot .txt li{ float:left; width:100%; height:22px; line-height:22px;}

.banner{ float:left; width:100%; padding:13px 0 15px;}

.right .inside{ float:left; width:100%; background:#fff; padding-top:25px; min-height:600px; _height:600px; /**height:600px;*/}
.right ul.tit{ margin:0 auto; width:762px; height:25px; line-height:25px; background:url(../images/inside_t.jpg) no-repeat; font-size:16px; font-family:"微软雅黑"; color:#000; text-indent:10px;}
.right ul.tit span{ font-size:12px; color:#fff;}

.new_index{ float:left; padding:10px 13px; width:762px; background:#fff;}
.new_index .tit{ float:left; width:100%; height:30px; background:url(../images/index_tit_02.jpg) 0 bottom no-repeat; line-height:30px; font:14px/30px "微软雅黑"; color:#000; position:relative;}
.new_index .tit a{ font-size:12px; position:absolute; right:15px; top:4px;}
.new_index .tit span{ font-size:12px; color:#1d348f;}
.new_index .list{ float:left; padding:12px 0 0;}
.new_index .list li{ float:left; width:742px; padding-left:20px; height:30px; line-height:30px; border-bottom:1px dashed #bdbbbc; background:url(../images/news_list.jpg) 5px center no-repeat;}
.new_index .list li span{ float:right;}
.new_index .list li a{ float:left; width:630px; height:30px; line-height:30px; overflow:hidden; color:#6b6b6b;}
.new_index .list li a:hover{ color:#e60012;}
.new_index .detail{ float:left; width:100%;}
.new_index .detail .title{ float:left; width:100%; text-align:center; font:14px/30px "宋体"; color:#6b6d6d; font-weight:700; padding:10px 0;}
.new_index .detail .click{ float:left; width:100%; text-align:center;}
.new_index .detail .txt{ float:left; width:92%; padding:20px 4% 0; line-height:22px; color:#6b6d6d;}
.inside .other{ float:left; width:96%; text-align:right; padding:30px 0 0;}

.page{ float:left; width:100%; text-align:center; padding:20px 0 30px; color:#000;}
.page a{ display:inline-block; margin:0 5px;}
.page input.text{ width:30px; margin:0 5px;}
.page input.submit{ width:25px; margin:0 5px;}

.inside.about .con{ float:left; width:92%; padding:20px 4%; line-height:22px; font:12px/22px "宋体"; color:#595959;}

.inside .index_pro{ padding:0 13px; position:relative;}
.inside .index_pro .tit a{ position:absolute; right:0; background:#fff; width:20px; height:25px;}
.inside .index_pro .list li{ padding:20px 18px 20px 0;}
.inside .index_pro .list li.last{ padding:20px 0;}
.inside .index_pro .con{ float:left; width:100%; text-align:center; padding:20px 0 20px; height:auto;}
.inside .index_pro .con img{ width:370px; border:1px solid #bdbbbc;}
.inside .index_pro .con h4{ width:372px; height:30px; line-height:30px; background:#f08300; color:#000; margin:0 auto;}
.inside .index_pro .con .not{ float:left; padding-top:20px;}

.joblist{ float:left; width:100%;}
.joblist table{ float:left; margin:20px 0 10px 80px;}
.joblist td{ height:25px; line-height:25px;}
.joblist td.td{ text-indent:0.5em;}

.jianli{ float:left; width:96%; padding:10px 0 30px 4%;}
.jianli td{ padding:5px 0;}

.order{ float:left; width:100%; padding:20px 0 0 ;}
.order td{ padding:10px 0;}
.order td input{ height:22px; line-height:22px; margin-left:10px;}
.order td textarea ,.order td select{ margin-left:10px;}

.inside.cont{ background:url(../images/contact_bg.jpg) right bottom no-repeat #fff;}
.contactus{ float:left; width:96%; padding:40px 0 0 4%; font:18px/36px "微软雅黑"; color:#000000;}


/*左侧菜单*/
.suckerdiv{ float:left; width:100%;}
.suckerdiv ul{margin: 0;padding: 0;list-style-type: none;width: 100%; /* Width of Menu Items */}	
.suckerdiv ul li{position: relative;}
.suckerdiv ul li ul{left: 171px; /* Parent menu width - 1*/position: absolute;width: 171px; /*sub menu width*/top: 0;display: none; z-index:10;}
.suckerdiv ul li a{display: block; width:100%; height:35px; color:#595959; line-height:35px; overflow:hidden; background:url(../images/left_nav.png) left top no-repeat; text-indent:15px;}
.suckerdiv ul li:hover,.suckerdiv ul li a:hover{color:#fff; background:url(../images/left_nav_on.png) left top no-repeat;}
.suckerdiv .subfolderstyle{background:url(../images/left_nav.png) left top no-repeat;}
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */




/*在线客服*/

.float0831 {
	position: fixed;
	top: 200px;
	right: 1px;
	_position: absolute;
	/*height: 312px;*/
}
.float0831 .floatL {
	position: relative;
	width: 27px;
	height: 118px; 
	float: left;
	top: 0px;
}
.float0831 .btnOpen {
	position: relative;
	width: 27px;
	height: 118px;
	top: 20px;
	left: 0;
}
.float0831 .btnOpen_n {
	position: relative;
	width: 27px;
	height: 118px;
	top: 20px;
	left: 0;
}
.float0831 .btnCtn {
	position: relative;
	width: 35px;
	height: 194px;
	top: 20px;
	left: 0;
}
.float0831 .floatR {
	/*background: url(images/qqbg.jpg) top no-repeat;*/
}
.float0831 .floatR {
	width: 127px;
	height: auto;
	float: left;
	overflow: hidden;
}

.float0831 .floatR .qq_box {
	width: 127px;
	float: left;
	background: url(../images/online_bg.png) top no-repeat;
	padding:5px 0 7px;
}
.float0831 .floatR .qq_box ul{
	width:119px;
	margin:0 auto;
	overflow: hidden;
	text-align: center;
	background: #fff;
}
.float0831 .floatR .qq_box ul li{
	float:left; padding:10px 0 0; margin:10px 5% 0 5%; border-top:1px solid #f6f5f6; width:90%;
}
.float0831 .floatR .qq_box ul li.li_1{ float:left; width:100%; padding:0; background:url(../images/online_01.png) no-repeat; height:74px; margin:0;}
.float0831 .floatR .qq_box div.lst{ float:left; width:100%;background: url(../images/online_02.png) center bottom no-repeat; height:7px;}
.float0831 .floatR .b{ float:left; width:100%;}
