@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
body{font:14px/25px "Microsoft Yahei",Verdana, Arial, Helvetica, sans-serif;overflow-x: hidden;}
form{margin:0;padding:0} p{margin:0;padding:0;text-indent:2em;}
ul{margin:0;padding:0;list-style:none} li{margin:0;padding:0;list-style:none}
a{outline:none; text-decoration:none;}
a:link,a:active,a:visited{color:#000;}
a:hover{color:#0063B3;text-decoration:none;}
.c{clear:both;width:100%;height:0;overflow:hidden;}
.red{color:#F00} .blue{color:#0F0}
.b{border:1px #808080 solid;height:22px;padding:1px 5px 1px 5px!important;padding:3px 2px 0px 2px;background:#D4D0C8;border-top:#E0DDD8 1px solid;border-left:#E0DDD8 1px solid;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;margin: 0 auto;}
fieldset,a img,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
.left{float: left;} .right{float: right;} .center{margin:0 auto; text-align:center;}
.show{display:block; visibility:visible;} .hide{display: none; visibility:hidden;}
.tal{text-align:left} .tar{text-align:right;}
.hf{text-align: left;text-indent: -9875px;overflow: hidden;}
.oh{overflow:hidden}
.c12 {width: 100%;} .c11 {width: 91.66666666666666%;} .c10 {width: 83.33333333333334%;}
.c9 {width: 75%;} .c8 {width: 66.66666666666666%;} .c7 {width: 58.333333333333336%;}
.c6 {width: 50%;} .c5 {width: 41.66666666666667%;} .c4 {width: 33.33333333333333%;}
.c3 {width: 25%;} .c2 {width: 16.666666666666664%;} .c1 {width: 8.333333333333332%;}

/*global*/
#home{background: url(bg.jpg) center 0 no-repeat;}
#header{width:1000px;height:58px;}
#tnav{width:100%;height:30px;}
#flash{width:100%;height:430px;}
#pagetainer{width:100%;background: url(pagetainer.jpg) center 0 no-repeat;}
#container{width:100%;}
#footer{width:100%;height:50px;border-top: 1px solid #777;margin-top:20px;}

/* header */
#logo{width:220px;height:100px;}
.slogan{width:500px;height:100px;}
.gadgets{width:360px;height:100px;}
.gadgets ul{width:200px;height:25px;overflow: hidden;}
.gadgets ul li{width:100px;float:left;}
.gadgets ul li a{width:100%;height:50px;float:left;}
#isearch{width:350px;margin:0;padding:0;line-height:0;margin-top: 25px;}
#isearch form{display: inline;}
#isearch .inwrap{width:150px;}
#isearch select{margin-top: 2px;font-size:12px}
#isearch .s_input{border:1px solid #5a5a5a;padding:2px;width:240px;color:#999;height:19px;}
#isearch .s_button{cursor: pointer;width:25px;height:25px;background: url(wws.gif) 0 -40px no-repeat;border:none;text-indent: -90px;}

/*menu*/
.subnav{width:1000px;height:36px;line-height:20px;}
.subnav ul{width:760px;overflow: hidden;float: right;margin-right: 2px;}
.subnav ul li {float: left;width:94px;height:34px;overflow: hidden;font-weight: bold;}
.subnav ul li a{float: left;width:100%;height:34px;overflow: hidden;text-align: left;background: url(menu.png) 50px 50px no-repeat;text-indent: -9873px;}
.subnav ul li a:hover{}
.subnav ul li.select a{}
.subnav ul li.current a{}
#m0 a{background-position: -7px 0;}
#m0 a:hover{background-position: -7px -80px;}
#m121 a{background-position: -101px 0;}
#m121 a:hover,#m121 a.current{background-position: -101px -80px;}
#m122 a{background-position: -195px 0;}
#m122 a:hover,#m122 a.current{background-position: -195px -80px;}
#m123 a{background-position: -289px 0;}
#m123 a:hover,#m123 a.current{background-position: -289px -80px;}
#m124 a{background-position: -383px 0;}
#m124 a:hover,#m124 a.current{background-position: -383px -80px;}
#m125 a{background-position: -477px 0;}
#m125 a:hover,#m125 a.current{background-position: -477px -80px;}
#m126 a{background-position: -571px 0;}
#m126 a:hover,#m126 a.current{background-position: -571px -80px;}
#m127 a{background-position: -665px 0;}
#m127 a:hover,#m127 a.current{background-position: -665px -80px;}


/* flash */
#webflash{width:100%;height:430px;}
/* slideBox */
.slideBox {width:100%;position:relative;height:440px;}
.slideBox .bbd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.slideBox .bbd ul {width:100% !important;}
.slideBox .bbd li {width:100% !important;height:440px;overflow:hidden;text-align:center;}
.slideBox .bbd li a {display:block;height:440px;}
.slideBox .hhd {width:98%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.slideBox .hhd ul {text-align:right;}
.slideBox .hhd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:20px;height:5px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.slideBox .hhd ul .on {background:#f00;}
.slideBox .prev,.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:30px; height:40px; background:url(wws.gif) -176px 0 no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.slideBox .next{ left:auto; right:3%; background-position:-54px 0;}
.slideBox .prev:hover,.slideBox .next:hover{filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop,.slideBox .nextStop{ display:none;}

/* container */
.title{width:100%;height:40px;overflow:hidden;}
.title span{float:left;height:50px;text-indent: -998px}
.title a{width:80px;float:right;height:55px;text-indent: -998px;overflow: hidden;}
.app{width:100%;}
#section{width:1000px; }
#pagetainer #section{background: url(ascroll.jpg) no-repeat;margin-top: 40px}/*home*/
#container{background: url(container.jpg) center 0 no-repeat;}
#container #section{margin-top:150px;}/*sun*/
#aside{width:1000px;height:140px;}/*home*/
#main{width:400px;height:280px;}/*home*/
#article{width:240px;}/*home*/
#ascroll{width:1000px;height:295px;}

.avideo{width:278px;height:232px;}
.avideo .app{width: 250px;margin-top:6px;}
.avideo .title span{font-size: 16px;font-weight: bold;text-indent: 35px;line-height:40px;color:#0062b1;}
#ivedio{float:left;width:240px;height:175px;background:url(iv.jpg) 0 0 no-repeat;float:right;}

.atab{width:722px;height:232px;}
.aother{width:182px;height:232px;}
.aother li{width:182px;height:80px;}
.aother li a{width:182px;height:76px;line-height: 76px;font-size: 15px;text-indent: 40px;float:left;background: url(aother.jpg) no-repeat;}
.aother li a.aoo{background-position: 0 0;}
.aother li a.aol{background-position: 0 -80px;}
.aother li a.aoz{background-position: 0 -160px;}
.aother li a.aoo:hover{background-position: -200px 0;}
.aother li a.aol:hover{background-position: -200px -80px;}
.aother li a.aoz:hover{background-position: -200px -160px;}

.aa{height:100px;+width:33%;}
.aaa{width:100%;height:40px;line-height: 40px;font-size:17px;font-weight: bold;text-indent: 105px;}
.aa p{width:100%;line-height:18px;font-size:12px;text-indent: 110px;}

.aniabout{width:100%;height:10px;}
#conholder{width:750px;margin-right: 20px;_margin-right:10px;}/*sub*/
#crumb{width:100%;height:40px;line-height: 40px;text-indent:150px;margin-top: 20px;border-bottom: 1px solid #bbb;background: url(logo.gif) 0 13px no-repeat;}
.listxt ul{width:730px;line-height:34px;}
.listxt ul li{width:100%;height:35px;border-bottom:1px #CCC dashed; float:left;overflow:hidden;background:url(li21.gif) 10px center no-repeat;}
.listxt ul li a{overflow:hidden;float:left;width:640px;height:34px;text-indent:34px;}
.listxt ul li a:hover{color:#0062b1;}
.listxt ul li span{color:#AAA89F;float:right;width:85px;overflow:hidden;text-align: right;font-size: 12px;}
.listimg{width:690px;margin-top:10px;}
.listimg ul{width:730px;}
.listimg ul li{width:206px;height:180px;overflow:hidden;float:left;margin:20px 0 0 30px;}
.listimg ul li a{width:206px;height:180px;overflow:hidden;float:left;}
.listimg ul li a img{width:200px;height:150px;padding:2px;overflow:hidden;float:left;border:1px solid #CCC;background:#FFF}
.listimg ul li a span{width:208px;height:24px;overflow:hidden;float:left;background:#CCC;text-align: center;}
.listimg ul li a:hover img{border:1px solid #0062b1;background:#0062b1}
.listimg ul li a:hover span{border:1px solid #0062b1;background:#0062b1;color:#FFF}

.listimghonor{width:810px;margin-left: -10px;}
.listimghonor ul{width:810px;float:left;overflow:hidden;_width:1880px;margin-bottom: 5px}
.listimghonor ul li{height:280px;float:left;width:165px;margin:20px 0 0 16px;}
.listimghonor ul li a{border:1px solid #aaa;float:left;}
.listimghonor ul li a img{height:250px;float:left;width:167px;}
.listimghonor ul li a span{height:24px;float:left;width:167px;overflow:hidden;line-height:23px;color:#fff;font-size: 12px;float:left;text-align: center;background: #aaa}
.listimghonor ul li a:hover{border:1px solid #0062b1;}
.listimghonor ul li a:hover img {}
.listimghonor ul li a:hover span {background:#0062b1;color:#FFF;}

.constyle{width:730px;text-align:left;padding-top: 20px;}
#concontact{background: url(contact.jpg) 400px 165px no-repeat;}
.protitle,.newstitle{width:100%;line-height:40px;overflow:hidden;font-size:22px;color:#0062b1;}
.newstitle{text-align: center;}
.newsinfo{width:100%;height:22px;border:1px solid #bbb;border-left: none;border-right: none;text-align: center;background: #eee;font-size: 12px;}
.newscontent{padding: 10px 0;}
.proclick{display: none;}
.propn,.newspn{font-size: 12px;border-top: 1px solid #BBB}

.oti{width:100%;height:30px;border-bottom: 3px solid #5B95DE;text-indent:40px;color:#5B95DE;line-height: 30px;font-size: 16px;font-weight: bold;}
.oco{width:100%;padding: 10px 0;text-align: left}
.oco p img{margin-left: -2em;}
.para{margin-bottom:10px;border: 1px solid #CCC;border-right:none;font-size: 12px;}
.para .oddo{background: #E9E9E9;border-right: 1px solid #CCC;height:25px;}
.para .oddl{background: #F9F9F9;border-right: 1px solid #CCC;height:25px;}
.para .oddol{text-align:right;padding-right:5px;}
.para .oddll{text-align:right;padding-right:5px;}
.pageri{width:50%;float:right;overflow: hidden;}
.pageri ul{width:100%;float:left;overflow: hidden;padding:15px 0;}
.pageri ul li{width: 16px;height:16px;float:left;margin-left: 3px;padding:0;font:12px/16px Arial;text-align: center;}
.pageri ul li a{width: 16px;height:16px;float:left;border-bottom:1px solid #666;color:#000;}
.pageri ul li a:hover{border-bottom:1px solid #0062b1;color:#0062b1;font-weight: bold;}
.pageri ul li.info{width:180px;text-align:right;padding-right: 5px;}
.pageri ul li.ect{border:none;}
.pageri ul li.current{font-weight: bold;color:#F00;border-bottom:1px solid #F00;}

#side{width:200px;background: url(bodysplit.jpg) 208px 20px no-repeat;}/*sub*/
.sbwrap{width:100%;}
.sbwrap .title{width:180px;height:40px;margin-top:20px;border-bottom: 1px solid #bbb;font-size: 16px;text-indent:30px;line-height: 40px;color:#0062b1;background: url(li03.jpg) 10px 14px no-repeat;}
.sbwrap .app{width:170px;}
.sbwrap .app ul{width:160px;margin:10px 0 0 ;overflow:hidden;float:left;line-height:30px;}
.sbwrap .app ul li{width:100%;height:35px;margin:0;overflow:hidden;float:left;}
.sbwrap .app ul li a{width:100%;height:30px;text-indent:20px;color:#333;border-bottom: 1px dashed #CCC;overflow:hidden;float:left;background: url(li21.gif) 7px 12px no-repeat;}
.sbwrap .app ul li a:hover{color:#0062b1;text-indent:25px;}
.sbwrap .app ul li.select a{color:#0062b1;font-weight:bold;text-indent:30px;}
.sbwrap .foot{height:1px;width:100%;}

/* footer */
.ftmain{width:1000px;color:#555;font-size: 12px;line-height:40px;}
.ftmain a{color:#555;}
.ftmain a:hover{color:#0062b1;}
.ftnav{width:500px;height:40px;}
.copyright{width:500px;}
.crphold{width:100%;}
.crtontact{width:100%;}
.jscode{width:100%;}
.gongshang{width:180px;padding-top: 25px}
.gongshang a{width:160px;height:40px;background: url(wws.gif) 0 -70px no-repeat;}

/*return*/
#gohome{position:fixed;bottom:10px;right:40px;width:60px;height:50px;_position: absolute;}
#gohome a{width:100%;height:80px;background:url(wws.gif) 0 -150px no-repeat;}

/* Link */
#link{width:1000px;margin:10px auto 0 auto;display:block;border-top:1px solid #1C7ED7;border-bottom:1px solid #1C7ED7;line-height: 30px;}
#link #ltitle{width:8%;margin:0;float:left;overflow:hidden;height:30px;}
#link ul{width:92%;margin:0;float:right;overflow:hidden;+margin-top:0;}
#link ul li{height:30px;float:left;overflow:hidden;padding-right:10px;display:inline;}
#link ul li a{color:#555;height:30px;}
#link ul li a:hover{color:#0062b1}

/*QQ*/
#qqline {position:absolute;top:250px;right:10px;width:140px;}
#qqline ul{width:100%;overflow:hidden;float:left;}
#qqline ul li{width:100%;float:left;height:30px;overflow:hidden;background:url(QQSer.gif) no-repeat;}
#qqline ul li a{width:100%;float:left;height:30px;overflow:hidden;text-align:center;font:12px/30px Arial;}
#qqline ul li.qqo{height:110px;background-position:0 0;}
#qqline ul li.qql{height:30px;background-position:0 -110px;}
#qqline ul li.qqz{width:100%;float:left;height:120px;overflow:hidden;background-position:0 -140px;}

.slideTxtBox{ float:right;width:720px; height:232px; overflow:hidden;text-align:left; }
.slideTxtBox .hd{width: 100%; height:45px; line-height:28px;}
.slideTxtBox .hd ul{ overflow:hidden; zoom:1;padding: 2px 0 0 0;}
.slideTxtBox .hd ul li{ float:left; width:120px;height: 35px;line-height: 35px;font-size: 15px;color:#777;text-align:center;cursor: hand;cursor: pointer;border-right: 1px solid #CCC}
.slideTxtBox .hd ul li.on{background: url(slideon.jpg);color:#0063B3;font-weight:bold; }
.slideTxtBox .bd{ padding:10px; }
.slideTxtBox .bd ul li{width:100%;height:31px; line-height:30px;border-bottom: 1px dashed #ccc;background: url(li21.gif) 3px center no-repeat;}
.slideTxtBox .bd ul li a{width:400px;height:30px;float:left;text-indent:20px;}
.slideTxtBox .bd ul li span{width:80px; height:30px;float:right;font-size: 11px;color:#666;}
.slideTxtBox .bd ul li a:hover{color:#0063B3;}
.slideTxtBox .sssbd{margin:0 0 0 10px;overflow: hidden;}

.slideTxtBox .bd #ulcontaner{width: 480px;overflow: hidden;}
.slideTxtBox .bd #ulcontaner ul{overflow:hidden; zoom:1;}
.slideTxtBox .bd #ulcontaner ul li{background:none;width:205px;height:173px;float:left;overflow: hidden;border-bottom:none;float:left; _display:inline; overflow:hidden; text-align:center;margin: 0 0 0 15px;}
.slideTxtBox .bd #ulcontaner ul li a{background:none;width:205px;height:172px;float:left;overflow: hidden;text-indent: 0;}
.slideTxtBox .bd #ulcontaner ul li a img{width:200px;height:150px;border:1px solid #CCC;}
.slideTxtBox .bd #ulcontaner ul li a span{width:200px;height:18px;color:black;line-height: 18px;}
.slideTxtBox .bd #ulcontaner ul li a:hover{color:#0063B3;}
.slideTxtBox .bd #ulcontaner ul li a:hover img{border:1px solid #0063B3;}
.slideTxtBox .bd #ulcontaner ul li a:hover span{width:202px;background: #0063B3;color:#FFF;}



#jsdh{width:1000px;height:350px;position:relative;}
.flashtxt{width:420px;height:350px;position: absolute;padding-top: 100px;left:680px;}
.flashpic{width:680px;height:350px;position: absolute;bottom:-120px;left:0;}

.ftxtone{width:200px;height:50px;background: url(flash01.png) no-repeat;position: absolute;left:20px;left:-300px;}
.ftxttwo{width:200px;height:50px;background: url(flash01.png) 0 -100px no-repeat;position: absolute;left:120px;top:170px;left:500px;}

.fpicnav{width: 680px;height:350px;overflow: hidden;margin-left: 100px;position: relative;}
.fpicnav li{width:154px;height:200px;overflow: hidden;position: absolute;}
.fpicnav li a{width:154px;height:200px;overflow: hidden;background: url(flash02.png);float: left;}
.fpicnav li.flo{top:220px;left:0;}
.fpicnav li.flo a{}
.fpicnav li.fll{top:220px;left:160px;}
.fpicnav li.fll a{background-position: -154px 0;}
.fpicnav li.flz{top:220px;left:320px;}
.fpicnav li.flz a{background-position: -308px 0;}

.idtabs{width:100%;}
.idtabs ul.usuaul{width:100%;height:50px;float:left;border-bottom: 1px solid #D8D8D8;overflow: hidden;padding-left: 20px;}
.idtabs ul.usuaul li{height:50px;display:block;float:left;margin-left:5px;}
.idtabs ul.usuaul li a{height:40px;color:#000;float:left;line-height:40px;text-align: center;font-weight: bold;font-size: 14px;margin-top: 10px;background: #F8F8F8;border: 1px solid #D8D8D8;padding:0 25px;}
.idtabs ul.usuaul li a:hover{color:#0062b1;}
.idtabs ul.usuaul li a.selected{color:#fff;cursor:default;background: #0062b1}
.idtabs .usuatab{width:680px;margin-left: 10px;_margin-left:5px;}
.idtabs .tc{width:100%;}
.idtabs .tc .cc{width:100%;padding:10px 0;}

.subnav ul li .item-sub{
position:absolute; z-index:50; display:none;padding:30px; border:1px solid #B2B3B7;overflow:hidden;margin:30px 0 0 0px;+margin-left:-92px;text-align: left;background: #EAEBEF}
.subnav ul li .item-sub .sub_txt{float: left;overflow: hidden;width:320px;border-right:1px solid #B2B3B7;}
.subnav ul li .item-sub .sub_txt h3{font-size: 16px;font-weight: bold;height:25px;}
.subnav ul li .item-sub .sub_txt em{font-size: 12px;font-family: Arial;height: 18px;}
.subnav ul li .item-sub .sub_txt dl{float: left;width:310px;overflow: hidden;margin-top:15px;padding-bottom: 20px}
.subnav ul li .item-sub .sub_txt dd {clear:both;margin:0;overflow: hidden;height:25px;width:100px;float:left;background: url(cta-bg.png) 80px center no-repeat;}
.subnav ul li .item-sub .sub_txt dd a{clear:both;background:none;float:left;width:100%;height:25px;text-indent:1px;font-weight: normal;font-size: 12px;color:#0062b1;line-height: 25px;}
.subnav ul li .item-sub .sub_txt dd a:hover {color:#000}
.subnav ul li .item-sub .sub_pic{float: right;overflow: hidden;background:url(mlogo.jpg) 0 center no-repeat;}
.subnav ul li .item-sub .sub_pic .ppic{width:200px;height:140px;}

.subnav ul li .item-about{width:533px;margin-left:-50px;+margin-left:-150px;}
.subnav ul li .item-about .sub_txt dl{background: url(item-about.jpg) 120px 10px no-repeat;}

.subnav ul li .item-pro{width:800px;margin-left:-420px;+margin-left:-512px;padding:0 20px 20px 0;background:#eaebef url(item-pro.jpg) repeat-y;}
.subnav ul li .item-pro .taab{width:150px;float:left;}
.subnav ul li .item-pro .taab .taabli{width: 100%;height:40px;}
#m123 .item-pro .taab .taabli a{width:100%;height:40px;line-height:40px;text-align: left;text-indent:60px;background:url(menupro.jpg) 0 0 repeat-x;}
#m123 .item-pro .taab .taabli a:hover{background: url(menupro.jpg) 0 -40px repeat-x;color:#FFF;}
.subnav ul li .item-pro .taabc{width:650px;float:right;}
.subnav ul li .item-pro .taabc .ppul{width:620px;float:right}
.subnav ul li .item-pro .taabc .ppul .ppli{width: 310px;height:160px;margin: 20px 0 0 0;float:left;}
.subnav ul li .item-pro .taabc .ppul .ppli a{width:100%;height:160px;background: none;font-weight: normal;}
.subnav ul li .item-pro .taabc .ppul .ppli a .pplipic{width:120px;height:232px;text-indent: 0;float:left;background: url(menutire.jpg) no-repeat;}
.subnav ul li .item-pro .taabc .ppul .ppli a.m620 .pplipic{background-position: 0 -640px;}
.subnav ul li .item-pro .taabc .ppul .ppli a.m632 .pplipic{background-position: 0 -160px;}
.subnav ul li .item-pro .taabc .ppul .ppli a.m170 .pplipic{background-position: 0 -320px;}
.subnav ul li .item-pro .taabc .ppul .ppli a.m370 .pplipic{background-position: 0 -480px;}
.subnav ul li .item-pro .taabc .ppul .ppli a.m311 .pplipic{background-position: 0 0;}
.subnav ul li .item-pro .taabc .ppul .ppli a .pplitxt{width:190px;text-indent: 0;float:right;}
.subnav ul li .item-pro .taabc .ppul .ppli a .pplitxt .pplititle{width:100%;font-weight: bold;height:25px;font-size: 18px;}
.subnav ul li .item-pro .taabc .ppul .ppli a .pplitxt .pplidesc{width:100%;font-size: 12px;font-family: Arial;height:38px;line-height:16px;}
.subnav ul li .item-pro .taabc .ppul .ppli a .pplitxt .pplili{width:100%;background: url(cta-bg.png) 100px center no-repeat;height:20px;line-height:20px;font-family: Arial;font-size: 12px;color:#0062b1;}
.subnav ul li .item-pro .taabc .ppul .ppli a:hover{color:#000;}
.subnav ul li .item-pro .taabc .ppul .ppli a:hover .pplitxt .pplili{color:#0062b1;}
.ppulhh, .ppulgs{display: none;}
.subnav ul li .item-news{width:533px;margin-left:-30px;+margin-left:-130px;}
.subnav ul li .item-news .sub_txt dl{background: url(item-news.jpg) 120px 0 no-repeat;}

.subnav ul li .item-tech{width:533px;margin-left:-230px;+margin-left:-330px;}
.subnav ul li .item-tech .sub_txt dl{background: url(item-tech.jpg) 120px 0 no-repeat;}
.subnav ul li .item-hr{width:533px;margin-left:-230px;+margin-left:-330px;}
.subnav ul li .item-hr .sub_txt dl{background: url(item-hr.jpg) 120px 0 no-repeat;}

#kinMaxShow{display:none;}