@charset "gb2312";
*{ margin:0; padding:0; border:none; font-family: "΢ÈíÑźÚ", Arial, Helvetica, sans-serif; font-size:14px; line-height:25px; color:#3d3d3d;list-style:none; border:none;}
body{max-width:1920px; margin:0 auto;}
a{ color:#3d3d3d; 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; border-bottom:1px solid #dbdbdb;margin:0 auto}
.topArea .main{ width:1100px; height:28px; margin:0 auto}
.topArea .main ul li{ float: left; line-height:28px; font-size:13px; color:#666666}
.topArea .main ul li a{line-height:28px; font-size:13px; color:#666666}

.top{ width:1100px; height:121px; background: url(images/logo.jpg) center center no-repeat; margin:0 auto}

.navbg{ width:100%; height:48px; background: url(images/navbg.jpg) repeat-x 0 0; margin:0 auto}
.navbg .main{ width:1100px; height:48px; margin:0 auto}
.navbg .main ul li{ width:137px; height:48px; float:left; background:url(images/nav_line.jpg) right center no-repeat}
.navbg .main ul li a{ width:137px; height:48px; line-height:48px; display:block; text-align:center; color:#FFF; font-size:16px; }
.navbg .main ul li a:hover{ width:137px; height:48px; line-height:48px; display:block; text-align:center; color:#fff100; font-size:16px; }

#banss{ width:100%; height:400px; overflow:hidden; position:relative}
#slideshow{position: absolute;height: 400px;width: 1920px; left:50%; margin-left:-960px}
#slideshow a{float: left;display: inline;}
#slideshow .img{position: absolute;width: 1920px;height: 400px; }
#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:360px;left: 50%; margin-left:-960px }
#slideshow .btns b i{width: 10px;background: #fff;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: #cf0d25;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;}

.link{ width:100%; height:53px; background:url(images/bg_link.jpg) repeat-x 0 0}
.link .main{ width:1100px; height:45px; margin:0 auto}
.link .main ul li{ float:left; height:45px}


.link .main ul li p{font-size:14px; color:#333333; line-height:45px;width:850px; height: 45px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.link .main ul li a{font-size:14px; color:#333333; line-height:45px;}


.bannerfo{ width:215px;height:45px;}
.bannerfo ul{width:215px;height:45px;margin:0 auto}
.bannerfo ul li{ display:inline}
.bannerfo ul .inputbox{ width:186px; height:24px; margin:10px 0;overflow:hidden}
.bannerfo ul .inputbox input{ width:185px; height:22px; padding:0 5px;background:#fff; border:1px solid #bbbbbb; color:#999; line-height:22px; font-size:12px }
.bannerfo ul .menuser{ width:28px; height:24px; padding:10px 0 0 0}
.bannerfo ul .menuser img{width:28px; height:24px}
.bannerfo ul .text{ width:200px; height:28px;}
.bannerfo ul .text,.bannerfo ul .text *{ line-height:28px; color:#eee}



.mainframe{ width:1100px; height:auto; margin:0 auto; margin:16px auto}

.leftframe{ width:200px; height:auto; float:left; margin-right:20px}
.rightframe{width:880px; height:auto; margin:0 auto; float:right;}

.cplist{width:200px; height:auto;}
.cplist .head{ height:39px; width:200px; background:url(images/dh_cplist.jpg) repeat-x 0 0; }
.cplist .head p{width:200px; height:39px; line-height:39px; font-size:18px; color:#fff; text-align:center}
.cplist .content{ width:182px; height:auto; border:1px solid #dbdbdb; padding:8px; padding-bottom:1px}

.onepro{ width:182px; height:39px; line-height:39px; text-indent:16px;font-size:15px; background:url(images/cp_list.jpg) no-repeat 0 0; margin-bottom:12px; color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.onepro:hover{  width:182px; height:39px; line-height:39px; text-indent:16px; display: block;font-size:15px; background:url(images/cp_list.jpg) no-repeat 0 0; margin-bottom:12px; color:#1259a1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}

.twopro{ width:182px; height:31px; line-height:31px; text-indent:28px;font-size:13px; background:url(images/icona.jpg) no-repeat 12px center;color:#444;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.twopro:hover{  width:182px; height:31px; line-height:31px; text-indent:28px;font-size:13px; background:url(images/icona.jpg) no-repeat 12px center;color:#ff0000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}


.contact{width:200px; height:auto; background:#2768c4}
.contact p{ padding:20px; color:#FFF}
.contact strong{color:#FFF}


.producttj{ width:880px; height:auto; margin:0 auto;}
.producttj .head{ width:880px; height:38px; border-bottom:1px solid #000000}
.producttj .head P{font-size:18px;color:#266dc7; line-height:38px; display:block; float:left; background:url(images/icon2.jpg) 0 center no-repeat; text-indent:15px}
.producttj .head span{font-size:14px;color:#666666; line-height:38px; font-family:Arial}
.producttj .head a{float:right; margin-right:12px; color:#333333; font-size:14px; line-height:38px}
.producttj .content{ width:880px; min-height:250px; margin-top:20px}

.proimg_a{width:200px; height:190px; overflow:hidden;display:inline; float:left; margin:0 10px 3px}
.proimg_a img{width:188px; height:138px;border:1px solid #d9d9d9; padding:5px}
.proimg_a span{width:200px; height:40px; display:block; line-height:40px; text-align:center; font-size:14px; color:#333333}
.proimg_a:hover{width:200px; height:190px;overflow:hidden; display:inline; float:left;margin:0 10px 3px}




.about{ width:100%; height:400px; margin:0 auto; background: url(images/bg_about.jpg) no-repeat 0 0; margin-top:24px}
.about .main{ width:1100px; height:auto; margin:0 auto; padding-top:20px;}
.about .main .head{ width:1100px; height:38px; border-bottom:1px solid #fff}
.about .main .head P{font-size:18px;color:#fff; line-height:38px; display:block; float:left; background:url(images/icon.jpg) 0 center no-repeat; text-indent:15px}
.about .main .head span{font-size:14px;color:#fff; line-height:38px; font-family:Arial}
.about .main .head a{float:right; margin-right:12px; color:#fff; font-size:14px; line-height:38px}
.about .main .content{ width:1100px; min-height:246px; margin-top:34px}
.about .main .content .leftpic{ float:left; margin-right:30px}
.about .main .content .righttxt{ float:right; width:669px; height:auto}
.about .main .content .righttxt p{ font-size:30px; line-height:75px; color:#FFF; font-weight:bold}
.about .main .content .righttxt span{ font-size:14px; color:#FFF; line-height:27px}
.about .main .content .righttxt .more{ width:112px; height:30px; background:#FFF; display:block; line-height:30px; font-size:14px; color:#1159be; text-align:center; margin-top:10px}
.about .main .content .righttxt .more:hover{ width:112px; height:30px; background:#ff9900; display:block; line-height:30px; font-size:14px; color:#fff; text-align:center; margin-top:10px}


.case{ width:100%; height:auto; background:url(images/bg_case.jpg) left bottom repeat-x #eaeaea}
.case .main{ width:1100px; height:auto; margin:0 auto; padding-top:20px;}
.case .main .head{ width:1100px; height:38px; border-bottom:1px solid #000}
.case .main .head P{font-size:18px;color:#266dc7; line-height:38px; display:block; float:left; background:url(images/icon2.jpg) 0 center no-repeat; text-indent:15px}
.case .main .head span{font-size:14px;color:#666; line-height:38px; font-family:Arial}
.case .main .head a{float:right; margin-right:12px; color:#333; font-size:14px; line-height:38px}
.case .content{ width:1100px; min-height:246px; margin-top:34px}

.hl_main5_content{width:1100px; height:210px; margin:0 auto; } 
.hl_main5_content1{width:1020px;overflow:hidden; float:left; height:205px;} 
.hl_main5_content1 ul{width:1020x; overflow:hidden;height:205px; } 
.hl_main5_content1 ul li{ float:left; width:230px; display:inline;  margin-right:25px;height:204px; background:#FFF} 
.hl_main5_content1 ul li img{ width:210px; height:150px; padding:10px} 
.hl_scrool_leftbtn{width:40px; height:210px; background: url(images/left.jpg) no-repeat 0 center; float:left;cursor:pointer;} 
.hl_scrool_rightbtn{width:40px; height:210px; background: url( images/right.jpg) no-repeat right center; float:right;cursor:pointer;}


.bottomframe{ width:1100px; height:auto; margin:50px auto;}




.cjwt{ width:256px; height:auto; float:left; margin-right:50px}
.cjwt .head{ width:256px; height:38px; border-bottom:1px solid #000}
.cjwt .head P{font-size:18px;color:#266dc7; line-height:38px; display:block; float:left; background:url(images/icon2.jpg) 0 center no-repeat; text-indent:15px}
.cjwt .head span{font-size:14px;color:#666; line-height:38px; font-family:Arial}
.cjwt .head a{float:right; margin-right:12px; color:#333; font-size:14px; line-height:38px}
.cjwt .content{ width:256px; min-height:246px; margin-top:15px}

.cjwt .content .frame{ width:256px; height:auto; padding-top:8px; padding-bottom:8px; border-bottom:1px dotted #6f6f6f; }
.cjwt .content .frame p{ width:256px; line-height:30px; height:30px; background:url(images/wen.jpg) 0 center no-repeat; text-indent:30px; color:#000;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.cjwt .content .frame span{ width:256px; line-height:20px; height:40px; display:block; overflow:hidden; background:url(images/da.jpg) 0 0 no-repeat; text-indent:30px; font-size:12px; color:#666}

.gsxw{ width:372px; height:auto; float:left; margin-right:50px}
.gsxw .head{ width:372px; height:38px; border-bottom:1px solid #000}
.gsxw .head P{font-size:18px;color:#266dc7; line-height:38px; display:block; float:left; background:url(images/icon2.jpg) 0 center no-repeat; text-indent:15px}
.gsxw .head span{font-size:14px;color:#666; line-height:38px; font-family:Arial}
.gsxw .head a{float:right; margin-right:12px; color:#333; font-size:14px; line-height:38px}
.gsxw .content{ width:372px; min-height:246px; margin-top:15px}
.gsxw .content ul li{ height:34px; width:372px;background:url(images/icon1.jpg) 0 center no-repeat; text-indent:20px; }
.gsxw .content ul li a{ height:34px; width:272px; display:block; overflow:hidden; line-height:34px; float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.gsxw .content ul li span{ height:34px; width:100px; display:block; overflow:hidden; line-height:34px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666}


.bottom{ width:100%; background:#005492; height:210px; margin:0 auto}
.bottom .content{width:1160px; height: auto; margin:0 auto; padding-top:40px; position:relative;  }
.bottom .content .top{ position:absolute; left:555px; top:-20px; width:41px; height:41px}
.bottom .content .dh{ width:1100px; height:47px; margin:0 auto; background: url(images/bot_dash.jpg) center bottom no-repeat #d9fcf3; text-align:center;line-height:32px; text-align:center; font-size:13px; color:#005492}
.bottom .content .dh a{ line-height:32px; text-align:center; font-size:13px; color:#005492}

.bottom .content .bottframe{ width:1160px; height:auto; margin:0 auto; margin-top:30px; text-align:center; color:#FFF; font-size:13px; }
.bottom .content .bottframe a{line-height:30px; color:#ffffff; color:#fff}



.maincont{ width:880px; height:auto; margin:0 auto;}
.maincont .head{ width:880px; height:38px; border-bottom:1px solid #000000}
.maincont .head P{font-size:18px;color:#266dc7; line-height:38px; display:block; float:left; background:url(images/icon2.jpg) 0 center no-repeat; text-indent:15px}
.maincont .head span{float:right; margin-right:12px; color:#666; font-size:13px; line-height:38px}
.maincont .content{ width:880px; min-height:250px; margin-top:20px}
.maincont .content1{ width:880px; min-height:250px; margin-top:20px}


.maincont .content ul li{ height:39px; width:880px; line-height:39px; border-bottom:1px dotted #e0e0e0; background:url(images/icon1.jpg) no-repeat 10px center; text-indent:26px; overflow:hidden;}
.maincont .content ul li:hover{ height:39px; width:880px; line-height:39px; border-bottom:1px dotted #e0e0e0; background:url(images/icon1.jpg) no-repeat 10px center; text-indent:26px; overflow:hidden}
.maincont .content ul li a{ height:39px; width:780px; 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:170px; height:157px; border:1px solid #ebebeb;margin:0 auto; overflow:hidden; float:left; margin:5px;text-align:center; line-height:30px; padding:2px }
.proimg_bb:hover{ display:inlne; width:170px; height:157px; border:1px solid #dfdfdf;margin:0 auto; overflow:hidden; float:left; margin:5px;text-align:center; line-height:30px; background:#dfdfdf; color:#333; padding:2px}




#telback{ background:url(images/lxs.png) no-repeat 20px -30px; min-height:374px; 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:25px; line-height:25px;text-align:center; margin-bottom:15px; color:#999; background:#f5f5f5}

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