﻿@charset "utf-8";
/*
描述: cavan刺猬建站模版全局样式（手机版）
作者: guwj@35.cn
*/
/*common*/ 
body{ font-size:100%; font-family:Helvetica,Arial,'微软雅黑','Microsoft Yahei', 'Simsun', Tahoma, Geneva, sans-serif; color:#444; line-height:1; background:#f8f8f8; min-width:320px;
	-webkit-text-size-adjust:none; -ms-text-size-adjust:100%; /*字体缩放设置（横版竖版切换的缩放) none和100%*/}
h1, h2, h3, h4, h5, h6{ font-size:100%;}
form{ display: inline;}
img, object{ max-width:100%;}
img{ border:0; vertical-align: middle; -ms-interpolation-mode: bicubic;}/*解决可能出现图像失真现象*/
@media only screen and (min-width: 768px) and (max-width: 959px){ img{ max-width:100%}}
@media only screen and (max-width: 767px){ img{ max-width:100%}}
button, input, select, textarea{ font-size:100%; vertical-align:baseline; *vertical-align:middle; outline:none; margin:0; -webkit-appearance:none;}
button, input{ line-height:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"]{ cursor:pointer; -webkit-appearance:button; *overflow:visible}
input[type="checkbox"], input[type="radio"]{ box-sizing:border-box; padding:0}
input[type="search"]{ -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box}
input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none}
button::-moz-focus-inner, input::-moz-focus-inner{ border:0; padding:0}
figure, form, fieldset{ border:0; margin:0; padding:0}
label{ cursor:pointer}
.line-thr{ text-decoration:line-through;}
legend{ border:0; *margin-left:-7px; padding:0}
table{ border-collapse:collapse; border-spacing:0;}
table td{ vertical-align:top}
textarea{ overflow:auto; vertical-align:top; resize:vertical; /*resize:none;*/}
dfn,em,i{ font-style:italic;}
abbr,acronym{ border:0;}
pre{ font-family:'Microsoft Yahei', 'Simsun', Tahoma, Geneva, sans-serif; color:#444; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; word-break:normal; line-height:1.6; text-align:left; _overflow:hidden; *display:inline; -webkit-text-size-adjust:none; margin:0; padding:0;}
img,button,.ui-btn{ /*-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;  -khtml-user-select: none;  user-select: none;*/}/*禁止文本被选择*/

body, pre,h1,h2,h3,h4,h5,h6{ /*font-size:18px;*/}
a{ /*-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; transition:all 0.2s ease*/ text-decoration:none;}
a:visited{ text-decoration:none;}
a.ui-btn:active, a.ui-focus, .AttentnCompon li a{ text-decoration:none;}
.clearfix:after, .header-in:after, .com-content:after, .content .wrap:after, .datalist:after{ content:""; visibility:hidden; height:0; display:block; font-size:0; clear:both;}
.clearfix{ zoom:1;}
q:before,q:after{ content:'';}
.l{ float:left; display:inline;}
.r{ float:right; display:inline;}
.hide,.hidden{ display:none;}
.clear{ clear:both; height:0; overflow:hidden;}
.ui-body-c, .ui-overlay-c{ text-shadow:0 0 0;}
.ft-star{ color:#f00; font-family:"宋体"; font-size:98%; margin-right:2px;}

/*图标*/
.icon .icon-txt{ display:none;}
.icon{ background-image:url(../images/icons.png); background-repeat:no-repeat; display:inline-block;}
/*.ico-back{ background-size:0 0; width:24px; height:22px;}
.ico-morelk{ background-position:0 -70px; width:24px; height:22px;}
.ico-homelk{ background-position:0 -140px; width:24px; height:22px;}
.ico_arrow2{ background-position:0 -250px; width:16px; height:10px;}
.open .ico_arrow2{ background-position:0 -210px;}
*/
.ico-back{ background-image:url(../images/icon_back.png); background-size:24.5px 21px; width:24.5px; height:21px;}
.ico-morelk{ background-image:url(../images/icon_morelink.png); background-size:20.5px 14px; width:20.5px; height:14px;}/*1.0版的更多菜单*/
.ico-morelk-all{ background-image:url(../images/icon_morelink2.png); background-size:24.5px 19px; width:24.5px; height:19px;}/*左侧所有菜单*/
.ico-morelk-type{ background-image:url(../images/icon_morelink3.png); background-size:13.5px 22px; width:13.5px; height:22px;}/*右侧更多类别菜单*/

.ico-homelk{ background-image:url(../images/icon_home.png); background-size:24px 22px; width:24px; height:22px;}
/*.ico_arrow2{ background-image:url(../images/icon_arrow_d2.png); background-size:22px 13px; width:22px; height:13px;}
.open .ico_arrow2{ background-image:url(../images/icon_arrow2.png);}*/

.ico_arrow2{ background-position:0 -250px; width:16px; height:10px;}
.open .ico_arrow2{ background-position:0 -210px;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{ display:block}

/* 外围结构
-----------------------------------------------------------------------------*/
#page{ width:100%; overflow:hidden; margin:0 auto;}

/*新用户引导层*/
.mask_guide, .guide{ position:absolute; z-index:1001;}
.mask_guide{ top:0; right:0; bottom:0; left:0; height:100%; background-color:rgba(0,0,0,0.8);}
.guide{ top:0; background-repeat:no-repeat;}
.guide1{ left:0; width:220px; height:105px; background-image:url(../images/guide_1.png); background-size:220px 105px;}
.guide2{ right:0; width:220px; height:120px; background-image:url(../images/guide_2.png); background-size:220px 120px;}

/* header
-----------------------------------------------------------------------------*/
#Header, .ui-panel-animate.ui-panel-content-wrap > .ui-header{ /*box-shadow:0 0 5px rgba(0,0,0,0.25); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.25);*/ z-index:1000;}
#Header, #menuNav, .menuNav, .menuNav .ui-bar-b{ background-color:transparent; background-image:none; border-top:0 none; border-bottom:0 none !important;}
.header-inner{ height:80px; overflow:hidden;}
.logo{ overflow:hidden; height:80px; display:table; /*display:table-row;*/ *display:block;}
.logo h1{ margin:0; padding:0; font-size:0; overflow:hidden; display:table-cell; height:80px; *float:left; *display:block; *font-size:66px; vertical-align:middle; *vertical-align:baseline;}
.logo img{ max-width:none !important;}
.logo span{ font-weight:normal; font-family:"微软雅黑","黑体"; font-size:1.6em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 
	display:table-cell; *display:block; padding:0 0 0 5px; *padding:23px 0 0 5px; height:80px; line-height:80px; *line-height:normal; *vertical-align:baseline;}
.logoCenter{ margin:0 auto;}
.logoRight{ float:right;}

.menuNav{ position:relative;}
.menuEditBtn{ position:absolute; top:-4px; right:0; background-image:url(../images/icon_sprite.png); background-repeat:no-repeat; width:34px; height:70px; z-index:1; cursor:pointer;}
.menuEditBtn_hide{ background-position:-35px 0;}
.menuEditBtn_show{ background-position:0 0;}

/*顶部--返回与更多菜单*/
.backBox, .topfixBox{ position:relative; min-height:2em; overflow:hidden;}
.backBox h3, .topfixBox h3{ text-shadow:0 0 0; font-weight:normal; text-align:center; font-size:100%; font-family:'微软雅黑','Microsoft Yahei', 'Simsun', Tahoma, Geneva, sans-serif; margin:0.35em 19%; padding:0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; outline:0!important; line-height:3em;}
.backBox .bd, .topfixBox .bd{ position:absolute; top:50%; margin-top:-15px; border:1px solid rgba(0,0,0,0.18); box-shadow:inset 0 0 1px rgba(255,255,255,0.5); text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:40px; height:25px; padding-top:5px;}
.backBox .backLink, .topfixBox .backLink{ left:0.5em;}
.backBox .morelink, .backBox .homelink, .backBox .morelk-type,
.topfixBox .morelink, .topfixBox .homelink, .topfixBox .morelk-type{ right:0.5em; height:21px; padding-top:9px;}
.backBox .morelk-all, .topfixBox .morelk-all, .topfixBox .morelink{ left:0.5em; right:auto; height:21px; padding-top:9px;}
.backBox .homelink, .topfixBox .homelink{ padding-top:4px; height:26px;}
.backBox .morelk-all, .topfixBox .morelk-all{ padding-top:7px;}
.backBox .morelk-type, .topfixBox .morelk-type{ padding-top:5px; width:24px;}
.backBox a em, .topfixBox a em{ display:none;}

/*更多菜单 在左侧*/
.topfixBox .bd{ border:0 none; box-shadow:0 0 0; border-radius:0;}
.topfixBox .ui-btn-active{ background-color:transparent; background-image:none;}

/*------------navbar 导航菜单-------------*/

/*菜单类别一*/
.navbar a,.navbar a:link, .navbar a:visited, .navbar a:hover{ text-decoration:none!important;}
.navbar ul{ margin:0; padding:0; list-style:none;}
.navbar li{ float:left; line-height:1.1;}
.navbar li a b, .navbar li a i{ display:none;}
.navbar li a strong{}
.ui-navbar li .ui-btn .ui-btn-inner{ padding-left:3px; padding-right:3px;}

/*菜单类别二--图标列表菜单*/
.navbar_icon{ padding-top:0.65em; padding:0.65em 0.6em 0.8em; border-top:0 !important; border-bottom:0 none !important;}
.navbar_icon li{ width:25%; margin-bottom:3.2%;}
.navbar_icon li a{ display:block; line-height:1; padding:0 0.3em; text-shadow:0 0 0;}
.navbar_icon li a b{ display:block; width:100%; text-align:center; min-height:70px; line-height:70px;}
.navbar_icon li a b img{ max-height:70px; vertical-align:bottom;}
.navbar_icon li a strong{ color:#363636; font-size:14px; font-weight:normal; display:block; width:100%; text-align:center; /*min-width:.75em;*/ padding:4px 0 0.5em; position:relative; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; zoom:1;}

/*菜单类别三--竖向排列*/
.navbar_vertical{ border-top:0 !important; border-bottom:0 none !important;}
.navbar_vertical li{ float:none; border-bottom:1px solid #cfd3c8;}
.navbar_vertical li:last-child{}
.navbar_vertical li a{ display:block; padding:.9em 1.6em .9em .6em; position:relative; border-top:1px solid #f9faf7; border-bottom:1px solid #f9faf7; line-height:1;}
.navbar_vertical li a b, .navbar_vertical li a i, .navbar_vertical li a b, .navbar_vertical li a strong{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.navbar_vertical li a b{ margin-right:.8em; width:46px; height:46px; line-height:46px; text-align:center;}
.navbar_vertical li a strong{ font-size:16px; font-weight:normal;}
.navbar_vertical li a b img{ max-height:46px; vertical-align:middle;}
.navbar_vertical li a i.ico_arrow{ position:absolute; top:50%; right:0.8em; background:url(../01/images/ico_v_arrow.png) no-repeat 0 0; width:12px; height:14px; margin-top:-7px; *font-size:40px;}

/*菜单类别四--图标列表菜单*/
.navbar_icon_min{ padding-top:0.65em; padding:0.65em 0.6em 0.8em; border-top:0 !important; border-bottom:0 none !important;}
.navbar_icon_min li{ width:20%; margin-bottom:3.2%;}
.navbar_icon_min li a{ display:block; line-height:1; padding:0 0.3em; text-shadow:0 0 0;}
.navbar_icon_min li a b{ display:block; width:100%; text-align:center; min-height:42px; line-height:42px;}
.navbar_icon_min li a b img{ vertical-align:middle;}
.navbar_icon_min li a strong{ font-size:14px; font-weight:normal; display:block; width:100%; text-align:center; /*min-width:.75em;*/ padding:4px 0 0.5em; position:relative; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; zoom:1;}

/*固定首页- 菜单类别--图标列表菜单*/
.navbarFix{ padding-top:0.65em; padding:0.65em 0.6em 0.8em; border-top:0 !important; border-bottom:0 none !important;}
.navbarFix li{ width:25%; /*margin-bottom:3.2%;*/}
.navbarFix li a{ display:block; line-height:1; padding:0 0.3em; text-shadow:0 0 0;}
.navbarFix li a b{ display:block; width:100%; text-align:center; min-height:70px; line-height:70px;}
.navbarFix li a b img{ max-height:70px; vertical-align:bottom;}
.navbarFix li a strong{ color:#363636; font-weight:normal; display:block; width:100%; text-align:center; /*min-width:.75em;*/ padding:4px 0 0.5em; position:relative; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; zoom:1;}

/*更多菜单*/
.ui-panel{ /*-webkit-transform: translate3d(0,0,0);*/}
.moreMenu{ margin:0; padding:0;}
.moreMenu ul{ margin:0; padding:0; list-style:none;}
.moreMenu ul a, .moreMenu .ui-btn-inner{ text-decoration:none; font-size:0.85em;display: block;}/*dddddddddddddddddd display: block; dddddddddddddddd*/
.tree_title{ display:none;}
.tree li.open{ }
.homeFix .tree_parent, .homeFix .tree_parent:hover{ background:url(../images/home_fix.png) no-repeat 18px center; text-indent:26px;}
.homeFix .tree_parent a{ display:block; text-indent:-999em;}
.tree_parent{ position:relative; border-top: 1px solid #494B4D;
border-bottom: 1px solid #212325; cursor:pointer; padding:0.6em 30px 0.6em 15px;
	background-color:#dedede;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#353739), to(#353739));
	background-image:-webkit-linear-gradient(#353739, #fdb812);
	background-image:-moz-linear-gradient(#353739, #353739);
	background-image:-ms-linear-gradient(#353739, #353739);
	background-image:-o-linear-gradient(#353739, #353739);
	background-image:linear-gradient(#353739, #353739);
}
.tree_parent:hover, .tree_parent:active, .open .tree_parent{
	background-color:#d1d1d1;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#353739), to(#353739));
	background-image:-webkit-linear-gradient(#353739, #353739);
	background-image:-moz-linear-gradient(#353739, #353739);
	background-image:-ms-linear-gradient(#353739, #353739);
	background-image:-o-linear-gradient(#353739, #353739);
	background-image:linear-gradient(#353739, #353739);
}
.tree_parent a .ico_premenu{ display:none;}
.tree_parent a .ico_arrow2{ position:absolute; top:0.7em; right:20px;}
.tree_parent a{ color:#fff; line-height:1.6;}
.tree_parent .parent_icon{ position:absolute; top:50%; margin-top:-8px; right:8px;}
.open .tree_parent .parent_icon{ margin-top:-9px;}

.tree_sub{ background-color:#fafafa;}
.tree_sub a{ border-bottom:1px solid #d6d6d6; color:#5f5c5c; display:block; padding:0.7em 10px 0.7em 39px;}
.tree_sub3 a{ padding-left:63px;}

/* footer
-----------------------------------------------------------------------------*/
#Footer{ border-bottom:0 none; background-image:none; font-weight:normal;}
.footer-shadow{ height:4px; overflow:hidden;}
.footer-in{ padding:1em 0; text-align:center; line-height:1.8; font-size:1em; word-wrap:break-word; word-break:break-all; overflow:hidden;}
.ui-header .ui-title, .ui-footer .ui-title{ margin-left:8%; margin-right:8%;}

/* content 主内容
-----------------------------------------------------------------------------*/
.ui-content{ padding:0; min-height:250px;}

/*---------- -组件-公用--------------*/
.com-bindtitcon{ position:relative;}
.com-content{ padding-bottom:1em;}
.com-content .img{ text-align:center;}
.com-content .img img{ vertical-align:top;}
.combox .text{ padding:1.1em 1.5em 0.5em; line-height:1.8;}
.combox .text p{ margin:0; padding:0; line-height:1.6;}

/*文本内的标题*/
.text-tit{ margin:0; padding:0; line-height:1.8;}

/*标题 -组件*/
.com-title{ /*overflow:hidden;*/}
.com-title h3{ font-weight:normal; font-size:1em; margin:0; padding:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*单个图片 -组件*/
.com-img{ /*padding-top:1.1em;*/}

/*上图片+下文本 -组件*/
.com-img-text .img{ overflow:hidden;}

/*左图片+右文本 -组件 & 右图片+左文本 -组件*/
.com-leftimg-rtext, .com-rimg-lefttext{ /*display:table;*/ width:100%;}
.com-leftimg-rtext .img, .com-leftimg-rtext .text,
.com-rimg-lefttext .img, .com-rimg-lefttext .text{ display:table-cell; float:left;}

.com-leftimg-rtext .img, .com-rimg-lefttext .img{ border-bottom-width:0 !important; padding-top:1.15em; padding-left:2.5%; width:30%;}
.com-rimg-lefttext .img{ padding-right:2.5%;}
.com-leftimg-rtext .text, .com-rimg-lefttext .text{ padding-left:1em; padding-right:1em; width:70%;}
.com-leftimg-rtext .img, .com-rimg-lefttext .img,
.com-leftimg-rtext .text, .com-rimg-lefttext .text{ -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/*标题+文本+图片 -组件*/
.com-img-tit-text .img{ padding-top:1em;}
.text .img{ margin-bottom:1em;}

/*项目符号列表 -组件*/
.com-bullet .circleUL, .decimalUL, .discUL, .squareUL, .alphaUL, .romanUL{ list-style-position:inside; margin:1em 0.5em; padding:0; line-height:1.8; zoom:1;}
.circleUL{ list-style-type:circle;}
.decimalUL{ list-style-type:decimal;}
.discUL{ list-style-type:disc;}
.com-bullet .discUL{ list-style:none;}
.squareUL{ list-style-type:square;}
.alphaUL{ list-style-type:upper-alpha;}
.romanUL{ list-style-type:upper-roman;}

.com-bullet .discUL a, .circleUL a, .decimalUL a, .discUL a, .squareUL a, .alphaUL a, .romanUL a, .ui-body-c .ui-link{ font-weight:normal;}
.com-bullet .discUL li, .circleUL li, .decimalUL li, .discUL li, .squareUL li, .alphaUL li, .romanUL li{ border-bottom:1px dotted #9d895f; padding:3px 0 3px 2.2em;}
.circleUL li, .decimalUL li, .discUL li, .squareUL li, .alphaUL li, .romanUL li{ padding-left:1.2em;}

/*图片轮换 -组件*/
.com-rotate-pic{ margin:1.1em auto; overflow:hidden; position:relative; zoom:1;}
.icon_num{ position:absolute; bottom:6px; right:8px; margin:0; padding:0; z-index:5;}
.icon_num a, html body #Container #Body .content .icon_num a{ float:left; background:#340031; border:1px solid #000; color:#ffffff !important; font-family:Arial, Helvetica, sans-serif,"宋体", simsun; font-size:10px; width:15px; height:11px; line-height:11px; list-style:none; text-align:center; cursor:pointer; padding:0; margin:0; margin-right:3px; text-decoration:none;}
.icon_num a:hover, .icon_num a.activeSlide, html body #Container #Body .content .icon_num a:hover, 
html body #Container #Body .content .icon_num a.activeSlide{ background-color:#ae0000; border-color:#d70000; color:#ffffff !important;text-decoration:none;}

.imgSlideMain{ clear:both; overflow:hidden; width:320px; height:150px; margin:0 auto; position:relative;}
.imgSlide{ clear:both;}
.imgSlide ul{ margin:0; padding:0; list-style:none;}
.imgSlide li{ overflow:hidden; /*width:320px;*/ position:relative}
.imgSlide li a{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.navSlideBox{ position:absolute; display:block; bottom:5px; left:0; width:100%; height:15px; /*text-align:right;*/ text-align:center; font-size:14px; line-height:1;}
.navSlide{ position:static; margin:0 auto; /*padding:0 6px 0 0;*/ padding:0; height:15px; display:inline-block; text-align:left;}
.navSlide .i_point{ text-indent:-9999em; width:8px; height:8px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#092237; overflow: hidden; /*float:left;*/ display:inline-block; -moz-opacity:.5; opacity:.5; margin:0 3px;}
.navSlide .active{ background:#fff; -moz-opacity: .8; opacity: .8;}

/*图片列表 -组件*/
.com-multipic{ padding:1em 0 1em 1em;}
.multipicwrap{ width:100%; overflow:hidden;}
.com-multipic .imglist{ width:100%;}
.com-multipic .imglist div{ float:left; display:inline; margin-right:3.5%; margin-bottom:10px; height:70px; width:45.5%; overflow:hidden; text-align:center;}
.com-multipic .imglist div img{ max-height:100%;}
.com-multipic .imglist div a img{ height:auto;}

/*关注我们 -组件*/
.AttentnCompon{ /*border:1px solid red;*/ padding:1.3em 0 1em 1em;}
.AttentnCompon ul{ list-style:none; margin:0; padding:0;}
.AttentnCompon li{background: url(../images/atte-bg.png) no-repeat left top; float:left; height:38px; width:121px; margin:0 0.7em 0 0.3em; }
.AttentnCompon li a{background: url(../images/atte-ico.gif) no-repeat; display:block; padding-left:40px; line-height:33px; margin-left:10px; font-size:0.8em; color:#343434;}
.AttentnCompon li a,.AttentnCompon li a:hover,.side .AttentnCompon li a,.side .AttentnCompon li a:hover{ color:#000; text-decoration:none;}
.AttentnCompon li .attent-sina{ background-position:left 2px;}
.AttentnCompon li .attent-baidu{ background-position:left -155px;}
.AttentnCompon li .attent-tencent{ background-position:left -38px;}
.AttentnCompon li .attent-renren{ background-position:left -78px;}
.AttentnCompon li .attent-douban{ background-position:left -190px;}
.AttentnCompon li .attent-kaixin{ background-position:left -222px;}
.AttentnCompon li .attent-taobao{ background-position:left -254px;}
.AttentnCompon li .attent-163{ background-position:left -118px;}
.AttentnCompon li .attent-sohu{ background-position:left -366px;}
.AttentnCompon li .attent-tianya{ background-position:left -291px;}
.AttentnCompon li .attent-qq{ background-position:left -331px;}

/*更多 -组件*/
.more .ui-btn-corner-all{ -webkit-border-radius:0.38em; -moz-border-radius:0.38em; border-radius:0.38em; line-height:22px;}
.more .ui-btn .ui-btn-inner{ border-bottom-color:#f2f2f2; padding: 0.37em 20px}
.more .ui-btn-up-c {
	border:1px solid #b3b3b3; font-weight:700; color:#616161; text-shadow:0 1px 0 #fff;
	background:#efefef;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#efefef));
	background-image:-webkit-linear-gradient(#f9f9f9, #efefef);
	background-image:-moz-linear-gradient(#f9f9f9, #efefef);
	background-image:-ms-linear-gradient(#f9f9f9, #efefef);
	background-image:-o-linear-gradient(#f9f9f9, #efefef);
	background-image:linear-gradient(#f9f9f9, #efefef)
}
.ui-btn-up-c:visited, .ui-btn-up-c a.ui-link-inherit{ color:#2f3e46}
.more .ui-btn-hover-c {
	border:1px solid #b3b3b3; font-weight:700; color:#5e5f60;	text-shadow:0 1px 0 #fff;
	background:#e5e5e5;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
	background-image:-webkit-linear-gradient(#f5f5f5, #e5e5e5);
	background-image:-moz-linear-gradient(#f5f5f5, #e5e5e5);
	background-image:-ms-linear-gradient(#f5f5f5, #e5e5e5);
	background-image:-o-linear-gradient(#f5f5f5, #e5e5e5);
	background-image:linear-gradient(#f5f5f5, #e5e5e5)
}
.ui-btn-hover-c:visited, .ui-btn-hover-c:hover, .ui-btn-hover-c a.ui-link-inherit{ color:#2f3e46}
.more .ui-btn-down-c {
	border:1px solid #b3b3b3; font-weight:700; color:#222; text-shadow:0 1px 0 #fff;
	background:#f5f5f5;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#f5f5f5));
	background-image:-webkit-linear-gradient(#e5e5e5, #f5f5f5);
	background-image:-moz-linear-gradient(#e5e5e5, #f5f5f5);
	background-image:-ms-linear-gradient(#e5e5e5, #f5f5f5);
	background-image:-o-linear-gradient(#e5e5e5, #f5f5f5);
	background-image:linear-gradient(#e5e5e5, #f5f5f5)
}
.ui-btn-down-c:visited, .ui-btn-down-c:hover, .ui-btn-down-c a.ui-link-inherit{ color:#2f3e46}
.more .ui-focus, .more .ui-btn:focus{ -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0;}

/*二维码链接 -组件*/
.twodcode_img_box{ padding:1em 1em .5em; text-align:center;}

/*手机安装包下载 -组件*/
.appdownzone{ padding:1em;}
.appdown_tag div{ height:26px; line-height:26px;}
.appdown_tag div span{ font-size:120%;}
.appdown_tagcon{ margin:0; padding:16px 0 0; zoom:1;}
.appdown_box, .content_appdown p{ margin:0; padding:0;}
.appdown_box li{ /*float:left; display:inline; */padding:0 8% 13px 0; position:relative; list-style:none;}
.appdown_box li.li_last_appdown{ padding-right:0;}
.appdown_box li .icon{ margin-right:5px;}
.appdown_box li a{ outline:none; text-decoration:underline; white-space:nowrap;}
.appdown_box .icon, .appdown_pop .ico_corner{ background-image:url(../images/ico_sprite_login.png); display:inline-block; background-repeat:no-repeat; vertical-align:middle;}
.appdown_box .ico_phone{ background-position:-37px 0; width:25px; height:25px;}
.appdown_box .ico_2dcode{ background-position:-79px 0; width:25px; height:25px;}

/*搜索组件*/
.searchzone{ margin:1em 0; padding-left:.7em; padding-right:.8em; border-bottom:0;}
.searchzone .ui-btn-corner-all{ -webkit-border-radius:.38em; -moz-border-radius:.38em; border-radius:.38em}
.ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text, .ui-field-contain .ui-input-search, .ui-field-contain div.ui-input-text{ }
.searchzone .ui-field-contain{ margin:0; padding:0;}
.searchzone .td_input{ width:100%;}
.btndiv .ui-submit{ margin:0 0 0 8px;}
@media all and (min-width:28em){.searchzone .ui-input-search{ width:100%;}}

/*地图组件*/
.com-googlemap{ padding-bottom:2px;}
.googlemap{ padding:.8em 15px; text-align:center;}

/*广告位组件*/
.ad_wrap{ padding:.8em 1em;}

/*新闻组件*/
.com-news{ padding:0.8em 1em;}

/*- 内页
-----------------------------------------------------------------------------*/
.content .wrap{ padding-bottom:1.5em;}

/*标签块菜单-滑动*/
.bar_nav{ clear:both; overflow:hidden; position:relative; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none; padding:3px 0 0 .7em;}
.bar_nav ul{ float:left; height:40px; margin:0; padding:0; list-style:none; clear:both; overflow:hidden; *zoom:1;}
.bar_nav ul li{ float:left; cursor:pointer; height:32px; line-height:32px; padding:0 8px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:.96em;}
.bar_nav .moretags{ float:left; height:32px; line-height:32px; font-size:101%; padding:0 8px;}
.bar_nav .moretags, .bar_nav .moretags:hover, .bar_nav .moretags:active{ text-decoration:none !important; border:0; background-image:none !important; background-color:transparent; outline:none;}

.nav_content_list .nav_content_item{ overflow:hidden; vertical-align:top;}
.nav_content_in{ padding:1.5em 1em;}

.nav_allcontent_item .load_more{ display:none;}

/*搜索结果*/
.search_rs{ padding-top:6px;}
.rs_msg{ margin-bottom:0.35em;}
.nav_allcontent_item .rs_msg{ margin-bottom:1em;}

/*数据列表--产品数据列表&新闻列表&招聘列表&*/
.listzone table td{ vertical-align:baseline;}
.listzone .load_more{ display:none;}
.datalist{ clear:both; *zoom:1; margin:0; padding:0; list-style:none;}
.datalist strong.hilite_s{ font-weight:normal;}
.datalist li, .datalist .prd_cell{ padding:1.15em 0; border-bottom:1px solid #ddd;}
.nav_allcontent_item .datalist li{ padding:0.7em 0;}
.datalist li:last-child, .nav_allcontent_item .datalist li{ border-bottom:0;}
.datalist li a{ text-decoration:none;}
.datalist li .li_cell_tit{ font-size:100%; line-height: 1.5;}
.datalist li .time, .datalist .li_cell_con{ color:#9c9c9c;}
.datalist li .time{ font-size:90%; padding-top:7px;}

/*搜索无内容*/
.search_rs_none{ text-align:center;}
.rs_none_img{ margin:0 75px;}
.ico_face1{ background:url(../images/ico_face1.png) no-repeat 0 0; width:79px; height:80px; background-size:50% auto;}
@media only screen and (min-width: 768px){ .ico_face1{ background:url(../images/ico_face1.png) no-repeat 0 0; width:158px; height:159px;}}

/*产品页面
------------------------------------------------------------------*/
/*广告位*/
.ad_zone{ display:none;}

.wrap_product .listzone{ padding-top:1em;}

/*产品图片文本列表*/
.datalist_prd .time, .datalist_img .time{ display:none;}
.nav_allcontent_item .datalist_prd{ border-width:1px 0; border-style:solid; border-color:#dfdfdf; padding:0.5em 0;}
.prd_cell .info h3, .prd_cell .info p{ display:block; padding:8px 0 0; margin:0;}
.prd_cell .info p{ padding-top:6px; line-height:1.4;}

/*产品列表-图片在文本左侧*/
.datalist_prd1 .prd_cell .pic{ float:left;}
.datalist_prd1 .prd_cell .pic img{ max-width:125px; max-height:125px;}
.datalist_prd1 .prd_cell .info{ margin-left:135px;}

/*产品列表-图片在文本上方*/
.datalist_prd2 .prd_cell .pic{ float:none;}
.datalist_prd2 .prd_cell .info{ margin-left:0;}

/*产品详细页*/
.wrap_productdetail .nav_content_in{ padding-bottom:0.3em;}
.prd_summary{ /*background-color:#F4F4F4;*/ padding-bottom:25px;}
.morehilite{ color:#f60;}
.important_info{ padding:5px 10px 0;}
.important_info .prdtitle{ margin:0; padding:0 0 5px; line-height:1.4; font-size:110%;}
.important_info th{ min-width:36px; padding-right:5px; white-space:nowrap; text-align:right; font-weight:normal;}
.important_info td{ height:25px; line-height:25px; padding:0 0 0 2px;}
.prd_pics_box{ padding:1em 0;}
.prd_detail{}
.prd_tit{ border-bottom:1px dashed #d5d5d5; padding:0.2em 0 15px 5px; margin-bottom:1em;}
.prd_tit h2{ font-size:120%; margin:0; padding:0;}
.prd_tit .time{ color:#9c9c9c; padding-top:8px;}
.prd_con, .prd_attribute{ line-height:1.6; padding-left:.2em;}
.prd_con p, .prd_attribute p{ margin:0 0 1em; padding:0;}

/*产品列表页*/
.listzone{ padding:1em 1em 0;}
.datalist_img{ text-align:center;}
.datalist_img .li_cell_tit{ padding-top:8px;}

.load_more{ clear:both; overflow:hidden; padding:8px; margin-top:10px;}
.load_more a{ -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; color:#909090; display:block; text-align:center; text-decoration:none; border: 1px solid #dedede; height: 30px; line-height:30px; font-size:14px; background: -webkit-linear-gradient(top, #efefef, #e4e4e4); /* Chrome */
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#e4e4e4)); /* for older webkit (android2.3-, ios4-) */
	background: -moz-linear-gradient(top, #efefef, #e4e4e4); /* FF */
	background: -ms-linear-gradient(top, #efefef, #e4e4e4); /* IE10 */
	background: linear-gradient(top, #efefef, #e4e4e4);/* 全部 */}
	
/*新闻列表页*/
.datalist_news li a{ display:block;}
.datalist_news .li_cell_con{ padding-top:6px; line-height:1.5;}
	
/*新闻详细页*/
.news_detail{ padding:1em 1em 0;}	

/*翻页*/
.pages span{ vertical-align:middle;}
.btndisabled{ cursor:default;}
.btndisabled,.btndisabled:focus{ -moz-box-shadow:0 0 0 !important; -webkit-box-shadow:0 0 0 !important; box-shadow:0 0 0 !important;}

/* 头部菜单-在左侧
-------------------------------------------------------------------------------------------------------*/

/*产品列表广告位 一行两个产品或多个产品 -组件*/
.datalist_prd2_cols .prd_cell{ float:left; width:48.5%; margin-right:2.9%; border-width:0; padding-top:.5em; padding-bottom:1em; background-image:none !important; background-color:transparent !important;}
.datalist_prd2_cols .prd_cell:nth-child(even){ /*margin-right:0;*/}
.datalist_prd2_cols .prd_cell .pic{ text-align:center;}
.datalist_prd2_cols .prd_cell .pic img{ -webkit-border-radius:6px; border-radius:6px; -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.25); box-shadow:1px 1px 3px rgba(0,0,0,0.25);}
.datalist_prd2_cols .prd_cell .info h3{ text-align:center;}
.datalist_prd2_cols .prd_cell .info h3 a{ text-decoration:none; font-size:14px; font-weight:normal;}
.datalist_prd2_cols .prd_cell .info p{ /*display:none;*/}

/* 固定首页
--------------------------------------------------------------------------------*/
.bodyFix,
.bodyFix .ui-overlay-c,
.bodyFix .ui-page,
.bodyFix .ui-panel-content-wrap{ background-image:none; background-color:transparent;}
.bodyFix #Header, .bodyFix .ui-panel-animate.ui-panel-content-wrap > .ui-header{ text-shadow:0 0 0; box-shadow:0 0 0;}
.contentFix{ max-width:640px; /*margin:0 auto;*/ position:relative;}

/*更多图标*/
.leftmenuIcoFix{ position:absolute; top:30px; left:26px; z-index:3;}
.leftmenuIcoFix .leftmenu{ background-color:transparent !important; background-image:none !important; display:inline-block;}
.leftmenuIcoFix .leftmenu b{ display:none;}

/*logo和logo文字*/
.logoFix{ /*position:absolute; top:0; left:0; right:0;*/ z-index:1;}
.logoTable{ display:table;}
.logoSpan, .logoWordSpan{ display:table-cell; vertical-align:middle;}

/*图片轮换*/
.imgSlideMain li{ text-align:center;}

/*导航菜单*/
.menuNavFix{ margin:0 auto;}
.menuBoxBgFix{ display:none;}
.navbarFix{ padding:0; margin:0; border-top:0; border-bottom:0;}
.navbarFix ul{ margin:0; padding:0; list-style:none;}
.navbarFix li{ display:inline-block;}
.navbarFix li,
.navbarFix li .menuImg,
.navbarFix li .menuWord{ -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.navbarFix li a:after{ content:""; height:0; visibility:hidden; clear:both; display:block;}
.navbarFix li a strong{ min-height:20px;}
.navbarFix li .menuImg, .navbarFix li .menuWord{ text-align:center;}
.navbarFix li .menuImg img{ vertical-align:middle;}

.menuExtraFix{ display:none;}

/*后台手机页面编辑*/
.editBtnBox{ background-color:#d8d8d8; border-bottom:1px solid #bbb;}
.editBtnBox-in{ padding:12px 0 11px; text-align:center;}
.editBtnBox .btnLink{ display:inline-block; background-color:#bce5a2; background-image:url(../images/editor_ico.png); cursor:pointer; width:75px; height:26px;}
.editBtnBox .btnLink span{ display:none;}
.editBtnBox .btnGray{ background-color:#dadada; background-position:-76px -110px;}
.editBtnBox .btnGreen-paste{ background-color:#bce5a2; background-position:-76px -138px;}
.editBtnBox .btnGreen-editbg{ background-color:#f5f5f5; background-position:-76px -166px; width:97px;}

.headerFix .editBtnBox{ position:fixed; top:80px; left:0; background-color:transparent; border-width:0; z-index:3;}
.headerFix .editBtnBox-in{ padding:0; text-align:center; background-color:transparent; border-width:0;}
.headerFix .editBtnBox .btnLink{ display:inline-block; cursor:pointer; height:96px; width:30px;}
.headerFix .editBtnBox .btnGreen-editbg{ background-color:#f7f7f7; background-position:-173px 0; width:30px;}

.rotatePicFix .imgSlideMain{ height:auto;}
.rotatePicFix .imgSlideMain .imgSlide li{ vertical-align:middle !important; display:none;}
.rotatePicFix .imgSlideMain .imgSlide li:first-child{ display:table-cell;}

/* 编辑表单 - 预订页面
--------------------------------------------------------------------------------*/
.content .wrap_reserve{ padding-bottom:0;}
.editForm{ background:url(images/formbg.png) repeat left top;}

.tb_LR{ border-collapse:separate;}
.tb_LR tr td, .tb_LR tr th{ border-top:2px solid #fff; border-bottom:2px solid #ede4cd; vertical-align:middle; height:105px;}
.tb_LR tr:last-child td, .tb_LR tr:last-child th{ border-bottom:0;}
.tb_LR th{ font-weight:normal; text-align:right; width:25%; padding:0 30px; word-wrap:break-word; word-break:break-all;}
.timeselbox{ white-space:nowrap;}
/*.timeselbox .input_date{ margin-right:15px;}*/
.inputbox{ position:relative;}
.inputbox .helpblock{ display:none; background:#444; border-radius:3px; padding:7px 8px; position:absolute; top:63px; left:0; z-index:2; color:#fff; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.inputbox .helpblock:after{ border:6px solid transparent; border-bottom-color:#444; content:""; display:block; height:0; width:0; left:10px; top:-12px; z-index:2; position:absolute;} 
/*.inputbox:hover .helpblock{ display:block;}*/

/*输入框*/
.input{
	width:60px;	height:63px; border:0; color:#be9353; font-family:microsoft yahei; font-size:22px; text-align:center; padding-top:1px; padding-bottom:1px;
	background-color: #ed4b5a;	
	background-image: -webkit-linear-gradient(bottom, #fef5e0, #fffffd);
	background-image: -moz-linear-gradient(bottom, #fef5e0, #fffffd);
	background-image: -o-linear-gradient(bottom, #fef5e0, #fffffd);
	background-image: linear-gradient(to top, #fef5e0, #fffffd);
	-webkit-box-shadow: 0 3px 5px rgba(130,106,61,.45), inset 0 0 5px rgba(223,181,126,.39);
	-moz-box-shadow: 0 3px 5px rgba(130,106,61,.45), inset 0 0 5px rgba(223,181,126,.39);
	box-shadow: 0 3px 5px rgba(130,106,61,.45), inset 0 0 5px rgba(223,181,126,.39);
}
.input_num{ width:60px;}
/*.timeselbox .input_date{ width:190px;}
.timeselbox .input_time{ width:100px;}*/
.input_mid{ width:180px;}
.input_long{ width:290px;}
.ftgray{ color:#f3dcba;}

/*滑动选择是否*/
.editFormReserve .ui-btn-corner-all{ -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.editFormReserve .ui-slider-switch{ margin:0;}
.ui-slider-switch{ border:1px solid #b09e6c;}
.ui-slider-switch .ui-btn-down-c{ color:#fff; text-indent:.6em; text-shadow:0 0 0;
	background-color: #d2c398;
	background-image: -webkit-linear-gradient(bottom, #d2c398, #cdc096, #e8dbb1);
	background-image: -moz-linear-gradient(bottom, #d2c398, #cdc096, #e8dbb1);
	background-image: -o-linear-gradient(bottom, #d2c398, #cdc096, #e8dbb1);
	background-image: linear-gradient(to top, #d2c398, #cdc096, #e8dbb1);	
}
.ui-slider-switch .ui-btn-active{ color:#fff; text-indent:-0.6em; text-shadow:0 0 0;
	background-color: #a48e5b;
	background-image: -webkit-linear-gradient(bottom, #a48e5b, #a19266, #ccbc8a);
	background-image: -moz-linear-gradient(bottom, #a48e5b, #a19266, #ccbc8a);
	background-image: -o-linear-gradient(bottom, #a48e5b, #a19266, #ccbc8a);
	background-image: linear-gradient(to top, #a48e5b, #a19266, #ccbc8a);
}

/*数字增减操作*/
.num_oprtbox .input_num{ float:left; width:150px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
a.btn_num{ text-decoration:none; font-weight:bold; border:1px solid rgba(0,0,0,.2); color:#fff; display:inline-block; float:left; height:63px; line-height:63px; padding-bottom:1px; text-align:center; width:34px;
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2), inset 0 0 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.2), inset 0 0 5px rgba(0,0,0,.2);
	box-shadow: 0 3px 5px rgba(0,0,0,.2), inset 0 0 5px rgba(0,0,0,.2);
	background-color: #4D4D4D;
	background-image: -webkit-linear-gradient(bottom, #4D4D4D, #696969, #757575);
	background-image: -moz-linear-gradient(bottom, #4D4D4D, #696969, #757575);
	background-image: -o-linear-gradient(bottom, #4D4D4D, #696969, #757575);
	background-image: linear-gradient(to top, #4D4D4D, #696969, #757575);		
}

/*表单底部按钮*/
.editFormBtns{ background:#f7f1e1 url(images/formfootbg.png) repeat-x left top; padding:3.2em 0; margin:1.5em 0 0; text-align:center;}
.editFormBtns .btn_big{ margin:0 5px;}
.btn_big{
	width:151px; height:63px; border:1px solid #847547; border-color:#b09e6c #b09e6c #847343; color:#fff; cursor:pointer; display:inline-block; font-family:'Microsoft Yahei'; text-align:center; text-decoration:none; line-height:63px;
	background-color: #ed4b5a;
	-webkit-box-shadow: 0 2px 5px rgba(102,65,0,.31);
	-moz-box-shadow: 0 2px 5px rgba(102,65,0,.31);
	box-shadow: 0 2px 5px rgba(102,65,0,.31);
	background-image: -webkit-linear-gradient(bottom, #a48e5b, #a19266, #ccbc8a);
	background-image: -moz-linear-gradient(bottom, #a48e5b, #a19266, #ccbc8a);
	background-image: -o-linear-gradient(bottom, #a48e5b, #a19266, #ccbc8a);
	background-image: linear-gradient(to top, #a48e5b, #a19266, #ccbc8a);	
}

.btn_big_disabled{ border-color:#dbd4b2 #d1c6a3 #c2b38b;
	background-image: -webkit-linear-gradient(bottom, #d2c398, #cdc096, #e8dbb1);
	background-image: -moz-linear-gradient(bottom, #d2c398, #cdc096, #e8dbb1);
	background-image: -o-linear-gradient(bottom, #d2c398, #cdc096, #e8dbb1);
	background-image: linear-gradient(to top, #d2c398, #cdc096, #e8dbb1);	
}

/*不同屏幕分辨率的处理*/
@media only screen and (max-width: 479px){
	.rotatePicFix .imgSlideMain{ width:320px; /*height:150px;*/}
	.rotatePicFix .imgSlideMain li img{ max-width:320px;}
	
	/* 编辑表单 - 预订页面*/
	.tb_LR tr td, .tb_LR tr th{ border-top-width:1px; border-bottom-width:1px; height:60px;}
	.tb_LR th{ padding:0 15px 0 0; width:70px;}
	/*.timeselbox .input_date{ margin-right:10px;}*/
	.input, a.btn_num{ height:32px; line-height:32px;}
	.input{ font-size:15px;}
	.input_num{ width:26px;}
	a.btn_num{ width:22px;}
	/*.timeselbox .input_date{ width:130px;}
	.timeselbox .input_time{ width:90px;}*/
	.num_oprtbox{ position:relative; top:-2px;}
	.num_oprtbox .input_num{ width:80px;}
	.timeselbox .input_time{ width:55px;}
	.input_long{ width:160px;}
	.btn_big{ width:80px; height:34px; line-height:34px;}	
	.editFormBtns{ padding:2.3em 0 1em; margin:1em 0 0;}
	
}
@media only screen and (min-width:480px) and (max-width:640px){
	.rotatePicFix .imgSlideMain{ width:480px; /*height:170px;*/}
	.rotatePicFix .imgSlideMain li img{ max-width:480px;}

	/* 编辑表单 - 预订页面*/
	.tb_LR tr td, .tb_LR tr th{ height:90px;}
	.tb_LR th{ padding:0 25px 0 0; width:95px;}
	.input, a.btn_num{ height:48px; line-height:48px;}
	.input{ font-size:19px;}
	.input_num{ width:50px;}
	a.btn_num{ width:28px;}
	.num_oprtbox .input_num{ width:120px;}
	/*.timeselbox .input_date{ width:170px;}
	.timeselbox .input_time{ width:70px;}*/
	.input_long{ width:220px;}
	.btn_big{ width:120px; height:48px; line-height:48px;}
	
	.editFormBtns{ padding:2.3em 0 1em; margin:1em 0 0;}	
}
@media only screen and (min-width:640px){
	.rotatePicFix .imgSlideMain{ width:640px; /*height:320px;*/}
	.rotatePicFix .imgSlideMain li img{ max-width:640px;}
}
@media only screen and (min-width: 641px) { div,.navbarFix li a strong{ font-size: 20px; }}
@media only screen and (min-width: 640px) { div,.navbarFix li a strong{ font-size: 19px; } .navbarFix li a strong{ min-height:19px;}}
@media only screen and (max-width: 600px) { div,.navbarFix li a strong{ font-size: 18px; } .navbarFix li a strong{ min-height:18px;}}
@media only screen and (max-width: 560px) { div,.navbarFix li a strong{ font-size: 17px; } .navbarFix li a strong{ min-height:17px;}}
@media only screen and (max-width: 500px) { div,.navbarFix li a strong{ font-size: 16px; } .navbarFix li a strong{ min-height:16px;}}
@media only screen and (max-width: 460px) { div,.navbarFix li a strong{ font-size: 15px; } .navbarFix li a strong{ min-height:15px;}}
@media only screen and (max-width: 400px) { div,.navbarFix li a strong{ font-size: 14px; } .navbarFix li a strong{ min-height:14px;}}
@media only screen and (max-width: 360px) { div,.navbarFix li a strong{ /*font-size: 12px;*/ }}
@media only screen and (max-width: 320px) { div,.navbarFix li a strong{ /*font-size: 11px;*/ }}
