/* CSS Document */

html, span, object,h1, h2, h3, h4, h5, h6, p, em, dd,dl, dt, ol, ul, li, form{ margin:0;padding:0;border:0; font-size:100%; font-family:inherit; list-style:none;}
input.btn{ border:none}
label{vertical-align:middle} .inputcheckbox{vertical-align:middle;} 

body{ font: 12px "Arial", Gadget, sans-serif; color:#333333; margin:0 auto;padding:0px; list-style:none; }
a{ color:#333333; text-decoration:none; }
a:hover{  color:#f00; text-decoration: underline   }
.clear_all {clear:both;}

.white { color:#fff;}
.white a { color:#fff;}
.white a:hover { color:#f00;}

.blue { color:#0e6400;}
.blue a { color:#0e6400;}
.blue a:hover { color:#f00;}

.red { color:#cb2815;}
.red a { color:#cb2815;}
.red a:hover { color:#f00;}

.f12 { font:12px "宋体";}
.f14 { font:14px "宋体";}
.fbd { font-weight:bold;}
.wr14 { font:14px "微软雅黑";}

img{ border:none; padding:0px; margin:0px; display:block; }
ul,li{ list-style-type:none; margin:0; padding:0; border:0; list-style:none }
.area_space  { height:8px; margin-top:0px; margin-bottom:0px; overflow:hidden; display: block}

.body_bg { background:url(../image/index_bg.gif) repeat-x top center; width:100%; height:100%;}
.body_index { margin:0 auto; height:100%; overflow:hidden; width:1000px; }

.body_top1 { width:1000px;  height:30px; line-height:30px; color:#696969;  }
.body_top1 h1 { float:left; font-weight:normal; padding-left:20px;}
.body_top1 h2 { float:left; font-weight:normal; padding-left:10px;}
.body_top1 p { float:right; padding-right:20px;}
.body_top1 p span { padding-left:8px; padding-right:8px; color:#696969;}
.body_top1 p a {color:#696969;}

.body_top2 { width:1000px; height:102px; overflow:hidden;  }
.body_top2 h1 { float:left; font-weight:normal; padding-left:20px; padding-top:18px;}
.body_top2 .r { float:right; padding-right:30px; padding-top:20px;}

#menupp { width:974px; padding:0px 13px; height:46px; overflow: hidden; }
#menupp li { float:left; height:46px; font:bold 14px "宋体";  text-align:center; cursor: pointer;}

.menupp01 a{display:block; width:135px;height:46px; line-height:46px; text-align:center; color:#fff;}
.menupp01 a:hover{ width:135px; background:url(../image/connavbg1_4.gif) repeat-x; color:#fff;text-align:center; text-decoration:none;}
.menupp01 dl{display:none;}
#menupp .hover a{ display:block;width:135px; text-align:center; background:url(../image/connavbg1_4.gif) repeat-x; color:#fff;}

.FocusPic{width:1000px;height:346px; position:relative;zoom:1;overflow:hidden; margin:0 auto; margin-top:4px; }
.FocusPic .FP_NumList3{ position:absolute; right:15px; padding-right:0px; bottom:-5px; padding-bottom:15px; zoom:1;overflow:hidden;z-index:9;}
.FocusPic .FP_NumList3 span{float:left; margin-left:5px; display:inline; text-align:center;font-family:Arial, Helvetica, sans-serif;cursor:pointer;background-color:#eeeeee; color:#000;  width:15px; font-size:10px;line-height:15px;}

.FocusPic .FP_NumList3 span.selected{background-color:#b2000d;color:#fff; }
.FocusPic .FP_pic3{ width:1000px; height:346px;overflow:hidden;float:left;}


#lunbonum{height:10px;line-height:23px;position:absolute;left:450px;top:360px;z-index:5;}
#lunbonum li{width:10px;height:10px;float:left;margin-right:9px;background:#B4B4B4;border-radius:10px;cursor:pointer;}
#lunbonum .lunboone{background:#C80002;cursor:pointer;}

.hotnews { height:34px; line-height:34px; width:1000px; background:url(http://www.juntao88.com/static/images/connavbg2.gif) repeat-x}
.hotnews h1 { float:left; font: bold 12px "宋体"; width:80px; height:34px; line-height:34px; padding-left:10px;  }
.hotnews .gd { float:left; width:623px; height:34px; line-height:34px; margin-right:10px; }
.hotnews .time  { float:left; width:243px; padding-left:10px; padding-right:10px;}


.con { height:100%; width:1000px; overflow:hidden; padding-top:10px; margin-bottom:15px;}
.con .l { float:left; width:236px; }
.con .r { float:left; width:750px; margin-left:14px; display:inline }

/* 产品分类 */
.bd { width:236px; }
.hd { width:236px; height:40px; overflow:hidden; background:#44980c; }
.hd h1 {float:left;  height:40px; line-height:40px; text-align:left; padding-left:20px;}
.hd h1 i { float:left;  font:16px "Arial", Gadget, sans-serif;  height:14px; line-height:14px; padding-top:12px;   overflow:hidden; color:#fff;}
.hd h1 a {float:left; font:16px "微软雅黑"; font-weight:normal; text-decoration:none; line-height:40px; padding-left:6px; }

.q_tpm { overflow:hidden; width:236px; line-height:22px; }
.menu1 { width:236px; height:100%; overflow:hidden; padding:6px 0px 0px 6px; }
.menu1 li { font-size:14px; height:35px; line-height:35px; background:url(../image/connavbg2_1.gif) no-repeat; margin-bottom:6px;}
.menu1 li:hover { font-size:14px; height:35px; line-height:35px; background:url(../image/connavbg2_2.gif) no-repeat;}
.menu1 li a {  padding-left:50px; }
.menu1 li:hover a { color:#fff;}

.menu1 h2 { width:190px; height:25px; line-height:25px; margin:0 auto; background:#f3f3f3; color:#4b4b4c; margin-bottom:4px;  font-size:12px; font-weight:100;}
.menu1 h2 a { color:#212121; padding-left:25px; background:url(../image/icon1.gif) no-repeat 15px 3px;  }

.menu1 ul { height:100%; border-top:none;overflow:auto;}
.menu1 a {  text-decoration:none; overflow:hidden;}
.menu1 .no { display:none; }

.q_tpm_1 { overflow:hidden; width:231px; padding:5px 0px 12px 5px; line-height:23px;}


/* 客户案例 */
.bd2 {  overflow:hidden;}
.hd2 {  height:34px; overflow:hidden; background:url(../image/connavbg2_3.gif) no-repeat;}
.hd2 h1 {float:left; height:22px; line-height:22px; padding-left:18px; padding-top:12px;}
.hd2 h1 i {  float:left;  font:18px "Arial", Gadget, sans-serif; height:22px; line-height:22px; overflow:hidden;}
.hd2 h1 a { float:left; font:bold 16px "微软雅黑"; text-decoration:none; line-height:22px; display:block; padding-left:15px;}
.hd2 p { font:bold 12px "Arial", Gadget, sans-serif;  float:right; line-height:34px; padding-right:13px; }

.q_tpm2 { width:728px; padding:15px 10px; line-height:24px; overflow:hidden; background:#f7f6f6; border:1px solid #f1f1f1; border-top:none;}
.cpgd {     height: 480px; overflow:hidden;}
.cpgd li { float:left; text-align:center; padding-left:8px; padding-right:8px; line-height:28px; padding-bottom:5px; }
.cpgd li img { border:3px solid #e4e3e3; width:160px; height:120px;}

.q_tpm3 { width:728px; padding:15px 10px; line-height:24px; overflow:hidden; background:#f7f6f6; border:1px solid #f1f1f1; border-top:none; }
.q_tpm3 h3 { float:left; margin-right:10px; }
.q_tpm3 p { display:inline}


/* 产品分类 */
.bd3 { width:1000px; }
.hd3 { width:1000px; height:34px; overflow:hidden; border-bottom:1px solid #dddddd; }
.hd3 h1 { float:left;  height:34px; line-height:34px; text-align:center; background:#44980c;}
.hd3 h1 i { float:left;  font:16px "Arial", Gadget, sans-serif;  height:34px; line-height:34px; overflow:hidden; padding-left:20px;}
.hd3 h1 a {float:left; font:16px "微软雅黑"; font-weight:normal; text-decoration:none; line-height:34px; padding-left:8px; padding-right:20px; }
.hd3 p { font:bold 12px "Arial", Gadget, sans-serif;  float:right; line-height:34px; padding-right:13px; }

.q_tpm4 { width:970px; padding:15px 15px; margin-bottom:15px; line-height:22px; overflow:hidden; border-top:none; }

.con2 { height:100%; width:1000px; overflow:hidden; padding-top:10px; margin-bottom:15px;}
/* 客户案例 */
.bd4 {  overflow:hidden; float:left; width:324px; display:inline}
.hd4 {  height:34px; overflow:hidden; background:url(../image/connavbg2_3.gif) no-repeat;}
.hd4 h1 {float:left; height:22px; line-height:22px; padding-left:18px; padding-top:12px;}
.hd4 h1 i {  float:left;  font:18px "Arial", Gadget, sans-serif; height:22px; line-height:22px; overflow:hidden;}
.hd4 h1 a { float:left; font:bold 16px "微软雅黑"; text-decoration:none; line-height:22px; display:block; padding-left:15px;}
.hd4 p { font:bold 12px "Arial", Gadget, sans-serif;  float:right; line-height:34px; padding-right:13px; }

.bdlx { width:302px; padding:15px 10px; line-height:24px; overflow:hidden; background:#f7f6f6; border:1px solid #f1f1f1; border-top:none; }
.bdlx li { height:30px; line-height:30px; vertical-align:bottom; overflow: hidden; border-bottom:1px dashed #bcbcbc; }
.bdlx li a { float:left; background:url(../image/icon2.gif) no-repeat 5px 11px; padding-left:16px; line-height:30px;}
.bdlx li span { float:right; padding-right:8px; }

.index_bot_1 {width:100%; background:url(../image/bot_bg.gif) repeat-x;}
.index_bot { width:1000px; margin:0 auto; overflow:hidden; text-align:center; }
.index_bot1 {  height:35px; line-height:35px; background:url(../image/bot_bg1.gif) no-repeat; margin-top:25px;}
.index_bot1 span { padding-left:10px; padding-right:10px;}

.index_bot2 {  line-height:24px; padding-top:15px; padding-bottom:10px; overflow:hidden }


.sec_bd  { width:750px;}
.sec_hd {  height:34px; overflow:hidden; background:url(../image/connavbg2_5.gif) no-repeat;}
.sec_hd h1 {float:left; height:34px; line-height:34px; padding-left:45px;}
.sec_hd h1 a { float:left; font:bold 16px "微软雅黑"; text-decoration:none; line-height:34px; display:block; color:#fff;}
.sec_hd p { font:bold 12px "Arial", Gadget, sans-serif;  float:right; line-height:34px; padding-right:13px; color:#fff;}
.sec_hd p a {  color:#fff;}
.sec_hd p span { padding-left:5px; padding-right:5px;}

.sec_con {  width:748px; padding:10px 0px; line-height:24px; min-height:634px; background:#fafafa; border:1px solid #ddd7d7;   }
.sec_tpm { width:718px; line-height:24px; padding:5px 15px;}
.page-btn{
	padding: 5px 10px;
	text-align: center;
}
.page-btn li{
	display: inline-block;
	vertical-align: middle;
	margin-right:10px;
}
.page-btn li a{
	display: block;
	font-size: 14px;
	width: 25px;
	height: 25px;
	background:#f2f2f2;
	color: #333;
	text-align: center;
	line-height: 25px;
	border: 1px solid #cdc7c9;
	transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.page-btn li.thisclass a,.page-btn li a:hover{
	color: #fff;
	background: #44980c;
	border: 1px solid #44980c;
}
.sec_tpm2 { width:728px; padding:5px 10px; display:block}
.sec_tpm2 ul{
	overflow: hidden;
}
.sec_tpm2 li { float:left; width:226px; overflow:hidden; padding-left:7px; padding-right:7px; padding-bottom:5px; text-align:center; line-height:30px;}
.sec_tpm2 img {width:220px; height:170px; padding:2px; border:1px solid #cdc7c9}

.sec_tpm3 { width:718px; padding:10px 15px; line-height:24px; overflow:hidden; }
.sec_tpm3 li { line-height:35px; line-height:35px; width:718px; overflow:hidden; border-bottom:1px dashed #cccccc;   }
.sec_tpm3 li a { float:left; background:url(../image/icon1.gif) no-repeat 5px 16px; padding-left:15px;}
.sec_tpm3 li span { float:right; padding-right:10px;}