@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:35px; background:#f9f9f9; border-bottom:1px solid #ececec;margin:0 auto}
.topArea .main{ width:1000px; height:35px; margin:0 auto}
.topArea .main .welcome{ width:760px; height:35px; float:left; line-height:35px; font-size:12px; color:#303030}
.topArea .main .link{ width:160px; height:35px; float:right}
.topArea .main .link ul li{float: left;height:35px;line-height:35px;color:#303030;padding: 0 15px;}

.topArea .main .link ul li.ico1{ background:url(images/map.gif) no-repeat 0 center}
.topArea .main .link ul li.ico2{ background:url(images/message.gif) no-repeat 0 center}
.topArea .main .link ul li.ico3{ background:url(images/contact.gif) no-repeat 0 center}

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

.navbg{ width:100%; height:60px; background: url(images/nav.jpg) repeat-x 0 0; margin:0 auto}
.navbg .main{ width:1000px; height:60px; margin:0 auto}
.navbg .main ul li{ width:125px; height:60px; float:left}
.navbg .main ul li a{ width:125px; height:60px; line-height:60px; display:block; text-align:center; font-size:15px; font-weight:bold; background:url(images/nav_line.jpg) right center no-repeat}
.navbg .main ul li a:hover{ background:url(images/navhover.gif) repeat-x 0 0; color:#fff}

.navback{width:100%; height:60px; background: url(images/nav.jpg) repeat-x 0 0; margin:0 auto}
.navback .nav{ width:1000px; height:60px; margin:0 auto; position:relative; z-index:1000}
.navback .nav ul li{ width:125px; height:60px; float:left;background:url(images/nav_line.jpg) right center no-repeat}
.navback .nav ul li a{line-height:60px; height:60px; font-size:15px; display:block; text-align:center; width:125px;}
.navback .nav ul li a:hover{background:url(images/navhover.gif) repeat-x 0 0; color:#fff}
.navback .nav #backnone{ background:none}
.navback .nav .menu{ display: block; width:125px; height:60px; line-height:60px;  font-size:15px; text-align:center}
.navback .nav .menu:hover,.head .navback .nav .menua,.head .navback .nav .menua:hover{ display: block; width:125px; height:60px; line-height:60px;  font-size:15px; text-align:center; }
.navback .nav .movetwo{ width:125px; height:60px;}
.navback .nav .now {  display:block; height:60px;overflow:hidden; background:none }
.navback .nav .move {  display:block; height:500px; overflow:hidden;z-index:999;}
.navback .nav .move .movebox{  height:auto; background:#f7f7f7;z-index:-1; width:125px}
.navback .nav .move .movebox a{ display:block; height:50px; line-height:50px; text-align:left; border-bottom:1px solid #bbb; text-align:center; font-size:13px; color:#333;z-index:-1; }
.navback .nav .move .movebox a:hover{  background:#016cba; color:#fff;z-index:-1; }















#banss{ width:100%; height:480px; overflow:hidden; position:relative}
#slideshow{position: absolute;height: 480px;width: 1920px; left:50%; margin-left:-960px}
#slideshow a{float: left;display: inline;}
#slideshow .img{position: absolute;width: 1920px;height: 480px; }
#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: 450px;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;}

.box{ height:40px; overflow:hidden; width:590px}
.t_news{ height:40px; line-height:40px color:#333; padding-left:10px;overflow:hidden; position:relative;}
.news_li,.swap{ line-height:30px; display:inline-block; position:absolute; top:5px; }
.news_li a,.swap a{ color:#333; line-height:30px}

.product{ width:1000px; margin:0 auto; height:740px; margin-top:30px;}
.product1{ width:1000px; margin:0 auto; margin-top:30px;}
.proleft1{ width:230px; margin:0 auto; }
.proleft1 .title{ width:230px; margin:0 auto; height:110px; background: url(images/pro_t.jpg) 10px center  no-repeat #0065b3}
.proleft1 .content{ width:230px; height:700px; margin:0 auto; background:#f3f3f3; padding-top:10px}
.proleft{ width:230px; margin:0 auto; }
.proleft .title{ width:230px; margin:0 auto; height:110px; background: url(images/pro_t.jpg) 10px center  no-repeat #0065b3}
.proleft .content{ width:230px; height:650px; margin:0 auto; background:#f3f3f3; padding-top:10px}
.gg a{display:block;width:200px;background: url(images/list_b.jpg) no-repeat left;height:36px;line-height:36px;text-indent:35px;margin:0 auto;text-align:left; margin-bottom:18px}
.gg a:hover{display:block;width:200px;background:url(images/list_b.jpg) no-repeat left;height:36px;line-height:36px;text-indent:35px;margin:0 auto; text-align:left; color:#1874b7; margin-bottom:18px}
.tt{ width:200px; margin:0 auto; border-bottom:dotted 1px #CCCCCC; height:35px; line-height:35px; text-indent:25px; display:block; background: url(images/icon1.jpg) 10px center  no-repeat;}
.tt:hover{ text-decoration:underline;}

.prods{ width:750px; margin:0 auto}
.prods .title{ width:750px; background:url(images/right.jpg) left top no-repeat; margin:0 auto; height:45px }
.prods .title .aa{ width:150px; text-indent:40px; margin:0 auto; color:#0065b3; font-size:16px; font-weight:bold; line-height:35px;}
.prods .content{ width:750px; margin:0 auto; }
.prods .content1{ width:740px; margin:0 auto; line-height:40px; padding:5px;}
.prods .content2{ width:750px;height:auto; margin:0 auto}

.prods .content3{ width:840px; margin:0 auto; line-height:25px; padding:5px;}





.prods  .content1 ul li{ height:39px; width:740px; line-height:39px; border-bottom:1px dotted #e0e0e0; background:url(images/icon.gif) no-repeat 10px 14px; text-indent:26px; overflow:hidden;}
.prods .content1 ul li:hover{ height:39px; width:740px; line-height:39px; border-bottom:1px dotted #e0e0e0; background:url(images/icon.gif) no-repeat 10px 14px; text-indent:26px; overflow:hidden}
.prods  .content1 ul li a{ height:39px; width:640px; display:block; overflow:hidden; line-height:39px;}
.prods  .content1 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}
.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}


.proimg_a{ display:inlne; width:216px; height:161px;  margin:0 auto; overflow:hidden; text-align:center; line-height:30px; float:left; margin:13px; padding:3px; border:1px solid #CCC}
.proimg_a:hover{ display:inlne; width:216x; height:161px;margin:0 auto; overflow:hidden; text-align:center; line-height:30px; float:left; margin:13px; padding:3px; border:1px solid #CCC }
.proimg_b{ display:inlne; width:216px; height:190px;  margin:0 auto; overflow:hidden; text-align:center; line-height:30px; float:left; margin:13px; padding:3px; border:1px solid #CCC}
.ban{ width:100%; margin:0 auto; background:url(images/ban.jpg) center center no-repeat; height:199px; margin-top:30px}
.advantage{ width:1000px; margin:0 auto; margin-top:40px;}
.advantage .title{ width:1000px; margin:0 auto; height:115px; background:url(images/adv_t.jpg) center 45px no-repeat;}
.advantage .title .bb{ width:1000px; color:#f8780b; font-size:30px; line-height:30px;font-weight:bold; text-align:center}
.advantage .title .cc{ width:1000px;text-align:center; color:#7f7f7f;font-weight:bold; font-size:15px}
.advantage .title .dd{ width:1000px;  text-align:center}
.advantage .content{ width:1000px; margin:0 auto;position:relative }
.advantage .content .con1{ width:1000px; margin:0 auto; background:url(images/adv1.jpg) left top no-repeat; height:301px;}
.advantage .content .con2{ width:1000px; margin:0 auto; background:url(images/adv2.jpg) right top no-repeat; height:301px;}

.nero{width: 500px;height:80px;position:absolute;} 
.nero .num{  display:inline;width:59px; height:39px; background: url(images/num1.jpg) left top no-repeat; height:59px; font-size:30px; text-align:center; color:#fff; padding-top:15px}
.nero .jieshi{ width:430px; height:80px; margin:0 auto}
.nero .jieshi .ee{ color:#0c71c3; margin:0 auto; font-size:20px; font-weight:bold; background:url(images/ad_yy.jpg) right no-repeat} 

.teseall{ width:100%; height:360px; background:#ebf7ff; margin-top:30px; padding-top:40px}
.tese{ width:1000px; margin:0 auto;}
.tese .title{ width:1000px; text-align:center; height:50px}
.tese .title .oo{ width:1000px; font-size:25px; font-weight:bold}
.tese .title .oo span{ color:#f59039; font-size:30px; font-weight:bold}
.tese .content{ width:1000px; margin:0 auto; height:240px; padding-top:40px}
.tese .content .te{ width:164px;height:160px;background:url(images/bg.gif) left top no-repeat;color:#fff; font-size:22px;padding-top:25px; text-align:center}
.tese .content .te span{ font-size:14px;color:#fff}
.margin{ margin-left:45px;}

.about{ width:1000px; margin:0 auto; margin-top:30px;}
.about .title{ width:1000px; margin:0 auto; color:#0e5fa1; background:url(images/about_b.jpg) center bottom no-repeat; height:65px; line-height:30px; font-size:30px; font-weight:bold; text-align:center;}
.about .content{ width:1000px; padding-top:10px; line-height:35px}

.news{ width:1000px; margin:0 auto; margin-top:30px;  }
.news .title{ width:1000px; height:50px; border:1px solid #CCC; }
.news .title .yy{width:200px;background:url(images/icon.jpg) 420px center no-repeat;height:50px;line-height:50px;font-size:18px;padding-left:300px;border-right:1px solid #CCC}
.news .title .yy span{ color:#d10303; font-weight:bold}
.news .title .pp{width:460px;background:url(images/icon.jpg) 210px center no-repeat;height:50px;line-height:50px;font-size:18px; padding-left:30px;}
.news .title .pp span{ color:#d10303; font-weight:bold}

.news .content{ width:1000px; margin:0 auto; }
.news .content .xw{ width:451px; height:400px; margin:0 auto; padding-top:30px}
.news .content .xww{ display:block;width:450px;line-height:35px;height:35px;  }
.news .content .xww a{ width:340px; height:35px; display:block; line-height:35px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.news .content .xww span{ width:150px; height:30px; line-height:30px; float:right}

.newslist1{ height:35px; width:450px; margin:0px auto}
.newslist1 ul li{ height:35px; width:450px; line-height:35px; text-indent:10px; overflow:hidden; text-align:left;}
.newslist1 ul li a{height:35px; width:350px; display:block; overflow:hidden; line-height:35px; float:left;text-overflow:ellipsis;white-space:nowrap;display:block;}
.newslist1 ul li:hover{ height:35px; width:450px;line-height:35px;  text-indent:10px; overflow:hidden; color:#018426;}
.newslist1 ul li span{ height:35px; width:100px; display:block; overflow:hidden; line-height:35px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666}

.n1{ top:10px; left:500px;}
.n2{ top:150px; left:500px;}
.n3{ top:330px; left:10px;}
.n4{ top:480px; left:10px;}

.foot{ width:100%; margin:0 auto; margin-top:40px; height:260px; background:url(images/bot.jpg) left top repeat-x}
.dh{ width:100%; height:46px; margin:0 auto}
.dh .main{width:1000px; height:46px; margin:0 auto}
.dh .main ul li{ width:125px; height:46px; float:left}
.dh .main ul li a{ width:125px; height:46px; line-height:46px; display:block; text-align:center; font-size:15px; font-weight:bold; color:#FFF}
.dh .main ul li a:hover{  color:#fff}
.db_wz{ width:1000px; margin:0 auto; height:200px; padding-top:15px;}
.wenzi1{ width:270px; height:190px; background:url(images/bot_t.jpg) left top no-repeat; padding-left:40px; line-height:42px}
.wenzi2{ width:450px; height:190px;  padding-left:20px; line-height:42px; background:url(images/bot_r.jpg) left center no-repeat}
.wenzi3{ width:170px; height:170px; background:url(images/bot_r.jpg) left center no-repeat; padding:20px 0 0 30px}