/* 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; }
.fz12 { font-size:12px; }
li { list-style-type:none; }
img { border:0; }
.gray { color:#666666; }
a { color:#333333; text-decoration:none; }
a:hover { text-decoration:underline; color:#a71a19; }
a:active { text-decoration:underline; }
.LineLink a { text-decoration:underline; }
.LineLink a:hover { text-decoration:none; color:#a71a19; }
.ColorLink a { color:#0059BB; }
.ColorLink a:hover { color:#000000; }
.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; background:#FFFFFF; }
#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 { float:left; }
#head .top .TopLogo .logo img { max-width:100%; }
.h3 { float:left; line-height:120%; color:#333333; }
#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=85); 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:relative; height:40px; background:#0059BB; }
.header .logo { display:block; width:40px; height:40px; background:url("/images/HituxMobileImages/icon_home.png") no-repeat center center; float:left; }
.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:#0059BB; }
.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:#0059BB; }
.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: 250px; float: right; position: absolute; top:0; right:0; padding-top: 40px; 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: 40px; height: 40px; text-indent: -900em; overflow: hidden; position: absolute; top:0; right:0; cursor: pointer; outline: none; background: 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: #0059BB; }
.dl-menuwrapper ul { background: #0059BB; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }
/*
.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: #fff; border-top:1px solid #208CEE; outline: none; text-align:center; background: url(/images/HituxMobileImages/arrow_icon2.png) no-repeat 40px center; }
.no-touch .dl-menuwrapper li a:hover { background: rgba(255, 248, 213, 0.1); text-decoration:none; }
.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0, 0, 0, 0.1); }
 .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=90); -moz-opacity:0.9; opacity:0.9; 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; }
#wrapper #body { max-width:620px; margin:auto; background:#FFFFFF; }
#body .MoreLink a { line-height:30px; text-align:center; margin:0 auto; width:40%; display:block; height:30px; cursor:pointer; font-size:14px; color:#333; border-radius:5px; border:1px solid #CCC; 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:#0059BB; border:1px solid #0059BB; }
/* albumblock*/

 .albumblock { padding:5px 0px 5px 0px; float:left; width:50%; }
