@charset "utf-8";
body { background:url(bg.gif) repeat-x top #f7f7f7; padding:0; margin:0; color:#666; line-height:22px; font-size:13px; font-family:"Calibri"}
ul,li,H1,H2,H3,H4,H5,div{padding:0; margin:0; list-style:none; float:left; font-size:13px}
a{ text-decoration:none; color:#555; blr:expression(this.onFocus=this.blur()); font-size:13px}
a:focus { outline:none; }
a:hover { color:#f60; text-decoration:underline}
.lang a{ background:url(lang.gif) no-repeat 0 3px; padding:0 20px; line-height:26px; color:#fff}
.lang a.sp{ background-position:0 -27px}
.lang a.ru{ background-position:0 -56px; padding-right:0}
.lang a:hover{ color:#fe0}
.margintop25{margin-top:25px}
.margintop25.itemimg img{ border:5px #0d3378 solid}
.margintop25.itemimg H1{ font-size:17px; background: url(zoom.jpg) no-repeat 5px 10px; padding-left:25px; line-height:35px; font-weight:normal; text-transform:uppercase}
.blue{color:#9fb0cd}
.r_line{ border-right:1px #274b8b solid; padding-top:25px; padding-left:20px}
.blue B{ font-size:16px;width:130px;  font-weight:normal; text-transform:uppercase; color:#e6eeff; clear:both; float:left}
.blue ul a{ float:left; font-size:12px; width:100px; display:block; color:#a4b6d4}
.blue ul a:hover{ color:#e6eeff}

.menu{ background:url(menu_bg.gif) repeat-x}
ul#menu{ width:1000px; background:url(menu_f.gif) no-repeat left center;}
ul#menu li{ width:166px;height:40px; text-align:center; line-height:40px; background:url(menu_f.gif) no-repeat right center; position:relative}
ul#menu li a{ color:#fff; font-size:16px}
ul#menu li a:hover{ color:#ff0; text-decoration:none}
ul#menu li div{ position:absolute; width:153px; left:0; top:40px; border:1px #084b8f solid; background:#0083d5; display:none}
ul#menu li div a{ background:#0083d5; border-top:1px #006aac solid; width:153px; height:28px; line-height:28px; display:block; float:left; clear:both; }
ul#menu li div a:hover{ background:#09478c}
ul#menu li.this div{ display:block}
.boardall{ border:1px #dedede solid; margin-top:20px}
.rightline{ border-right:1px #dedede solid}
.left_menu_tit{ background:url(p_list_tit_bg.gif) no-repeat; width:230px; height:58px; border-bottom:2px #ccc solid}
.left_menu_tit H1{ padding-left:75px; line-height:17px; font-size:18px; font-weight:normal; color:#074b8e; text-transform:uppercase; padding-top:13px}
.left_menu_tit H1 span{ color:#999; font-size:11px}
ul.left_menu,ul.left_menu li{ width:230px;}
ul.left_menu li{ border-bottom:1px #dfdfdf solid; position:relative}
ul.left_menu li a{ width:200px; height:34px; line-height:34px; font-size:15px; background: url(arr.gif) no-repeat 18px 14px #f1f1f1; display: block; padding-left:30px}
ul.left_menu li a:hover,ul.left_menu li.this a{ background: url(arr.gif) no-repeat 18px -35px #0069ac; color:#fff; text-decoration:none}
ul.left_menu li span{ position:absolute; top:0; left:170px; z-index:10; float:left;display:none; border:1px #90d4ff solid; width:450px; background:#fafafa}
ul.left_menu li.this span B{ background:url(sub_arr.gif) no-repeat; width:6px; height:12px; position:absolute; left:-6px; top:10px}
ul.left_menu li.this span a{ background:url(arr.gif) no-repeat 15px 12px #fafafa; border-bottom:1px #eee solid; width:120px; color:#666; height:30px; line-height:30px; float:left; display: block}
ul.left_menu li.this span a:hover{ color:#084b8f; text-decoration:underline}
ul.left_menu li.this span{ display:block}

a img {border : 0;}
div.wrap {width : 907px;text-align : left;}
div#top div#nav {float : left;clear : both;width : 100%;height : 52px;margin : 22px 0 0;}
div#top div#nav ul {float : left;width:100%;height : 52px;list-style-type : none;}
div#nav ul li {float : left;height : 52px;}
div#nav ul li a {border : 0;height : 52px;display : block;line-height : 52px;text-indent : -9999px;}
div#header {margin : 0; border:14px #21982b solid}
div#header div.wrap {height : 302px;}
div#header div#slide-holder {z-index : 40;width : 907px;height : 302px;position : absolute;}
div#header div#slide-holder div#slide-runner {top : 0;left : 0;width : 907px;height : 302px;overflow : hidden;position : absolute;}
div#header div#slide-holder img {width:100%;height: 302px;margin: 0;display : none;position : absolute;}
div#header div#slide-holder div#slide-controls {left : 0;bottom : 0px;width : 907px;height : 46px;display : none;position : absolute;}
div#header div#slide-holder div#slide-controls p.text {float : left;color : #fff;display : inline;font-size : 10px;line-height : 16px;margin : 15px 0 0 20px;text-transform : uppercase;}
div#header div#slide-holder div#slide-controls p#slide-nav {float : right;height : 24px;display : inline;margin : 11px 15px 0 0;}
div#header div#slide-holder div#slide-controls p#slide-nav a {float : left;width : 24px;height : 24px;display : inline;font-size : 11px; color:#FFF;margin : 0 6px 0 0;line-height : 20px;font-weight : bold;text-align : center;text-decoration : none;background-position : 0 0;
background-repeat : no-repeat;}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {background-position : 0 -24px;}
div#header div#slide-holder div#slide-controls p#slide-nav a {background-image : url(silde-nav.png);}

.search{ width:230px; padding-top:20px; padding-bottom:20px}
.search H1{width:195px; background:url(arr.gif) no-repeat 16px -144px; padding-left:35px; line-height:32px; font-size:15px; border-bottom:1px #dfdfdf solid}
.search form{ width:220px; padding:10px 5px; float:left}
.search form li{ width:220px; border-bottom:1px #dbdbdb dotted; height:35px; text-indent:20px; line-height:35px}
.search form li B{ width:55px; text-align:right; float:left; text-transform:uppercase}
.search form li select{ float:left; margin-top:8px; margin-left:10px}
.search form li .submit{ background:url(arr.gif) repeat-x 0 -198px; height:22px; border:0; width:90px; text-align:center; color:#fff; float:left; margin-top:10px; margin-left:65px; cursor:pointer }
.search form li.text{padding-top:12px}
.search form li.text input{ background:#fff; color:#999; font-family:"Calibri"}
.search form li.last{padding-bottom:8px}
.search form li.radio .submit{ margin-left:20px ; }

.comm_body{ background:url(nav_bg.gif) no-repeat center top #fff;}
.comm_body .local{ width:767px;  height:70px; line-height:70px}
.comm_body .local H1{ font-size:18px; background:url(arr.gif) no-repeat 30px -68px; font-weight:normal; color:#333; padding-left:50px; text-transform:uppercase}
.comm_body .local span{ background:url(local.gif) no-repeat 0 center; float:right; padding-left:15px; padding-right:20px; color:#999}
.comm_body .local span a{ color:#f90}
.comm_body .local span a:hover{ color:#f60}
.comm_body .commcontent{ width:717px; padding:17px 25px; padding-top:40px}
.comm_body .commcontent li{ width:239px; height:200px; text-align:center}
.comm_body .commcontent li a img{ width:190px; height:150px; border:1px #d8d8d8 solid; margin-bottom:5px; padding:3px}
.comm_body .commcontent li a:hover img{ border-color:#f90}

/*---放大镜---*/
.proviewbox {width:302px; float: left; position: relative; z-index: 5;}
.probigshow { border: 1px solid #ddd; width: 300px; height: 300px; position: relative;float:none}
.probigshow a.a_probigshow {cursor: crosshair;}
.zoomplepopup {background: rgb(255, 255, 255); border: 1px solid rgb(220, 220, 220); left: 0px; top: 0px; overflow: hidden; display: none; filter: alpha(opacity = 50); position: absolute; z-index: 10; cursor: crosshair; opacity: 0.5;}
#probig_preview {background: rgb(204, 204, 204); border: 1px solid rgb(180, 180, 180); left: 310px; top: -1px; width: 302px; height: 302px; overflow: hidden; visibility: hidden; position: absolute;}
#probig_preview img {position: relative; border:0}
.div_prothumb {padding: 6px 5px 0px 0; position: relative;float:none}
.thumbporbox {width: 286px; overflow: hidden; position: relative;}
.div_prothumb .span_prev,.div_prothumb .span_next {background: url(details_sprite.gif) no-repeat #fff;width:12px; height:62px;position: absolute; border:1px #ccc solid; float:left; top:10px}
.div_prothumb .span_prev {background-position: 2px 25px; left: 0px; cursor:pointer}
.div_prothumb .span_prev:hover{ background-color:#f3f3f3; border-color:#bbb }
.div_prothumb .span_prevb {	background-position: 2px -25px; cursor: default;}
.div_prothumb .span_next {background-position: -81px 25px; right: 0px;cursor:pointer}
.div_prothumb .span_next:hover {background-color:#f3f3f3; border-color:#bbb}
.div_prothumb .span_nextb {background-position: -81px -25px; cursor: default;}
.ul_prothumb {width: 7500px; overflow: hidden; position: relative; padding-left:16px;list-style:none;margin:0; }
.ul_prothumb li {width: 68px; height: 60px; float: left; text-align:center; padding-top:8px; padding-bottom:4px;}
.ul_prothumb img {padding: 0px; border: 1px solid #aaa; cursor:pointer; width:55px; height:55px}
.ul_prothumb li#onlickImg img {border: 1px solid #fc9c04;}
#winSelector{position: absolute;cursor: crosshair;filter: alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3;background-color: #fb0;border: 1px solid White;}
#vertical.bigImg {width:400px;height:400px;overflow:hidden;position:relative;text-align:center;vertical-align:middle;}
#horizontal.bigImg{width:400px;height:400px; }
#vertical #winSelector{width: 125px;height:125px; }
#vertical #midimg{width: 300px;height: 300px;}
#bigView{position: absolute; background:#fff; overflow:hidden; top:0px !important;border:1px solid #dadada; z-index:1000}
#bigView img{position: absolute;}
/*----放大镜---*/
.ptitle{ padding-top:35px; font-size:18px; width:380px; border-bottom:1px #ddd dotted; padding-bottom:15px}
.detailpara{ width:380px; padding-top:20px; }
.detailpara li{ width:170px; line-height:30px;border-bottom:1px #eee dotted; padding-left:20px}
.order{ width:380px; padding:15px 0 10px 0}
.otherprut{ color:#333; font-weight:bold;  padding-bottom:5px}
.oprut{ width:380px}
.oprut li{ width:95px; text-align:center}
H1.detailtitle { background:url(pinto_bg.gif) no-repeat; width:137px; height:31px; line-height:31px; text-align:center; font-size:16px; font-weight:normal}
.detailcontent{ padding:20px 5px; width:720px; line-height:30px}
.detailcontent.company{ font-size:14px; line-height:35px; padding-top:30px;}
.detailcontent.news ul{width:720px; padding-bottom:10px; border-bottom:1px #eaeaea dashed; margin:5px 0}
.detailcontent.news ul li{width:720px}
.detailcontent.news ul H1{background:url(arr.gif) no-repeat -5px -264px; color:#aaa; font-weight:normal; padding-left:18px; padding-right:10px}
.detailcontent.news ul H1 a{ color:#f80; padding:0 3px}
.detailcontent.news ul H1 a:hover{ color:#f50}
.detailcontent.news ul li H2 a{ float:left; text-decoration:underline; line-height:30px; color:#0055ac; font-size:14px}
.detailcontent.news ul li H2 a:hover{ color:#f60; text-decoration:none}
.detailcontent.news ul li span{ float:right; font-size:11px; color:#f80}
.detailcontent.news ul li.news_body{ padding:8px 0;line-height:18px; color:#999}
#MainPromotionBanner{ float:none}
ul.contactpart{ width:720px; padding:20px 0}
ul.contactpart li{ width:690px; background:url(arr_cont.gif) no-repeat 10px 14px; font-size:14px; line-height:38px; padding-left:30px}

.pagelink{ width:720px;border-top:1px #eee solid;text-align:right; margin-top:10px; padding-top:20px; display: inline}
.pagelink.news{ border-top:none; padding-top:0}

.footlogo{ background:url(foot_logo.gif) no-repeat right center}
.footer{ background:url(foot_bg.gif) repeat-x; color:#9fb0cd}