﻿/* 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           : #8f050a;
}
a:active {
	text-decoration : underline;
}

.LineLink a {
	text-decoration : underline;
}
.LineLink a:hover {
	text-decoration : none;
	color           : #8f050a;
}

.ColorLink a {
	color : #8f050a;
}
.ColorLink a:hover {
	color : #8f050a;
}

.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;
}
.fl {
	float : left
}
.fr {
	float : right
}
.zww {
	width  : 1230px;
	margin : auto
}
.f12 {
	font-size : 14px
}
.f16 {
	font-size : 16px
}
.tc {
	text-align : center
}
.fb {
	font-weight : bold
}
.ff {
	font-family : "微软雅黑";
}
.cf {
	color : #ffffff
}

/*友链*/
.links {
	padding : 22px 0;
}
.links span {
	font-size : 30px
}
.links p {
	padding : 5px 20px
}
.links p a {
	color       : #333333;
	margin      : 0 8px;
	font-size   : 12px;
	line-height : 22px
}

body {

	font-family : "Microsoft Yahei", Arial, Helvetica, sans-serif;
	width       : 100%;

}
input, textarea {
	font-family : "Microsoft Yahei", Arial, Helvetica, sans-serif;
}
#wrapper {
}
#head {
	width : 100%;
}

.HituxInner {
	margin : auto;
	width  : 1230px;
}
.section {
	border-bottom : 1px solid #e5e5e5;
	background    : #f6f6f6;
	border-top    : 2px solid #8f050a
}
.tem_top {
	height    : 35px;
	color     : #53555a;
	font-size : 12px;
}
.tem_top h2 {
	font-size : 12px;
	float     : left;
}
.tem_top h2 p {
	font-weight : normal;
	line-height : 35px;
}
.tem_top a {
	color : #53555a;
}
.tem_top a:hover {
	color : #e9280c;
}
.tem_top_nav {
	float       : right;
	line-height : 35px;
}


#head .top {
	background : #ffffff;
	width      : 100%;
	font-size  : 12px;
}
.TopBG {
	width      : 100%;
	background : #535353;
}
.TopInfo {
	margin : auto;
	width  : 1230px;
	height : 25px;
}
.TopInfo .welcome {
	float       : left;
	line-height : 25px;
	color       : #ffffff;
	font-size   : 12px;
}

.TopInfo .link {
	line-height    : 23px;
	width          : 223px;
	height         : 25px;
	float          : right;
	color          : #ffffff;
	padding-right  : 0px;
	padding-left   : 0px;
	font-size      : 12px;
	text-align     : center;
	vertical-align : middle;
}
.TopInfo .link a {
	color   : #ffffff;
	padding : 0px 3px;
}
.TopInfo .link img {
	vertical-align : middle;
	border         : 1px solid #f5f5f5;
}
.TopInfo .link a:hover {
	color : #cccccc;
}
#head .top .TopLogo {
	margin      : auto;
	width       : 1230px;
	padding-top : 20px;
	height      : 90px;
}
#head .top .TopLogo .logo {
	float : left;
}
.logo img {
	width : 300px;
}

#head .top .TopLogo .SearchTop {
	float        : right;
	padding-top  : 0px;
	padding-left : 20px;
}

#head .top .TopLogo .tel {
	line-height : 25px;
	text-align  : right;
	font-size   : 14px;
}
#head .top .TopLogo .tel span {
	font-family : Verdana, Geneva, sans-serif;
	font-size   : 20px;
	color       : #ff7a02;
}

/* navs*/
#head #NavLink {
	width      : 100%;
	height     : 54px;
	margin     : auto;
	background : url("../images/nav_bg1.png") repeat-x 0px 0px;
	z-index    : 100;
}
#head #NavLink #NavBG {
	height  : 54px;
	width   : 1230px;
	z-index : 100;
	margin  : auto;
}

#head #NavLink #sddm {
	position : absolute;
	width    : 1230px;
	margin   : auto;
	z-index  : 100
}

