@charset "gb2312";
*{ margin:0; padding:0; border:none; font-family: "΢ÈíÑźÚ", Arial, Helvetica, sans-serif; font-size:13px; line-height:28px; color:#67686a;list-style:none; border:none;}
body{max-width:1920px; margin:0 auto;}
a{ color:#67686a; 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}


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

.navbg{ width:100%; height:46px; background:#0762b3; margin:0 auto}
.navbg .main{ width:1200px; height:46px; margin:0 auto}
.navbg .main ul li{ width:150px; height:46px; float:left; background:url(../images/nav_line.gif) right center no-repeat}
.navbg .main ul li a{ width:150px; height:46px; line-height:46px; display:block; text-align:center; color:#FFF; font-size:16px; }
.navbg .main ul li a:hover{ }
.banner{ width:100%; height:430px; margin:0 auto; background:url(../images/banner.jpg) center top no-repeat}


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

.product{ width:1200px; height:auto; margin:0 auto}
.product .head{ width:1200px; height:80px; background:url(../images/bg_cp.gif) center bottom no-repeat}
.product .head p{ font-size:32px; color:#313131; font-weight:bold; line-height:35px; text-align:center; padding-top:15px}
.product .head span{ font-size:14px; color:#8e8e8e; font-weight:bold; line-height:30px; text-align:center; font-family:Arial; display:block}

.search { width:1200px; height:49px; margin:25px auto}
.search ul li{ float:left; }
.search ul li p{ font-size:14px; color:#333333; line-height:49px; width:850px; height: 49px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.search ul li a{font-size:13px; color:#444; line-height:49px; font-weight:100}


.bannerfo{ width:320px;height:49px;}
.bannerfo ul{width:320px;height:49px;margin:0 auto}
.bannerfo ul li{ display:inline}
.bannerfo ul .inputbox{ width:280px; height:32px; margin:10px 0;overflow:hidden}
.bannerfo ul .inputbox input{ width:280px; height:32px; padding:0 5px;background:#f2f2f2;color:#333; line-height:32px }
.bannerfo ul .menuser{ width:30px; height:32px; padding:10px 0 0 0}
.bannerfo ul .menuser img{width:33px; height:32px}
.bannerfo ul .text{ width:200px; height:28px;}
.bannerfo ul .text,.bannerfo ul .text *{ line-height:28px; color:#eee}


.mainproduct{width:1200px; height:auto; margin:0 auto; }

.cplist{ float:left; width:270px; height:auto;margin-right:28px; background:url(../images/cp.gif) no-repeat 0 0}
.cplist .head{ height:78px; width:270px;}
.cplist .content{ width:238px; min-height:300px; border:1px solid #eaeaea; border-top:none; padding:15px; padding-bottom:0px; background:#f8f8f8}

.onepro{ width:233px; height:34px; line-height:34px; text-indent:27px; display: block;font-size:15px; color:#3d3d3d; background: url(../images/onepro.gif) no-repeat 0 0 ; margin-bottom:10px}
.onepro:hover{ width:233px; height:34px; line-height:34px; text-indent:27px; display: block;font-size:15px; color:#fff; background: url(../images/twopro.gif) no-repeat 0 0; margin-bottom:10px}

.twopro{ width:233px; height:28px; line-height:28px; text-indent:25px; display: block;font-size:13px; color:#3d3d3d;}
.twopro:hover{ width:233px; height:28px; line-height:28px; text-indent:25px; display: block;font-size:13px; color:#cf0d25;}
.cplist .telephone{ width:270px; height:110px; background: url(../images/tel.gif) no-repeat 0 0}

.producttj{ width:900px; height:auto; margin:0 auto; float:right; }
.proimg_b{ display:inlne; width:278px; height:246px;overflow:hidden; float:left; text-align:center; line-height:36px; margin:10px; border:1px solid #cfcfcf; border-bottom:4px solid #cfcfcf }
.proimg_b:hover{ display:inlne; width:278px; height:246px; overflow:hidden; float:left; text-align:center; line-height:36px; margin:10px;border:1px solid #afafaf; border-bottom:4px solid #afafaf; background:#fafafa}

.youshi{ width:100%; height:auto; border-top:6px solid #0762B3; margin-top:30px}
.youshi .title{ width:493px; height:118px; margin:0 auto; background:url(../images/title.gif) no-repeat 0 0}
.youshi .title p{ font-size:30px; font-weight:bold; color:#ffea00; line-height:45px; text-align:center; padding-top:15px}
.youshi .title span{ font-size:21px; font-weight:bold; color:#ffffff; line-height:35px; text-align:center; display:block}

.youshi .main{ width:1200px; height:auto; margin:0 auto; background:url(../images/dash.gif) center bottom no-repeat}
.youshi .main .leftdec{ width:680px; height: auto; float:left; position:relative}
.youshi .main .leftdec .frameaa{ position:absolute; left:40px; top:50px; width:500px; height:46px}
.youshi .main .leftdec .frameaa .num{ width:46px; height:46px; background:url(../images/num.gif) no-repeat 0 0; line-height:46px; font-size:25px; font-weight:bold; color:#fff; text-align:center; float:left}
.youshi .main .leftdec .frameaa .txt{ width:440px; height:46px; float:right}
.youshi .main .leftdec .frameaa .txt p{ font-size:20px; color:#0762B3; line-height:46px; font-weight:bold}
.youshi .main .leftdec .framebb{ position:absolute; left:76px; top:120px; width:465px; height:100px}
.youshi .main .leftdec .framebb ul li{ background:url(../images/icon.gif) 0 8px no-repeat; text-indent:20px; line-height:30px; color:#3d3d3d; margin-bottom:20px}
.youshi .main .picture{ float:right; width:520px; height:326px; background:url(../images/pic1.gif) 24px 37px no-repeat}


.youshi .main1{ width:1200px; height:auto; margin:0 auto; background:url(../images/dash.gif) center bottom no-repeat}
.youshi .main1 .leftdec{ width:680px; height: auto; float:right; position:relative}
.youshi .main1 .leftdec .frameaa{ position:absolute; left:40px; top:50px; width:500px; height:46px}
.youshi .main1 .leftdec .frameaa .num{ width:46px; height:46px; background:url(../images/num.gif) no-repeat 0 0; line-height:46px; font-size:25px; font-weight:bold; color:#fff; text-align:center; float:left}
.youshi .main1 .leftdec .frameaa .txt{ width:440px; height:46px; float:right}
.youshi .main1 .leftdec .frameaa .txt p{ font-size:20px; color:#0762B3; line-height:46px; font-weight:bold}
.youshi .main1 .leftdec .framebb{ position:absolute; left:76px; top:120px; width:465px; height:100px}
.youshi .main1 .leftdec .framebb ul li{ background:url(../images/icon.gif) 0 8px no-repeat; text-indent:20px; line-height:30px; color:#3d3d3d; margin-bottom:20px}
.youshi .main1 .picture{ float:left; width:520px; height:326px; background:url(../images/pic2.gif) 24px 37px no-repeat}


.youshi .main2{ width:1200px; height:auto; margin:0 auto; background:url(../images/dash.gif) center bottom no-repeat}
.youshi .main2 .leftdec{ width:680px; height: auto; float:left; position:relative}
.youshi .main2 .leftdec .frameaa{ position:absolute; left:40px; top:50px; width:500px; height:46px}
.youshi .main2 .leftdec .frameaa .num{ width:46px; height:46px; background:url(../images/num.gif) no-repeat 0 0; line-height:46px; font-size:25px; font-weight:bold; color:#fff; text-align:center; float:left}
.youshi .main2 .leftdec .frameaa .txt{ width:440px; height:46px; float:right}
.youshi .main2 .leftdec .frameaa .txt p{ font-size:20px; color:#0762B3; line-height:46px; font-weight:bold}
.youshi .main2 .leftdec .framebb{ position:absolute; left:76px; top:120px; width:465px; height:100px}
.youshi .main2 .leftdec .framebb ul li{ background:url(../images/icon.gif) 0 8px no-repeat; text-indent:20px; line-height:30px; color:#3d3d3d; margin-bottom:20px}
.youshi .main2 .picture{ float:right; width:520px; height:380px; background:url(../images/pic3.gif) 24px 37px no-repeat}


.youshi .main3{ width:1200px; height:auto; margin:0 auto; background:url(../images/dash.gif) center bottom no-repeat}
.youshi .main3 .leftdec{ width:680px; height: auto; float:right; position:relative}
.youshi .main3 .leftdec .frameaa{ position:absolute; left:40px; top:50px; width:500px; height:46px}
.youshi .main3 .leftdec .frameaa .num{ width:46px; height:46px; background:url(../images/num.gif) no-repeat 0 0; line-height:46px; font-size:25px; font-weight:bold; color:#fff; text-align:center; float:left}
.youshi .main3 .leftdec .frameaa .txt{ width:440px; height:46px; float:right}
.youshi .main3 .leftdec .frameaa .txt p{ font-size:20px; color:#0762B3; line-height:46px; font-weight:bold}
.youshi .main3 .leftdec .framebb{ position:absolute; left:76px; top:120px; width:465px; height:100px}
.youshi .main3 .leftdec .framebb ul li{ background:url(../images/icon.gif) 0 8px no-repeat; text-indent:20px; line-height:30px; color:#3d3d3d; margin-bottom:20px}
.youshi .main3 .picture{ float:left; width:520px; height:326px; background:url(../images/pic4.gif) 24px 37px no-repeat}



.centerframe{ width:1200px; height:auto; margin:0 auto}


.about{ width:875px; height:auto; float:left}
.about .head{ width:875px; height:45px; background:url(../images/icon1.gif) 0 center no-repeat; border-bottom:1px solid #cccccc}
.about .head p{font-size:20px; color:#323232; line-height:45px;float:left; padding-left:32px; padding-right:12px; border-bottom:1px solid #0762b3}
.about .content{ width:875px; height:auto; margin-top:25px}
.about .content .lefpic{ width:407px; height:auto; float:left}
.about .content .righttxt{ width:420px; height:auto; float:right}
.about .content .righttxt p{ font-size:20px; color:#323232; font-weight:bold; line-height:35px}
.about .content .righttxt span{ font-size:14px; color:#67686a; line-height:28px}
.about .content .more{ width:88px; height:28px; display:block; text-align:center; line-height:28px; color:#67686a; border:2px solid #c9c9c9; margin-top:20px}
.about .content .more:hover{ width:88px; height:28px; display:block; text-align:center; line-height:28px; color:#fff; border:2px solid #0762b3; background:#0762b3}



.honor{ width:293px; height:auto; float: right}
.honor .head{ width:293px; height:45px; background:url(../images/icon1.gif) 0 center no-repeat; border-bottom:1px solid #cccccc}
.honor .head p{font-size:20px; color:#323232; line-height:45px;float:left; padding-left:32px; padding-right:12px; border-bottom:1px solid #0762b3}
.honor .content{ width:293px; min-height:280px; margin-top:25px}


.bottomframe{ width:100%; height:auto; margin:0 auto; margin-top:55px; background:#e7e7e7}
.bottomframe .main{ width:1200px; height:auto; padding-top:50px; padding-bottom:50px; margin:0 auto}


.news{ width:774px; height:auto; float:left}
.news .head{ width:774px; height:56px; background:#454545}

.Menuboa {height:56px;}
.Menuboa ul{
margin:0px;
padding:0px;
}
.Menuboa li{
height:56px;
line-height:56px;
float:left;
display:block;
cursor:pointer;
width:387px;
text-align:center;
color:#fff;
background:#454545;
font-size:16px;
text-align:center;;
}
.Menuboa li.hover{
height:56px;
line-height:56px;
float:left;
display:block;
cursor:pointer;
width:387px;
text-align:center;
color:#fff;
text-align:center;
font-size:16px;
background:#0762b3;
}


.news .content{ width:734px; min-height:344px; background:#fff; padding:20px}
.news .content .leftnews{ width:330px; height:auto; float:left}
.news .content .leftnews p{ width:330px; height:35px;font-size:14px; line-height:35px; color:#000; font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.news .content .leftnews span{ width:330px; height:50px; display:block; overflow:hidden;line-height:29px; color:#67686a}
.news .content .leftnews .more{ width:140px; height:32px; text-align:center; display:block; margin-top:15px; background:#454545;line-height:32px; font-size:14px; color:#FFF}
.news .content .leftnews:hover .more{width:140px; height:32px; text-align:center; display:block; margin-top:15px; background:#0762b3;line-height:32px; font-size:14px; color:#FFF}
.news .content .rightnews{ width:360px; height:auto; float:right}
.news .content .rightnews ul li{width:360px; height:40px}
.news .content .rightnews ul li a{line-height:40px; color:#67686a; width:360px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.news .content .rightnews ul li a:hover{line-height:40px; color:#0762b3; width:360px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}



.question{ width:404px; min-height:440px; float:right; background:#FFF}
.question .head{ width:404px; height:56px; background:url(../images/question.gif) 18px center no-repeat}
.question .head p{ line-height:56px; text-indent:52px; font-size:16px; color:#303030; float:left}
.question .head span{ line-height:56px; font-family:Arial; font-size:13px; color:#a2a2a2}
.question .content{ width:364px; height:auto; padding:20px}

.borbox{width:364px; height: auto}
.borbox .con_que{ width:364px; height:78px; border-bottom:1px dotted #aaaaaa; margin:0 auto; padding:10px 0}
.borbox .con_que .title{ display:block; width:364px; 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; color:#000}
.borbox .con_que .abstract{ display:block; width:329px; 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}



.foot{ width:100%; height:230px; background:#2f2a2a; margin:0 auto; }
.foot .main{width:1200px; height: 230px; margin:0 auto;}
.foot .main .leftlogo{ width:230px; height:230px; background: url(../images/bot_logo.gif) center center no-repeat #231d1d; float:left}
.foot .main .righttxt{ width:880px; height:auto; float:right}
.foot .main .righttxt .dh{ width:880px; height:50px; padding-top:30px; line-height:50px; color:#b0b0b0; font-size:15px; text-align:center}
.foot .main .righttxt .dh a{ font-size:15px; color:#b0b0b0; line-height:50px;}
.foot .main .righttxt .bq{ width:880px; height:auto; text-align:center; color:#b0b0b0; line-height:34px; margin-top:10px}
.foot .main .righttxt .bq a{color:#b0b0b0; line-height:34px;}



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

.leftframe{float:left; width:270px; height:auto;margin-right:28px;}

.cplist1{width:270px; height:auto;background:url(../images/cp.gif) no-repeat 0 0}
.cplist1 .head{ height:78px; width:270px;}
.cplist1 .content{ width:238px; min-height:300px; border:1px solid #eaeaea; border-top:none; padding:15px; padding-bottom:0px; background:#f8f8f8}

.contact{width:270px; height:auto;}
.contact .head{ height:56px; width:270px; background:#454545; font-size:18px; line-height:56px; color:#FFF; text-indent:56px}
.contact .content{ width:248px; height:auto; border:1px solid #dddddd; border-top:none; padding:10px;}

.rightframe{width:900px; height:auto; margin:0 auto; float:right;}
.maincont{ width:900px; height:auto; }
.maincont .head{ width:900px; height:45px; background:url(../images/icon1.gif) 0 center no-repeat; border-bottom:1px solid #cccccc}
.maincont .head p{font-size:20px; color:#323232; line-height:45px;float:left; padding-left:32px; padding-right:12px; border-bottom:1px solid #0762b3}
.maincont .head span{font-size:14px; color:#777; line-height:45px; float: right}



.maincont .content{ width:900px; height:auto; margin-top:25px}

.maincont .content1{width:900px; height:auto; margin-top:25px}
.maincont .content ul li{ height:39px; width:900px; line-height:39px; border-bottom:1px dotted #e0e0e0; background:url(../images/icon2.gif) no-repeat 10px 14px; text-indent:32px; overflow:hidden;}
.maincont .content ul li:hover{ height:39px; width:900px; line-height:39px; border-bottom:1px dotted #e0e0e0; background:url(../images/icon2.gif) no-repeat 10px 14px; text-indent:32px; overflow:hidden}
.maincont .content ul li a{ height:39px; width:800px; 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:200px; height:180px; border:1px solid #ebebeb;margin:0 auto; overflow:hidden; float:left; margin:8px;text-align:center; line-height:30px; padding:3px }
.proimg_bb:hover{ display:inlne; width:200px; height:180px; border:1px solid #dfdfdf;margin:0 auto; overflow:hidden; float:left; margin:8px;text-align:center; line-height:30px; background:#dfdfdf; color:#333; padding:3px}


.newslist{ height:39px; width:515px; float:left; margin:0 15px}
.newslist ul li{ height:39px; width:515px; line-height:39px; border-bottom:1px dotted #cccccc; background:url(../images/icon.gif) no-repeat 5px center; text-indent:26px; overflow:hidden;}
.newslist ul li:hover{ height:39px; width:515px; line-height:39px; border-bottom:1px dotted #ccc; background:url(../images/icon.gif) no-repeat 5px center; text-indent:26px; overflow:hidden}
.newslist ul li a{ height:39px; width:415px; display:block; overflow:hidden; line-height:39px; }
.newslist ul li span{ height:39px; width:100px; display:block; overflow:hidden; line-height:39px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#888}






.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:714px; padding:50px 0 0 420px; width:340px; font-size:14px; line-height:30px; color:#343434}


.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}