@charset "utf-8";
/* CSS Document */

html, span, object,h1, h2, h3, h4, h5, h6, p, em, dd,dl, dt, ol, ul, li, form,table, tbody, thead, tr, td,table,tr,td{ 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: 14px Arial, Helvetica, sans-serif; color:#383838; margin:0 auto;padding:0px; list-style:none; }
a{ color:#383838; text-decoration:none; }
a:hover{  color:#f00; text-decoration: underline   }
.clear_all {clear:both;}

.blue { color:#0c9fd1;}
.blue a { color:#0c9fd1;}
.blue a:hover { color:#f00;}

.white { color:#fff;}
.white a { color:#fff;}
.white a:hover { color:#f00;}

.red { color:#ee0509;}
.red a { color:#ee0509;}
.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 }

.body_bg { background: url(../images/index_bg.gif) repeat-x; width:100%; overflow:hidden;}
.body_index {  height:100%; margin:0 auto; width:1000px;}

.body_top { height:106px;}
.body_top h1 { float:left; font-weight:normal; padding-left:30px; padding-top:25px;}
.body_top .r { float:right; width:280px; padding-right:40px;display:inline;   }
.body_top .r .tit { margin-top:10px; text-align:right; line-height:26px; padding-right:5px;}
.body_top .r .tit span { padding-left:6px; padding-right:6px;}
.body_top .r .phone { text-align:right;font:23px "微软雅黑"; color:#edff1f;  padding-top:15px;}


#menupp { width:1000px; height:39px;}
#menupp li { float:left;  text-align:center;  }
#menupp li a {font:bold 14px "微软雅黑"; height:39px; line-height:39px; display:block; cursor: pointer; color:#fff;}

.menupp01 a{ display:block; width:119px; height:39px; text-align:center; color:#fff;}
.menupp01 a:hover{ width:119px; line-height:39px; background:url(../images/connavbg1_4.gif) repeat-x; text-align:center; text-decoration:none; color:#fff;}
#menupp .hover a{ display:block;width:119px; text-align:center; background:url(../images/connavbg1_4.gif) repeat-x;color:#fff;}
#menupp li:hover a { color:#fff;}


/* FocusPic */
.FocusPic{width:994px;height:289px; position:relative;zoom:1;overflow:hidden; margin:0 auto; margin-top:4px; padding:3px; background:#fff; }
.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:994px; height:289px;overflow:hidden;float:left;}

.body_index2 { background: url(../images/index_bg2.gif) no-repeat;  height:100%; padding:6px; margin:0 auto; width:988px;}
/*滚动图片2*/
.con { width:1000px; height:100%; overflow:hidden; margin-top:12px;}
.con .l { float:left; width:215px;}
.con .r { float:left; width:772px; padding-left:13px; }

/* 产品分类 */
.bd { width:215px; }
.hd { width:215px; height:33px; overflow:hidden;  background:url(../images/connavbg2.gif) no-repeat; }
.hd h1 {float:left;height:33px; }
.hd h1 a { float:left;font:bold 14px "微软雅黑"; text-decoration:none; line-height:33px; padding-left:29px;}
.hd h1 i { float:left; font:bold 12px "Arial", Gadget, sans-serif; height:14px; line-height:16px; overflow:hidden; padding-left:5px;display:inline-block; padding-top:10px;}
.hd p {font:bold 10px "Arial", Gadget, sans-serif; float:right; padding-top:10px; padding-right:13px;}

.q_tpm { padding:6px 0px 5px 0px; line-height:25px; overflow:hidden; background:#eee; }
.menu1 { height:100%; overflow:hidden;  }
.menu1 h1 { height:215px; height:30px; line-height:30px; overflow:hidden; border-bottom:1px dotted #c1c1c1;}
.menu1 h1 a { background:url(../images/icon1.gif) no-repeat 20px 3px; padding-left:30px; }
.menu1 h2 { height:26px; line-height:26px; overflow:hidden;  color:#4b4b4c; background:#ededed; margin-top:1px; padding-left:13px;  font-size:12px; font-weight:100; overflow:hidden; }
.menu1 h2 a { color:#4b4b4c; background:url(../images/icon2.gif) no-repeat 10px 6px; padding-left:20px;}

.menu1 h1:hover { background:#eaeaea; cursor:pointer;}
.menu1 ul { height:100%; border-top:none;overflow:auto;}
.menu1 a {  text-decoration:none; overflow:hidden; }
.menu1 .no { display:none; }

.q_tpm_1 { padding:6px 10px 10px 10px; line-height:23px; overflow:hidden; background:#f7f7f7 }


/* 公司简介 */
.wid378 { width:378px;}
.wid770 { width:770px;}
/* 客户案例 */
.bd2 { float:left; border:1px solid #dcdcdc; background:url(../images/connavbg4_1.gif) repeat-x bottom; }
.hd2 { height:26px;  overflow:hidden; background:url(../images/connavbg4.gif) no-repeat;}
.hd2 h1 {float:left; height:26px; line-height:26px;}
.hd2 h1 a { float:left; font:bold 14px "微软雅黑"; text-decoration:none; line-height:26px;  padding-left:22px; }
.hd2 h1 i { float:left; font:12px "Arial", Gadget, sans-serif; font-weight:normal;height:18px; line-height:18px; overflow:hidden; padding-left:25px;display:inline-block; padding-top:5px; padding-right:10px; color:#838383; }
.hd2 p { float:right; padding-top:10px; padding-right:10px;}

.q_tpm2 {  width:354px; padding:15px 15px; line-height:23px; overflow:hidden; border-top:none; background:url(../images/connavbg4_1.gif) repeat-x;}
.q_tpm2 h3 { float:left; padding-right:10px;}
.q_tpm2 img { border:1px solid #d1d1d1; padding:2px;}
.q_tpm2 p { display:inline;}

/* 客户案例 */

.q_tpm3 { width:354px; padding:10px 15px 2px 15px; overflow:hidden; }
.q_tpm3 img { float:left; width:123px; height:83px; border:1px solid #dbdbdb; padding:2px; margin-right:10px; display:inline; margin-top:3px;}
.q_tpm3 .com { float:left; width:213px;} 
.q_tpm3 .com h2 { font:bold 12px "宋体"; line-height:24px; padding-top:3px;}
.q_tpm3 .com .newcon { line-height:22px;}

.bdlx {  width:354px; padding:9px 15px 8px 15px; }
.bdlx li { height:25px; line-height:25px;  vertical-align:bottom; }
.bdlx li a { float:left; background:url(../images/icon2.gif) no-repeat 5px 12px; padding-left:15px; line-height:25px;  }
.bdlx li span { float:right; padding-right:8px; }


.q_tpm4 { width:764px; overflow:hidden; height:454px; padding-top:15px; padding-left:7px; padding-right:7px;  padding-bottom:10px;} 

.q_tpm4_1 { width:764px; overflow:hidden; height:454px;  } 
.q_tpm4_1 li { float:left; width:171px;  overflow:hidden; padding-left:10px; padding-right:10px; padding-bottom:5px; text-align:center; line-height:26px;}
.q_tpm4_1 li .box{ vertical-align:middle; overflow:hidden;width:165px; height:190px; border:1px solid #d6d6d6; padding:2px; }
.q_tpm4_1 li a:link{ vertical-align:middle;display:inline-block;}
.q_tpm4_1 li span{display:inline-block; height:100%; width:0; vertical-align:middle;}
.q_tpm4_1 li img { max-width:165px; max-height:190px; display:inline-block; vertical-align:middle; }


/* 公司简介 */
.q_tpm3 { width:758px; overflow:hidden; margin-top:5px; line-height:23px;}
.q_tpm3 h3 { float:left; padding-right:10px; margin-top:6px;}
.q_tpm3 h3 img {border:1px solid #d6d6d6; padding:2px;}
.q_tpm3 p { display:inline;}

.index_bot { width:992px; margin:0 auto; background:url(../images/bot_bg.gif) repeat-x; margin-top:10px;}
.index_bot1 {  height:31px; line-height:31px; text-align:center;}
.index_bot1 span { padding-left:10px; padding-right:10px;}

.index_bot2 { text-align:center; line-height:24px; padding-top:10px; padding-bottom:10px; }

/*滚动图片2*/
.sec_bd { width:772px; }
.sec_hd { width:758px; height:30px; overflow:hidden; border-bottom:1px solid #e9e9e9; }
.sec_hd h1 {float:left;height:30px; line-height:30px; }
.sec_hd h1 a { float:left;font:bold 14px "微软雅黑"; text-decoration:none; line-height:30px; padding-left:25px; background:url(../images/icon3.gif) no-repeat 8px 4px;}
.sec_hd h1 i { float:left; font:bold 12px "Arial", Gadget, sans-serif; height:14px; line-height:16px; overflow:hidden; padding-left:6px;display:inline-block; padding-top:8px; color:#a5a5a5;}
.sec_hd p { float:right;  line-height:30px; padding-right:13px;}
.sec_hd p span { padding-left:6px; padding-right:6px;}

.sec_con { width:758px; padding:10px 0px;  }
.sec_tpm { font-size:14px; width:728px; line-height:24px; padding:5px 15px;}
#art_content img { max-width:600px;}

.sec_tpm2 { width:744px; padding:8px 7px; display:block}
.sec_tpm2 li { float:left; width:171px; overflow:hidden;  padding-left:7px; padding-right:7px; padding-bottom:5px; text-align:center; line-height:26px;}
.sec_tpm2 li .box{ vertical-align:middle; overflow:hidden;width:165px; height:190px; border:1px solid #d6d6d6; padding:2px; }
.sec_tpm2 li a:link{ vertical-align:middle;display:inline-block;}
.sec_tpm2 li span{display:inline-block; height:100%; width:0; vertical-align:middle;}
.sec_tpm2 li img { max-width:165px; max-height:190px; display:inline-block; vertical-align:middle; }

.sec_tpm3 { width:736px; line-height:32px; padding:5px 6px;overflow:hidden; }
.sec_tpm3 li { line-height:32px;  width:728px; overflow:hidden; border-bottom:1px dashed #cccccc;   }
.sec_tpm3 li a { float:left; background:url(../images/secpic3.gif) no-repeat 5px 16px; padding-left:15px;}
.sec_tpm3 li span { float:right; padding-right:10px;}