#head #NavLink #sddm li {
	float       : left;
	font-weight : normal;
}
#head #NavLink #sddm .CurrentLi a {
	background  : url("../images/nav_bg3.png") no-repeat center bottom;
	font-weight : bold;
	color       : #f5f5f5;
}
/*	
 #head #NavLink #sddm .CurrentLi p{
	background:#004216;
	border-left:none;
	 }
*/
#head #NavLink #sddm li a {
	display     : block;
	width       : 136px;
	color       : #ffffff;
	text-align  : center;
	padding     : 0px;
	height      : 54px;
	line-height : 54px;
	background  : url("../images/nav_bg2.png") no-repeat 0px 0px;
	font-size   : 16px;
}
/*	
 #head #NavLink #sddm li P{
	border-left:1px solid #188139;
	text-align:center;
	font-size:10px;
	line-height:35px;
	font-weight:normal;
	color:#FFF;
	text-transform:uppercase;}
*/
#head #NavLink #sddm li a:hover {
	text-decoration : none;
	font-weight     : bold;
	color           : #ffffff;
	background      : url("../images/nav_bg3.png") no-repeat center bottom;
}

#head #NavLink #sddm div {
	position   : absolute;
	visibility : hidden;
	background : #808080;
	padding    : 0px 0px;
	filter     : alpha(opacity=85);
	top        : 54px;
}
#head #NavLink #sddm .CurrentLi div a {
	background : #8f050a;
}
#head #NavLink #sddm div a {
	position        : relative;
	padding         : 0px 0px;
	width           : 136px;
	text-align      : center;
	background      : #8f050a;
	color           : #ffffff;
	font-size       : 12px;
	font-weight     : normal;
	text-decoration : none;
	line-height     : 30px;
	height          : 30px;
	border-top      : 1px solid #c12305;
}

#head #NavLink #sddm div a:hover {
	background  : #c12305;
	color       : #ffffff;
	font-weight : bold;
	line-height : 30px;
}


#body {
	width  : 100%;
	margin : auto;
}
/* albumblock*/

.albumblock {
	padding : 10px 15px 30px 45px;
	float   : left;
}
.albumblock .inner {
	width    : 160px;
	height   : 190px;
	position : relative;
	overflow : hidden;
}

.albumblock .inner img {
	padding : 1px;
	border  : 1px solid #dededc;
	width   : 156px;
	height  : 156px;
}

.albumblock .inner .albumtitle {
	height      : 30px;
	line-height : 30px;
	font-size   : 12px;
	width       : 160px;
	position    : relative;
	bottom      : 0px;
	left        : 0;
	color       : #8f050a;
	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 : #8f050a;
}
.albumblock .inner a:hover {
	text-decoration : none;
}
.albumblock .inner a:visited {
	text-decoration : none;
}


/*footer*/
#footer {
	width          : 100%;
	height         : 100%;
	padding-bottom : 10px;
	font-size      : 12px;
	color          : #ce4a4f;
	background     : #8f050a;
}
#footer a {
	color : #ce4a4f;
}
#footer .inner {
	margin      : auto;
	width       : 100%;
	padding-top : 0px;
	text-align  : center;
}

#footer .inner .InnerLeft {
	float      : left;
	width      : 600px;
	text-align : left;
}
#footer .inner .InnerRight {
	float : right;
	width : 420px;
}

#footer .inner .InnerRight .tel {
	background   : url("../images/tel_bottom.jpg") no-repeat 0px 0px;
	height       : 50px;
	width        : 220px;
	padding-left : 180px;
	color        : #ffffff;
	font-size    : 24px;
	font-weight  : bold;
	font-family  : Georgia, "Times New Roman", Times, serif;
}

#footer .inner .BottomNav {
	width       : 100%;
	margin      : auto;
	height      : 40px;
	line-height : 40px;
	color       : #cbccd0;
	background  : #333333;
}

#footer .inner .BottomNav a {
	color       : #cbccd0;
	padding     : 0px 10px;
	font-weight : bold;
}


#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 : #ffffff;
}


/* SearchBar */

.SearchBar {
	width      : 368px;
	height     : 37px;
	background : url("../images/search_bg.png") no-repeat left top;
}

.Sbox .SearchBar {
	margin : 10px 0px 0px 10px;
}

.SearchBar #search-text {
	width        : 266px;
	padding      : 0px 0px;
	margin       : 0px;
	color        : #999999;
	height       : 36px;
	line-height  : 36px;
	font-size    : 12px;
	background   : none;
	border       : none;
	padding-left : 30px;
}

