/* 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:#F02930; }
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:#FF4E0A; }
a:active { text-decoration:underline; }
.LineLink a { text-decoration:underline; }
.LineLink a:hover { text-decoration:none; color:#FF4E0A; }
.ColorLink a { color:#FF4E0A; }
.ColorLink a:hover { color:#FF4E0A; }
.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 { }
#head { width:100%; margin:auto; }
#head .top { max-width:640px; margin:auto; padding:20px 0px; font-size:12px; }
.SearchTop { border-top:1px solid #DDDDDD; background:#F5F5F5; max-width:640px; margin:auto; padding:10px 0px 10px 0px; ; }
#head .top .TopLogo { max-width:640px; margin:auto; padding-top:0px; }
#head .top .TopLogo .logo { max-width:600px; text-align:center; }
#head .top .TopLogo .logo img { max-width:100%; }
#head .top .TopLogo .tel .telW { padding-left:30px; padding-top:10px; color:#999; font-size:11px; }
#head .top .TopLogo .tel .telN { padding-left:30px; font-size:24px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color:#F00; line-height:100%; }
#NavLink { background:url("/images/HituxMobileImages/m_nav_bg1.png") repeat center -0px; width:100%; margin:auto; }
#NavLink #sddm { background:url("/images/HituxMobileImages/m_nav_bg1.png") repeat center -0px; max-width:640px; margin:auto; z-index:30 }
#NavLink #sddm li { width:25%; float: left; font-weight:normal; }
#NavLink #sddm .CurrentLi a { background:none; }
#NavLink #sddm li a { display: block; color: #FFF; text-align: center; padding:0px 10px; height:38px; line-height:38px;  background:;
font-size:14px; background: url("/images/HituxMobileImages/m_nav_bg2.png") no-repeat 0px -0px; }
#NavLink #sddm li P { font-size:10px; font-weight:normal; color:#FFF; text-transform:uppercase; }
#NavLink #sddm li a:hover { text-decoration:none; background:#FF8700; color:#FFFFFF; }
#NavLink #sddm div { position: absolute; visibility: hidden; background: #B8292F; padding:0px 0px; filter: alpha(opacity=100); top:38px; }
#NavLink #sddm div a { position: relative; padding: 0px 5px; width:120px; text-align: center; background:#B8292F; color: #FFFFFF; font-size:12px; font-weight:normal; text-decoration:none; line-height:30px; height:30px; border-bottom:1px solid #932126; }
#NavLink #sddm div a:hover { background:#FF8700; color:#fff; font-weight:bold; line-height:30px; border-bottom:1px solid #932126; }
/* header */
header { position: fixed; top:0px; z-index:9999; background-color:#FFFFFF;}
.header-box { position: fixed; left:0px; width:100%; background:#FFF; }
.header-box .logo { display:block; width:80%; float:left; background:url("/images/up_images/mlogo.png11") no-repeat left center; background-size:cover; float:left; }
.header-box .logo img{ max-width: 100%;}
.header .PosCenter { width:80%; float:left; height:40px; line-height:40px; overflow:hidden; text-align:center; color:#FFF; font-size:16px; font-weight:bold; }
.header .search { position:absolute; top:0; right:35px; z-index:1000; display:block; width:40px; height:40px; text-indent:-9999em; background:url(/images/HituxMobileImages/icon-search.png) no-repeat center center; background-size:40%; }
.header .search:hover { background-color:#FF4E0A; }
.header .search span { display:none; }
.header .user-icon { position:absolute; top:0; right:70px; z-index:1000; display:block; width:50px; height:50px; text-indent:-9999em; background:url(/images/icon-user.png) no-repeat center center; background-size:40%; }
.header .user-icon span { display:none; }
.header .user-icon:hover { background-color:#FF4E0A; }
.header .back { position:absolute; top:0; left:0; display:block; width:50px; height:50px; text-indent:-9999em; background:url(/images/icon-back.png) no-repeat center center; background-size:12px 20px; }
/*手机导航条宽度*/
.dl-menuwrapper { width: 100%; max-width: 150px; float: right; position: absolute; top:0; right:0; padding-top: 50px; z-index: 999; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200%; }
.dl-menuwrapper:first-child { margin-right: 100px; }
.dl-menuwrapper button { /*background: url(../images/header-bg.png) repeat-x bottom left;*/
	border: none; width: 50px; height: 50px; text-indent: -900em; overflow: hidden; position: absolute; top:0; right:0; cursor: pointer; outline: none; background:#FF4E0A url(/images/HituxMobileImages/menu-button-bg.png) no-repeat center center; background-size: 50%; }
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active { /*background: url(../images/header-bg.png) repeat-x bottom left;*/
	background-color: #FF4E0A; }
.dl-menuwrapper ul { background: #333333; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
/*
.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 60%;
	height: 4px;
	background: #fff;
	top: 12px;
	left: 22%;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
}
*/

.dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.dl-menuwrapper li { position: relative; }
.dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px; font-weight: 300; color: #ADADAD; border-top:1px solid #2B2B2B; outline: none; background: url(/images/HituxMobileImages/arrow_icon2.png) no-repeat right center; }
.no-touch .dl-menuwrapper li a:hover { background: rgba(40, 40, 40, 1.0); text-decoration:none; }
.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0, 0, 0, 1.0); }
 .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
 position: absolute;
 top: 0;
 line-height: 50px;
 font-family: 'icomoon';
 speak: none;
 -webkit-font-smoothing: antialiased;
 content: "\e000";
}
.dl-menuwrapper li.dl-back:after { left: 10px; color: rgba(255, 255, 255, 0.8); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
.dl-menuwrapper li > a:after { right: 10px; color: rgba(255, 255, 255, 0.8); }
.dl-menuwrapper .dl-menu { margin: 0px 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.dl-menuwrapper .dl-menu.dl-menuopen { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); }
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu { display: none; }
/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; }
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; }
/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0; }
/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; -moz-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; }
.dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s ease-in-out; -moz-animation: MenuAnimOut2 0.3s ease-in-out; animation: MenuAnimOut2 0.3s ease-in-out; }
.dl-menu.dl-animate-out-3 { -webkit-animation: MenuAnimOut3 0.4s ease; -moz-animation: MenuAnimOut3 0.4s ease; animation: MenuAnimOut3 0.4s ease; }
.dl-menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease; -moz-animation: MenuAnimOut4 0.4s ease; animation: MenuAnimOut4 0.4s ease; }
.dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease; -moz-animation: MenuAnimOut5 0.4s ease; animation: MenuAnimOut5 0.4s ease; }
 @-webkit-keyframes MenuAnimOut1 {  50% {
 -webkit-transform: translateZ(-250px) rotateY(30deg);
}
 75% {
 -webkit-transform: translateZ(-372.5px) rotateY(15deg);
 opacity: .5;
}
 100% {
 -webkit-transform: translateZ(-500px) rotateY(0deg);
 opacity: 0;
}
}
 @-webkit-keyframes MenuAnimOut2 {  100% {
 -webkit-transform: translateX(-100%);
 opacity: 0;
}
}
 @-webkit-keyframes MenuAnimOut3 {  100% {
 -webkit-transform: translateZ(300px);
 opacity: 0;
}
}
 @-webkit-keyframes MenuAnimOut4 {  100% {
 -webkit-transform: translateZ(-300px);
 opacity: 0;
}
}
 @-webkit-keyframes MenuAnimOut5 {  100% {
 -webkit-transform: translateY(40%);
 opacity: 0;
}
}
 @-moz-keyframes MenuAnimOut1 {  50% {
 -moz-transform: translateZ(-250px) rotateY(30deg);
}
 75% {
 -moz-transform: translateZ(-372.5px) rotateY(15deg);
 opacity: .5;
}
 100% {
 -moz-transform: translateZ(-500px) rotateY(0deg);
 opacity: 0;
}
}
 @-moz-keyframes MenuAnimOut2 {  100% {
 -moz-transform: translateX(-100%);
 opacity: 0;
}
}
 @-moz-keyframes MenuAnimOut3 {  100% {
 -moz-transform: translateZ(300px);
 opacity: 0;
}
}
 @-moz-keyframes MenuAnimOut4 {  100% {
 -moz-transform: translateZ(-300px);
 opacity: 0;
}
}
 @-moz-keyframes MenuAnimOut5 {  100% {
 -moz-transform: translateY(40%);
 opacity: 0;
}
}
 @keyframes MenuAnimOut1 {  50% {
 transform: translateZ(-250px) rotateY(30deg);
}
 75% {
 transform: translateZ(-372.5px) rotateY(15deg);
 opacity: .5;
}
 100% {
 transform: translateZ(-500px) rotateY(0deg);
 opacity: 0;
}
}
 @keyframes MenuAnimOut2 {  100% {
 transform: translateX(-100%);
 opacity: 0;
}
}
 @keyframes MenuAnimOut3 {  100% {
 transform: translateZ(300px);
 opacity: 0;
}
}
 @keyframes MenuAnimOut4 {  100% {
 transform: translateZ(-300px);
 opacity: 0;
}
}
 @keyframes MenuAnimOut5 {  100% {
 transform: translateY(40%);
 opacity: 0;
}
}
.dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; -moz-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; }
.dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.3s ease-in-out; -moz-animation: MenuAnimIn2 0.3s ease-in-out; animation: MenuAnimIn2 0.3s ease-in-out; }
.dl-menu.dl-animate-in-3 { -webkit-animation: MenuAnimIn3 0.4s ease; -moz-animation: MenuAnimIn3 0.4s ease; animation: MenuAnimIn3 0.4s ease; }
.dl-menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease; -moz-animation: MenuAnimIn4 0.4s ease; animation: MenuAnimIn4 0.4s ease; }
.dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease; -moz-animation: MenuAnimIn5 0.4s ease; animation: MenuAnimIn5 0.4s ease; }
 @-webkit-keyframes MenuAnimIn1 {  0% {
 -webkit-transform: translateZ(-500px) rotateY(0deg);
 opacity: 0;
}
 20% {
 -webkit-transform: translateZ(-250px) rotateY(30deg);
 opacity: 0.5;
}
 100% {
 -webkit-transform: translateZ(0px) rotateY(0deg);
 opacity: 1;
}
}
 @-webkit-keyframes MenuAnimIn2 {  0% {
 -webkit-transform: translateX(-100%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0px);
 opacity: 1;
}
}
 @-webkit-keyframes MenuAnimIn3 {  0% {
 -webkit-transform: translateZ(300px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
}
}
 @-webkit-keyframes MenuAnimIn4 {  0% {
 -webkit-transform: translateZ(-300px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
}
}
 @-webkit-keyframes MenuAnimIn5 {  0% {
 -webkit-transform: translateY(40%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateY(0);
 opacity: 1;
}
}
 @-moz-keyframes MenuAnimIn1 {  0% {
 -moz-transform: translateZ(-500px) rotateY(0deg);
 opacity: 0;
}
 20% {
 -moz-transform: translateZ(-250px) rotateY(30deg);
 opacity: 0.5;
}
 100% {
 -moz-transform: translateZ(0px) rotateY(0deg);
 opacity: 1;
}
}
 @-moz-keyframes MenuAnimIn2 {  0% {
 -moz-transform: translateX(-100%);
 opacity: 0;
}
 100% {
 -moz-transform: translateX(0px);
 opacity: 1;
}
}
 @-moz-keyframes MenuAnimIn3 {  0% {
 -moz-transform: translateZ(300px);
 opacity: 0;
}
 100% {
 -moz-transform: translateZ(0px);
 opacity: 1;
}
}
 @-moz-keyframes MenuAnimIn4 {  0% {
 -moz-transform: translateZ(-300px);
 opacity: 0;
}
 100% {
 -moz-transform: translateZ(0px);
 opacity: 1;
}
}
 @-moz-keyframes MenuAnimIn5 {  0% {
 -moz-transform: translateY(40%);
 opacity: 0;
}
 100% {
 -moz-transform: translateY(0);
 opacity: 1;
}
}
 @keyframes MenuAnimIn1 {  0% {
 transform: translateZ(-500px) rotateY(0deg);
 opacity: 0;
}
 20% {
 transform: translateZ(-250px) rotateY(30deg);
 opacity: 0.5;
}
 100% {
 transform: translateZ(0px) rotateY(0deg);
 opacity: 1;
}
}
 @keyframes MenuAnimIn2 {  0% {
 transform: translateX(-100%);
 opacity: 0;
}
 100% {
 transform: translateX(0px);
 opacity: 1;
}
}
 @keyframes MenuAnimIn3 {  0% {
 transform: translateZ(300px);
 opacity: 0;
}
 100% {
 transform: translateZ(0px);
 opacity: 1;
}
}
 @keyframes MenuAnimIn4 {  0% {
 transform: translateZ(-300px);
 opacity: 0;
}
 100% {
 transform: translateZ(0px);
 opacity: 1;
}
}
 @keyframes MenuAnimIn5 {  0% {
 transform: translateY(40%);
 opacity: 0;
}
 100% {
 transform: translateY(0);
 opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; -moz-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out; -moz-animation: SubMenuAnimIn2 0.3s ease-in-out; animation: SubMenuAnimIn2 0.3s ease-in-out; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 { -webkit-animation: SubMenuAnimIn3 0.4s ease; -moz-animation: SubMenuAnimIn3 0.4s ease; animation: SubMenuAnimIn3 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; -moz-animation: SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease; -moz-animation: SubMenuAnimIn5 0.4s ease; animation: SubMenuAnimIn5 0.4s ease; }
 @-webkit-keyframes SubMenuAnimIn1 {  0% {
 -webkit-transform: translateX(50%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0px);
 opacity: 1;
}
}
 @-webkit-keyframes SubMenuAnimIn2 {  0% {
 -webkit-transform: translateX(100%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0px);
 opacity: 1;
}
}
 @-webkit-keyframes SubMenuAnimIn3 {  0% {
 -webkit-transform: translateZ(-300px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
}
}
 @-webkit-keyframes SubMenuAnimIn4 {  0% {
 -webkit-transform: translateZ(300px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
}
}
 @-webkit-keyframes SubMenuAnimIn5 {  0% {
 -webkit-transform: translateZ(-200px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateZ(0);
 opacity: 1;
}
}
 @-moz-keyframes SubMenuAnimIn1 {  0% {
 -moz-transform: translateX(50%);
 opacity: 0;
}
 100% {
 -moz-transform: translateX(0px);
 opacity: 1;
}
}
 @-moz-keyframes SubMenuAnimIn2 {  0% {
 -moz-transform: translateX(100%);
 opacity: 0;
}
 100% {
 -moz-transform: translateX(0px);
 opacity: 1;
}
}
 @-moz-keyframes SubMenuAnimIn3 {  0% {
 -moz-transform: translateZ(-300px);
 opacity: 0;
}
 100% {
 -moz-transform: translateZ(0px);
 opacity: 1;
}
}
 @-moz-keyframes SubMenuAnimIn4 {  0% {
 -moz-transform: translateZ(300px);
 opacity: 0;
}
 100% {
 -moz-transform: translateZ(0px);
 opacity: 1;
}
}
 @-moz-keyframes SubMenuAnimIn5 {  0% {
 -moz-transform: translateZ(-200px);
 opacity: 0;
}
 100% {
 -moz-transform: translateZ(0);
 opacity: 1;
}
}
 @keyframes SubMenuAnimIn1 {  0% {
 transform: translateX(50%);
 opacity: 0;
}
 100% {
 transform: translateX(0px);
 opacity: 1;
}
}
 @keyframes SubMenuAnimIn2 {  0% {
 transform: translateX(100%);
 opacity: 0;
}
 100% {
 transform: translateX(0px);
 opacity: 1;
}
}
 @keyframes SubMenuAnimIn3 {  0% {
 transform: translateZ(-300px);
 opacity: 0;
}
 100% {
 transform: translateZ(0px);
 opacity: 1;
}
}
 @keyframes SubMenuAnimIn4 {  0% {
 transform: translateZ(300px);
 opacity: 0;
}
 100% {
 transform: translateZ(0px);
 opacity: 1;
}
}
 @keyframes SubMenuAnimIn5 {  0% {
 transform: translateZ(-200px);
 opacity: 0;
}
 100% {
 transform: translateZ(0);
 opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; -moz-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out; -moz-animation: SubMenuAnimOut2 0.3s ease-in-out; animation: SubMenuAnimOut2 0.3s ease-in-out; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 { -webkit-animation: SubMenuAnimOut3 0.4s ease; -moz-animation: SubMenuAnimOut3 0.4s ease; animation: SubMenuAnimOut3 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; -moz-animation: SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease; -moz-animation: SubMenuAnimOut5 0.4s ease; animation: SubMenuAnimOut5 0.4s ease; }
 @-webkit-keyframes SubMenuAnimOut1 {  0% {
 -webkit-transform: translateX(0%);
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(50%);
 opacity: 0;
}
}
 @-webkit-keyframes SubMenuAnimOut2 {  0% {
 -webkit-transform: translateX(0%);
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(100%);
 opacity: 0;
}
}
 @-webkit-keyframes SubMenuAnimOut3 {  0% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
}
 100% {
 -webkit-transform: translateZ(-300px);
 opacity: 0;
}
}
 @-webkit-keyframes SubMenuAnimOut4 {  0% {
 -webkit-transform: translateZ(0px);
 opacity: 1;
}
 100% {
 -webkit-transform: translateZ(300px);
 opacity: 0;
}
}
 @-webkit-keyframes SubMenuAnimOut5 {  0% {
 -webkit-transform: translateZ(0);
 opacity: 1;
}
 100% {
 -webkit-transform: translateZ(-200px);
 opacity: 0;
}
}
 @-moz-keyframes SubMenuAnimOut1 {  0% {
 -moz-transform: translateX(0%);
 opacity: 1;
}
 100% {
 -moz-transform: translateX(50%);
 opacity: 0;
}
}
 @-moz-keyframes SubMenuAnimOut2 {  0% {
 -moz-transform: translateX(0%);
 opacity: 1;
}
 100% {
 -moz-transform: translateX(100%);
 opacity: 0;
}
}
 @-moz-keyframes SubMenuAnimOut3 {  0% {
 -moz-transform: translateZ(0px);
 opacity: 1;
}
 100% {
 -moz-transform: translateZ(-300px);
 opacity: 0;
}
}
 @-moz-keyframes SubMenuAnimOut4 {  0% {
 -moz-transform: translateZ(0px);
 opacity: 1;
}
 100% {
 -moz-transform: translateZ(300px);
 opacity: 0;
}
}
 @-moz-keyframes SubMenuAnimOut5 {  0% {
 -moz-transform: translateZ(0);
 opacity: 1;
}
 100% {
 -moz-transform: translateZ(-200px);
 opacity: 0;
}
}
 @keyframes SubMenuAnimOut1 {  0% {
 transform: translateX(0%);
 opacity: 1;
}
 100% {
 transform: translateX(50%);
 opacity: 0;
}
}
 @keyframes SubMenuAnimOut2 {  0% {
 transform: translateX(0%);
 opacity: 1;
}
 100% {
 transform: translateX(100%);
 opacity: 0;
}
}
 @keyframes SubMenuAnimOut3 {  0% {
 transform: translateZ(0px);
 opacity: 1;
}
 100% {
 transform: translateZ(-300px);
 opacity: 0;
}
}
 @keyframes SubMenuAnimOut4 {  0% {
 transform: translateZ(0px);
 opacity: 1;
}
 100% {
 transform: translateZ(300px);
 opacity: 0;
}
}
 @keyframes SubMenuAnimOut5 {  0% {
 transform: translateZ(0);
 opacity: 1;
}
 100% {
 transform: translateZ(-200px);
 opacity: 0;
}
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; }
.no-js .dl-menuwrapper li .dl-submenu { display: block; }
.no-js .dl-menuwrapper li.dl-back { display: none; }
 .no-js .dl-menuwrapper li > a:not(:only-child) {
 background: rgba(0, 0, 0, 0.1);
}
 .no-js .dl-menuwrapper li > a:not(:only-child):after {
 content: '';
}
.QuickNav { padding-top:4px; position:relative; z-index:3000; }
.QuickNav dl { margin:0px; padding:0px; }
.QuickNav dl dd.showQuickNavbox { float:left; padding:0px 0px 0px 15px; background:url("/images/HituxMobileImages/bar_icon4.png") no-repeat center center; font-size:13px; position:relative; }
.QuickNav dl dd.showQuickNavbox span { cursor:pointer; color:#808080; }
.QuickNav dl dd { float:left; padding-left:6px; height:25px; position:relative; }
.QuickNav dl dd img { margin-left:5px; display:inline-block; }
.QuickNavbox { position:absolute; width:150px; top:35px; right:-50px; display:none; height:auto !important; z-index:9999; padding-top:10px; background:#ac834f; }
.QuickNavboxtop { background:url(/images/index_73.png) no-repeat; width:289px; height:15px; overflow:hidden; display:none; }
.QuickNavboxcont { padding:0px 0px 10px; }
.QuickNavboxcont ul { padding:0px 15px; }
.QuickNavboxcont ul li { border-bottom:1px solid #e2e2e2; padding:0px 0px; }
.QuickNavboxcont ul li h3 { font-size:14px; color:#B00002; }
.QuickNavboxcont ul li h3 a { color:#B00002; }
.QuickNavboxcont ul li h3 a:hover { color:#03aee0; }
.QuickNavboxcont ul li p { padding-top:3px; }
.QuickNavboxcont ul li p a { color:#4c4c4c; font-size:12px; padding-right:5px; }
.QuickNavboxcont ul li p a:hover { color:#B00002; }
.QuickNavboxcont ul li.cur { border-bottom:none; }
.QuickNavboxbottom { background:url(/images/index_75.png) no-repeat; width:289px; height:7px; overflow:hidden; display:None; }
/*顶部幻灯广告*/
.rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container { margin-top:50px; margin-bottom: 0px; position: relative; float: left; width: 100%; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.slide .caption { display: block; position: absolute; z-index: 2; font-size: 12px; text-shadow: none; color: #333333; background: #F5F5F5; left: 0; right: 0; bottom: 0; padding: 0px 20px; margin: 0; max-width: none; display:none; }
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 24px; width: 14px; background: transparent url("/images/HituxMobileImages/icon-arrow-left.png") no-repeat left top; margin-top: -15px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background: transparent url("/images/HituxMobileImages/icon-arrow-right.png") no-repeat left top; right: 0; }
#wrapper #body { max-width:620px; margin:auto; background:#FFF; padding:0px; }
#body .MoreLink a { background:#FF4E0A; line-height:30px; text-align:center; width:100%; display:block; height:30px; cursor:pointer; font-weight:bold; font-size:14px; color:#FFF; border-radius:5px; box-shadow:2px 2px 4px #ededed; -moz-box-shadow:2px 2px 2px #ededed; -webkit-box-shadow:2px 2px 4px #ededed }
#body .MoreLink a:hover { background:none; color:#FFF; text-decoration:none; background-color:#FF9900; }
/* albumblock*/

 .albumblock { padding:10px 0px 10px 0px; float:left; width:50%; }
.albumblock .inner { overflow:hidden; margin:auto; }
.albumblock .inner img { width:95%; border:1px solid #F3F3F3; }
.albumblock .inner .albumtitle { height:30px; line-height:30px; font-size:14px; position:relative; bottom:0px; left:0;  font-weight:;
text-align:center; cursor:pointer; margin:auto; overflow:hidden; }
.albumblock .inner .albumtitle span { font-weight:normal; font-size:14px; }
.albumblock .inner a { }
.albumblock .inner a:hover { text-decoration:none; }
.albumblock .inner a:visited { text-decoration:none; }
/*footer*/
#footer { max-width:640px; background-color:#39424B; margin:auto; padding-bottom:0px; font-size:12px; color:#B4B4B4; }
#footer a { color:#B4B4B4; }
#footer .inner { max-width:640px; margin:auto; padding-top:10px; padding-bottom:80px; padding-left:10px; padding-right:10px; }
#footer .inner .InnerLeft { }
#footer .inner .InnerRight { float:right; width:420px; }
#footer .inner .InnerRight .tel { height:50px; width:220px; padding-left:180px; color:#FFF; font-size:24px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; }
#footer .inner p { line-height:25px; }
#footer .inner .BottomNav { width:100%; margin:auto; height:30px; line-height:30px; color:#FFF; }
#footer .inner .BottomNav a { color:#FF4E0A; 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; }
/* SearchBar */

.SearchBar { width:220px; height:25px; background:url("/images/HituxMobileImages/search_bg.png") no-repeat left top; margin:auto; }
.Sbox .SearchBar { margin:10px 0px 0px 10px; }
.SearchBar #search-text { width: 120px; padding:0px 5px; margin:0px; color:#999999; 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:54px; }
/* 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:#FF4E0A; 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/HituxCMSSimple/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 #FF4E0A; background-color: #FFFFFF; }
#popupFrame { margin: 0px; width: 100%; height: 100%; position: relative; z-index: 9; }
#popupTitleBar { background:url("/images/HituxCMSSimple/box_bg1.jpg") repeat-x left top; color: #FF4E0A; 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/HituxCMSSimple/close.gif') no-repeat; }
.VideoBox { padding:10px; }
/*product*/
.RightNav span { color:#FF4E0A; }
.ClassNav { padding:0px; }
.ClassNav .NavTree ul { padding-left:0px; }
.ClassNav .NavTree ul li { position: relative; width:50%; overflow:hidden; float:left; }
/*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 #FF4E0A; border-top:2px solid #FF4E0A; 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 { padding:10px 0; text-align:center; border-right:1px solid #EC4100; border-bottom:1px solid #EC4100; margin:auto; color:#FFF; display:block; overflow:hidden; }
.ClassNav .NavTree ul li li { padding-left:0; z-index:2000; }
.ClassNav .NavTree ul li li a { padding-left:10px; color:#FFF; z-index:2000; }
.ClassNav .NavTree ul .current a { color:#FFFFFF; }
.ClassNav .NavTree ul li a:hover { color:#FFF; text-decoration:none; }
.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 #FF4E0A; background:#fff; }
.qqkfbt { width:118px; height:20px; overflow:hidden; background:#FF4E0A; 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; }
.HituxBar_com_position { width: 100%; height: 50px; position: fixed; left: 0px; bottom: 0px; background:#F5F5F5; z-index: 10000; overflow: hidden; _position: absolute; _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
}
.HituxBar_com_chat { max-width:640px; margin:5px auto; }
.HituxBar_com_chat ul li { float:left; width:31%;border-radius:6px;	margin-left:3px;margin-right:3px;}
.HituxBar_com_chat ul li a { padding:0px; display:block; text-align:center; color:#FFF; font-size:14px; height:40px; line-height:40px; }
.HituxBar_com_chat ul .LiIcon1 {background: #FF4E0A url("/images/m_b_icon1.png") no-repeat center left 10px;border:1px solid #FF4E0A;}
.HituxBar_com_chat ul li a:hover { text-decoration:none; }
.HituxBar_com_chat ul .LiIcon2{	background: #FFFFFF url("/images/m_b_icon2.png") no-repeat center left 10px;border:1px solid #FF4E0A; color:#FF4E0A;}
.HituxBar_com_chat ul .LiIcon2 a{ color:#FF4E0A;}
.HituxBar_com_chat ul .LiIcon3 {background: #FF4E0A url("/images/m_b_icon3.png") no-repeat center left 10px;border:1px solid #FF4E0A;}
/*
.HituxBar_com_chat ul .LiIcon4{
	background:url(/images/HituxMobileImages/M_Hitux_icon4.png) no-repeat center 5px;
}
.HituxBar_com_chat ul .LiIcon5{
	background:url(/images/HituxMobileImages/M_Hitux_icon5.png) no-repeat center 5px;
}

.HituxBar_com_chat ul .LiIcon6{
	background:url(/images/HituxMobileImages/M_Hitux_icon6.png) no-repeat center 5px;
}
.HituxBar_com_chat ul .LiIcon7{
	background:url(/images/HituxMobileImages/M_Hitux_icon7.png) no-repeat center 5px;
}
.HituxBar_com_chat ul .LiIcon8{
	background:url(/images/HituxMobileImages/M_Hitux_icon8.png) no-repeat center 5px;
}
.HituxBar_com_chat ul .LiIcon9{
	background:url(/images/HituxMobileImages/M_Hitux_icon9.png) no-repeat center 5px;
}
.HituxBar_com_chat ul .LiIcon10{
	background:url(/images/HituxMobileImages/M_Hitux_icon10.png) no-repeat center 5px;
}
.HituxBar_com_chat ul .LiIcon11{
	background:url(/images/HituxMobileImages/M_Hitux_icon11.png) no-repeat center 5px;
}
.HituxBar_com_chat ul .LiIcon12{
	background:url(/images/HituxMobileImages/M_Hitux_icon12.png) no-repeat center 5px;
}
*/

/* Bottom Icons */
#plug-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800; }
.top_bar { position:fixed; bottom:80px; right:0px; z-index:900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }
.plug-menu { -webkit-appearance:button; display:inline-block; width:36px; height:36px; border-radius:36px; position: absolute; bottom:17px; right: 17px; z-index:999; box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25); background-color: #B70000; -webkit-transition: -webkit-transform 200ms; -webkit-transform:rotate(1deg); color:#fff; background-image:url('/images/HituxMobileImages/plug.png'); background-repeat: no-repeat; -webkit-background-size: 80% auto; background-size: 80% auto; background-position: center center; }
.plug-menu:before { font-size:20px; margin:9px 0 0 9px; }
.plug-menu:checked { -webkit-transform:rotate(135deg); }
.top_menu>li { width: 32px; height:32px; border-radius:32px; box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25); background:#FF4E0A; position:absolute; bottom:0; right:0; margin-bottom: 20px; margin-right:20px; z-index:900; -webkit-transition: -webkit-transform 200ms; }
.top_menu>li a { color:#fff; font-size:20px; display: block; height: 100%; line-height: 33px; text-align: center; }
.top_menu>li>a label { display:none; }
.top_menu>li a img { display: block; width: 22px; height: 22px; text-indent: -999px; position: absolute; top: 50%; left: 50%; margin-top: -11px; margin-left: -11px; }
 .top_menu>li.on:nth-of-type(1) {
 -webkit-transform: translate(-0, -100px) rotate(720deg);
}
 .top_menu>li.on:nth-of-type(2) {
 -webkit-transform: translate(-47px, -81px) rotate(720deg);
}
 .top_menu>li.on:nth-of-type(3) {
 -webkit-transform: translate(-81px, -45px) rotate(720deg);
}
 .top_menu>li.on:nth-of-type(4) {
 -webkit-transform: translate(-100px, 0) rotate(720deg);
}
#sharemcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }
#sharemcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border:0; }
/* 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; }