﻿/* top start*/
body, td, th { font-size: 14px; }
img, div { behavior: url(../images/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: #056BB5; }
a:active { text-decoration: underline; }
.LineLink a { text-decoration: underline; }
.LineLink a:hover { text-decoration: none; color: #056BB5; }
.ColorLink a { color: #056BB5; }
.ColorLink a:hover { color: #056BB5; }
.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%; background: #F0F0F0; min-width:1220px; }
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 { border-top: 1px solid #DCDCDC; background: url("../images/logo_bg.png") repeat-x center 0px; width: 100%; height: 105px; font-size: 12px; }
.TopBG { height: 30px; width: 100%; background: #EDEDED; border-bottom: 1px solid #FFFFFF; }
.TopInfo { margin: auto; width: 1210px; height: 30px; color: #999999; }
.TopInfo .welcome { float: left; line-height: 30px; font-size: 12px; }
.TopInfo .link { text-align: center; line-height: 30px; width: 227px; float: right; padding-right: 20px; padding-left: 10px; font-size: 12px; }
.TopInfo a { color: #999999; }
.TopInfo .link a:hover { color: #ccc; }
#wrapper #head .top .TopLogo { margin: auto; width: 1210px; padding-top: 17px; }
#wrapper #head .top .TopLogo .logo { float: left; }
#wrapper #head .top .TopLogo .SearchTop { float: right; width: 250px; padding-top: 20px; }
#wrapper #head .top .TopLogo .tel { height: 55px; float: left; background: url("../images/tel_bg.png") no-repeat 0px 0px; padding-left: 80px; width: 300px; }
#wrapper #head .top .TopLogo .tel .telW { padding-left: 0px; padding-top: 10px; display: none; color: #999; font-size: 11px; }
#wrapper #head .top .TopLogo .tel .telN { padding-top: 10px; padding-left: 60px; font-family: Tahoma, Geneva, sans-serif; font-size: 36px; color: #FF8700; line-height: 100%; }
/* navs*/
#wrapper #head #NavLink { width: 100%; height: 50px; margin: auto; }
#wrapper #head #NavLink .NavBG { height: 50px; width: 100%; background: url("../images/nav_bg1.png") repeat-x center 0px; position: absolute; z-index: 100; }
#wrapper #head #NavLink #sddm { width: 1210px; margin: auto; z-index: 30 }
#wrapper #head #NavLink #sddm li { float: left; font-weight: bold; }
#wrapper #head #NavLink #sddm .CurrentLi a { background: none; }
#wrapper #head #NavLink #sddm li a { display: block; width: 110px; color: #FFF; text-align: center; padding: 0px 5px; height: 50px; line-height: 50px; background: url("../images/nav_bg2.png") no-repeat -1px 0px; }
#wrapper #head #NavLink #sddm li P { font-size: 10px; font-weight: normal; color: #FFF; text-transform: uppercase; }
#wrapper #head #NavLink #sddm li a:hover { text-decoration: none; background: url("../images/nav_bg3.png") repeat-x center 0px; color: #FFFFFF; }
#wrapper #head #NavLink #sddm div { position: absolute; visibility: hidden; background: #808080; padding: 0px 0px; filter: alpha(opacity=85); top: 50px; }
#wrapper #head #NavLink #sddm div a { position: relative; padding: 0px 5px; width: 110px; text-align: center; background: #056BB5; color: #FFFFFF; font-size: 12px; font-weight: normal; text-decoration: none; line-height: 30px; height: 30px; border-top: 1px solid #025795; }
#wrapper #head #NavLink #sddm div a:hover { background: url("../images/nav_bg3.png") repeat-x center 0px; color: #fff; font-weight: bold; line-height: 30px; border-top: 1px solid #025795; }
#wrapper #body { width: 1210px; margin: auto; }
/* albumblock*/

.albumblock { padding: 10px; float: left; }
.albumblock .inner { width: 160px; height: 190px; position: relative; overflow: hidden; }
.albumblock .inner img { border: 1px solid #DEDEDC; padding: 1px; width: 200px; height: 170px; }
.albumblock .inner .albumtitle { height: 30px; line-height: 30px; font-size: 14px; width: 160px; position: relative; bottom: 0px; left: 0; color: #056BB5;  font-weight:;
text-align: center; cursor: pointer; margin: auto; overflow: hidden; }
.albumblock .inner .albumtitle span { font-weight: normal; font-size: 14px; }
.albumblock .inner a { color: #056BB5; }
.albumblock .inner a:hover { text-decoration: none; }
.albumblock .inner a:visited { text-decoration: none; }
/*footer*/
#footer { border-top: 1px solid #CDCDCD; width: 100%; height: 100%; padding-bottom: 20px; font-size: 12px; color: #666; background: #F0F0F0; }
#footer a { color: #666; }
#footer .inner { margin: auto; width: 100%; padding-top: 10px; text-align: center; }
#footer .inner p { line-height: 25px; }
#footer .inner .BottomNav { width: 100%; margin: auto; height: 30px; line-height: 30px; color: #FFF; background: #FFF url("../images/nav_bg2.png") repeat-x center -5px; }
#footer .inner .BottomNav a { color: #056BB5; padding: 0px 10px; }
#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*/		

.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/search_bg.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: 34px; }
/* 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 { overflow: hidden; 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-size: 14px; border-bottom: 1px dotted #999; color: #FFF; padding-bottom: 10px; }
#dark_footer .box_240px_left li { line-height: 250%; font-size: 12px; }
#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 { background-color: #056BB5; 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: #FFF; }
/*backtotop*/
.backToTop { display: none; width: 50px; height: 50px; line-height: 1.2; background: url("../images/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 #056BB5; background-color: #FFFFFF; }
#popupFrame { margin: 0px; width: 100%; height: 100%; position: relative; z-index: 9; }
#popupTitleBar { background: url("../images/box_bg1.jpg") repeat-x left top; color: #056BB5; 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/close.gif') no-repeat; }
.VideoBox { padding: 10px; }
/*product*/
.RightNav span { color: #0170d9; }
.ClassNav { padding: 0px 0px; }
.ClassNav .NavTree ul { }
.ClassNav .NavTree ul li { position: relative; }
/*1st level sub menu style */
.ClassNav .NavTree ul li ul { left: 178px; /* Parent menu width - 1*/ position: positive; width: 217px; /*sub menu width*/ top: 0; display: none; border: 1px solid #0170d9; border-top: 2px solid #0170d9; background: #FFFFFF; filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=3, Direction=135);
z-index: 2000; }
.RightNav .ClassNav .NavTree ul li ul { width: 265px; }
/*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: 30px; border-left: 2px solid #FFFFFF; font-size:16px !important; color:#000; }
.ClassNav .NavTree ul li li { background: url("../images/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: #F9F9F9; border-left: 2px solid #008CD6; color: #008CD6; }
.ClassNav .NavTree ul .current li a { background: #FFFFFF; color: #000000; }
.ClassNav .NavTree ul li a:hover { background: #F9F9F9; border-left: 2px solid #008CD6; color: #008CD6; text-decoration: none; }
.ClassNav .NavTree .subfolderstyle { background: url(../images/arrow-list.gif) no-repeat 180px center; }
/* 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; }
#HituxBackTop_item { width: 60px; height: 100px; position: fixed; right: 15px; bottom: 15px; z-index: 9999; display: none; }
#HituxBackTop_item.off { opacity: 0; visibility: hidden }
#HituxBackTop { display: block; width: 60px; height: 50px; background: url(../images/icon_top.png) center center no-repeat; background-color: #444; border-radius: 2px; cursor: pointer; margin-bottom: 10px; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
#HituxBackTop:hover { background-color: rgba(0,0,0,.7) }
#HituxBackTop:active { background-color: rgba(0,0,0,.75) }
#HituxBackTop_item .qr { display: block; width: 60px; height: 40px; border-radius: 2px; cursor: pointer; background: url(../images/icon_code.png) center center no-repeat; background-color: #444; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
#HituxBackTop_item .qr:hover { background-color: rgba(0,0,0,.7) }
#HituxBackTop_item .qr:active { background-color: rgba(0,0,0,.75) }
#HituxBackTop_item .qr-popup { width: 170px; height: 200px; background: #fff; box-shadow: 0 1px 8px rgba(0,0,0,.1); position: absolute; left: -180px; bottom: 0; border-radius: 2px; display: none; text-align: center }
#HituxBackTop_item .qr-popup .code-link { display: block; margin: 10px; color: #777 }
#HituxBackTop_item .qr-popup .code { display: block; margin-bottom: 10px }
#HituxBackTop_item .qr-popup .arr { width: 6px; height: 11px; background: url(../images/code_arrow.png) 0 0 no-repeat; position: absolute; right: -6px; bottom: 14px }
/* 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; }
.header { background: #fff none repeat scroll 0 0; box-shadow: 0 1px 3px #ddd; position: relative; z-index: 999; width:100%; height:120px; }
.header .logo{ float:left;}
.header .nav{ float:left; line-height:80px;}
.header .nav li{ float:left; position:relative;}
.header .nav li span{ display:block; overflow:hidden; font-weight:bold; font-size:16px; padding:0 15px;}
.header .nav li:hover a{text-decoration:none;}
.header .nav li:hover span,.header .nav li.on span{background: #fcfcfc url(../images/znavsan.png) center bottom no-repeat;color: #355aa0;}
.header .nav li .sub{box-shadow: 5px 5px rgba(91, 91, 91, 0.2); position:absolute; left:0px; top:80px; width:100%; background:#fff; border-top: 2px solid #355aa0; display:none;}
.header .nav li .sub a{border-bottom: solid 1px #efefef; display:block; overflow:hidden; line-height:30px; height:30px; text-align:center;}
.header .nav li .sub a:hover{background: #355aa0; color:#fff;}

.container { width: 1170px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; padding-top:20px;}
.pull-right { float: right !important; }
.footer1 { background: #003442 none repeat scroll 0 0;font-size: 12px; padding: 15px 0;box-shadow:0 0 5px #ddd; color:#fff; overflow:hidden;}
.footer1 a{ color:#fff;}
.footer1 .padding-top-10 { opacity: 0.5; text-align: center; }
.footer { background: #fff  none repeat scroll 0 0;font-size: 12px; padding: 15px 0;box-shadow:0 0 5px #ddd; color:#000; overflow:hidden;}
.footer a{ color:#000;}
.index-body-foot-box { height: 100px; }
.row { margin-left: -15px; margin-right: -15px; }
.footer .padding-top-10 { opacity: 0.5; text-align: center; }
.index-body-foot-copy { font: 400 12px/22px "Open Sans", Arial; left: 20px; }
.padding-top-10 { padding-top: 10px !important; }
.col-md-6 { width: 100%; float: left; }

.zlist{ overflow:hidden;}
.zlist dd{ overflow:hidden;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; background:url(../images/sli.png) left center no-repeat; padding:0 0 0 10px;}
.zlist dd a{ color:#b5d5d6;}
.zlist dd span{ float:right; padding:0 0 0 5px; color:#ccc;}

.zcptit{ float:left; width:180px; text-align:center; color:#fff; font-size:18px;}
.zcptit span{ display:block; overflow:hidden; border-bottom:1px solid #fff; font-size:32px; line-height:50px; padding:0 0 12px 0;}
.zcptit p{ display:block; overflow:hidden; border-bottom:1px solid #fff; line-height:60px; text-transform:capitalize;}

.zcpright{ float:right; width:850px;}

.cpmore{ width:140px; float:right; height:125px; line-height:125px; text-align:center; color:#fff; background:#003442; float:right; font-size:20px; margin-left:6px;}
.cpmore:hover{ text-decoration:none; background:#6dae6a; color:#fff;}

#InnerBanner{ height:420px; background-position:center top; background-repeat:no-repeat;}
.ht{ width:100%; height:30px; background-color:#CCC;}