@charset "utf-8";
/* CSS Document */

html, span, object,h1, h2, h3, h4, h5, h6, p, em, dd,dl, dt, ol, ul, li{ 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, Helvetica, sans-serif; color:#272727; margin:0 auto;padding:0px; list-style:none; min-width:1060px }
a{ color:#272727; text-decoration:none; }
a:hover{  color:#f00; text-decoration: underline   }
.clear_all {clear:both;}

.blue { color:#0170ca;}
.blue a { color:#0170ca;}
.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 top center; width:100%; }
.body_bg1 { background:#fff url(../images/connavbg2_3.gif) no-repeat top center; width:100%; overflow:hidden;}
.body_bg2 { background:#009cdf url(../images/index_bg.jpg) repeat-x top center; width:100%; overflow:hidden; }
.body_index { height:100%; margin:0 auto; width:1060px; }

.body_index1 { height:100%; margin:0 auto; width:980px; padding:10px; background:#fff; }

.body_top1 { width:1060px;  height:29px; line-height:29px; }
.body_top1 h1 { float:left; font-weight:normal; padding-left:10px;}
.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;}
.body_top1 p .tit1 { background:url(../images/titcon1.gif) no-repeat 5px 3px; padding-left:30px;}
.body_top1 p .tit2 { background:url(../images/titcon2.gif) no-repeat 0px 3px; padding-left:25px;}

.body_top2 { width:1060px; height:135px; overflow:hidden;}
.body_top2 h1 { float:left; font-weight:normal; padding-left:10px; padding-top:22px;}
.body_top2 .c { float:left; padding-top:24px; padding-left:5px;padding-top:40px; }
.body_top2 h2 {font:bold 23px "微软雅黑";line-height:32px; }
.body_top2 h3 {font: normal 16px "微软雅黑";line-height:32px; }
.body_top2 .r { float:right;  margin-right:20px; margin-top:38px; text-align:left; background:url(../images/con_phone.jpg) no-repeat 5px 5px; padding-left:48px;  }
.body_top2 h3 { font-size:14px; line-height:24px;}
.body_top2 p { font-weight:bold; font-size:26px; text-align:left; width:210px; height:28px; line-height:28px; }

#menupp {  width:1060px; height:50px; margin:0 auto;    }
#menupp li { float:left; height:50px; text-align:center; position:relative }
#menupp li a {font:bold 14px "微软雅黑"; color:#fff; }

#menupp li .nav { width:126px; line-height:60px; text-align:center; text-decoration:none; display:block; } 
.menupp01 .nav:hover{ display:block; line-height:60px; text-align:center; background:url(../images/connavbg1_4.gif) no-repeat }
#menupp .hover .nav{display:block; line-height:60px; text-align:center; background:url(../images/connavbg1_4.gif) no-repeat  }

.menutop1 { width:126px; position: absolute;z-index:1800; top:50px; visibility: hidden; margin: 0;  background-color: rgba(7,113,233,0.9);}
.menutop1 a {  position: relative; display: block; margin: 0; padding: 8px 10px; width: auto; white-space: nowrap;text-align: center; text-decoration: none;font: 12px "宋体"; color: #FFF}
.menutop1 a:hover { background: #1186f7; color: #FFF}
.menutop1 dt {position: relative; display: block; margin: 0; width: auto; white-space: nowrap;text-align: center; text-decoration: none;  border-bottom:1px dashed #65a5e2; font: 12px arial; color: #FFF}

.menutop2 { width:135px; position: absolute;z-index:1800; top:50px; visibility: hidden; margin: 0;  background-color: rgba(7,113,233,0.9);}
.menutop2 a {  position: relative; display: block; margin: 0; padding: 8px 10px; width: auto; white-space: nowrap;text-align: center; text-decoration: none; font: 12px "宋体"; color: #FFF}
.menutop2 a:hover { background: #1186f7; color: #FFF}
.menutop2 dt {position: relative; display: block; margin: 0; width: auto; white-space: nowrap;text-align: center; text-decoration: none;  border-bottom:1px dashed #65a5e2; font: 12px arial; color: #FFF}


/*轮换大区域*/
.lunhuan{width:100%;height:490px;position:relative;}
.lunhuan #lunhuanback{width:100%;height:490px;position:absolute;left:0px;top:0px;overflow:hidden;}
.lunhuan #lunhuanback p{width:100%;height:490px;position:absolute;left:0px;top:0px;opacity:0;filter:alpha(opacity=0);background-repeat:no-repeat;background-position:50% 0px;}
.lunhuan .lunhuan_main{width:1060px;height:490px;margin:0 auto;position:relative;}
/*左侧所有商品列表*/

#lunbonum{ height:12px; line-height:23px;position:absolute;left:500px;top:450px;z-index:5;}
#lunbonum li{ width:12px;height:12px;float:left; margin-right:8px;background:#B4B4B4; cursor:pointer;}
#lunbonum .lunboone{background:#C80002;cursor:pointer;}

.navdd { width:1060px; height:42px;}
.navdd h1 { float:left; font: bold 12px "宋体"; width:80px; line-height:42px; padding-left:10px; }
.navdd .gd { float:left; width:700px; line-height:42px; margin-right:10px; }
.navdd .gd a { padding-right:5px;}

.navser { float:left; padding-left:20px; width:234px; padding-top:8px;}
.navser .srk { background:#eee; float:left; width:174px; height:24px; line-height:24px; padding-left:10px; border:none;}
.navser .but { float:left; width:40px; height:26px; background:url(../images/search_btn.gif) no-repeat; cursor:pointer; border:none; }

.con { width:1060px; height:100%; overflow:hidden; margin-top:12px; margin-bottom:12px;  }
.con .l { float:left; width:240px;}
.con .r { float:left; width:804px; padding-left:16px; }

/*滚动图片2*/
.bd {background:#0e7ad5; border:3px solid #0e7ad5;}
.hd { height:60px; overflow:hidden;  }
.hd h1 { height:60px; text-align:center;}
.hd h1 a { font:bold 18px "微软雅黑"; text-decoration:none; line-height:26px; display:block; padding-top:7px; }
.hd h1 i { font:16px Tahoma, Geneva, sans-serif; font-weight:normal; height:14px; line-height:14px; padding-top:3px; overflow:hidden; }

.q_tpm { line-height:22px; width:220px;overflow:hidden; padding:5px 7px 12px 7px; background:#fff;}
.menu1 h1 { height:32px; width:220px; font-size:14px; line-height:32px;overflow:hidden; background:url(../images/connavbg2_2.gif) no-repeat center; margin-top:9px; }
.menu1 h1 a { padding-left:12px; display:block; }

.menu1 h2 { width:220px; height:33px; line-height:33px; margin:0 auto; border-bottom:1px dashed #b3b3b3;   }
.menu1 h2 a {font-size:12px; font-weight:bold; background:url(../images/icon1.gif) no-repeat 15px center; padding-left:25px; }

.menu1 h3 { width:220px; height:30px; line-height:30px; margin:0 auto; border-bottom:1px dashed #b3b3b3; font-size:12px; font-weight:100; }
.menu1 h3 a { background:url(../images/icon2.gif) no-repeat 18px center; padding-left:28px; }

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


.bd_1 { overflow:hidden;width:240px; margin-top:10px;  }
.q_tpm_1 { line-height:22px; overflow:hidden; border-top:none; padding:10px 0px 10px 10px; background:#fff;border:1px solid #dedede; }


.bd2 { overflow:hidden;}
.hd2 { height:36px; overflow:hidden;  background:#e5e5e5; }
.hd2 h1 { float:left; height:36px; background:#ffa200}
.hd2 h1 a { float:left; font:bold 14px "微软雅黑"; text-decoration:none; line-height:36px; display:block; padding-left:12px; padding-right:12px;}
.hd2 p { float:right; padding-top:10px; padding-right:15px;}

.q_tpm2 { line-height:22px; overflow:hidden; padding:18px 10px 12px 10px; border-top:none;}
.cpgd { width:784px; height:648px; overflow:hidden;}
.cpgd li { float:left; width:232px; overflow:hidden; padding-left:14px; padding-right:14px; padding-bottom:8px; text-align:center; line-height:30px;}
.cpgd li img {width:226px; height:172px; border:1px solid #d0d0d0; padding:2px;}

.bd02 { width:100%; height:193px; background:url(../images/banner9.jpg) no-repeat top center;}

.maintit { width:1060px; height:40px; line-height:40px; margin-top:30px; overflow:hidden; }
.maintit h1{ font:26px "微软雅黑"; font-weight:normal; display:block; margin:0 auto;  text-align:center;}
.maintit_1 { font:16px "微软雅黑"; height:40px; line-height:40px; text-align:center }

.ys_tit1_1 { font-size:14px; width:1060px;  float:left;  background:url(../images/banpic1.jpg) no-repeat; height:287px;}
.ys_tit1_1 .ystit { width:360px; padding-top:134px; padding-left:610px;}
.ys_tit1_1 li { float:left; width:360px; line-height:29px; vertical-align: bottom; }

.ys_tit1_2 {font-size:14px;  width:1060px; float:left; background:url(../images/banpic2.jpg) no-repeat; height:346px;}
.ys_tit1_2 .ystit { padding-top:130px; padding-left:146px; width:340px;}
.ys_tit1_2 li { float:left; width:340px; line-height:30px; vertical-align: bottom; }

.ys_tit1_3 {font-size:14px;  width:1060px; float:left; background:url(../images/banpic3.jpg) no-repeat; height:305px;}
.ys_tit1_3 .ystit { padding-top:123px; padding-left:611px;width:320px;  }
.ys_tit1_3 li { float:left; width:320px; line-height:30px; vertical-align: bottom; }

.ys_tit1_4 {font-size:14px;  width:1060px; float:left;  background:url(../images/banpic4.jpg) no-repeat; height:341px;}
.ys_tit1_4 .ystit { padding-top:142px; padding-left:150px; width:360px;}
.ys_tit1_4 li { float:left; width:360px; line-height:32px; vertical-align: bottom; }

/*滚动图片2*/
.con2 { width:1060px; height:100%; overflow:hidden; margin-top:22px;}
.con2 .l { float:left; width:760px; }
.con2 .r { float:left; width:284px; padding-left:16px;}

.bd3_1 { width:760px; padding-top:20px; }
.bd3_1 .hd3pic { float:left; width:300px; border:2px solid #fff; height:382px;  overflow:hidden;}
.bd3 { float:left;  width:426px; margin-left:30px;  overflow:hidden; }
.hd3 { height:45px; overflow:hidden; border-bottom:1px dashed #b3daf5;}
.hd3 .hdtit { float:left; height:45px;}
.hd3 .hdtit a { float:left; font:bold 14px "微软雅黑"; text-decoration:none; line-height:45px; display:block;}
.hd3 .hdtit i { float:left;  font:14px Tahoma, Geneva, sans-serif; font-weight:normal; height:14px; line-height:14px; padding-top:18px; padding-left:6px; overflow:hidden;}

.q_tpm3 { font-size:14px; line-height:21px;overflow:hidden; padding:12px 0px; width:426px; }
.q_tpm3 p { display:inline;}

.product { margin-top:35px; margin-bottom:30px;}
.product .box { width:250px; height:188px; vertical-align:middle; overflow:hidden; margin-left:6px; margin-right:6px; display:block; background:#fff  }
.product img { width:246px; height:184px; padding:2px;}

.bd9 {  width:254px; overflow:hidden; padding:20px 15px 15px 15px; margin-top:20px; background:#e6f6fc; }
.hd9 { height:45px; overflow:hidden; border-bottom:1px dashed #b3daf5;}
.hd9 .hdtit { float:left; height:35px;}
.hd9 .hdtit a { float:left; font:bold 14px "微软雅黑"; text-decoration:none; line-height:35px; display:block;}
.hd9 .hdtit i { float:left;  font:14px Tahoma, Geneva, sans-serif; font-weight:normal; height:14px; line-height:14px; padding-top:12px; padding-left:6px; overflow:hidden;}
.hd9 p { float:right; line-height:35px; }

.q_tpm9 { line-height:23px;overflow:hidden; padding:14px 0px 10px 0px; }


.bd6 { overflow:hidden;border-top:none; margin-top:12px; }
.hd6 { height:36px; overflow:hidden; background:url(../images/barpro1.gif) no-repeat }
.hd6 .hdtit { float:left; height:36px;}
.hd6 .hdtit a { float:left; font:bold 14px "微软雅黑"; text-decoration:none; line-height:38px; display:block; padding-left:36px;}
.hd6 p { float:right; line-height:38px;  padding-right:15px;}
.q_tpm6 {  line-height:22px;overflow:hidden; padding:15px 14px 10px 14px; border:1px solid #dedede; border-top:none; }


.con3 { width:1060px; padding-top:10px; margin-bottom:20px; margin-top:15px; overflow:hidden}
.con3 .l { float:left; width:385px; padding-right:20px; }
.con3 .r { float:left; width:250px; }

.bd4 { width:385px; padding-bottom:0px; overflow:hidden; }
.hd4 { height:40px; line-height:40px; overflow:hidden; border-bottom:2px solid #bfbfbf;}
.hd4 h1 { float:left; height:40px; }
.hd4 h1 a { float:left; font:16px "微软雅黑"; font-weight:normal; text-decoration:none; line-height:40px; display:block;}
.hd4 h1 i {float:left; font:14px Tahoma, Geneva, sans-serif; font-weight:normal; height:20px; line-height:20px; padding-top:12px; overflow:hidden; padding-left:6px;color: #dbdbdb; }
.hd4 p { float:right; line-height:36px; padding-right:25px;}

.q_tpm4_1 { width:375px; margin:16px 5px 0px 5px; padding-bottom:15px;  overflow:hidden;   }
.q_tpm4 { width:375px;   }
.q_tpm4 img { float:left; width:160px; height:120px; margin-right:10px; border:1px solid #f1f0f5;  }
.q_tpm4 .com { float:left; width:203px;} 
.q_tpm4 .com h2 { font-size:14px; line-height:32px;}
.q_tpm4 .com .connew { line-height:24px;}

.bdlx2 { width:375px; padding-top:6px; line-height:28px; overflow:hidden;  }
.bdlx2 li { float:left; width:375px; height:28px; line-height:28px; vertical-align: bottom; }
.bdlx2 li a { float:left; background:url(../images/icon2.gif) no-repeat 5px 12px; padding-left:15px; }
.bdlx2 li span { float:right; padding-right:15px; color: #989898; }

.bd5 { width:250px;}
.hd5 { height:40px; overflow:hidden; border-bottom:2px solid #bfbfbf;  }
.hd5 h1 { float:left; height:40px; }
.hd5 h1 a { float:left; font:16px "微软雅黑"; font-weight:normal; text-decoration:none; line-height:40px; display:block;}
.hd5 h1 i {float:left; font:14px Tahoma, Geneva, sans-serif; font-weight:normal; height:20px; line-height:20px; padding-top:12px; overflow:hidden; padding-left:6px;color: #dbdbdb; }
.hd5 p { float:right; line-height:36px; padding-right:25px;}

.bdlx5 { width:250px; margin-top:10px; }
.bdlx5 li {border-bottom:1px dotted #bebebe; padding-bottom:10px;margin-bottom:10px;}
.bdlx5 li h3{ height:35px; font-size:14px; line-height:35px; background:url(../images/q.gif) no-repeat left 8px; padding-left:30px;  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bdlx5 li h3 a{ color:#333;}
.bdlx5 li p{background:url(../images/a.gif) no-repeat left 5px; padding-left:30px; color: #989898; line-height:22px;}
.bdlx5 li h3 a:hover{ color:#0e87bf;}


.index_bot_1 {background:url(../images/bot_bg.gif) repeat-x top center; width:100%;margin-top:15px; }
.index_bot { width:1060px; margin: 0 auto; overflow:hidden;  }
.index_bot1 { font-size:14px;  height:51px; line-height:51px; text-align:center;}
.index_bot1 span { padding-left:10px; padding-right:10px;color:#FFF;}
.index_bot1 a { color:#FFF;}

.index_bot2 { width:1060px; overflow:hidden; padding:35px 0px 15px 0px;  line-height:24px; text-align:center; background:url(../images/bot_bg1.gif) no-repeat top center; }
.index_bot2 .l { float:left; width:130px;  padding-right:20px;}
.index_bot2 .c { float:left; width:749px; text-align:left}
.index_bot2 .c a { padding-right:5px;}
.index_bot2 .r { float:left; width:140px; padding-left:20px;}

.bd10 {background:#fff;  border:1px solid #dedede; margin-bottom:10px; overflow:hidden; }
.q_tpm10 { line-height:22px;overflow:hidden; padding:10px ; }
.q_tpm10 a { padding-right:6px; color:#5c5c5c;}

.ban { background:url(../images/ban.jpg) no-repeat top center; height:220px;}

.sec_con { width:1060px; height:100%; overflow:hidden; margin-bottom:10px; margin-top:12px; }
.sec_con .l { float:left; width:240px;}
.sec_con .r { float:left; width:804px; padding-left:16px; }

/*滚动图片2*/
.sec_bd { width:804px; }
.sec_hd { height:36px; overflow:hidden;  background:#e5e5e5; }
.sec_hd h1 { float:left; height:36px; background:#ffa200}
.sec_hd h1 a { float:left; font:bold 14px "微软雅黑"; text-decoration:none; line-height:36px; display:block; padding-left:12px; padding-right:12px;}
.sec_hd p { float:right; padding-top:10px; padding-right:15px;}
.sec_hd p span { padding-left:5px; padding-right:5px;}

.sec_con2 { width:804px; padding:10px 0px; min-height:394px; }
.sec_tpm { font-size:14px; width:774px; line-height:24px; padding:10px 15px;}

.sectit { height:35px; width:754px; margin-top:20px; background:#d7d7d7; padding-left:20px; margin-bottom:20px; }
.sectit h5 { display:inline-block;  font-weight: bold; cursor: pointer; height:30px; line-height:30px; margin-top:5px; text-align:center;background:#fff;  padding-left:25px; padding-right:25px;overflow:hidden }

.sec_tpm4 { font-size:14px; width:774px; line-height:24px; padding:10px 15px;}
.sec_tpm4 .pic {  display:block ; width:774px; height:181px; border-bottom:1px dotted #CCC; padding-bottom:15px; margin-bottom:15px;}
.sec_tpm4 img { float:left; width:220px; height:175px; border:1px solid #dbdbdb; padding:2px; margin-right:16px; display:inline; }
.sec_tpm4 .picr { float:left; width:532px; overflow:hidden;} 
.sec_tpm4 .picr h3 { font:bold 16px "微软雅黑"; line-height:40px; text-align:left; }
.sec_tpm4 .secpro { font-size:12px; line-height:24px;text-align:left}


.sec_tpm3 { width:774px; line-height:32px; padding:10px 15px;overflow:hidden; }
.sec_tpm3 li { line-height:36px;  width:774px; overflow:hidden; border-bottom:1px dashed #cccccc;   }
.sec_tpm3 li a { float:left; background:url(../images/icon2.gif) no-repeat 5px 16px; padding-left:15px;}
.sec_tpm3 li span { float:right; padding-right:10px;}

.box1 { float:left;width:226px; height:199px;text-align:center; padding-left:10px; padding-right:10px;  vertical-align:middle; line-height:25px; margin-bottom:5px; }
.box1 .box{ vertical-align:middle; overflow:hidden;width:220px;height:163px; padding:2px; border:1px solid #CCC; background:#fff }
.box1 a:link,{vertical-align:middle;display:inline-block;}
.box1 span{display:inline-block; height:100%; width:0; vertical-align:middle;}
.box1 img { max-width:220px; max-height:163px; display:inline-block; vertical-align:middle;}

.propic { width:181px; text-align:center; line-height:25px; }
.propic img {  height:100px;  border:1px solid #d6d6d6; padding:2px; width:175px; height:131px; text-align:center; margin-left:5px; margin-right:5px;}


.sec_tpm5 { width:774px; line-height:32px; padding:10px 15px;overflow:hidden; }
.sec_tpm5 li { line-height:36px;  width:774px; overflow:hidden; border-bottom:1px dashed #cccccc;   }
.sec_tpm5 li .downa { float:left; font-size:14px; background:url(../images/icon2.gif) no-repeat 5px 16px; padding-left:15px;}
.sec_tpm5 li .downb { float:right; padding-right:10px;}



/*发展历程 新*/
.fzlc { width: 774px; margin: 0 auto; background: url(../images/xian.jpg) repeat-y 190px 0px; overflow:hidden;}
.fzlc li a {display: block;}
.fzlc li { height:50px; line-height:50px;}

.fzlc_h3 { font-size:20px; /*line-height: 1;*/
  color: #454545; /* padding-top: 9px;*/
  width: 150px;
  height:80px;
  line-height:80px;
  padding-right: 40px;
  text-align: right;
  float: left;
  font-weight: bold;
  position: relative;
}
.fzlc_h3 span {
  position: absolute;
  right: -14px;
  top: 26px;
  width: 28px;
  height: 28px;
  background: url(../images/yuan.png) no-repeat;
}
.fzlc li:hover span {
  background: url(../images/yuan_on.png) no-repeat;
}
.fzlc_cont {
  float: left;
  width: 544px;
  padding-left: 40px;
  font-size: 14px;
  height:80px;
  line-height:80px;
  color: #454545;
}
.fzlc li:hover .fzlc_h3 {
  color: #023981;
}
.fzlc li:hover .fzlc_cont {
  color: #023981;
}


@media screen and (min-width: 900px){
.aboutvideo { width:100%; margin-bottom:20px; overflow:hidden;}
.aboutvideoa { float:left; width:48%;}
.aboutvideob { float:left; width:48%; margin-left:4%;}
}

@media screen and (max-width: 890px){
.aboutvideo { width:100%; margin-bottom:20px;overflow:hidden;}
.aboutvideoa { width:100%; }
.aboutvideob { width:100%; margin-top:10px;}
}