@charset "gb2312";
*{ margin:0; padding:0; border:none; font-family: "΢ÈíÑźÚ", Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; color:#333;list-style:none; border:none;}
body{max-width:1920px; margin:0 auto;}
a{ color:#333; text-decoration:none}
a:hover{text-decoration:none}

.left{ float:left}
.right{ float:right}
.clear{clear:both; height:0; line-height:0; overflow:hidden; display:block}

.topArea{ width:100%; height:28px; background:#e9e9e9;margin:0 auto}
.topArea .main{ width:1200px; height:28px; margin:0 auto}
.topArea .main ul li{ float: left; line-height:28px; color:#7b7b7b}



.top{ width:1200px; height:130px; background: url(images/logo.gif) center center no-repeat; margin:0 auto}
.navbg{ width:100%; height:48px; background: url(images/bgnav.gif) repeat-x 0 0; margin:0 auto}
.navbg .main{ width:1197px; height:48px; margin:0 auto}
.navbg .main ul li{ width:146px; height:48px; float:left}
.navbg .main ul li a{ width:146px; height:48px; line-height:48px; display:block; text-align:center; color:#FFF; font-size:16px; }
.navbg .main ul li a:hover{ background:url(images/nav_hover.gif) center center no-repeat}
#homepage a,#homepage a:hover{ width:146px; height:48px; background:url(images/nav_hover.gif) center center no-repeat;}


#banss{ width:100%; height:507px; overflow:hidden; position:relative}
#slideshow{position: absolute;height:507px;width: 1920px; left:50%; margin-left:-960px}
#slideshow a{float: left;display: inline;}
#slideshow .img{position: absolute;width: 1920px;height:507px; }
#slideshow .img span{position: absolute;width: 19999px;display: block}
#slideshow .btns{z-index: 10;position: relative;width: 100%}
#slideshow .btns b{position: absolute;width: 100px;display: block;height: 14px;overflow: hidden;top: 470px;left: 50%; margin-left:-960px }
#slideshow .btns b i{width: 10px;background: #00a3d6;float: left;height: 10px;font-size: 0px;overflow: hidden;cursor: pointer;margin-right: 10px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px}
#slideshow .btns b i: hover{background: #a7a7a6}
#slideshow .btns b i.on{background: #fb8506;cursor: default}
#slideshow .btns b i.on: hover{background: #cf0d25;cursor: default}
#slideshow .btns s{position: absolute;width: 60px;display: none;height: 80px;overflow: hidden;top: 115px;cursor: pointer}
#slideshow .btns s i{position: absolute;width: 60px;background: url(images/btn_slideshow.png);height: 160px;_filter: progid: dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale, src="images/btn_slideshow.png");_background: none;}
#slideshow .btns s.prev{left: 0px}
#slideshow .btns s.prev i{top: -80px}
#slideshow .btns s.next{right: 0px}
.slideshow-hover#slideshow .btns s{display: block}
.paging{opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;height: 380px;position: absolute;background: #000;overflow: hidden}
.wtit .info,.wtit .tit{float: left;}
.wtit .info{padding: 35px 0 0 20px;color: #989898;}
.wtit .info span{margin: 0 8px;}

.mainproduct{width:100%; height:auto; margin:0 auto; background:#fff; padding-top:15px; padding-bottom:15px}
.mainproduct .main{ width:1200px; height:auto; margin:0 auto}

.leftframe{ width:234px; height:auto; float:left; margin-right:15px}

.cplist{ float:left; width:234px; height:auto;}
.cplist .head{ height:41px; width:234px; background:url(images/dh_cp.jpg) repeat-x 0 0;}
.cplist .head p{ font-size:18px; line-height:41px; color:#FFF; text-indent:40px; background:url(images/icon.png) no-repeat 15px center}
.cplist .content{ width:218px; min-height:310px; padding:8px; background:#ededed}

.onepro{ width:218px; height:39px; line-height:39px; text-indent:40px; display: block;font-size:15px; color:#000000; background:url(images/bg_cplist.gif) no-repeat 0 0; margin-bottom:6px}
.onepro:hover{ color:#ff6600}


.contact{ float:left; width:234px; height:auto; margin-top:15px}
.contact .head{ height:41px; width:234px; background:url(images/bg_lxwm.gif) repeat-x 0 0;}
.contact .head p{ font-size:18px; line-height:41px; color:#FFF; text-indent:40px; background:url(images/icon.png) no-repeat 15px center}
.contact .content1{ width:232px; height:auto; border:1px solid #eef9ff}
.contact .content{ width:204px; height:auto; padding:15px; background:#ededed}


.rightframe{width:951px; height:auto; margin:0 auto; float:right;}

.producttj{ width:949px; height:auto; margin:0 auto; border:1px solid #dadada; }
.producttj .head{ width:949px; height:40px; background: url(images/bg_main_dh.gif) left top repeat-x}
.producttj .head P{font-size:18px;color:#fff; line-height:39px;float:left; background: url(images/aa.gif) no-repeat 0 0;float:left; width:175px; height:40px; display:block; text-indent:33px}
.producttj .head a{float:right; margin-right:16px;}
.producttj .content{ width:909px; min-height:745px;padding:20px}
.producttj .content .more{width:195px; height:30px; display:block; background:#f2f2f2; line-height:30px; margin-left:4px}
.proimg_b{ display:inlne; width:203px; height:224px;  margin:0 auto; overflow:hidden; text-align:center; line-height:33px; float:left; margin:8px 10px 12px; border:1px solid #d0d0d0}
.proimg_b:hover .more{ width:195px; height:30px; display:block; background:#01a2d6; color:#fff; line-height:30px; margin-left:4px}




.advantage{ width:1200px; height:auto; margin:40px auto}
.advantage .head{ width:1200px; height:160px; background:url(images/advantage.png) center center no-repeat; position:relative}
.advantage .head .txt{ position:absolute; left:350px; top:50px; width:195px; height:50px; font-size:48px; line-height:50px; color:#000}
.advantage .head .txta em{ position:absolute; left:666px; top:38px; width:190px; height:65px; line-height:65px; font-size:60px; color:#565656; }
.advantage .head .txtb{ position:absolute; left:615px; top:125px; width:230px; height:30px; line-height:30px; color:#828181; font-size:24px}

.advantage .content{ width:1200px; height:auto; margin-top:36px}

.advantage .content .frame1{ width:264px; height:438px; float:left; margin-right:45px; position:relative}
.advantage .content .frame1 .picture{ width:173px; height:173px; position:absolute; left:33px; top:0px; }
.advantage .content .frame1 .subtable{ width:263px; height:331px; border:1px solid #dbdbdb; border-bottom:8px solid #dbdbdb; position:absolute; top:100px}
.advantage .content .frame1  p{ font-size:28px; color:#1b75bd; font-weight:bold; line-height:60px; text-align:center; position:absolute; top:202px; left:14px; width:239px; height:60px; border-bottom:1px solid #a4c8e5}
.advantage .content .frame1  span{ font-size:14px; color:#414141; line-height:25px; text-align:center; position:absolute; top:282px; left:14px; width:239px; height:65px}
.advantage .content .frame1  .more{ width:110px; height:35px; display:block; line-height:35px; font-size:15px; color:#fff; background:#ff6600; text-align:center; position:absolute; top:370px; left:75px}
.advantage .content .frame1:hover .more{width:110px; height:35px; display:block;line-height:35px; font-size:15px; color:#fff; background:#1b75bd; text-align:center; position:absolute; top:370px; left:75px}


.case{ width:1200px; height:auto; margin:0 auto}
.case .head{ width:1200px; height:41px; background:#383838}
.case .head p{ background:url(images/icon.png) no-repeat 15px center; font-size:18px; line-height:41px; color:#FFF; text-indent:40px}
.case .head span{ font-size:14px; color:#999999; line-height:41px;}
.case .head a{ line-height:41px; font-size:13px; color:#cccccc; float:right; margin-right:24px}
.case .content{ width:1162px; height:auto; background:#dcdcdc; border:1px solid #898989; padding:18px}

.hl_main5_content{width:1162px; height:190px; margin:0 auto; } 
.hl_main5_content1{width:1060px;overflow:hidden; float:left; height:190px;} 
.hl_main5_content1 ul{width:1060px; overflow:hidden;height:190px; } 
.hl_main5_content1 ul li{ float:left; width:192px; display:inline;  margin-right:20px;height:190px} 
.hl_main5_content1 ul li img{ width:186px; height:144px; border:3px solid #fff} 
.hl_scrool_leftbtn{width:50px; height:190px; background: url(images/left.gif) no-repeat 0 center; float:left;cursor:pointer;} 
.hl_scrool_rightbtn{width:50px; height:190px; background: url( images/right.gif) no-repeat right center; float:right;cursor:pointer;}
.producttj .bottel{ width:819px; height:50px; background:url(images/tel.gif) center center no-repeat #a8a8a8}


.bottomframe{ width:1200px; height:auto;margin:0 auto; margin-top:30px}


.question{ float:left; width:234px; height:auto; }
.question .head{ height:41px; width:234px; background:url(images/bg_lxwm.gif) repeat-x 0 0;}
.question .head p{ font-size:18px; line-height:41px; color:#FFF; text-indent:40px; background:url(images/icon.png) no-repeat 15px center}
.question .content1{ width:232px; height:auto; border:1px solid #eef9ff}
.question .content{ width:210px; height:auto; padding:12px; background:#ededed}


.borbox{width:210px; height: auto}
.borbox .con_que{ width:210px; height:78px; border-bottom:1px dotted #aaaaaa; margin:0 auto; padding:10px 0}
.borbox .con_que .title{ display:block; width:210px; height:28px; line-height:28px; background:url(images/wen.gif) no-repeat 5px center; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-indent:35px; font-size:15px }
.borbox .con_que .abstract{ display:block; width:175px; height:46px;  background:url(images/da.gif) no-repeat 5px 4px; overflow:hidden; padding-left:35px}
.borbox .con_que .abstract,.questionbox .borbox .con_que .abstract *{line-height:22px; font-size:13px; color:#666}



.honor{ float:left; width:234px; height:auto; margin-top:15px }
.honor .head{ height:41px; width:234px; background:url(images/bg_lxwm.gif) repeat-x 0 0;}
.honor .head p{ font-size:18px; line-height:41px; color:#FFF; text-indent:40px; background:url(images/icon.png) no-repeat 15px center}
.honor .content1{ width:232px; height:auto; border:1px solid #eef9ff}
.honor .content{ width:226px; height:auto; padding:4px; background:#ededed}


.about{ width:949px; height:auto; margin:0 auto; border:1px solid #dadada; }
.about .head{ width:949px; height:40px; background: url(images/bg_main_dh1.gif) left top repeat-x}
.about .head P{font-size:18px;color:#000; line-height:40px;float:left; background: url(images/icon1.png) no-repeat 17px center;text-indent:30px}
.about .head a{float:right; margin-right:16px; font-size:13px; color:#666666; line-height:40px}
.about .content{ width:909px; height:auto;padding:20px}


.centerframe{ width:951px; height:auto; margin-top:15px}


.gsxw{ width:466px; height:auto;border:1px solid #dadada; float:left }
.gsxw .head{ width:466px; height:40px; background: url(images/bg_main_dh1.gif) left top repeat-x}
.gsxw .head P{font-size:18px;color:#000; line-height:40px;float:left; background: url(images/icon1.png) no-repeat 17px center;text-indent:30px}
.gsxw .head a{float:right; margin-right:16px; font-size:13px; color:#666666; line-height:40px}
.gsxw .content{ width:442px; min-height:290px;padding:12px}
.gsxw .content ul li{ height:39px; width:442px; line-height:39px; border-bottom:1px dotted #bbbbbb; background:url(images/icon.gif) no-repeat 10px 14px; text-indent:26px; overflow:hidden;}
.gsxw .content ul li:hover{ height:39px; width:442px; line-height:39px; border-bottom:1px dotted #bbbbbb; background:url(images/icon.gif) no-repeat 10px 14px; text-indent:26px; overflow:hidden}
.gsxw .content ul li a{ height:39px; width:342px; display:block; overflow:hidden; line-height:39px;}
.gsxw .content ul li span{ height:39px; width:100px; display:block; overflow:hidden; line-height:39px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666}


.hydt{ width:466px; height:auto;border:1px solid #dadada; float:right}
.hydt .head{ width:466px; height:40px; background: url(images/bg_main_dh1.gif) left top repeat-x}
.hydt .head P{font-size:18px;color:#000; line-height:40px;float:left; background: url(images/icon1.png) no-repeat 17px center;text-indent:30px}
.hydt .head a{float:right; margin-right:16px; font-size:13px; color:#666666; line-height:40px}
.hydt .content{ width:442px; min-height:290px;padding:12px}
.hydt .content ul li{ height:39px; width:442px; line-height:39px; border-bottom:1px dotted #bbbbbb; background:url(images/icon.gif) no-repeat 10px 14px; text-indent:26px; overflow:hidden;}
.hydt .content ul li:hover{ height:39px; width:442px; line-height:39px; border-bottom:1px dotted #bbbbbb; background:url(images/icon.gif) no-repeat 10px 14px; text-indent:26px; overflow:hidden}
.hydt .content ul li a{ height:39px; width:342px; display:block; overflow:hidden; line-height:39px;}
.hydt .content ul li span{ height:39px; width:100px; display:block; overflow:hidden; line-height:39px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666}

.foot{ width:100%; height:242px; background:#0e89c2; margin:0 auto; margin-top:20px}
.foot .main{width:1200px; height: 242px; margin:0 auto;}
.foot .main .logo{ width:235px; height:242px; background:#036b9c; float:left; position:relative}
.foot .main .logo .tb{ position:absolute; left:48px; top:32px}
.foot .main .logo .wenzi{ position:absolute; left:38px; top:137px; font-size:42px; color:#81b5ce; font-weight:bold; line-height:50px}
.foot .main .logo .eng{ position:absolute; left:40px; top:188px; font-size:16px; color:#5b9fbf; line-height:25px}



.foot .main .righttxt{ width:935px; height:auto; float:right}

.foot .main .righttxt .dh{ width:935px; height:auto; padding-top:15px; border-bottom:1px solid #57add4; line-height:50px; font-size:16px; color:#fff}
.foot .main .righttxt .dh a,.foot .main .righttxt .dh a:hover{ text-decoration:none; font-size:16px; line-height:50px; color:#FFF}
.foot .main .righttxt .lx{ margin-top:25px; width:935px; height:auto; line-height:30px; color:#b3d7e7}
.foot .main .righttxt .lx a,.foot .main .righttxt .lx a:hover{text-decoration:none; line-height:30px; color:#b3d7e7}




.mainframe{ width:1200px; height:auto;margin:30px auto}

.maincont{ width:949px; height:auto; margin:0 auto; border:1px solid #dadada; }
.maincont .head{ width:949px; height:40px; background: url(images/bg_main_dh.gif) left top repeat-x}
.maincont .head P{font-size:18px;color:#fff; line-height:39px;float:left; background: url(images/bb.gif) repeat-x;float:left;height:40px; display:block; padding-left:30px; padding-right:30px}
.maincont .head span{float:right; margin-right:16px; color:#888; line-height:39px}
.maincont .content{ width:909px; min-height:745px;padding:20px}



.maincont .content1{  width:909px; min-height:745px;padding:20px}
.maincont .content ul li{ height:39px; width:909px; line-height:39px; border-bottom:1px dotted #e0e0e0; background:url(images/icon.gif) no-repeat 10px 14px; text-indent:26px; overflow:hidden;}
.maincont .content ul li:hover{ height:39px; width:909px; line-height:39px; border-bottom:1px dotted #e0e0e0; background:url(images/icon.gif) no-repeat 10px 14px; text-indent:26px; overflow:hidden}
.maincont .content ul li a{ height:39px; width:809px; display:block; overflow:hidden; line-height:39px;}
.maincont .content ul li span{ height:39px; width:100px; display:block; overflow:hidden; line-height:39px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666}

.proimg_bb{ display:inlne; width:201px; height:186px; border:1px solid #ebebeb;margin:0 auto; overflow:hidden; float:left; margin:10px;text-align:center; line-height:30px; padding:2px }
.proimg_bb:hover{ display:inlne; width:201px; height:186px; border:1px solid #dfdfdf;margin:0 auto; overflow:hidden; float:left; margin:10px;text-align:center; line-height:30px; background:#dfdfdf; color:#333; padding:2px}



.proimg_a{ display:inlne; width:226px; height:190px;  margin:0 auto; overflow:hidden; text-align:center; line-height:30px; float:left; margin:5px 10px 12px 10px; font-size:13px; font-family:"΢ÈíÑźÚ"; }
.proimg_a:hover{ display:inlne; width:226x; height:190 px;  margin:0 auto; overflow:hidden; text-align:center; line-height:30px; float:left; margin:5px 10px 12px 10px; font-size:13px; font-family:"΢ÈíÑźÚ"; }


#telback{ background:url(images/lxs.png) no-repeat 50px -30px; min-height:500px; padding:50px 0 0 420px; width:340px; font-size:14px; line-height:30px}


.proshow .prtitle{ line-height:30px; text-align:center; font-size:22px; padding:15px 0; font-family:"΢ÈíÑźÚ"; font-weight:bold}
.proshow .primgpic{ width:680px; height:auto; overflow-x:hidden; margin:0 auto; text-align:center}
.proshow .primgpic img{ max-width:680px; border:1px solid #ddd}
.proshow .prtent img{max-width:680px; margin-top:5px; margin-bottom:5px}
.proshow .prtent,.proshow .prtent p,.proshow .prtent span,.proshow .prtent li,.proshow .prtent div,.proshow .prtent td,.proshow .prtent th,.proshow .prtent dd{ font-size:13px; line-height:28px}
.proshow .next{ padding-top:10px;color:#666; border-top:1px dotted #cfcfcf;margin-top:10px}
.proshow .pos{ height:16px; line-height:16px; border-bottom:1px dashed #aaa; text-align:center; padding-bottom:8px; margin-bottom:15px; color:#999}

.picmp2{ display: inline; width:179px; height:158px; margin:15px 20px 15px 20px; text-align: center; float:left; line-height:18px; overflow:hidden}