.SearchBar #search-submit {
	border      : none;
	background  : none;
	font-size   : 12px;
	color       : #ffffff;
	height      : 37px;
	margin      : 0px;
	cursor      : pointer;
	padding     : 0px;
	line-height : 37px;
	width       : 68px;
}

/* 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;
}

.pagination > li {
	float : left;
}
.pagination > .active > a {
	background-color : #8f050a;
	color            : #ffffff;
}
#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 #999999;
	color          : #ffffff;
	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 : #8f050a;
	overflow         : hidden;
	padding          : 20px 0px;
}
#dark_footer {
	width          : 940px;
	margin         : 0 auto;
	padding-top    : 20px;
	padding-bottom : 20px;
	overflow       : hidden;
	color          : #ffffff;
}
#light_footer_wrapper {
	font-size : 12px;
	padding   : 10px;
	height    : 100px;

}
.box_240px_right li {
	display : inline;
}
#dark_footer li a {
	color : #ffffff;
}


/*backtotop*/
.backToTop {
	display     : none;
	width       : 50px;
	height      : 50px;
	line-height : 1.2;
	background  : url("../images/back_top.png") left top;;
	color       : #ffffff;
	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 : #000000;
	-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 #8f050a;
	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       : #8f050a;
	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 : #8f050a;
}
.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      : 246px; /*sub menu width*/
	top        : 0;
	display    : none;
	border     : 1px solid #8f050a;
	border-top : 2px solid #8f050a;
	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;
	cursor        : pointer;
	line-height   : 35px;
	border-bottom : 1px solid #dddddd;
	padding-left  : 30px;
	height        : 35px;
}

.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 : #8f050a;
	color      : #ffffff;
}
.ClassNav .NavTree ul .current li a {
	background : #ffffff;
	color      : #000000;
}

.ClassNav .NavTree ul li a:hover {
	color           : white;
	background      : #8f050a;
	text-decoration : none;
}
.ClassNav .NavTree .subfolderstyle {
	background : url(../images/arrow-list.gif) no-repeat 150px 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           : #000000;
	text-decoration : none;
}
.qqbox a:visited {
	color           : #000000;
	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 : #ffffff;
}
.qqkfbt {
	width       : 118px;
	height      : 20px;
	overflow    : hidden;
	background  : #cc0000;
	line-height : 20px;
	font-weight : bold;
	color       : #ffffff;
	position    : relative;
	border      : 1px solid #ffffff;
	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;
}


.cbbfixed {
	position   : fixed;
	right      : 10px;
	transition : bottom ease .3s;
	bottom     : -85px;
	z-index    : 3;
	cursor     : pointer;
}
.cbbfixed .cbbtn {
	width            : 40px;
	height           : 40px;
	display          : block;
	background-color : #333333;
}
.cbbfixed .gotop {
	transition : background-color ease .3s;
	margin-top : 1px;
}
.cbbfixed .gotop .up-icon {
	float      : left;
	margin     : 14px 0 0 9px;
	width      : 23px;
	height     : 12px;
	background : url(../images/side-icon02.png);
}
.cbbfixed .gotop:hover {
	background-color : #2c2d2e;
}
.cbbfixed .weixin {
	background : #dadbdd;
}
.cbbfixed .weixin div {
	background               : url(../images/qrcode.png);
	width                    : 210px;
	height                   : 210px;
	position                 : absolute;
	left                     : -212px;
	top                      : -130px;
	opacity                  : 0;
	transform                : scale(0);
	-webkit-transform        : scale(0);
	transform-origin         : 100% 70%;
	-webkit-transform-origin : 100% 70%;
	transition               : transform ease .3s, opacity ease .3s;
	-webkit-transition       : all ease .3s;
	display                  : none \0;
	*display                 : none;
}
.cbbfixed .weixin:hover div {
	display           : block;
	transform         : scale(1);
	-webkit-transform : scale(1);
	opacity           : 1;
	*display          : block;
}
.cbbfixed .weixin .weixin-icon {
	float      : left;
	margin     : 12px 0 0 11px;
	width      : 18px;
	height     : 18px;
	background : url(../images/side-icon01.png);
}

/* 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;
}
.content img{
	max-width:100%;
}