@import url(skitter.styles.css);
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote, dl, dt, dd, ul, ol, li,form, fieldset, legend, img{ border:none; margin: 0; padding: 0;}
body,button, input, select, textarea { color:#666; font:normal 12px/24px Simsun; outline:none;}
body{ text-align:center; cursor:default; background: url(../images/top.gif) repeat-x top; -webkit-text-size-adjust:none;}
em{font-style:normal;}
ul, ol { list-style: none; }
table{ border-collapse:collapse;}
a { color:#666; text-decoration: none; blr:expression(this.onFocus=this.blur());}
a:hover { text-decoration:underline;}
img{ border:none; font-size:0; line-height:0;}
.wrap{ margin:auto; text-align:left; width:980px;}
.clear{ clear:both; height:0; font-size:0; line-height:0;}
.salign{text-align:justify;text-justify:inter-ideograph;}

.text{ float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80%;}
.text a{ color:#333;}
.time{ float:right;}

.photo { overflow:hidden; display:block;}
.name { text-align:center; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; }

.header{ height:104px; margin:0 auto; width:980px;}
.logo{float:left;margin-top: 10px;}

.nav{ margin:0 auto; width:980px; height: 38px;}
.nav li{ float:left; font:normal 14px/38px "Microsoft yahei",simsun; padding:0 0 0 2px; background:url(../images/navline.gif) no-repeat left center; position:relative; z-index: 90}
.nav li a{ color:#fff; display:block; padding: 0 26px;}
.nav li.home{ padding: 0; background: none;}
.nav li.on a,.nav li a:hover{ background:url(../images/hover.gif) repeat-x; color:#fff; text-decoration:none;}
.submenu{ position: absolute; left: 0; top: 38px; min-width: 100%; background: #fff; padding: 0 0 10px; border-bottom: 2px solid #0162bb; display: none;}
.nav li li{ background:none; padding:0; text-align:left; font:normal 12px/30px "Microsoft yahei",simsun; float: none; border-bottom: 1px solid #eee;}
.nav li li a,.nav li.on li a{white-space:nowrap; color:#333; font-weight:normal; border:0; height:auto; background: none;}
.nav li li a:hover{ border:0; color:#0169c9; background: none;}

.headerright { float: right;}
.lan { text-align: right; margin: 6px 0 0; font: normal 12px/24px "microsoft yahei",simsun;}
.lan img { vertical-align:middle; margin-right: 10px; }
.lan a,.lan span{ margin-left: 10px;}

.search{ background:url(../images/search.png) no-repeat; height:30px; margin-top: 24px;}
.search .ipt{ width:164px; float:left; padding:0 8px; background:none; height:18px; margin:5px 0 0 5px; position:relative;}
.search .dword{ position:absolute; top:0; left:10px; line-height:18px; color:#ccc; z-index:1; font-weight:normal;}
.search .ipt input{ background:url(../images/blank.gif); border:0; margin:0; padding:0; height:18px; line-height:18px; width:100%; position:relative; z-index:3;}
.search .btn{ float:left; width:32px; height:26px;}
.search .btn input{ border:0; background:none; cursor:pointer; width:32px; height:26px; }

.bannerbox{ width:100%; position:relative; overflow:hidden; z-index: 50}
.bannercenter{ width:1600px; position:relative; left:50%;}
.banner,.inbanner{ width:1600px; height:396px; overflow:hidden; position:relative; left:-50%}
.banner .box{ width:1600px; height:396px; position:relative; overflow:hidden;}
.banner .list{ width:999999px; overflow:hidden;}
.banner .list li{ width:1600px; height:396px; float:left; overflow:hidden; position:relative;}
.banner .btn{ position:absolute; left:50%; bottom:10px; z-index:999}
.banner .btn li{ width:15px; height:15px; float:left; margin:0 2px; position:
relative; left:-50%; background:#fff; cursor:pointer;}
.banner .btn li.selected{  background:#fff;}
.inbanner{ height: 200px;}

.shadow{ background: url(../images/shadow.png) repeat-x; height:8px; overflow: hidden; position: relative; z-index: 60; margin-bottom: -8px; width: 100%;} 

.bg1{ background:#fff url(../images/bg2.gif) repeat-x top;} 
.notice{ background: url(../images/nbg.png) repeat-x; height: 42px; overflow: hidden;}
.notice .tit{ float: left;  background: url(../images/arrow.png) no-repeat right top; padding: 0 21px 0 0; font: normal 14px/42px "microsoft yahei",simhei,simsun; color: #086cb6;}
.notice .tit em{ font-weight: bold; color: #d3e5ee; font-size: 18px; text-transform: uppercase; vertical-align: middle}
.noticebox{ float: left; width: 750px; margin: 0 3px 0 14px; overflow: hidden; height: 40px;}
.noticebox li{ float: left; line-height: 42px; padding: 0 20px 0 0;}
.noticebox .text{ width: auto; background: url(../images/nico.gif) no-repeat left center; padding-left: 8px;}
.noticebox .text a{ color:#666}
.noticebox .time{ float: left; margin: 0 0 0 40px; color: #999}

.more{ float:right; padding: 0 0 0 11px; height: 42px; line-height: 42px; background: url(../images/line.gif) no-repeat left center; }
.more a{ color: #999;}

.panel1{ float: left; width: 324px; margin: 14px 0 0;}
.img{ float: right; height: 146px; margin: 0 0 0 10px; width: 110px;}
.title{ font: normal 14px/24px "Microsoft Yahei",simsun; color: #086cb6; margin: 5px 0 0;white-space: nowrap;}
.title span{ font-size: 10px; color: #c2dbe7; text-transform: uppercase; margin: 0 0 0 5px; }
.pan{ height: 72px; overflow: hidden;}
.more1{ display: inline-block; width: 70px; padding: 0 24px 0 0; text-align: center; margin: 7px 0 0 -1px; background: url(../images/more.png) no-repeat; color: #999; height: 27px;}
.more1:hover{ color: #0169c9; text-decoration: none;}
.panel2{ float: left; width: 323px; margin: 14px 10px 0 21px;}
.panel3{ float: left; width: 302px; margin: 14px 0 0;}
.panel3 .img{ width: 89px;}

.product{ width: 980px; margin: 0 auto; text-align: left;}
.product .title{ float: left; margin: 0; *margin-top:30px;}
.proclass{ margin: 30px 0 0 152px; *float:left; *margin-left:26px; *width:828px; font:normal 12px/26px simsun; color: #999;}
.proclass a{ color: #999;}
.proclass a:hover{ color: #666;}
.probox{ width:1000px; margin: 21px 0 0 -1px; }
.probox li{ float: left; width: 187px; margin: 0 13px 0 0;}
.probox .photo{ background: url(../images/picbg.png) no-repeat; padding: 4px 9px 12px 4px; width: 174px; height: 116px; overflow: hidden;}
.probox .photo a{ display: block; width: 174px; height: 116px; overflow: hidden}
.probox .name{line-height: 18px; white-space: nowrap; height: 36px;}

.footer{ background: #0266c4; padding: 20px 0; margin: 20px 0 0;}
.copyright{ width: 980px; margin: 0 auto; color: #fff; font-family: "microsoft yahei",simsun;}
.copyright a{ color: #fff;}

.mainTit{ padding: 12px 20px 5px; min-height: 48px;}


/*-------------------------------------------------------*/
.content{ margin:0 auto; width:980px; text-align:left;}

.side{ float: left; margin: -73px 0 0 -4px; width: 220px; position: relative; z-index: 70;}

.sidetop{ background:url(../images/sidetop.png) no-repeat; padding:20px 14px 0; font:normal 18px/24px "microsoft yahei",simsun; color:#fff; height: 53px;}
.sidetop span{ display: block; font-size: 14px; text-transform: uppercase; color: #a9d8fd; line-height: 22px;}
.catalog{ padding:8px 4px 0; background: url(../images/sidebg.png) repeat-y;} 
.catalog li{ padding:0 16px 0 13px; line-height: 35px; border-bottom: 1px solid #eaeaea;}
.catalog li a{ padding:0 0 0 8px; background:url(../images/nico3.gif) no-repeat left center; color:#333;}
.catalog li a:hover,.catalog li.current a,.catalog li.on a{ color:#0169c9; background-image:url(../images/nico4.gif); text-decoration:none;}
.catalog li.current a,.catalog li.on a{ font-weight:bold}
.catalog li div{ display: none;}
.catalog li ul{ padding: 0 0 11px;}
.catalog li li{ border: 0; line-height: 26px;}
.catalog li li a,.catalog li.on li a,.catalog li.current li a{ font:normal 12px/22px simsun; color:#666; background-image:url(../images/nico2.gif);}
.catalog li li a:hover,.catalog li.on li a:hover,.catalog li.current li a:hover,.catalog li li.current a{color:#0169c9; background-image:url(../images/nico2.gif);}
.btms{ background: url(../images/btms.png) no-repeat; height: 6px; overflow: hidden;} 
.tops{ background: url(../images/tops.png) no-repeat; height: 6px; overflow: hidden;} 
.contactbox{ padding: 11px 14px; background: url(../images/sidebg.png) repeat-y;} 
.contactbox .title{margin: 0}
.contact{ margin: 2px 0 0;}


.crumb{ color:#333; padding: 9px 0 0; line-height: 34px; border-bottom: 1px solid #e8e8e8;}
.crumb a{ color:#333;}
.main{ float: right; width: 745px;}

.newslist{ padding: 11px 20px;}
.newslist li{ font:normal 12px/30px simsun; float:left; width:100%; background: url(../images/dashed.gif) repeat-x bottom;}
.newslist li .text{ background: url(../images/nico5.gif) no-repeat left center; padding: 0 0 0 8px;}
.newslist li .text a{ color: #666}
.newslist li .time{ color: #999}
.down li .text{ background-image: url(../images/doc.gif); padding-left: 25px;} 
.down li .time a{ color: #629cd1}

.piclist { padding: 19px 0 0 9px;}
.piclist li{ width: 179px; float: left; margin:0 5px 0 0; overflow: hidden;}
.piclist .photo{ width: 166px; height: 118px; padding: 4px 9px 10px 4px; background: url(../images/picbg3.png) no-repeat;}
.piclist .photo a{ width: 166px; height: 118px; overflow: hidden; display: block;}
.piclist .name{ white-space: normal; height: 40px; line-height: 20px;}

.piclist2 { padding: 34px 0 0 19px; background: url(../images/bgn.png) no-repeat top center;}
.piclist2  ul{ width:744px; }
.piclist2 li{ width: 217px; float: left; margin:0 31px 0 0; overflow: hidden;}
.piclist2 .photo{ width: 202px; height: 152px; padding: 5px 10px 11px 5px; background: url(../images/picbg2.png) no-repeat;}
.piclist2 .photo a{ width: 202px; height: 152px; overflow: hidden; display: block;}
.piclist2 .name{ white-space: normal; height: 40px; line-height: 20px;}

.cooperation { padding: 19px 0 0 19px;}
.cooperation li{ float: left; margin:0 20px 11px 0; width: 148px; height: 82px; padding: 1px 7px 8px 1px; background: url(../images/picbg4.png) no-repeat;}
.cooperation li .photo{ width: 148px; height: 82px;}


.honor { padding: 19px 0 0;}
.honor ul{ width: 750px;}
.honor li{ float: left; margin:0 25px 10px 20px; width: 330px;}
.honor li .photo{ width: 330px; height: 230px;}
.honor .name{ white-space: normal; font-size: 14px; line-height:42px;}



.article{ padding:20px 20px;}
.single{ padding: 12px 20px;}
.artitle{ color:#0169c9; font:bold 16px/30px simsun; text-align:center;}
.artinfo{ background: url(../images/dashed.gif) repeat-x bottom; line-height: 30px; color:#999; margin-bottom:10px; text-align:center;}
.artinfo span{ margin-right:10px;}
.artext{ font:normal 14px/2.14 simsun;}
.preNext{ margin-top:10px; padding:5px 0 0;}
.preNext b{ font-weight:normal;}
.preNext a{ color:#999;}

.quotes{font-size:12px; padding:20px 0;}
.quotes span,.quotes a{color:#999; border:1px #eaeaea solid; cursor:pointer; padding:0 8px; margin-right:2px; vertical-align:middle; line-height: 20px; display:inline-block;}
.quotes span{ cursor:default; margin-left: 6px}
.quotes .current{ color:#fff; background:#0169c9; border:1px #0169c9 solid; font-weight:bold;}
.quotes  a:hover{ color:#0169c9; text-decoration:none;}

.wx{ position: fixed; top: 220px; right:0; font-family: "microsoft yahei",simsun; z-index: 999; width:100px; background:#FFFFFF; border:1px solid #666666 }


.msg{ padding:10px 20px 0;}
.book{ font-size:14px; padding:0 72px 20px 0; background:url(../images/dotted.gif) repeat-x bottom;}
.book table{ width:100%;}
.book th{ font-weight:normal; text-align:right; vertical-align:top; color:#333; padding:5px 0 0;}
.book td{ padding:0 0 10px;}
.ipts1{ margin:0; padding:7px 5px; height:20px; line-height:20px; border-radius:5px; border:1px solid #d9d9d9; background:#fff url(../images/iptBg1.gif) repeat-x top; width:238px; color:#333;}
textarea.ipts1{ overflow-y:auto; vertical-align:top; width:355px; height:75px;}
.message{ padding:0 0 0 0;}
.tips{ font-size:12px;}
.message dl{ padding:0 0 14px;}
.message dt span{ color:#000;}
.message dt em{ color:#999;}
.message dd{ margin:13px 0 0; padding:4px 13px 6px; position:relative; border-radius:5px; border:1px solid #ddd; background:#fff;}
.message dd p{ color:#4188ca; line-height:18px;}
.message dd p.tit{ color:#999; line-height:24px; margin-bottom:3px}
.message dd ins{ position:absolute;top:-11px; left:30px; background:url(../images/tri.png) no-repeat; width:18px; height:11px; z-index:5;}
.h1{ font:normal 16px/30px "Microsoft Yahei", simsun; border-top:1px solid #eaeaea; color:#0169c9; margin:30px 0; text-align:center;}
.h1 span{ background:#fff; margin:-1em 0 0; display:inline-block; padding:0 20px;}
.btns{ background: url(../images/btnss.png) no-repeat; padding: 0 3px 4px 1px; width: 98px; height: 34px; color: #fff; font-size: 14px; font-family: "Microsoft Yahei", simsun; border: 0; cursor: pointer;} 

.links{ text-align:left; width:980px; margin:0 auto }