/* top start*/
body, td, th { font-size: 1rem; line-height:1.6rem; color:#585858; }
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; }
em { font-style:normal; font-weight:normal;}
img { border:0; }
.gray { color:#666666; }
a { color:#585858; text-decoration:none; }
a:hover {text-decoration:none; color:#FF6400; }
a:active { text-decoration:underline; }
.LineLink a { text-decoration:underline; }
.LineLink a:hover { text-decoration:none; color:#FF6400; }
.ColorLink a { color:#FF6400; }
.ColorLink a:hover { color:#FF6400; }
.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%; }
.container01 { width:92%; margin:0 auto; }
.container01 img{ width:100%; margin:0 auto; }
.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:86%; 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:#FF6400; }
.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:#FF6400; }
.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%; 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:url(/images/HituxMobileImages/menu-button-bg.png) no-repeat center center; background-size:68%; }
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active { /*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:url(/images/HituxMobileImages/menu-button-bgh.png) no-repeat center center; background-size: 68%; }
.dl-menuwrapper ul { width: 94%; margin:0 auto; background:#FFF; min-height:100rem; 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: 10px 20px; font-size: 16px; line-height: 20px; font-weight: 300; color:#666; border-top:1px solid #EFEFEF; outline: none; }
.no-touch .dl-menuwrapper li a:hover { text-decoration:none; }
.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(255, 255, 255, 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:#FF6400; line-height:36px; text-align:center; width:80%; display:block; height:36px; cursor:pointer; font-size:14px; color:#FFF; border-radius:3px; margin:10px auto;}
#body .MoreLink a:hover { background:none; color:#FFF; text-decoration:none; background-color:#FF0000; }
/* 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; margin:auto; font-size:0.88rem; color:#888; background:#FFF; margin-top:80px; border-top:1px solid #F6F6F6;}
#footer a { color:#333; }
#footer .inner { max-width:640px; margin:auto; padding:20px 10px;}
#footer .inner .InnerLeft { }
#footer .inner .InnerRight { float:right; width:420px; }
#footer .inner .InnerRight .tel { height:50px; width:220px; padding-left:180px; font-size:24px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; }
#footer .inner p { line-height:1.88rem; color:#333;}
#footer .inner .BottomNav { width:100%; margin:auto; height:30px; line-height:30px; }
#footer .inner .BottomNav a { color:#FF6400; 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:#FF6400; 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 #FF6400; 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: #FF6400; 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; }

/*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 #FF6400; background:#fff; }
.qqkfbt { width:118px; height:20px; overflow:hidden; background:#FF6400; 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); display:none;}
.HituxBar_com_chat { max-width:640px;}
.HituxBar_com_chat ul li { float:left; width:33%;}
.HituxBar_com_chat ul li a { padding:0px; display:block; text-align:center; color:#FFF; font-size:16px; height:50px; line-height:50px; }
.HituxBar_com_chat ul .LiIcon1 {background: #FF6400 url("/images/m_b_icon1.png") no-repeat center left 10px;}
.HituxBar_com_chat ul .LiIcon2{	background: #FF6400 url("/images/m_b_icon2.png") no-repeat center left 10px; border-left:1px solid #3591FF; border-right:1px solid #3591FF;}
.HituxBar_com_chat ul .LiIcon3 {background: #FF6400 url("/images/m_b_icon3.png") no-repeat center left 10px;}

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

.wrap-box{ padding:5%; margin:0 auto;font-size: 14px; line-height: 27px; color: #666666;}

/* 栏目分类 */
.Navlist { padding:0px; background-color:#FFF;}
.Navlist ul { }
.Navlist ul li { position: relative; float:left; width:49.5%; margin-right:0%; z-index:1000; text-align:center; margin:0.25%;}
.Navlist ul li a { background-color:#F2F2F2; color:#333333; display: block; cursor:pointer; height:3rem; line-height:3rem; font-size:0.88rem; }
.Navlist ul li a:hover { color: #FFFFFF; background-color:#FF6400; text-decoration:none; }

/*图片页面*/
.tupianji { padding:30px 0 }
.tupianji li { float:left; width:96%; margin:2%; background-color:#fff; }
.tupianji li:hover { background-color:#0051A3; }
.tupianji li .pic { width:100%; overflow:hidden; display:block; }
.tupianji li .pic img { width:100%; height:auto; cursor: pointer; transition: all 1.5s; display:block }
.tupianji li:hover .pic img { transform:scale(1.0); }
.tupianji li .wenzi { text-align:center; font-size:12px; color:#333333; background-color:#F2F2F2; line-height:300%; white-space: nowrap; }
.tupianji li:hover .wenzi { color:#FF6400;}



/*内页标题*/
.t_neiye { text-align:center; margin:2rem auto;}
.t_neiye h1{display: block; font-weight:normal; font-size:1.38rem; line-height:2.6rem; color:#FF6400;text-transform:uppercase;}
.t_neiye h2{display: block; font-size:1.88rem; line-height:3rem; color:#333;}
.t_neiye h3{display: block; width:80px; height:3px; background:#FF9900; margin:1rem auto;}
.t_neiye p{display: block; margin:10px auto;}

/*关于*/
.ns_about { margin:2rem auto;}
.ns_about h3{display: block; font: normal 1.5rem/3.8rem "微软雅黑"; color:#FF6400;}
.ns_about h4{display: block; width:10.0rem; height:0.2rem; background:#FF6400;}
.ns_about p{display: block; font-size:1.0rem; line-height:2.25rem;}
.ns_about img{ width:100%;}
/*关于数量跳动*/
.row2 { background:#F3F4F6; padding: 2% 0; overflow: hidden; width:100%; margin:80px auto; }
.list-num { }
.list-num li { float: left; width: 100%; color: #0366BB; text-align: center; line-height: 2.2rem; margin:1rem auto;}
.list-num p { font-size: 1.5rem; height: 5rem; line-height: 2.2rem; color:#888; }
.list-num .timer { font-size:5rem; font-family:Impact; color: #FF6400; text-align: center; line-height: 1.2rem;}
.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: 1rem; font-family:Arial, Helvetica, sans-serif; }
.list-num h5 { font-size: 1rem; color:#888; font-family:Arial, Helvetica, sans-serif; }
.list-num sup { font-size: 2rem; color:#FF6400; position: relative; }
.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; }
/*=================发展理念==================*/
.ns_Culture{margin:0 auto; background-color:#FFFFFF; padding-top:2rem; padding-bottom:2rem;}
.ns_Culture ul{padding:0;zoom:1;}
.ns_Culture ul:after{content:''; display:block; clear:both;}
.ns_Culture li{float:left; text-align:center; width:96%; border-radius: 15px; background-color:#EFEFEF; margin:2rem auto;}
.ns_Culture li:hover{background-color:#FF6400; border-radius: 15px;}
.ns_Culture li a {display:block;}
.ns_Culture li a i{display:block; width:130px; height:130px; margin:1rem auto;}
.ns_Culture li a P{display:block; font-size:1.6rem; color:#333; line-height:3.6rem;}
.ns_Culture li a span{display:block; height:6rem; font-size:0.92rem;color:#666;}
.ns_Culture li a:hover P{color:#FFF;}
.ns_Culture li a:hover span{color:#FFF;}

.ns_Culture li .ns_Culture_icon01 i{background: url("/images/icon_C01.png") center center no-repeat;}
.ns_Culture li .ns_Culture_icon02 i{background: url("/images/icon_C02.png") center center no-repeat;}
.ns_Culture li .ns_Culture_icon03 i{background: url("/images/icon_C03.png") center center no-repeat;}
.ns_Culture li .ns_Culture_icon01:hover i{background: url("/images/icon_C01h.png") center center no-repeat;}
.ns_Culture li .ns_Culture_icon02:hover i{background: url("/images/icon_C02h.png") center center no-repeat;}
.ns_Culture li .ns_Culture_icon03:hover i{background: url("/images/icon_C03h.png") center center no-repeat;}

/*关于我们-大事记*/
.ns_history { clear:both; padding-top:2.6rem; border-top:1px solid #EFEFEF; margin-bottom:30px; }
.ns_history h1 { font-family:Arial, Helvetica, sans-serif; font-size:1.6rem; line-height:3.8rem; color:#333; float:left; }
.ns_history p { width:100%; float:left; font-size:1.06rem; line-height:3.68rem;}
.ns_history p span { color:#001EB4; padding-right:15px; }

/*产品列表*/
.prolist_con { width:100%; max-width:1620px; background:#FF6400; float:left; margin:40px auto; }
.prolist_L { float:left; width:25%;}
.prolist_L img { float:left; width:100%;}
.prolist_L a { color:#FFF; float:left; padding:50px 30px 50px 30px; }
.prolist_L a:hover h4 { color:#000; border:1px solid #000; }
.prolist_L h3 { text-align:justify; text-justify:inter-ideograph; color:#FFF; width:100%; float:left; font-size:1.1rem; line-height:3.0rem; font-weight:normal; }
.prolist_L p { text-align:justify; text-justify:inter-ideograph; color:#FFF; width:100%; float:left; font-size:0.95rem; line-height:2.0rem; }
.prolist_L h4 { text-align:center; text-justify:inter-ideograph; color:#FFF; border:1px solid #FFF; margin-top:0.95rem; padding-left:1rem; padding-right:1rem; float:left; font-size:0.8rem; line-height:2.0rem; font-weight:normal; }
.prolist_R { float:right; width:75%; overflow:hidden;}
.prolist_R img { width:100%;}
.prolist_con:nth-child(2n+1) { }
.prolist_con:nth-child(2n+1) .prolist_L {float:right;}
.prolist_con:nth-child(2n+1) .prolist_R {float:left;}

/*优势*/
.ysbg{ clear:both;}
.ys-num ul {float: left; text-align: center; width: 100%; margin-bottom: 80px;}
.ys-num ul li{float: left; text-align: center; width: 50%; padding: 35px 0 35px;}
.ys-num ul li:last-child{margin-right: 0}
.ys-num ul li .icon{ display:none;position: relative; width: 100px; height: 100px; background: #fff; border-radius: 50%; margin: 0 auto 40px;}
.ys-num ul li .icon:after{content: ''; position: absolute;top: -10px;left: -10px;width: 120px;height: 120px;border-radius: 50%;background: rgba(255,255,255,0.3);animation: twinkling 1s infinite ease-in-out;animation-fill-mode: both;}
.ys-num ul li img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}

@keyframes twinkling {
    0% {
        opacity: 0.2;
        transform: scale(1);
    }

    50% {
        opacity: 0.5;
        transform: scale(1.12);
    }

    100% {
        opacity: 0.2;
        transform: scale(1);
    }
}
.ys-num ul li span{color: #FF6400; font-size: 1rem; font-weight:bold; line-height: 2rem;}
.ys-num ul li abbr{font-size: 26px; font-family: arial; font-weight: bold;}
.ys-num ul li h2{display: block; font-size: 0.88rem; font-weight:normal; line-height: 150%; color: #FF6400;}

/* 间距 */
.mt2 { margin-top:2px; }.mr2 { margin-right:2px; }.mb2 { margin-bottom:2px; }.ml2 { margin-left:2px; }
.mt5 { margin-top:5px; }.mr5 { margin-right:5px; }.mb5 { margin-bottom:5px; }.ml5 { margin-left:5px; }
.mt10 { margin-top:10px; }.mr10 { margin-right:10px; }.mb10 { margin-bottom:10px; }.ml10 { margin-left:10px; }
.mt20 { margin-top:20px; }.mr20 { margin-right:20px; }.mb20 { margin-bottom:20px; }.ml20 { margin-left:20px; }
.mt30 { margin-top:30px; }.mr30 { margin-right:30px; }.mb30 { margin-bottom:30px; }.ml30 { margin-left:30px; }
.mt50 { margin-top:50px; }.mr50 { margin-right:50px; }.mb50 { margin-bottom:50px; }.ml50 { margin-left:50px; }
.mt80 { margin-top:30px; }.mr80 { margin-right:80px; }.mb80 { margin-bottom:80px; }.ml80 { margin-left:80px; }
.mt100 { margin-top:100px; }.mr100 { margin-right:100px; }.mb100 { margin-bottom:100px; }.ml100 { margin-left:100px; }
.mt150 { margin-top:150px; }.mr150 { margin-right:150px; }.mb150 { margin-bottom:150px; }.ml150 { margin-left:150px; }
.mt200 { margin-top:200px; }.mr200 { margin-right:200px; }.mb200 { margin-bottom:100px; }.ml200 { margin-left:200px; }
.mt250 { margin-top:250px; }.mr250 { margin-right:250px; }.mb250 { margin-bottom:250px; }.ml250 { margin-left:250px; }
/*统一设置背景的background-attchment属性*/ 
.article{ 
 width: 100%; 
 margin: 0 auto; 
 height: 50rem; 
 background-repeat: no-repeat; 
 background-attachment: fixed; 
 background-position: center center; 
 background-size: cover; 
} 
/*分别给每个部分设置不同的背景和颜色*/ 
.section1{ background-image: url("/images/image/20201125141334313431.jpg"); } 
.section2{ background-image: url("/images/shichaguodong02.jpg"); } 
.section3{ background-image: url("/images/shichaguodong03.jpg"); } 
.section4{ background-image: url("/images/shichaguodong04.jpg"); } 
.section5{ background-image: url("/images/shichaguodong05.jpg"); } 
.section6{ background-image: url("/images/shichaguodong06.jpg"); } 
.section7{ background-image: url("/images/shichaguodong07.jpg"); } 
.anim{ 
 -webkit-transition : all 1s ease-in; 
 -moz-transition : all 1s ease-in; 
 -ms-transition : all 1s ease-in; 
 transition : all 1s ease-in; 
 text-indent:3em; 
}


/*分页*/ 
.page{text-align:center;padding:48px 0px 68px 0px}
.page ul{width:100%;float:left;text-align:center}
.page ul li{display:inline-block;width:32px;height:32px;border-radius:10%;border:1px solid #e6e6e6;line-height:32px;color:#666666;margin:0px 4px;text-align:center}
.page li span,.page li a{width:100%;float:left; font-family:Arial, Helvetica, sans-serif;}
.page li:hover,.page li.active{border-color:#FF6400;background:#FF6400;color:#fff}
.page li:hover a,.page li.active a{color:#fff}

/*资讯详情*/ 
.ns_con_new { padding-top:4%; padding-bottom:6%; overflow:hidden; }
.ns_con_new .ns_tit{ font-size:2.0rem; line-height:5.0rem; font-weight:300; color:#333333; text-align:center; margin:0 auto;}
.ns_con_new .text{ font-size:1.06rem; line-height:2.8rem;}
.ns_con_new .text p{ font-size:1.06rem; line-height:2.8rem;}
/*内页图标*/
.ns_con_new .i_icon { width:100%; text-align:center; line-height:2.5rem;height:2.5rem; font-size:0.88rem; color:#8c8c8c; border-bottom:1px solid #eee; margin-bottom:1rem;}
.ns_con_new .i_icon .icon_pubtime { background:url("/images/HituxCMSNote/news_pubtime.png") no-repeat left center; padding:0 15px 0 18px; }
.ns_con_new .i_icon .icon_author { background:url("/images/HituxCMSNote/news_author.png") no-repeat left center; padding:0 20px; }
.ns_con_new .i_icon .icon_from_name { background:url("/images/HituxCMSNote/news_source.png") no-repeat left center; padding:0 15px 0 20px; }
.ns_con_new .i_icon .icon_hit { background:url("/images/HituxCMSNote/news_source.png") no-repeat left center; padding:0 15px 0 20px; }

.prenext { padding:10px 0px; margin-top:10px; color:#FF6400; }
.prenext ul li { font: normal 14px/32px "微软雅黑"; }
.prenext ul li a:hover { color:#FF6400;}


/*图片集*/
.ns_pictures {width:100%;}
.ns_pictures a {width:49%;float:left;margin-right:1%;position:relative;margin-top:2rem;overflow:hidden}
.ns_pictures a img {width:100%;float:left}
.ns_pictures a:nth-child(2n) {margin-right:0px;}
.ns_pictures a:last-child {margin-right:0px;}
/*.in_solution_con a:first-child{width:709px}*/
.ns_pictures a span {position:absolute;bottom:1rem;left:0px;right:0px;font-size:0.88rem;color:#FFF;padding:0 0.56rem}

/*更多图片集*/
.more_pictures {width:100%;}
.more_pictures a {width:33%;float:left;margin-right:0.5%;position:relative;margin-top:1rem;overflow:hidden;}
.more_pictures a img {width:100%;float:left}
.more_pictures a:nth-child(3n) {margin-right:0px;}
.more_pictures a:last-child {margin-right:0px;}
.more_pictures a span {position:absolute;bottom:0rem;left:0px;right:0px;font-size:1.38rem;color:#FFF; background:#000; text-align:center;padding:1rem;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; }

/*图片集一行两个*/
.Two_pictures {width:100%; text-align:center;}
.Two_pictures a {width:49%;float:left;margin-right:2%;position:relative;margin-bottom:3rem;overflow:hidden;}
.Two_pictures a img {width:100%;float:left}
.Two_pictures a:nth-child(2n) {margin-right:0px;}
.Two_pictures a:last-child {margin-right:0px;}
.Two_pictures a span {position:absolute;bottom:0rem;left:0px;right:0px;font-size:1.0rem;color:#FFF; background:#000; text-align:center;padding:0.3rem;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:100%;float:left;position:relative;margin-top:1rem;overflow:hidden;}
.pictures1_3 a img {width:100%;float:left}
.pictures1_3 a:nth-child(3n) {margin-right:0px;}
.pictures1_3 a:last-child {margin-right:0px;}
.pictures1_3 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_5图片集*/
.pictures1_5 {width:100%;}
.pictures1_5 a {width:100%;float:left;position:relative;margin-top:1rem;overflow:hidden;}
.pictures1_5 a img {width:100%;float:left}
.pictures1_5 a:nth-child(5n) {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; }

/* 首页关于我们 */
.about-box { width:100%; height:auto; padding:30px 0; }
.ab_fl { display:block; }
.ab_fl img { clear:both; width:100%; margin-top:30px; }
.ab_fr { }
.ab_fr h1 { display:block; color:#000; font-size:1.28rem; font-weight:normal; text-align:left; }
.ab_fr h2 { width:6rem; height:2px; background:#FF9900; margin-bottom:1rem; margin-top:1rem; text-align:left; }
.ab_fr p { margin-bottom:1rem; }
.ab_fr a { padding: 10px 25px; border:1px solid #E0DDDB; }
.ab_fr a:hover { color:#FF6400; border:1px solid #FF6400; }
/*客户案例*/
.customers { margin:0 auto; overflow:hidden; }
.customers ul { float:left; }
.customers li { float:left; text-align:center; width:50%;}
.customers li img { width:90%; margin:10px auto;}
.customers li p { font-size:12px;}

.menu,.tab-box{  width: 100%; height: 100%;  margin: 0 auto; background: #FF6400; text-align:center; }
.menu ul li{ /*height:45px; */line-height: 46px; font-size: 16px;  }
.menu ul li span{ display: block; height: 100%; width: 100%; position: relative; color:#FFFFFF;  }
.menu ul li span i{ display: block; height: 20px; width: 20px; background: url("/images/bg_nav_icon.png") no-repeat center center; background-size:80% 80%; position: absolute; right: 20px; top: 50%; margin-top: -10px;  transition: all 0.3s ease-out; transform: rotate(0deg);}
.menu ul li span i.action{ transition: all 0.3s ease-out;transform: rotate(180deg);}
.menu ul li>dl{ display: none; background: #F0F0F0; }
.menu ul li>dl a{ display: block; height: 100%; width: 100%; font-size: 14px; color: #2B2B2B; text-decoration: none; border-bottom:1px solid #FFF; }

/*案例列表页*/
.newsmore-list .ny-title{margin-bottom: 40px;}
.newsmore-list{margin: 50px 0}
.newsmore-list ul{width: calc(100% + 0%)}
.newsmore-list ul li{float:left; margin-right: 0%; margin-bottom: 3%; width: calc(100% / 1 - 3% - 4%); background: #fff; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1); padding: 2%;}
.newsmore-list ul li strong{display: block; font-size: 16px; line-height:32px; color: #333333; border-bottom: solid 1px #ebebeb;  margin-bottom: 6%; }
.newsmore-list ul li .pic img{display: block; width: 100%; margin-bottom: 5.5%}
.newsmore-list ul li p{margin-bottom: 6%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newsmore-list ul li em {display: none; color: #888888; font-family: arial;}
.newsmore-list ul li:hover strong,.news-left ul li:hover em{color: #1B3488;}



/*1_4图片集*/
.pictures1_4 {width:100%;}
.pictures1_4 a {width:49%;float:left;margin-right:2%;position:relative;margin-top:3rem;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;}

/*=================联系我们==================*/
.contact_sec1 h3 { font-size: 30px; color: #000000; margin-top: 50px; margin-bottom: 50px; text-align: center; }
.contact_sec1 ul li { width: 100%; text-align: center; padding: 15px 0; margin:10px 0;}
.contact_sec1 ul li .txt { text-align: center; }
.contact_sec1 ul li .txt h3 { margin:30px auto; width:64px; height:64px;}
.contact_sec1 ul li .txt h3 img{ width:100%;}
.contact_sec1 ul li .txt h4 { color: #000; margin-top: 6px; font: bold 20px/26px "Arial";}
.contact_sec1 ul li .txt h5 { color: #333; font-size:20px; font-weight:normal;}
.contact_sec1 ul li .txt h6 { color: #000; margin-top: 6px; font: normal 20px/28px "";}

/*=================服务项目==================*/
.TC_service{margin:0 auto; background-color:#FFFFFF; padding-top:2rem; padding-bottom:2rem;}
.TC_service ul{padding:0;zoom:1;}
.TC_service ul:after{content:''; display:block; clear:both;}
.TC_service li{float:left; text-align:center; width:100%; background:#F6F6F6; margin-bottom:30px; padding-bottom:1.16rem;}
.TC_service li:nth-child(2n) { background:#E7E7E7;}
.TC_service li:hover{background-color:#E42029;}
.TC_service li a {display:block;}
.TC_service li a i{display:block; width:100%; margin:0rem auto;}
.TC_service li a P{display:block; font-size:0.98rem; color:#333; line-height:3.6rem;}
.TC_service li a span{ width:80%; margin:0 auto; text-align:left;display:block; font-size:0.72rem;color:#666; overflow:hidden; line-height:1.38rem;}
.TC_service li a:hover P{color:#FFF;}
.TC_service li a:hover span{color:#FFF;}

.TC_service li .TC_service_icon01 i{background: url("/images/image/20211222095754045404.jpg") center center no-repeat;}
.TC_service li .TC_service_icon02 i{background: url("/images/image/20211222210076817681.jpg") center center no-repeat;}
.TC_service li .TC_service_icon03 i{background: url("/images/image/20211222211397159715.jpg") center center no-repeat;}
.TC_service li .TC_service_icon04 i{background: url("/images/icon_C04.png") center center no-repeat;}
.TC_service li .TC_service_icon05 i{background: url("/images/icon_C05.png") center center no-repeat;}
.TC_service li .TC_service_icon06 i{background: url("/images/icon_C06.png") center center no-repeat;}
.TC_service li .TC_service_icon07 i{background: url("/images/icon_C07.png") center center no-repeat;}
.TC_service li .TC_service_icon08 i{background: url("/images/icon_C08.png") center center no-repeat;}
.TC_service li .TC_service_icon09 i{background: url("/images/icon_C09.png") center center no-repeat;}
.TC_service li .TC_service_icon10 i{background: url("/images/icon_C10.png") center center no-repeat;}
.TC_service li .TC_service_icon01:hover i{background: url("/images/icon_C01h.png") center center no-repeat;}
.TC_service li .TC_service_icon02:hover i{background: url("/images/icon_C02h.png") center center no-repeat;}
.TC_service li .TC_service_icon03:hover i{background: url("/images/icon_C03h.png") center center no-repeat;}
.TC_service li .TC_service_icon04:hover i{background: url("/images/icon_C04h.png") center center no-repeat;}
.TC_service li .TC_service_icon05:hover i{background: url("/images/icon_C05h.png") center center no-repeat;}
.TC_service li .TC_service_icon06:hover i{background: url("/images/icon_C06h.png") center center no-repeat;}
.TC_service li .TC_service_icon07:hover i{background: url("/images/icon_C07h.png") center center no-repeat;}
.TC_service li .TC_service_icon08:hover i{background: url("/images/icon_C08h.png") center center no-repeat;}
.TC_service li .TC_service_icon09:hover i{background: url("/images/icon_C09h.png") center center no-repeat;}
.TC_service li .TC_service_icon10:hover i{background: url("/images/icon_C10h.png") center center no-repeat;}


/*=================产品图片==================*/
.product_wrap { margin:0 auto; clear:both; }
.product_wrap ul { padding:0; zoom:1; }
.product_wrap ul:after { content:''; display:block; clear:both; }
.product_wrap li {width:100%;float:left;margin-right:0%; margin-top:30px;position:relative; background-color:#F0F0F0; overflow:inherit; padding-bottom:2rem; }
.product_wrap li:nth-child(2n) {margin-right:0px;}
.product_wrap li:last-child { margin-right:0; }
.product_wrap li a { display:block; text-align:center; }
.product_wrap li img { width:100%; margin:0 auto; transition: all 1.5s; }
.product_wrap li a i { display:block; width:100%; margin:0px auto; margin-bottom:5px; }
.product_wrap li a h5 { font-size:16px; text-align:left; line-height:36px; height:36px; text-align:left; overflow:hidden; width:90%; color:#333; margin:0px auto; }
.product_wrap li a P { display:block; font-size:14px; font-weight: normal; line-height:3rem; text-align:left; overflow:hidden; width:90%; margin:0px auto; }