﻿@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: 12px "宋体"; 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:#004898;}
.blue a { color:#004898;}
.blue a:hover { color:#f00;}

.white { color:#fff;}
.white a { color:#fff;}
.white a:hover { color:#f00;}
.f12 { font:12px "宋体";}
.f14 { font:14px "宋体";}
.fbd { font-weight:bold;}
.wr14 { font:14px "微软雅黑";}
 
ul{ list-style-type:none; margin:0; padding:0; border:0; list-style:none }
li{ margin:0px; padding:0px;list-style:none;float:left; vertical-align:middle}
img{margin:0px auto;border:0;display:block;}



.body_bg { background:url(../images/index_bg2.gif) repeat;  width:100%; height:100%;}
.body_bg2 { background:url(../images/index_bg.gif) repeat-x top center;  width:100%; height:100%;}
.body_index { width:1000px; margin:0 auto; height:100%; overflow:hidden; }


.body_top {  height:97px; background:url(../images/conbg1.gif) no-repeat 430px 4px;margin:0 auto;overflow:hidden;position:relative;}
.body_topl { float:left; padding-left:65px; padding-top:30px}
.body_topr { float:right; padding-right:63px; padding-top:30px }
.body_top  .body_jianfan {float:left; padding-right:63px; padding-top:10px}



/*top*/

.b {display:block;}


.wrap {width:1000px;margin:0 auto;height:auto;overflow:hidden;}


.top {width:1000px;height:97px;background:url("../images/conbg1.gif") no-repeat 430px 4px;margin:0 auto;overflow:hidden;position:relative;}
.top .wrap {position:relative;height:97px;}
.top .wrap .logo {position:absolute;left:60px;top:30px;width:385px;height:108px;background:url("/templets/images/con_logo.gif") no-repeat;text-indent:-9999px;}
.top .wrap .tel {position:absolute;top:30px;right:0;width:321px;height:51px;background:url("/templets/images/con_phone.gif") no-repeat;}
.top .wrap .wz {position:absolute;left:750px;top:10px;} 

 





#menupp { Z-INDEX: 1000; position:relative; width:886px; padding:0px 57px; height:47px;  }
#menupp li {   float:left; font:bold 14px "宋体";  text-align:center;  line-height:53px; overflow:hidden}
#menupp li img { padding-top:6px;}

.menupp01 a { display:block; width:109px; text-align:center;color:#fff; line-height:53px; overflow:hidden}
.menupp01 a:hover{ width:109px; background:url(../images/connavbg1_4.gif) no-repeat; color:#fff;text-align:center; text-decoration:none;}


.menupp01-2 a { display:block;background:url(../images/connavbg1_4.gif) no-repeat;  width:109px; text-align:center;color:#fff; line-height:53px; overflow:hidden}
.menupp01-2 a:hover{ width:109px; background:url(../images/connavbg1_4.gif) no-repeat; color:#fff;text-align:center; text-decoration:none;}

#menupp .hover a{ display:block;width:109px; text-align:center; background:url(../images/connavbg1_4.gif) no-repeat; color:#fff;}

.mainNav { z-index: 1200; position: relative; width:886px}
.mainNav .off { text-align: center; WIDTH: 109px; }
.mainNav .off a  { color:#fff;}
.mainNav .on { text-align: center; WIDTH: 109px; height:47px;  background:url(../images/connavbg1_4.gif) no-repeat;   }
.mainNav .on a { color:#fff;}
.nav_list { Z-INDEX: 1999; POSITION: absolute;  PADDING-BOTTOM: 5px; MARGIN-TOP: 0px; WIDTH: 99px; DISPLAY: none; BACKGROUND: #ff7200; OVERFLOW: hidden; TOP: 47px; left:0px; }
.nav_list LI {TEXT-ALIGN: center; WIDTH: 99px; FONT: 12px/25px "宋体"; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; HEIGHT: 25px; COLOR: #fff; OVERFLOW: hidden}
.nav_list LI a {TEXT-ALIGN: center; WIDTH: 99px; FONT: 12px/25px "宋体"; FLOAT: left; COLOR: #fff;}
.nav_list LI a:hover {WIDTH: 99px; BACKGROUND: #a54a00; FLOAT: left; COLOR: #fff}
#nav_1 {WIDTH: 99px; LEFT: 116px}


/* FocusPic */
.FocusPic{width:1000px;height:256px;  position:relative;zoom:1;overflow:hidden; margin:0 auto; }
.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;width:15px;background-color:#eeeeee; color:#000; font-size:10px;line-height:15px;}

.FocusPic .FP_NumList3 span.selected{  background-color:#294688; color:#fff;}
.FocusPic .FP_pic3{ width:1000px; height:256px;overflow:hidden;float:left;}


.con { width:986px; padding:7px;}
.con .l { float:left; width:226px; }
.con .c { float:left; width:444px; padding-left:17px; }
.con .r { float:left; width:282px; padding-left:17px; }
.con .r2 { float:left; width:750px; padding-left:10px; }

/* 公司简介 */
.bd { width:226px;}
.hd { width:226px;   overflow:hidden; }

.q_tpm { line-height:22px; overflow:hidden; padding-top:5px; padding-left:5px; padding-bottom:3px; border:1px solid #e2e2e2;}
.q_tpm li { float:left; background:url(../images/connavbg3_1.gif) repeat-x; height:22px; border:1px solid #e2e2e2; width:103px; line-height:22px; overflow:hidden; margin-bottom:6px; margin-right:4px; }
.q_tpm li a {background:url(../images/connavbg3_2.gif) no-repeat 5px 2px; padding-left:18px;}

.bd2 {  width:444px;}
.hd2 { width:444px; height:31px;  overflow:hidden; background:url(../images/connavbg3_6.gif) no-repeat bottom; }
.hd2 h1 {float:left; height:31px; padding-top:7px; padding-left:10px;}
.hd2 p { float:right; padding-top:8px; padding-right:3px;}

.q_tpm2 { line-height:22px; overflow:hidden; margin-top:10px; padding:0px 5px; }
.q_tpm2 h3 { float:left; margin-right:10px; }
.q_tpm2 h3 img {border:1px solid #dbdbdb; padding:2px;}

/* 客户案例 */
.q_tpm3 { width:434px; padding:10px 5px 0px 5px; overflow:hidden;   }
.q_tpm3 img { float:left; width:139px; border:1px solid #dbdbdb; padding:2px; margin-right:10px; display:inline; margin-top:3px;}
.q_tpm3 .com { float:left; width:279px;} 
.q_tpm3 .com h2 { font:bold 12px "宋体"; line-height:24px; padding-top:3px;}
.q_tpm3 .com .newcon { line-height:22px;}

.bdlx {  width:434px; line-height:24px;  padding:10px 5px 0px 5px; }
.bdlx li { height:24px; line-height:24px; }
.bdlx li a { float:left; background:url(../images/icon1.gif) no-repeat 5px 8px; padding-left:17px; line-height:22px;  }
.bdlx li span { float:right; padding-right:8px; }


.bd3 {width:278px; border:1px solid #dbdbdb;}
.hd3 { width:278px; height:28px; overflow:hidden; background:url(../images/connavbg4.gif) repeat-x;  }
.hd3 h1 {font:bold 14px "微软雅黑"; float:left;height:28px; background:url(../images/connavbg4_2.gif) no-repeat; line-height:28px; padding-left:36px;}
.hd3 p { float:right;  padding-top:8px; padding-right:13px;}

.q_tpm4 {  overflow:hidden; padding:8px 8px; }
.q_tpm4_1 {  overflow:hidden; padding:8px 18px; background:url(../images/connavbg4_1.gif) no-repeat 130px 5px; line-height:22px; }



.bd4 {width:984px; border:1px solid #dbdbdb; margin-top:10px;}
.hd4 { width:984px; height:28px; overflow:hidden;  background:url(../images/connavbg4.gif) repeat-x;   }
.hd4 h1 {font:bold 14px "微软雅黑"; float:left;height:28px;background:url(../images/connavbg4_2.gif) no-repeat; line-height:28px; padding-left:36px;}
.hd4 p { float:right;  padding-top:8px; padding-right:13px;}

.q_tpm5 {  overflow:hidden; padding:8px 8px; }



.index_bot { background:url(../images/bot_bg.gif) repeat-x; margin-top:10px;}
.index_bot1 {  height:35px; line-height:38px; text-align:center; overflow:hidden;}
.index_bot1 span { padding-left:10px; padding-right:10px;color:#FFF;}
.index_bot1 a { color:#FFF;}

.index_bot2 { background:url(../images/navpicbg4.gif) no-repeat; text-align:center; line-height:24px; padding-top:15px; padding-bottom:10px; }


.sec_bd {width:748px; border:1px solid #dbdbdb;}
.sec_hd { width:748px; height:28px; overflow:hidden;  background:url(../images/connavbg4.gif) repeat-x;   }
.sec_hd h1 {font:bold 14px "微软雅黑"; float:left;height:28px;background:url(../images/connavbg4_2.gif) no-repeat; line-height:28px; padding-left:36px;}
.sec_hd h1 i { font:12px "Arial", Gadget, sans-serif; font-weight:normal; overflow:hidden;line-height:25px; padding-left:5px; }
.sec_hd p { float:right; line-height:28px; padding-right:13px;}
.sec_hd p span { padding-left:6px; padding-right:6px;}

.sec_con { width:728px; padding:10px 10px; min-height:444px; _height:444px; overflow: visible; }
.sec_tpm { width:708px; padding:10px 10px; line-height:25px;}


.sec_tpm3 { width:708px; padding:10px 10px; overflow:hidden;  }
.sec_tpm3 li { line-height:30px; line-height:30px; width:708px; overflow:hidden; border-bottom:1px dashed #cccccc;   }
.sec_tpm3 li a { float:left; background:url(../images/icon3.gif) no-repeat 10px 12px; padding-left:20px;}
.sec_tpm3 li span { float:right; padding-right:10px;}

.sec_tpm2 { width:724px; padding:10px 5px; overflow:hidden;  } 
.sec_tpm2 li { float:left; width:161px;height:150px; text-align:center; margin-right:10px; margin-left:10px; display:inline; line-height:28px;  margin-bottom:10px; }
.sec_tpm2 li img { width:155px; height:121px; border:1px solid #d6d6d6; padding:2px;  }


/*分页*/
.list_pages{ text-align:center;height:32px;padding:10px 20px;margin-top:10px;}
.list_pages ul{}
.list_pages ul li{font-family:微软雅黑;font-size:12px;width:auto;line-height:17px;margin-right:6px;border:1px solid #b0b0b0;display:inline;padding:2px 6px 2px;float:none;}
.list_pages ul li a{color:#606060;}
.list_pages ul li a:hover{color:#2d559d;text-decoration:none;}
.list_pages ul li.thisclass,.list_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#2d559d;color:#fff;border:1px solid #2d559d;}
.list_pages .pageinfo{line-height:21px;padding:0px 10px 0px 16px;color:#555;font-weight:normal;}
.list_pages select{font:12px Verdana,Arial,Tahoma;vertical-align:middle;height:20px;}
.list_pages .pageinfo strong{color:#555; font-weight:normal;}


 /*首页滚动*/
.pro-list {height:163px;}
.pro-list li {width:118px;margin:5px 5px 0;text-align:center;}
.pro-list li img {width:114px;height:123px;padding:1px;border:1px solid #c4c4c4;}
.pro-list li a {color:#666666;line-height:12px; }
#demo {overflow:hidden;width:950px;margin-left:10px;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}
.mt10 {margin-top:10px;}
.border {border:1px solid #e5e5e5;}

