@charset "gb2312";
*{ margin:0; padding:0; border:none; font-family: "Î¢ÈíÑÅºÚ", Arial, Helvetica, sans-serif; font-size:13px; line-height:28px; 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:39px; background:#f3f4f5; border-bottom:1px solid #d9dadb;margin:0 auto}
.topArea .main{ width:1000px; height:39px; margin:0 auto}
.topArea .main .welcome{ width:760px; height:39px; float:left; line-height:39px; font-size:13px; color:#666666}
.topArea .main .link{ width:240px; height:39px; line-height:39px; float:right; color:#666; text-align:right}
.topArea .main .link a{height:39px;line-height:39px;color:#666;}

.top{ width:1000px; height:120px; background: url(images/logo.jpg) center center no-repeat; margin:0 auto}

.navbg{ width:100%; height:54px; background:#1067ce; margin:0 auto}
.navbg .main{ width:1000px; height:54px; margin:0 auto}
.navbg .main ul li{ width:125x; height:54px; float:left}
.navbg .main ul li a{ width:125px; height:54px; line-height:54px; display:block; text-align:center; color:#FFF; font-size:15px; }
.navbg .main ul li a:hover{ background:#0457b6}
#homepage a,#homepage a:hover{ width:125px; height:54px; background:#0457b6; text-align:center}

#banss{ width:100%; height:511px; overflow:hidden; position:relative}
#slideshow{position: absolute;height:511px;width: 1920px; left:50%; margin-left:-960px}
#slideshow a{float: left;display: inline;}
#slideshow .img{position: absolute;width: 1920px;height: 511px; }
#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: #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;}

.product{ width:998px; height:auto; margin:0 auto; margin-top:28px; border:1px solid #d6d6d6}
.product .head{ width:998px; height:67px; background:url(images/head_cp.jpg) left bottom repeat-x}
.product .head p{ margin-left:12px; height:67px; padding-left:15px; padding-right:15px; background:url(images/aa.jpg) left bottom repeat-x; display:block; line-height:60px; color:#000; font-size:19px; font-weight:bold; float:left}
.product .head a{float:right; margin-right:18px; line-height:60px; height:67px}
.product .content{ margin:35px auto; width:998px}

.hl_main5_content{width:998px; height:170px;} 
.hl_main5_content1{width:898px;overflow:hidden; float:left; height:170px;} 
.hl_main5_content1 ul{width:898px; overflow:hidden;height:170px; } 
.hl_main5_content1 ul li{ float:left; width:208px; display:inline;  margin-right:16px;height:170px} 
.hl_main5_content1 ul li img{ width:202px; height:160px; padding:2px; border:1px solid #dbdbdb} 
.hl_scrool_leftbtn{width:50px; height:170px; background: url(images/left.jpg) no-repeat center center; float:left;cursor:pointer;} 
.hl_scrool_rightbtn{width:50px; height:170px; background: url( images/right.jpg) no-repeat center center; float:right;cursor:pointer;}


.mainproduct{width:1000px; height:auto; margin:30px auto}

.cplist{ float:left; width:224px; height:auto;}
.cplist .head{ height:75px; width:224px; background:url(images/left_cp.jpg) no-repeat 0 0;}
.cplist .content{ width:224px; height:auto; margin-top:12px}

.onepro{ width:224px; height:40px; line-height:40px; text-indent:48px; display: block;font-size:16px; color:#333; background:url(images/icon.png) 20px center no-repeat #e2e2e2; margin-bottom:12px}
.onepro:hover{ width:224px; height:40px; line-height:40px; text-indent:48px; display: block;font-size:16px; color:#333; background:url(images/icon.png) 20px center no-repeat #cfcfcf; margin-bottom:12px}

.cplist .telephone{ width:221px; height:90px; background: url(images/tel.jpg) 18px center no-repeat #666666; position:relative; border-left:3px solid #0c4da1}
.cplist .telephone p{ font-size:14px; color:#FFF; position:absolute; left:72px; top:23px;}
.cplist .telephone span{ font-size:18px; color:#fff; line-height:34px; position:absolute; left:72px; top:45px}

.producttj{ width:748px; height:auto; margin:0 auto; float:right; border:1px solid #d6d6d6;}
.producttj .head{ width:748px; height:67px; background:url(images/head_cp.jpg) left bottom repeat-x}
.producttj .head p{ margin-left:12px; height:67px; padding-left:15px; padding-right:15px; background:url(images/aa.jpg) left bottom repeat-x; display:block; line-height:60px; color:#000; font-size:19px; font-weight:bold; float:left}
.producttj .head a{float:right; margin-right:18px; line-height:60px; height:67px}
.producttj .content{ margin:20px; width:708px; min-height:380px}

.proimg_aa{ display:inlne; width:215px; height:170px; padding:2px; border:1px solid #d5d5d5;overflow:hidden; float:left; margin:7px; }
.proimg_aa:hover{ display:inlne; width:215px; height:170px; padding:2px; border:1px solid #d5d5d5; overflow:hidden; float:left; margin:7px;}



.cpbann{ width:100%; height:170px; margin:0 auto; background:#1067ce;}
.cpbann .main{ width:1100px; height:170px; margin:0 auto}

.cpbann .main .lefttxt{ width:510px; height:161px; float:left}
.cpbann .main .lefttxt p{ font-size:24px;line-height:55px; color:#fff; margin-top:35px}
.cpbann .main .lefttxt span{ font-size:24px; line-height:30px; color:#ffe400}

.cpbann .main .centerpic{ width:380px; height:161px; float:left; background:url(images/pic.gif) center center no-repeat}

.cpbann .main .righttel{ width:200px; height:auto; float:right}
.cpbann .main .righttel p{ color:#FFF; font-size:15px; margin-top:40px; line-height:20px}
.cpbann .main .righttel span{ color:#FFF; font-size:24px; font-family: "Impact"; line-height:40px; font-weight:bold}
.cpbann .main .righttel a{ width:137px; height:34px; margin-top:5px}


.youshi{ width:100%; height:auto; background:#f4f4f4}
.youshi .main{ width:1100px; height:auto; margin:0 auto; padding-top:65px; padding-bottom:65px}
.youshi .main .head{ width:1100px; height:90px; margin:0 auto}
.youshi .main .head p{ width:1100px; height:40x; font-size:30px; color:#1069bd; font-weight:bold; text-align:center}
.youshi .main .head span{ width:1100px; height:55px; line-height:55px;display:block; text-align:center; font-size:30px; color:#acacac}
.youshi .main .content{ width:1100px; height:auto; margin:25px auto}
.youshi .main .content .leftdec{ width:530px; height:350px; float:left; position:relative}
.youshi .main .content .leftdec .frameaa{ position:absolute; left:12px; top:13px; width:517px; height:75px}
.youshi .main .content .leftdec .frameaa .num{ width:60px; height:57px; background:url(images/num.gif) no-repeat 0 0; line-height:57px; font-size:24px; font-weight:bold; color:#fff; text-indent:15px; float:left}
.youshi .main .content .leftdec .frameaa .txt{ width:440px; height:75px; background:url(images/dot.gif) left bottom repeat-x; float:right}
.youshi .main .content .leftdec .frameaa .txt p{ font-size:30px; color:#c40001; line-height:32px; font-weight:bold}
.youshi .main .content .leftdec .frameaa .txt span{ font-size:20px; color:#cfcfcf; line-height:32px; font-weight:bold}
.youshi .main .content .leftdec .framebb{ position:absolute; left:78px; top:110px; width:395px; height:150px}
.youshi .main .content .leftdec .framebb ul li{ background:url(images/icon2.jpg) 0 8px no-repeat; text-indent:15px; line-height:23px; color:#514f4f; margin-bottom:10px}
.youshi .main .content .picture{ float:right; width:570px; height:350px; background:url(images/pic5.gif) 39px 0 no-repeat}


.youshi .main .content1{ width:1100px; height:auto; margin:25px auto}
.youshi .main .content1 .leftdec{ width:578px; height:405px; float:right; position:relative}
.youshi .main .content1 .leftdec .frameaa{ position:absolute; left:0; top:95px; width:578px; height:75px}
.youshi .main .content1 .leftdec .frameaa .num{ width:60px; height:57px; background:url(images/num.gif) no-repeat 0 0; line-height:57px; font-size:24px; font-weight:bold; color:#fff; text-indent:15px; float:left}
.youshi .main .content1 .leftdec .frameaa .txt{ width:500px; height:75px; background:url(images/dot.gif) left bottom repeat-x; float:right}
.youshi .main .content1 .leftdec .frameaa .txt p{ font-size:30px; color:#c40001; line-height:32px; font-weight:bold}
.youshi .main .content1 .leftdec .frameaa .txt span{ font-size:20px; color:#cfcfcf; line-height:32px; font-weight:bold}
.youshi .main .content1 .leftdec .framebb{ position:absolute; left:78px; top:200px; width:492px; height:150px}
.youshi .main .content1 .leftdec .framebb ul li{ background:url(images/icon2.jpg) 0 8px no-repeat; text-indent:15px; line-height:23px; color:#514f4f; margin-bottom:10px}
.youshi .main .content1 .picture{ float:left; width:522px; height:405px; background:url(images/pic6.gif) 55px 0 no-repeat}


.banna{ width:100%; height:160px; display:block; background:url(images/bann.jpg) center top no-repeat}
.banna .main{ width:1000px; height:160px; margin:0 auto; position:relative}
.banna .main p{ position:absolute; left:0; top:25px; width:645px; height:auto; color:#FFF; font-size:18px; line-height:32px}
.banna .main span{ position:absolute; left:0; top:98px; width:645px; height:auto; color:#005dcb; font-size:14px; line-height:28px}


.centerframe{ width:100%; height:auto; margin:0 auto; background:#f3f3f3}

.centerfr{ width:1000px; min-height:340px; margin:0 auto; padding-top:22px; background:url(images/dash.jpg) center bottom no-repeat}


.about{ width:700px; height:auto; float:left}
.about .head{ width:700px; height:44px; background:url(images/main_dh1.jpg) left bottom no-repeat }
.about .head p{ height:44px;font-size:18px; color:#494949;line-height:41px; float:left; }
.about .head span{ font-size:12px;line-height:41px; color:#ababab; font-family:Arial; display:block; text-indent:10px; float:left}
.about .head a{ float:right; margin-right:10px; line-height:42px; color:#6c6c6c; height:44px}
.about .content{ width:700px; height:auto; line-height:32px; color:#514f4f; margin:0 auto; margin-top:18px; }
.about .content p{ font-size:22px; color:#ff6600; line-height:35px}
.about .content a{ line-height:35px; color:#3ab227}

.quare{ width:60px; height:300px; background:url(images/dash1.jpg) center center no-repeat; float:left}

.contact{ width:240px; height:auto; float:left}
.contact .head{ width:240px; height:44px; background:url(images/main_dh1.jpg) left bottom no-repeat }
.contact .head p{ height:44px;font-size:18px; color:#494949;line-height:41px; float:left}
.contact .head span{ font-size:12px;line-height:41px; color:#ababab; font-family:Arial; display:block; text-indent:10px; float:left}
.contact .head a{ float:right; margin-right:10px; line-height:42px; color:#6c6c6c; height:44px}
.contact .content{ width:240px; height:auto; line-height:32px; color:#514f4f; margin:0 auto; margin-top:18px; }

.scsb{ width:1000px; height:auto; margin:0 auto}
.scsb .head{ width:1000px; height:44px; background:url(images/main_dh1.jpg) left bottom no-repeat }
.scsb .head p{ height:44px;font-size:18px; color:#494949;line-height:41px; float:left}
.scsb .head span{ font-size:12px;line-height:41px; color:#ababab; font-family:Arial; display:block; text-indent:10px; float:left}
.scsb .head a{ float:right; margin-right:10px; line-height:42px; color:#6c6c6c; height:44px}
.scsb .content{ width:1000px; height:auto; line-height:32px; color:#514f4f; margin:0 auto; margin-top:18px; }

.proimg_b{ display:inlne; width:202px; height:160px; border:1px solid #dbdbdb;overflow:hidden; float:left; margin:5px; padding:2px }
.proimg_b:hover{ display:inlne; width:202px; height:160px; border:1px solid #dbdbdb;overflow:hidden; float:left; margin:5px;background:#dfdfdf;padding:2px}


.bottomframe{ width:1000px; height:auto; margin:0 auto; margin-top:10px; margin-bottom:20px}



.news{ width:700px; height:auto; float:left}
.news .head{ width:700px; height:40px; border-bottom:1px solid #cccccc; background:url(images/icon.jpg) 0 center no-repeat}
.news .head p{ height:40px;font-size:16px; color:#004695;line-height:40px; float:left; text-indent:14px;font-weight:bold;}
.news .head span{ font-size:12px;line-height:40px; color:#ababab; font-family:Arial; display:block; text-indent:10px; float:left}
.news .head a{ float:right; margin-right:10px; line-height:42px; color:#6c6c6c; height:44px}
.news .content{ width:700px; height: auto; margin:0 auto; margin-top:20px}
.news .content .leftpic{ width:300px; height:auto; margin-right:25px; float:left}
.news .content .rightnews{ width:375px; height:auto; float:right; background:url(images/bg_news.jpg) repeat}
.news .content .rightnews ul li{ height:40px; width:375px; line-height:40px;overflow:hidden; text-indent:10px}
.news .content .rightnews ul li:hover{ height:40px; width:375px; line-height:40px;overflow:hidden}
.news .content .rightnews ul li a{ height:40px; width:275px; overflow:hidden; line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.news .content .rightnews ul li span{ height:40x; width:100px; display:block; overflow:hidden; line-height:40px; font-family:Arial, Helvetica, sans-serif;color:#888; text-align:center}


.question{ width:240px; height:auto; float:right}
.question .head{ width:240px; height:40px; border-bottom:1px solid #cccccc; background:url(images/icon.jpg) 0 center no-repeat}
.question .head p{ height:40px;font-size:16px; color:#004695;line-height:40px; float:left; text-indent:14px;font-weight:bold;}
.question .head span{ font-size:12px;line-height:40px; color:#ababab; font-family:Arial; display:block; text-indent:10px; float:left}
.question .content{ width:240px; height: auto; margin:0 auto; margin-top:10px}

.question .content .frame{ width:240px; height:auto; padding-top:10px; padding-bottom:10px; border-bottom:1px dotted #dbdbdb}
.question .content .frame p{ width:240px; line-height:30px; height:30px; background:url(images/wen.jpg) 0 center no-repeat; text-indent:30px; color:#004695;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.question .content .frame span{ width:240px; line-height:24px; height:72px; display:block; overflow:hidden; background:url(images/da.jpg) 0 0 no-repeat; text-indent:30px; font-size:13px;}


.foot{ width:100%; height:238px; background:#202425; margin:0 auto; border-top:4px solid #0069c4; border-bottom:12px solid #161616 }
.foot .dh{ width:100%; height:50px; background:url(images/bg_bot.jpg) left bottom repeat-x; line-height:48px; text-align:center; font-size:15px; color:#8a8a8a}
.foot .dh a{line-height:48px; font-size:15px; color:#8a8a8a}

.foot .main{width:1000px; height: auto; margin:0 auto; color:#9a9a9a; line-height:25px;padding-top:44px}
.foot .main a,.foot .main a:hover{color:#9a9a9a;}



.mainframe{ width:1000px; height:auto; margin:0 auto; margin:30px auto}

.leftframe{ width:224px; height:auto; float:left;}
.rightframe{width:748px; height:auto; float:right;}



.maincont{ width:748px; height:auto; margin:0 auto; float:right; border:1px solid #d6d6d6;}
.maincont .head{ width:748px; height:67px; background:url(images/head_cp.jpg) left bottom repeat-x}
.maincont .head p{ margin-left:12px; height:67px; padding-left:15px; padding-right:15px; background:url(images/aa.jpg) left bottom repeat-x; display:block; line-height:60px; color:#000; font-size:19px; font-weight:bold; float:left}
.maincont .head span{float:right; margin-right:18px; line-height:60px; height:67px; color:#666}
.maincont .head a{float:right; margin-right:18px; line-height:60px; height:67px}
.maincont .content{ margin:20px; width:708px; min-height:380px}

.maincont .content1{ width:708px; min-height:380px;padding:20px}
.maincont .content ul li{ height:39px; width:708px; 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:708px; 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:608px; 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:215px; height:200px; padding:2px; border:1px solid #d5d5d5;overflow:hidden; float:left; margin:7px; line-height:30px; text-align:center }
.proimg_bb:hover{ display:inlne; width:215px; height:200px; padding:2px; border:1px solid #d5d5d5; overflow:hidden; float:left; margin:7px; line-height:30px; text-align:center; background:#f5f5f5}



.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 -60px; min-height:300px; padding:50px 0 0 420px; width:300px; 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}