/*@@ Reset */
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,button,th,td,img,input{margin:0;padding:0}img,fieldset{border:0}a,input{outline:0}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;white-space:normal}input,button,textarea,select{*font-size:100%}h1,h2,h3,h4,h5,h6{font-size:100%}em{font-style:normal}blockquote{margin:0;padding:0}ol,ul{list-style:none}table{border-collapse:collapse;}

/** @ 网站全局 */
body{font-size:12px;line-height:24px;color:#333;font-family:"微软雅黑", Arial, Helvetica, sans-serif; background:#f2f2f2;}
.fl{ float:left; margin:0; padding:0;}
.fr{ float:right; margin:0; padding:0;}
.clearfix:after,.wrap:after{content:" ";display:block;clear:both;height:0}.clearfix,.wrap{zoom:1}
/*全局连接  link visited hover active*/
a{text-decoration:none; color:#333;}
a:hover{ color:#0e71b4;}

/** @ 通用母版框架 */

/*版图居中*/
.main,.header,.menu,.banner,.sub_banner,.news,.footer,.index {margin-left:auto;margin-right:auto;}
/*头部*/
.header{ width:100%; height:110px; position:relative; background:#004057;}
.headerbox { width:1020px; margin:0 auto; height:110px; background:url(../images/headerbg.jpg) no-repeat top center;}
.logo { width:264px; height:110px;}
.nav { width:756px;}
.nav li { float:left; width:95px;}
.nav li a{ display:block; height:84px; font-size:14px; color:#fff; padding:26px 0 0 8px; font-family:"宋体"; font-weight:bold; background:url(../images/nav_dot1.jpg) no-repeat 7px 88px;}
.nav li a:hover{ background:url(../images/nav_dot2.jpg) no-repeat 7px 88px;}

/*index*/
.main { width:1020px; background:#fff; height:100%; clear:both; margin-top:10px; overflow:hidden;}
.index{ width:100%; height:auto; background:url(../images/bj.png) no-repeat top;}
.index1 { width:1020px; height:152px; margin:30px auto 0; position:relative;}
.index1_pic { width:218px; height:140px; position:absolute; top:0px; left:0px; border:1px solid #005974; padding:5px; background:#ffffff;}
.index1_title { position:absolute; top:4px; left:260px; width:760px;}
.index1_title a { color:#666666; font-size:16px; font-weight:bold;}
.index1_title a:hover { color:#004057;}
.index1_cont { position:absolute; top:38px; left:260px; width:760px;}
.index1_cont a { color:#666666; line-height:20px;}
.index1_tel { position:absolute; top:92px; left:260px; width:760px;}
.index1_tel a { font-size:20px; color:#004057;}
.index1_more { position:absolute; top:126px; left:260px; background:url(../images/index_more.png) 42px 3px no-repeat; padding-right:30px;}
.index1_more a { color:#004057; font-size:14px;}

.index2 { width:100%; height:178px; margin:70px auto 40px; position:relative;}
.index2_box { width:1020px; height:178px; margin:0 auto 0;}
.index2_pic { height:178px; width:255px;}

.index3 { width:1020px; height:230px; margin:0 auto 0;}

/*banner*/
.banner{ width:100%; height:420px; position:relative; background:#f3f3f3 url(../images/banner.jpg) top center no-repeat;}
.subban{ width:100%; height:300px; position:relative; background:#f3f3f3;}
.title { width:1020px; height:36px; background:url(../images/titlebg.jpg) top center no-repeat; margin:30px auto 10px; text-align:center; padding-top:18px;}
.title a { color:#004057; font-size:18px; font-weight:bold;}

.subcont{ width:1020px; height:300px; margin:0 auto; position:relative;}
.bread { position:absolute; left:0px; top:238px;}
.tip { position:absolute; right:0px; top:180px; width:220px; height:90px;}

/*sub*/
.cont { width:1020px; margin:0 auto; height:100%; clear:both; overflow:hidden; background:url(../images/main_bg.jpg) repeat-y;}
.subleft { width:270px; height:100%; float:left; padding-bottom:250px; }
.subright { width:750px; height:100%; float:right; }
.subtitle { width:251px; height:44px; background:url(../images/subtitle.jpg) no-repeat top center; line-height:42px; text-indent:10px; color:#fff; font-size:18px;}
.subnav { width:231px; height:auto;}
.subnav li {}
.subnav li a { display:block; background:url(../images/subnav_li.jpg) no-repeat; text-indent:10px; line-height:38px; height:40px; width:231px; color:#333333; font-size:14px;}
.subnav li a:hover { background:url(../images/subnav_lion.jpg) no-repeat; color:#306476; }
.subright_t { width:750px; height:43px; border-bottom:1px solid #c5c5c5; color:#023e56; font-size:18px; line-height:41px; font-weight:bold;}
.maincont { width:750px; height:auto; margin-top:20px; min-height:420px; background:url(../images/maincont_bg.jpg) no-repeat top center;}
.page { width:750px; height:40px; margin:30px auto 0; clear:both;}

/*pro*/
.cont750 { width:750px;}
.pro { width:250px; height:292px; float:left;}
.proimg { width:214px; height:214px; border:1px solid #d0d0d0; padding:3px; background:#fff; margin:0 auto;}
.protitle { width:214px; line-height:18px; margin:0 auto; padding-top:13px; text-align:center;}
.protitle a { color:#666666;}
.protitle a:hover { color:#306476;}

/*news*/
.newslist { width:750px;}
.newslist li { width:750px; height:42px; background:url(../images/newslist.png) repeat-x; line-height:42px;}
.newslist li a { color:#666; font-weight:bold; font-size:14px;}
.newslist li a:hover { color:#306476;}
.newslist li span { float:right; text-align:right;}
.newstitle { width:750px; text-align:center; font-size:18px; font-weight:bold; color:#306476; padding-top:10px;}
.newsdate { width:750px; color:#999; font:12px; text-align:center; padding-top:6px; height:36px; border-bottom:1px dashed #c5c5c5;}
.newscont { width:734px; padding:14px 13px 0 13px; font-size:14px; line-height:26px; color:#666;}
.newschange { width:750px; height:40px; line-height:40px; margin-top:30px;}
.newschange a { color:#306476; text-decoration:none;}
.newschange a:hover { text-decoration:underline;}

/*download*/
.downloadlist { width:750px;}
.downloadlist li { width:750px; height:44px; border-bottom:1px dashed #c5c5c5; line-height:34px; padding-top:10px;}
.downloadlist li a { color:#666; font-weight:bold; font-size:12px;}
.downloadlist li a:hover { color:#306476;}
.downloadlist li span { float:right; text-align:right;}

/*honor*/
.honorlist { width:750px;}
.honorlist li { width:750px; height:42px; background:url(../images/newslist.png) repeat-x; line-height:42px;}
.honorlist li a { color:#666; font-size:14px;}
.honorlist li span { color:#306476; font-weight:bold; font-size:16px;}

.honorslist { width:750px;}
.honorslist li { width:750px; border-bottom:1px dashed #c5c5c5; line-height:24px; padding-top:8px; padding-bottom:8px;}
.honorslist li a { color:#666; font-size:14px;}
.honorslist li span { color:#306476; font-weight:bold; font-size:16px;}


/*底部*/
.footer{ width:100%; height:110px; background:#004057; margin-top:30px;}
.foot { width:1020px; position:relative; margin:0 auto; height:110px; padding-top:32px; line-height:24px; background:url(../images/footer_logo.png) 840px 16px no-repeat; color:#fff;}
.foot a{ color:#fff;}
.foot a:hover{ color:#337389; }

/*add*/
.i_pro { position:absolute; width:634px; height:192px; left:0px; top:43px; }
.stepcarousel {MARGIN: 0px auto; OVERFLOW: scroll; WIDTH: 634px; POSITION: relative; HEIGHT: 192px;}
.stepcarousel .belt {LEFT: 0px; POSITION: absolute; TOP: 1px;}
#displaycssbelt {VISIBILITY: hidden}
#stocklevels {VISIBILITY: hidden}
.stepcarousel .panel {FLOAT: left; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 217px}
.stock {CLEAR: both; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; MARGIN: 0px auto; WIDTH: 626px; COLOR: #000; BORDER-BOTTOM: #000 1px dashed; FONT-FAMILY: arial, verdana, sans-serif; HEIGHT: 10px; TEXT-ALIGN: right}
.subfeature {DISPLAY: block; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 217px}
.subfeature-txt {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 200px! important; LINE-HEIGHT: 17px; PADDING-TOP: 14px; POSITION: relative; font-size:12px; overflow:hidden; width:200px; height:16px}
.subfeature A IMG {BORDER:1px solid #d0d0ce; width:198px; height:150px;}
.subfeature A IMG:hover {BORDER:1px solid #306476; padding:1px; width:196px; height:148px;}