.albumblock .inner { width:140px; height:198px; overflow:hidden; margin:auto; }
.albumblock .inner img { padding:1px; width:140px; }
.albumblock .inner .albumtitle { height:30px; line-height:30px; font-size:12px; width:140px; position:relative; bottom:0px; left:0; color:#666666;  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:#666666; }
.albumblock .inner a:hover { text-decoration:none; color:#333333; }
.albumblock .inner a:visited { text-decoration:none; }
/*footer*/
#footer { max-width:640px; margin:auto; padding-bottom:0px; font-size:12px; background-color:#0466BD; color:#E2F1FE; line-height:160%; }
#footer a { color:#FFFFFF; }
#footer .inner { max-width:640px; margin:auto; padding-left:15px; padding-right:15px; padding-top:20px; padding-bottom:60px; }
#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:#0059BB; 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:#a71a19; 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 #a71a19; 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: #a71a19; 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:#a71a19; }
.ClassNav { padding:10px 10px; }
.ClassNav .NavTree ul { padding-left:0px; }
.ClassNav .NavTree ul li { position: relative; width:50%; height:40px; 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 #a71a19; border-top:2px solid #a71a19; 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 { text-align:center; height:30px; width:80%; margin:auto; line-height:30px; border:1px solid #FFF; background-color:#FFF; display:block; overflow:hidden; -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari 和 Chrome */ border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ }
.ClassNav .NavTree ul li li { padding-left:0; text-align:center; z-index:2000; }
.ClassNav .NavTree ul li li a { padding-left:10px; border:1px solid #FFFFFF; z-index:2000; background-color:#FFF; }
.ClassNav .NavTree ul .current a { color:#FFFFFF; border:1px solid #0059BB; background-color:#0059BB; }
.ClassNav .NavTree ul li a:hover { color:#FFFFFF; border:1px solid #0059BB; background-color: #0059BB; 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 #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; }
.HituxBar_com_position { width: 100%; height: 50px; position: fixed; left: 0px; bottom: 0px; background-color:#0059BB; z-index: 10000; overflow: hidden; _position: absolute; _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
}
.HituxBar_com_chat { max-width:640px; margin:auto; }
.HituxBar_com_chat ul li { float:left; width:33%; }
.HituxBar_com_chat ul li a { padding:0px 10px; display:block; text-align:center; color:#FFF; font-size:14px; line-height:50px; height:50px; }
.HituxBar_com_chat ul .LiIcon1 { border-left:none; }
.HituxBar_com_chat ul li a:hover { text-decoration:none; }
/*
.HituxBar_com_chat ul .LiIcon2{
	background:url(/images/HituxMobileImages/M_Hitux_icon2.png) no-repeat center 5px;
}
.HituxBar_com_chat ul .LiIcon3{
	background:url(/images/HituxMobileImages/M_Hitux_icon3.png) no-repeat center 5px;
}
.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:#0059BB; 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; }
/*产品详情*/

.bigimg { box-shadow: -2px -2px 8px #999; }
.pro-slider { height:auto; margin-top:-90px; overflow:hidden; }
.pro-slider img { width:100%; }
.pro p { padding:5px 10px 0px 10px; line-height:22px; }
.swiper-wrap { position:relative; width:100%; height: auto; overflow: hidden; }
.swiper-wrap .swiper-slide { width:100%; height:auto; text-align: center; overflow:hidden; }
.swiper-wrap .swiper-slide img { width:100%; height:auto; }
.swiper-wrap .swiper-pagination { position:absolute; left:18px; bottom:18px; width:50px; height:24px; line-height:24px; text-align:center; background: rgba(0, 0, 0, 0.3); border-radius:5px; color:#fff; }
.text_box { width:100%; background:#fff; height:60px; position:relative; margin-top:-2px; text-align:center; }
.text_box .text { }
.text_box h1 { font-size:20px; line-height:60px; text-indent:10px; font-weight: bold; color:#333; width:100%; }
.text_box p { font-size:16px; width:100%; }
.text_box span { margin:0 10px; padding:0 10px 0 10px; }
.text_box .r_info { position:absolute; top:-2px; right:6px; width:90px; height:46px; line-height:23px; font-size:13px; text-align:center; }
.text_box .r_info .addr_name { display:block; background:#f00; color:#fff; border:1px solid #f00; }
.text_box .r_info .addr_info { display:block; color:#f00; border:1px solid #f00; }
.proDes { max-width: 600px; position: relative; margin-bottom:30px; }
.proDes h3 { max-height: 38px; line-height: 38px; font-size: 18px; color: #333; overflow: hidden; }
.proDes .features-info { max-width:580px; margin-left:20px; }
.proDes .features-info ul { max-width:580px; zoom:1; color:#0466BD; }
.proDes .features-info ul:after { content:''; display:block; clear:both; }
.proDes .features-info li { width:100px; float:left; list-style-type: decimal; max-width:580px; color:#565656; font-size:16px; line-height:25px; }


/* 等比填充 */
*[class*="rect-"] {
position: relative;
display: block;
width: 100%;
height: 0;
overflow: hidden;
}
*[class*="rect-"] ._full {
position: absolute;
left: 0;
top:0;
width: 100%;
height: 100%;
*height: auto;
}
.rect-5625 { padding-bottom: 56.25%; }
.rect-618 { padding-bottom: 61.8%; }
.rect-75 { padding-bottom: 75%; }
.rect-100 { padding-bottom: 100%; }



/*关于富磊数量跳动*/
.row2 { border-top:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; padding: 2% 0; overflow: hidden; width:100%; margin:40px auto; }
.list-num { }
.list-num li { float: left; width: 49.8%; color: #0366BB; text-align: left; line-height: 1.2; padding:5% 0;}
.list-num .list-num-icon1{background: url("/images/-in-icon01.png") no-repeat right center; }
.list-num .list-num-icon2{background: url("/images/-in-icon02.png") no-repeat right center; }
.list-num .list-num-icon3{background: url("/images/-in-icon03.png") no-repeat right center; }
.list-num .list-num-icon4{background: url("/images/-in-icon04.png") no-repeat right center; }
.list-num li:last-child { border-right:none; }
.list-num h4 { font-size: 26px; margin-left:10px; font-family:Arial, Helvetica, sans-serif; }
.list-num p { font-size: 14px; margin-left:10px; color:#333333; }
.list-num sup { font-size: 12px; position: relative; top: -5px; margin-right: -15px; }
.animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }

.wrap-box { font: normal 14px/32px "微软雅黑"; padding-top:15px; padding-bottom:15px;}
.wrap-box h2 { font-size:16px; line-height:36px; color:#0466BD; }
.wrap-box h3 { font-size:26px; font-weight:normal; line-height:76px; text-align:center; }
.wrap-box h3 span { color:#0466BD; font-weight:bold; }
.wrap-box h4 { font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:center; margin-bottom:20px; color:#727272; text-transform:uppercase; }
.wrap-box p { margin:20px auto; line-height:42px; }

.ab-menu { display:none; width:1200px; margin: 50px auto; text-align: center; }
.ab-menu li { padding:20px 50px; text-align: center; display: inline; cursor: pointer; font-size:18px;}
.ab-menu li.abon { background:url("/images/ico-ab-menu.png") no-repeat center bottom; color: #0366BB; }
.ab-menu li.abon a{ color: #0366BB; }
.ab-menu li:hover { background:url("/images/ico-ab-menu.png") no-repeat center bottom; color: #0366BB; }

.wrap-zizhirongyu { width:100%; margin:60px auto; }
.wrap-zizhirongyu ul { padding:0; zoom:1; }
.wrap-zizhirongyu ul:after { content:''; display:block; clear:both; }
.wrap-zizhirongyu li { float:left; text-align:center; margin:5% 2%; width:46%; font: normal 12px/26px "微软雅黑"; color:#000000; }

.wrap-brand { width:100%; margin:60px auto; }
.wrap-brand ul { padding:0; zoom:1; }
.wrap-brand ul:after { content:''; display:block; clear:both; }
.wrap-brand li { float:left; text-align:center; margin:5% 2%; width:46%; }
/*企鹅科技*/
.wrap-qiewltxmk { width:100%; margin:60px auto; text-align:center; }
.wrap-qiewltxmk h2 { font-size:20px; font-weight: normal; ; line-height:30px; color:#333; }
.qiewltxmk { float:left; width:96%; margin:2%; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); border-radius: 5px; padding-top:30px;}
.qiewltxmk .icon {}
.qiewltxmk .desc { padding: 30px 5px 30px 5px; }
.qiewltxmk .desc h3 { color: #333333; font-size: 20px; font-weight: 500; text-transform: uppercase; }

.wrap-sbcj { width:100%; margin:60px auto; }
.wrap-sbcj ul { padding:0; zoom:1; }
.wrap-sbcj ul:after { content:''; display:block; clear:both; }
.wrap-sbcj li { float:left; text-align:center; width:44%; margin:3%; font: normal 18px/46px "微软雅黑"; color:#000000; }
.wrap-sbcj li img { border-radius: 300px; border: 1px solid #dddddd; }

.qiekj_box { height:470px; background:url("/images/bg-link-qiekj.jpg") no-repeat center; overflow:hidden; }
.qiekj_box h3 { font-size:20px; font-weight:bold; color:#FFF; padding-top:100px; padding-left:30px; padding-right:30px; text-align:left; }
.qiekj_box p { font-size:14px; color:#FFF; padding-left:30px; padding-right:30px;}
.qiekj_box a { font-size:14px; display:block; max-width:200px; padding:2%; color:#FFF; background:#2186F2; text-align:center; margin:30px auto; border-radius:30px; transition:all .4s;
}
.qiekj_box a:hover { box-shadow:0 8px 50px #2186F2; color:#FFF; }
/*企鹅科技-模块产品*/
.wrap-mokuaichanpin { display:none; width:100%; margin:60px auto; background:url("/images/bg-qiekj-mkcp.jpg") no-repeat center; padding:100px 0; text-align:center; }
.wrap-mokuaichanpin .tit-mkcp { font-size:32px; font-weight: normal; ; line-height:40px; color:#FFF; }
.control-box { width: 100%; margin-left: auto; margin-right: auto; margin-top:50px; }
.control-box ul { list-style: none; position: relative; }
.control-box ul li { position: absolute; top: 100px; cursor: pointer; }
.prev { left: 0; display:none;}
.next { right: 0; display:none;}
.bigbox { overflow: hidden; width: 100%; margin: auto 70px auto; }
#switcher { height: 190px; left: 0px; }
.content_1.content_2 { width: 100%; float: left; }
.box {
 transition:all .7s ease 0s; width: 255px; height: 240px; float: left; border-left: 3px #354EA0 solid; background-size: cover; }
.box:hover { opacity:0.5; }
.shadow { width: 255px; height: 50px; line-height:50px; /* opacity: 1; */ background-color: rgba(0, 0, 0, 0.25); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
margin-top: 190px; color: white; font-size: 16px; }
.shadow a { display: inline-block; width: 225px; height: 50px; color: white; text-decoration: none; line-height:50px; }
/*企鹅科技-客户端*/
.wrap-khd { width: 100%; padding: 50px 0px; margin: 0 auto; overflow: hidden; padding-bottom: 0px; text-align:center; }
.wrap-khd .tit-khd { font-size:24px; font-weight: normal; ; line-height:30px; color:#111; }
.khd_con { max-width: 100%; margin: 0 auto; margin-top: 50px; }
.khdtel { width:100%; font-size: 18px; color: #666; text-align: center; }
.khd_telst { margin: 0 auto; position: relative; text-align: center; }
.khd_telst li { width: 38%; text-align: center; padding:3% 5%; display: inline; font-family: "微软雅黑"; cursor: pointer; border-radius:10px; transition:all .4s;
border:1px solid #DDD; margin:20px; }
.khd_telst li.khdon { color: #FFF; background-color:#0466BD; border:1px solid #0466BD; }
.khd_telst p { position: absolute; top: 34px; left: 0px; width: 166px; height: 7px; border-top: 1px solid #217af0; overflow: hidden; text-align: center; }
.khd_telst b { display: inline-block; width: 0; height: 0; margin-top: -3px; border-style: solid dashed dashed dashed; border-width: 9px; border-color: #217af0 #fff #fff #fff; overflow: hidden; zoom: 1; font-size: 0; }
.khd_lst { height: 315px; position: relative; overflow: hidden; display: none; margin-top: 60px; margin-bottom:100px; box-shadow: 0px 0px 10px 0px rgba(9, 137, 197, 0.2); }
.khd_lst ul { position: absolute; left: 0px; padding-top: 50px; }
.khd-wrap { margin-top: 30px; }
.khd-wrap .show { display: block; }
.khd_lst_cn { width: 100%; }
li.khd_cnlf { width: 33%; float: left; }
li.khd_cnlf p { width: 100%; }
p.khdlf_tel a { color: #217af0; font-size: 12px; line-height: 18px; text-align: center; margin:20px auto; display: block; }
p.khdlf_tx { font-size: 12px; line-height: 26px; color: #666; height: 105px; overflow: hidden; }
li.khd_cnrf { float: right; width: 820px; margin-left: 10px; }
.khdrf_lst dd { width: 368px; height: 85px; border: 1px solid #e4e4e4; float: left; margin-left: 35px; margin-bottom: 20px; }
p.khd_rq { width: 65px; height: 65px; background: #969393; float: left; text-align: center; color: #FFF; margin-top: 10px; margin-left: 10px; margin-right: 15px; font-family: Arial, Helvetica, sans-serif; }
p.khd_rq span { display: block; font-size: 24px; text-align: center; font-weight: bold; line-height: 35px; padding-top: 5px; }
p.khdrf_tx { float: left; width: 270px; margin-top: 8px; }
p.khdrf_tx a { color: #333; font-size: 14px; display: block; line-height: 30px; }
p.khdrf_tx span { display: block; font-size: 12px; color: #999; height: 60px; overflow: hidden; }
.khdrf_lst dd:hover { width: 366px; height: 83px; border: 2px solid #217af0; box-shadow: 0px 0px 15px rgba(37, 125, 242, .27); }
.khdrf_lst dd:hover p.khdrf_tx a { color: #217af0; }
.khdrf_lst dd:hover p.khd_rq { background: #217af0; margin-top: 9px; margin-left: 9px; }
.khdrf_lst dd:hover p.khdrf_tx { margin-top: 7px; }
/*解决方案*/
.wrap-Solution { width:100%; margin:0px auto; text-align:center; }
.wrap-Solution h2 { font-size:24px; font-weight: normal; ; line-height:30px; color:#333; }
.Solution { float:left; width:94%; position: relative; margin:3%; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); border: 1px solid #dddddd; border-radius: 5px; }
.Solution .icon { line-height: 75px; top: 45px; position: absolute; left: 0; right: 0; }
.Solution .desc { padding: 150px 5px 50px 5px; }
.Solution .desc h3 { color: #333333; font-size: 18px; font-weight: 500; text-transform: uppercase; line-height:300%; }

.wrap-Solution2 { width:100%; margin:0px auto; text-align:center; }
.Solution2 { float:left; width:44%; margin:3%; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); border-radius: 5px; padding-top:20px; }
.Solution2 .icon { }
.Solution2 .icon img { width:60%; }
.Solution2 h3 { color: #333333; font-size: 12px; font-weight: 500; text-transform: uppercase; line-height:300%; }

.wrap-zlhzpp { width:100%; margin:30px auto; background:#0466BD; padding:50px 0; text-align:center; clear:both;}
.wrap-zlhzpp .tit-zlhzpp { font-size:24px; font-weight: normal; line-height:30px; color:#FFF; }

.wrap-Solution3 { width:100%; margin:60px auto; text-align:center; }
.wrap-Solution3 h2 { font-size:25px; font-weight: normal; ; line-height:40px; color:#333; }
.Solution3 { float:left; width:94%; margin:3%; box-shadow: 0px 0px 10px 0px rgba(4, 102, 189, 0.2); padding-top:20px; padding:50px 0; }
.Solution3 .icon { }
.Solution3 .icon img { width:80%; }
.Solution3 .desc { padding: 0px; }
.Solution3 .iline { background:url("/images/img-Solution-03line.png") no-repeat center; width:240px; height:10px; margin:30px auto; }
.Solution3 .desc h3 { color: #333333; font-size: 20px; line-height:100%; text-transform: uppercase; margin-top:30px; }

.wrap-xyfzs-box { width:100%; margin:20px auto; text-align:center; }
.wrap-xyfzs-box .tit-xyfzs { font-size:24px; font-weight: normal; ; line-height:30px; color:#333; }
.wrap-xyfzs { width:100%; margin:30px auto; }
.wrap-xyfzs ul { padding:0; zoom:1; }
.wrap-xyfzs ul:after { content:''; display:block; clear:both; }
.wrap-xyfzs li { float:left; text-align:center; width:96%; margin:2%; }

.wrap-Solution5 { width:100%; margin:60px auto; text-align:center; }
.wrap-Solution5 .tit-Solution5 { font-size:24px; font-weight: normal; ; line-height:30px; color:#111; }
.Solution5 { width:100%; margin:0px auto; }
.Solution5_item { float:left; width:96%; margin:20px auto; }
.Solution5_icon { float: left; margin-left:5%; width: 100px; height: 100px; border-radius: 50%; border: 2px dotted #c9ccd3; background-position: center center; background-repeat: no-repeat; }
.Solution5_txt { float: right; text-align:left; width:52%; }
.Solution5_txt01 { font-size: 16px; color: #333; padding-top: 8px; }
.Solution5_txt02 { font-size: 14px; color: #666; line-height: 22px; padding-top: 3px; padding-left: 3px; }
.enterprise { height:500px; background:url(../images/index/index_selbg.jpg) no-repeat center; overflow:hidden; }
.enterprise .num_list { padding-top:200px; float:left; }
.enterprise .num_list div { float:left; font-size:16px; color:#8592ab; margin-left:110px; position:relative; }
.enterprise .num_list div:after { content:""; display:block; position:absolute; top:0; right:-20px; width:17px; height:17px; background:url(../images/index/addjia.png) no-repeat; }
.enterprise .num_list div:first-child { margin-left:0; }
.enterprise .num_list div:nth-child(2):after {
right:25px;
}
.enterprise .num_list div h3 { font-weight: normal; color:#ff1613; font-family: 'rubik-regular'; letter-spacing:-3px; height:66px; font-size: 0; letter-spacing: -4px; }
.enterprise .num_list div em { font-size:57px; display:inline-block; vertical-align: top; letter-spacing: -3px; }
.enterprise .num_list div span { font-size:48px; color:#ff1613; letter-spacing: normal; }
.enterprise .num_list div gt { font-size:48px; color:#ff1613; letter-spacing: normal; }
.enterprise .text { width:367px; padding-top:175px; float:right; }
.enterprise .text h3 { font-size:32px; color:#4057d4; line-height:35px; }
.enterprise .text p { font-size:14px; color:#8592ab; margin-top: 20px; }

.banner_mianfeitoufang{background: url("/images/img-mianfeitoufang-01.jpg") top center no-repeat; padding-top:50px; padding-bottom:50px;}
.banner_mianfeitoufang h1{
	display:block;
	font-size:36px;
	line-height:50px;
	font-family:微软雅黑, 黑体, Arial;
}
.banner_mianfeitoufang h2{
	display:block;
	font-size:16px;
	font-weight:normal;
	margin:20px auto;
	width:70%;
	text-transform:uppercase;
	background:url(/images/HituxCMSNote/bg_in_title.png) no-repeat;
	background-position:center bottom;
}
.no-fx a {
	background:#0583F3;
	line-height:60px;
	text-align:center;
	display:block;
	padding-left:30px;
	padding-right:30px;
	width:260px;
	min-width:260px;
	height:60px;
	margin:30px auto;
	cursor:pointer;
	font-size:26px;
	color:#FFFFFF;
	border-radius:30px;
}
.no-fx a:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-color:#FF9900;
}

.mianfeitoufang_bg_01{background: #6E7275 url("/images/img-mianfeitoufang-03.jpg") center center no-repeat; min-height:300px; margin-top:30px; padding-top:30px; padding-bottom:30px;}

.anlizhanshi_bg_01{background: #313131 url("/images/img-anlizhanshi-01.jpg") center center no-repeat; min-height:320px; margin-top:0px; padding-top:10px; padding-bottom:30px;}

/*1_5图片集*/
.pictures1_5 {width:100%;}
.pictures1_5 a {width:49%;float:left;margin-right:2%;position:relative;margin-bottom:1.38rem;overflow:hidden;}
.pictures1_5 a img {width:100%;float:left}
.pictures1_5 a:nth-child(2n) {margin-right:0px;}
.pictures1_5 a:last-child {margin-right:0px;}
.pictures1_5 a span {position:absolute;bottom:0rem;left:0px;right:0px;font-size:1.0rem;color:#FFF; background:#000; padding:0.5rem 1rem;filter:alpha(opacity=55);-moz-opacity:0.55;-khtml-opacity: 0.55;opacity: 0.55; }

/*1_4图片集*/
.pictures1_4 {width:100%;}
.pictures1_4 a {width:49%;float:left;margin-right:2%;position:relative;margin-bottom:1.38rem;overflow:hidden;}
.pictures1_4 a img {width:100%;float:left}
.pictures1_4 a:nth-child(2n) {margin-right:0px;}
.pictures1_4 a:last-child {margin-right:0px;}
.pictures1_4 a span {position:absolute;bottom:0rem;left:0px;right:0px;font-size:1.0rem;color:#FFF; background:#000; padding:0.5rem 1rem;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}

/*1_3图片集*/
.pictures1_3 {width:100%;}
.pictures1_3 a {width:49%;float:left;margin-right:2%;position:relative;margin-bottom:1.38rem;overflow:hidden;}
.pictures1_3 a img {width:100%;float:left}
.pictures1_3 a:nth-child(2n) {margin-right:0px;}
.pictures1_3 a:last-child {margin-right:0px;}
.pictures1_3 a span { display:none;position:absolute;bottom:0rem;left:0px;right:0px;font-size:1.0rem;color:#FFF; background:#000; padding:0.5rem 1rem;filter:alpha(opacity=55);-moz-opacity:0.55;-khtml-opacity: 0.55;opacity: 0.55; }

/*1_2图片集*/
.pictures1_2 {width:100%; text-align:center;}
.pictures1_2 a {width:49%;float:left;margin-right:2%;position:relative;margin-bottom:1.38rem;overflow:hidden;}
.pictures1_2 a img {width:100%;float:left}
.pictures1_2 a:nth-child(2n) {margin-right:0px;}
.pictures1_2 a:last-child {margin-right:0px;}
.pictures1_2 a span { display:none;position:absolute;bottom:0rem;left:0px;right:0px;font-size:1.38rem;color:#000; background:#F08200; padding:0.5rem 1rem;}

/*适用场景*/
.changjing{margin:0 auto; padding-top:0rem; padding-bottom:0rem;}
.changjing ul{padding:0;zoom:1;}
.changjing ul:after{content:''; display:block; clear:both;}
.changjing li{float:left; text-align:center; width:50%;}
.changjing li:hover{ }
.changjing li a {display:block;}
.changjing li a i{display:block; width:110px; height:110px; margin:1rem auto;border-radius:100px;}
.changjing li a P{display:block; font-size:1.6rem; color:#FFF; line-height:2.2rem;}
.changjing li a span{display:block; height:5rem; font-size:1.1rem; font-family:Arial, Helvetica, sans-serif; font-weight:bold;color:#FFF;}
.changjing li a:hover P{ }
.changjing li a:hover span{ }

.changjing li .changjing_icon01 i{background: #FFFFFF url("/images/img-mianfeitoufang-cj-ico1.png") center center no-repeat;}
.changjing li .changjing_icon02 i{background: #FFFFFF url("/images/img-mianfeitoufang-cj-ico2.png") center center no-repeat;}
.changjing li .changjing_icon03 i{background: #FFFFFF url("/images/img-mianfeitoufang-cj-ico3.png") center center no-repeat;}
.changjing li .changjing_icon04 i{background: #FFFFFF url("/images/img-mianfeitoufang-cj-ico4.png") center center no-repeat;}
.changjing li .changjing_icon05 i{background: #FFFFFF url("/images/img-mianfeitoufang-cj-ico5.png") center center no-repeat;}
.changjing li .changjing_icon01:hover i{background: #D61C2A url("/images/img-mianfeitoufang-cj-ico1h.png") center center no-repeat;}
.changjing li .changjing_icon02:hover i{background: #E5B50D url("/images/img-mianfeitoufang-cj-ico2h.png") center center no-repeat;}
.changjing li .changjing_icon03:hover i{background: #96CA82 url("/images/img-mianfeitoufang-cj-ico3h.png") center center no-repeat;}
.changjing li .changjing_icon04:hover i{background: #B7AAD6 url("/images/img-mianfeitoufang-cj-ico4h.png") center center no-repeat;}
.changjing li .changjing_icon05:hover i{background: #F27966 url("/images/img-mianfeitoufang-cj-ico5h.png") center center no-repeat;}