/* top start*/ body,td,th { font-size: 14px; } img, div { behavior: url("/images/iepng/iepngfix.htc"); } body, div, p,img,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote { padding:0px; margin:0px; } .FontRed{ color:#FF0000;} h3{ font-size:14px;} li{ list-style-type:none;} img{border:0; } .gray{ color:#666666;} a{color:#333333;text-decoration:none;} a:hover {text-decoration:underline;color:#0288E9;} a:active{text-decoration:underline;} .LineLink a{text-decoration:underline;} .LineLink a:hover {text-decoration:none;color:#0288E9;} .ColorLink a {color:#0288E9;} .ColorLink a:hover {color:#0288E9;} .WidthTab{ width:10px; height:1px; float:left;} .WidthTab2{ width:20px; height:1px; float:left;} .HeightTab{ height:10px; width:1px; overflow:hidden;} .HeightTab2{ height:20px; width:1px; overflow:hidden;} p{ line-height:180%;} .ListDate{ color:#666666; } body{ font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; width:100%; } input,textarea{ font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; } #wrapper{ width:100%; padding:0px 0px; margin:auto; } #wrapper #head{ width:100%; } #wrapper #head .top{ width:100%; height:100px; font-size:12px; padding-top:10px;} #TopBG{ position:absolute; top:0px; z-index:9999;} .TopBG{ width:100%; height:23px; background:#FAFAFA; border-bottom:1px solid #F4F4F4; } .TopInfo{ margin:auto; width:1000px; height:23px; } .TopInfo .welcome{ width:400px; float:left; line-height:23px; padding-left:10px; font-size:12px;} .TopInfo .link{ line-height:23px; width:240px; float:right; color:#ccc; padding-right:20px; padding-left:10px; font-size:12px; } .TopInfo .link ul li{ float:left; } .TopInfo .link ul .link0{ padding-right:10px;} .TopInfo .link ul .link1 a{ display:block; padding:0px 20px; line-height:23px; background:#9d100e; color:#FFF;} .TopInfo .link ul .link2 a{ display:block; padding:0px 20px; line-height:23px; background:#CCC; color:#999999;} #wrapper #head .top .TopLogo{ margin:auto; width:1000px; padding-top:7px; } #wrapper #head .top .TopLogo .logo{ float:left; } #wrapper #head .top .TopLogo .SearchTop{ float:right; width:220px; padding-top:20px;} #wrapper #head .top .TopLogo .tel{ float:left; padding-left:50px; width:200px; padding-top:20px;} #wrapper #head .top .TopLogo .tel p{ color:#999999;} #wrapper #head .top .TopLogo .tel p a{ color:#999999; padding:0px 5px;} #wrapper #head .top .TopLogo .tel .telW{ padding-left:0px; padding-top:10px; color:#999; font-size:11px; } #wrapper #head .top .TopLogo .tel .telN{ padding-left:0px; font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#F60; line-height:100%;} /* navs*/ #wrapper #head #NavLink{ width:100%; height:45px; margin:auto; background:url("/images/MyCMSBlue/nav_bg.png") no-repeat center 0px; } #wrapper #head #NavLinkBG{ width:1000px; margin:auto; padding-left:0px;} #wrapper #head #NavLink .SearchTop{ float:right; width:200px; padding-top:20px;} #wrapper #head #NavLink .NavBGs{ width:1000px; float:left; } #wrapper #head #NavLink .NavBG{ height:45px; z-index:100;} .head-v3{position:relative;z-index:100;} .head-v3 .navigation-inner{margin:0 auto;width:1000px;position:relative} .navigation-up{height:45px;} .navigation-up .navigation-v3{margin-left:0px;float:left;_margin-left:0px} .navigation-up .navigation-v3 ul{float:left} .navigation-up .navigation-v3 li{float:left;color:#fff} .navigation-up .navigation-v3 .nav-up-selected{background:#1b669f} .navigation-up .navigation-v3 .nav-up-selected-inpage{} .navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0} .navigation-up .navigation-v3 li h2 a{padding:0 5px;color:#fff;width:114px;text-align:center;display:inline-block;height:45px;line-height:45px;font-family:"microsoft yahei";font-size:16px;} .navigation-up .navigation-v3 li h2 a:hover{ text-decoration:none;font-weight:bold;} .navigation-down{position:absolute;top:45px;left:0px;width:1000px;} .navigation-down .nav-down-menu{width:100%;margin:0;background:#1b669f;position:absolute;top:0px;font-size:12px;} .navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1000px;position:relative} .navigation-down .nav-down-menu dl{float:left;margin:18px 60px 18px 0} .navigation-down .menu-1 dl{margin:20px 30px 25px 0} .navigation-down .menu-1 dt{font:normal 14px "microsoft yahei";color:#FFF;padding-bottom:10px;border-bottom:1px solid #125282;margin-bottom:10px} .navigation-down .menu-1 dt a{color:#CCC;} .navigation-down .menu-1 dd a{color:#fff;font:normal 12px/30px "microsoft yahei"} .navigation-down .menu-1 dd a:hover{color:#dfdede;text-decoration:none;} .navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;font:normal 16px "microsoft yahei"} #wrapper #body{ margin:auto; } /* albumblock*/ .albumblock{ padding:10px 15px 30px 20px; float:left; } .albumblock .inner{ width:160px; height:190px; overflow:hidden; } .albumblock .inner img{ border:1px solid #E5E5E5; padding:1px; width:156px; height:156px; } .albumblock .inner .albumtitle{ height:30px; line-height:30px; font-size:12px; width:160px; bottom:0px; left:0; color:#0288E9; font-weight:; text-align:center; cursor:pointer; margin:auto; overflow:hidden;} .albumblock .inner .albumtitle span{ font-weight:normal; font-size:12px;} .albumblock .inner a{ color:#0288E9;} .albumblock .inner a:hover{ text-decoration:none;} .albumblock .inner a:visited{ text-decoration:none;} /*footer*/ #fot_lnk{ float:right; width:155px; border:1px solid #282828; position:relative; } /*****lnk*****/ #fot_lnk .sel_n,#fot_lnk .sel_h{ width:155px; float:left; height:24px; line-height:24px; color:#808080; background:url("/images/sch_n.gif"); text-align:left; text-indent:20px; cursor:pointer; } #fot_lnk .sel_h{ background:url("/images/sch_h.gif"); } #fot_lnk .sel_c{ display:none; position:absolute; left:0; bottom:24px; background:#282828; line-height:24px; padding:1px; width:153px; } #fot_lnk .sel_c a{ color:#999; display:block; } #fot_lnk .sel_c a:hover{ color:#fff; background:#fdb912; } #footer td{ font-size:12px; text-align:left;} #footer .BottomNav td{ font-size:12px; text-align:center;} #footer{ width:100%; height:100%; padding-bottom:0px; font-size:12px; color:#F5F5F5; background:#0288E9; } #footer a{ color:#F5F5F5;} #footer .inner{ margin:auto; width:100%; padding:5px 0px; text-align:center;} #footer .inner p{ line-height:25px;} #footer .inner .BottomNav{ background:#2c2c2c; width:100%; margin:auto; height:40px; line-height:40px; color:#979797; margin-bottom:10px;} #footer .inner .BottomNav a{ font-weight:bold; padding:0px 10px; color:#979797} #wrapper .t_page{ padding:10px; text-align:center; font-size:12px; line-height:25px; } #wrapper .t_page a{ padding:2px 5px; border:1px solid #DEDEDC; margin:0px 3px;} /* date css*/ .header {font: 12px Arial, Tahoma !important;font-weight: bold !important;font: 11px Arial, Tahoma;font-weight: bold;color: #154BA0;background:#C2DEED;height: 25px;padding-left: 10px; } .header td {padding-left: 10px;} .header a {color: #154BA0;} .header input {background:none;vertical-align: middle;height: 16px;} .category {font: 12px Arial, Tahoma !important;font: 11px Arial, Tahoma;color: #92A05A;height:20px;background-color: #FFFFD9;} .category td {border-bottom: 1px solid #DEDEB8;} .expire, .expire a:link, .expire a:visited {color: #999999;} .default, .default a:link, .default a:visited {color: #000000;} .checked, .checked a:link, .checked a:visited {color: #FF0000;} .today, .today a:link, .today a:visited {color: #00BB00;} #calendar_year {display: none;line-height: 130%;background: #FFFFFF;position: absolute;z-index: 10;} #calendar_year .col {float: left;background: #FFFFFF;margin-left: 1px;border: 1px solid #86B9D6;padding: 4px;} #calendar_month {display: none;background: #FFFFFF;line-height: 130%;border: 1px solid #86B9D6;padding: 4px;position: absolute;z-index: 11;} #year,#month{padding:0 10px;background:#fff;} /* SearchBar */ .SearchBar { width:220px; height:25px; background:url("/images/MyCMSBlue/search_bg_en.gif") no-repeat left top; } .Sbox .SearchBar{ margin:10px 0px 0px 10px;} .SearchBar #search-text { width: 120px; padding:0px 5px; margin:0px; color:#666666; height:23px; line-height:23px; font-size:12px; background:none; border:none; padding-left:25px;} .SearchBar #search-submit { border:none; background:none; font-size:12px; color: #FFFFFF; height:25px; margin:0px; cursor:pointer; padding:0px; line-height:25px; width:70px; } /* search content */ #search_content .searchtip{ line-height:25px; font-size:14px; font-weight:bold; padding-left:10px; BORDER-bottom: #023848 1px solid; padding-top:10px; } #search_content .result_list{ padding:10px 10px; } #search_content .result_list dt{ font-size:14px; font-weight:bold; padding-top:10px; line-height:25px; font-family:Microsoft Yahei;} #search_content .result_list dd{ padding:0 0 5px 0; margin:0px; line-height:20px; } #search_content .result_list .line { BORDER-bottom: #E9E8E8 1px dashed;} #search_content .result_list .line a{ padding-right:20px;} #search_content .result_list .line a:hover{ text-decoration:none;} #search_content .search_welcome{ line-height:25px; text-align:center; } #search_content .search_welcome p{ text-align:center;} #search_content .result_page{ text-align:center; font-size:13px; padding:10px;} #search_content .result_page span{ font-size:12px; font-family:arial; padding:0 5px; } #dark_footer .box_240px_left { width:143px; padding-right: 42px; padding-top: 0px; background-image: none; padding-bottom:0px; float:left; } #dark_footer .box_240px_left h2{ font-weight:normal; font-size:14px; color:#999999; padding-bottom:10px;} #dark_footer .box_240px_left li{ background: url("/images/MyCMSBlue/nav_icon.png") no-repeat 0px 9px; line-height:250%; font-size:12px; padding-left:15px;} #dark_footer .box_240px_middle { padding: 0px 42px; background-image: none; } #dark_footer .box_240px_right { padding-left: 42px; padding-top: 0px; background-image: none; } #dark_footer_wrap { border-top:1px solid #ccc; background-color:#E8E8E8; overflow: hidden; padding:20px 0px; } #dark_footer { width: 940px; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; overflow: hidden; color#FFF; } #light_footer_wrapper { font-size:12px; padding:10px; height:100px; } .box_240px_right li { display: inline; } #dark_footer li a{ color:#999999;} /*backtotop*/ .backToTop { display: none; width: 50px; height:50px; line-height: 1.2; background:url("/images/MyCMSBlue/back_top.png") left top;; color: #fff; font-size: 12px; text-align: center; position: fixed; _position: absolute; right: 10px; bottom: 100px; _bottom: "auto"; cursor: pointer; opacity: .6; filter: Alpha(opacity=60); } /* open div*/ #popupMask { display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9990; background-color:#000; -moz-opacity: 0.7; opacity:0.70; filter: alpha(opacity=70); } #popupContainer { position: absolute; z-index: 9991; top: 0px; left: 0px; display:none; padding: 0px; } #popupInner { border: 3px solid #0288E9; background-color: #FFFFFF; } #popupFrame { margin: 0px; width: 100%; height: 100%; position: relative; z-index: 9; } #popupTitleBar { background:url("/images/MyCMSBlue/box_bg1.jpg") repeat-x left top; color: #0288E9; font-weight: bold; height: 1.3em; padding: 5px; z-index: 9992; text-align:center; } #popupTitle { float:left; font-size: 1.1em; } #popupControls { float: right; cursor: pointer; cursor: hand; } #popupControls a span { display: block; height: 15px; width: 15px; text-indent: -9000px; background: url("/images/MyCMSBlue/close.gif") no-repeat; } .VideoBox{ padding:10px;} /*product*/ .RightNav span{ color:#0288E9;} .ClassNav{ padding:0px 0px;} .ClassNav .NavTree ul{ } .ClassNav .NavTree ul li{ position: relative; } /*1st level sub menu style */ .ClassNav .NavTree ul li ul{ position: relative; width: 218px; /*sub menu width*/ top: 0; display: none; border:1px solid #0288E9; border-top:2px solid #0288E9; background:#FFFFFF; filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=3, Direction=135); z-index:2000; } .RightNav .ClassNav .NavTree ul li ul{ width:188px; left: 267px;} /*All subsequent sub menu levels offset */ .ClassNav .NavTree ul li ul li ul{ left: 159px; /* Parent menu width - 1*/ z-index:2000;} /* menu links style */ .ClassNav .NavTree ul li a{ display:block; height:40px; line-height:40px; padding-left:20px; background:url("/images/MyCMSBlue/menu_bg.jpg") no-repeat 0px -84px; } .ClassNav .NavTree ul li li{ background:url("/images/MyCMSBlue/box_icon1.png") no-repeat 12px 12px; padding-left:0; text-align:center; z-index:2000; } .ClassNav .NavTree ul li li a{ border-bottom:1px solid #DDDDDD; padding-left:10px; z-index:2000;} .ClassNav .NavTree ul .current a{ background:url("/images/MyCMSBlue/menu_bg.jpg") no-repeat 0px -125px; font-weight:bold;} .ClassNav .NavTree ul .current li a{ background:#FFFFFF; color:#000000;} .ClassNav .NavTree ul li a:hover{ background:url("/images/MyCMSBlue/menu_bg.jpg") no-repeat 0px -125px; text-decoration:none; font-weight:bold; } .ClassNav .NavTree ul li li a:hover{ background:url("/images/MyCMSBlue/menu_bg.jpg") no-repeat 0px -125px; text-decoration:none; font-weight:bold; } .ClassNav .NavTree .subfolderstyle{ } /* Holly Hack for IE \*/ * html .ClassNav .NavTree ul li { float: left; height: 1%;z-index:2000; } * html .ClassNav .NavTree ul li a { height: 1%;z-index:2000; } /* End */ /*service*/ .qqbox a:link { color: #000; text-decoration: none; } .qqbox a:visited { color: #000; text-decoration: none; } .qqbox a:hover { color: #f80000; text-decoration: underline; } .qqbox a:active { color: #f80000; text-decoration: underline; } .qqbox { width:132px; height:auto; overflow:hidden; position:absolute; right:0; top:200px; color:#000000; font-size:12px; letter-spacing:0px; z-index:500; } .qqlv { width:33px; height:256px; overflow:hidden; position:relative; float:right; z-index:50px; } .qqkf { width:120px; height:auto; overflow:hidden; right:0; top:0; z-index:99px; border:6px solid #cc0000; background:#fff; } .qqkfbt { width:118px; height:20px; overflow:hidden; background:#cc0000; line-height:20px; font-weight:bold; color:#fff; position:relative; border:1px solid #fff; cursor:pointer; text-align:center; } .qqkfhm { width:112px; height:22px; overflow:hidden; line-height:22px; padding-right:8px; position:relative; margin:3px 0; } .bgdh { width:102px; padding-left:10px; } #K1 { padding-left:3px; } #K1 p{ padding:5px 0px;} /* clearfix */ .clearfix:after{ content:" "; display:block; visibility:hidden; height:0; clear:both; } .clearfix { clear:both; } .clearbox { clear:both; width:996px; margin:0 auto; height:0; overflow:hidden;} .clear { height:1%; overflow:hidden; }