@charset "gb2312";
*{ margin:0; padding:0; border:none; font-family: "΢ÈíÑźÚ", Arial, Helvetica, sans-serif; font-size:13px; 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:30px; background:#035cac; margin:0 auto}
.topArea .main{ width:1000px; height:30px; margin:0 auto}
.topArea .main ul li{ float:left; line-height:30px; color:#FFF; font-size:12px }
.topArea .main ul li a{ color:#fff; text-decoration:none; font-size:12px}

.top{ width:1000px; height:100px; margin:0 auto;background: url(images/logo.gif) no-repeat 0 center}

.navbg{ width:600px; height:100px; float:right}
.navbg ul li{ width:100px; float:left; background:url(images/nav_line.gif) right center no-repeat}
.navbg ul li a{ width:100px; height:100px; line-height:100px; display:block; text-align:center; color:#333; font-size:15px;}
.navbg ul li a:hover{ background:url(images/nav_hover.gif) center bottom no-repeat}


.dash{ width:100%; height:10px; margin:0 auto; background:url(images/dash.gif) repeat-x 0 0}


#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: #ff6600;cursor: default}
#slideshow .btns b i.on: hover{background: #ff6600;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: #fff;}
.wtit .info span{margin: 0 8px;}


.product{ width:100%; height:auto; margin:0 auto; background:#eeeeee;}
.product .main{ width:1000px; height:auto; margin:0 auto;}

.cplist{ float:left; width:210px; height:auto;}
.cplist .head{ width:210px; height:46px; background:#f4a03d;}
.cplist .head p{line-height:46px;font-size:16px; color:#FFF;text-indent:25px; float:left}
.cplist .head span{line-height:46px;font-size:10px; color:#FFF;}

.cplist .content{ width:210px; min-height:350px; background:#035cac; border-bottom:7px solid #003769}


.onepro{ width:210px; height:40px; line-height:40px; text-indent:35px;margin:0 auto; font-size:13px; color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block; background:url(images/line.gif) left bottom repeat-x}
.onepro:hover{ background:#1a73c3}


.cpdisplay{ float:right; width:778px; height:auto; padding:15px 6px}
.proimg_b,proimg_b:hover{ display:inlne; width:184px; height:179px; margin:0 auto; text-align:center; line-height:40px; float:left; margin:5px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.dash1{ width:100%; height:10px; margin:0 auto; background:url(images/dash1.gif) center top no-repeat}


.bottomfram{ width:1000px; height:auto; margin:0 auto; margin-top:10px}


.contact{ float:left; width:210px; height:auto; margin-right:10px; float:left}
.contact .head{ width:210px; height:46px; background:#f4a03d;}
.contact .head p{line-height:46px;font-size:16px; color:#FFF;text-indent:25px; float:left}
.contact .head span{line-height:46px;font-size:10px; color:#FFF;}

.contact .content{ width:190px; min-height:180px; border:1px solid #dfdfdf; border-top:none; padding:9px}









.about{ width:520px; height:auto; margin:0 auto; margin-right:10px; float:left;}
.about .head1{ width:520px; height:3px; background:#035cac}
.about .head2{width:518px; height:36px; border:1px solid #dfdfdf; background:#f5f5f5; border-top:none}
.about .head2 p{line-height:36px; font-size:16px; color:#111; text-indent:35px; float: left}
.about .head2 a{ float:right; margin-right:15px; margin-top:18px}

.about .content{ width:498px; min-height:189px; padding:10px;border:1px solid #dfdfdf; border-top:none }

.about .content #line{ width:498px; height:1px; border-bottom:1px dotted #dfdfdf; margin-top:2px; margin-bottom:2px}


.about .content ul li{ height:27px; width:498px; line-height:27px;background:url(images/tb.jpg) no-repeat 10px 12px; text-indent:20px; overflow:hidden;}
.about .content ul li:hover{ height:27px; width:498px; line-height:27px;background:url(images/tb.jpg) no-repeat 10px 12px; text-indent:20px; overflow:hidden}
.about .content ul li a{ height:27px; width:398px;line-height:27px;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.about .content ul li span{ height:27px; width:100px; display:block; overflow:hidden; line-height:27x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666}


.block{ width:250px; height:auto; float:right}
.block .fram1{ width:125px; height:125px; float:left}
.block .fram2{ width:125px; height:125px; float:left}
.block .fram3{ width:125px; height:125px; float:left}
.block .fram4{ width:125px; height:125px; float:left}


.foot{ width:100%; height: auto; background:#303c4c; margin:0 auto; margin-top:10px}
.foot .main{ width:1000px; height: 70px; margin:0 auto; padding-top:30px}
.foot .main p{ color:#cfd3d4; line-height:25px}
.foot .main a{color:#cfd3d4; line-height:25px}




.mainframe{ width:1000px; height:auto; margin:0 auto; margin-top:10px}
.leftframe{ width:210px; height:auto; float:left; margin-right:10px}
.rightframe{ width:780px; height:auto; float:right}

.maincont{ width:780px; height:auto}
.maincont .head1{ width:780px; height:3px; background:#035cac}
.maincont .head2{ width:778px; height:36px; border:1px solid #dfdfdf; background:#f5f5f5; border-top:none}
.maincont .head2 p{ line-height:36px; font-size:16px; color:#111; text-indent:35px; font-family:"΢ÈíÑźÚ"}



.maincont .content{ width:738px; min-height:582px; border:1px solid #dfdfdf; border-top:none; padding:20px; font-size:13px; line-height:28px}


.maincont .content1{ width:738px; min-height:582px; border:1px solid #dfdfdf; border-top:none; padding:20px; font-size:13px; line-height:28px}



.maincont .content2{ width:758px; min-height:582px; border:1px solid #dfdfdf; border-top:none; padding:10px; font-size:13px; line-height:28px}


.maincont .content ul li{ height:32px; width:738px; line-height:32px; border-bottom:1px dotted #e0e0e0; background:url(images/tb.jpg) no-repeat 10px 14px; text-indent:26px; overflow:hidden;}
.maincont .content ul li:hover{ height:32px; width:738px; line-height:32px; border-bottom:1px dotted #e0e0e0; background:url(images/tb.jpg) no-repeat 10px 14px; text-indent:26px; overflow:hidden}
.maincont .content ul li a{ height:32px; width:638px; display:block; overflow:hidden; line-height:32px;}
.maincont .content ul li span{ height:32px; width:100px; display:block; overflow:hidden; line-height:32px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666}





.proimg_a{ display:inlne; width:166px; height:160px;  margin:0 auto; overflow:hidden; text-align:center; line-height:30px; float:left; margin:5px 10px; font-size:13px; }
.proimg_a:hover{ display:inlne; width:166x; height:160px;  margin:0 auto; overflow:hidden; text-align:center; line-height:30px; float:left; margin:5px 10px; font-size:13px; }




.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:12px}
.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}