/* 基本 */
html { font-size:20px; font-family:宋体,SimSun,SimHei,SimSun,arial,tahoma,verdana,sans-serif;} 
/*@media only screen and (min-width:401px){ html { font-size:25px !important; } } 
@media only screen and (min-width:428px){ html { font-size:26.75px !important; } } 
@media only screen and (min-width:481px){ html { font-size:30px !important; } } 
@media only screen and (min-width:569px){ html { font-size:35px !important; } } 
@media only screen and (min-width:641px){ html { font-size:40px !important; } }*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, rem, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, rembed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0 auto; padding:0; border:0;}
html { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -o-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* 禁用iPhone中Safari的字号自动调整 */ 
body { color:#333;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;} /* 设置HTML5元素为块 */ 
ol, ul, li { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color:transparent;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
    text-decoration:none;
}
a,a:visited { text-decoration:none; color:#333;}
a:hover, a:active { color:#c00;}
a:active, a:focus { -moz-outline:none; outline:none; ie-dummy:expression(this.hideFocus=true);}/*清除a链接过后的虚线*/
.clr { clear:both;}
.clearfix:after { display:block; content:""; visibility:hidden; height:0; clear:both;}
.clearfix {*zoom:1;}
/*.clearfix:before,.clearfix:after { content:""; display:table; } 
.clearfix:after { clear:both;} 
.clearfix { *zoom:1;}*/

/* 嵌入内容 */
/*img { width:100%; height:auto; width:auto\9; border:0;}*/ /* 设置图片视频等自适应调整 */ 
svg:not(:root) { overflow:hidden;}
figure { margin:0;}

/* 表单 */
/*input,button,textarea{ border:0; -webkit-appearance:none;}*/
fieldset { border:0.1rem solid #c0c0c0;}
button[disabled], input[disabled] { background:#ccc; cursor:default; -webkit-appearance:none;}
input { border:none; font-family:宋体,SimSun,SimHei,SimSun,arial,tahoma,verdana,sans-serif; font-size:1rem;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="date"], input[type="datetime-local"], textarea { -webkit-appearance:none;}
textarea { resize:none;} /* 禁止多行文本框textarea拖拽 */
input:focus, textarea:focus, select:focus { outline:none;}  /* 去除Chrome等浏览器文本框默认发光边框 */ 
input:focus {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;
} /* 去掉高光样式 */ 
input, button, textarea, select { font-family:宋体,SimSun,SimHei,SimSun,arial,tahoma,verdana,sans-serif;}

/* 表格 */
table { border-collapse:0; border-spacing:0; border-collapse:collapse;}

/* 媒体 */
audio, canvas, video { display:inline-block;}
audio:not([controls]) { display:none; height:0;}

/* 公共样式 */
.slh { white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fl { float:left}
.fr { float:right}
.red { color:#f00}
.orange { color:#ff6c00;}
.black { color:#222;}
.blue { color:#18b4ed;}
.green { color:#019a62;}
.pink { color:#ed1350;}
.gray { color:#ccc;}
.hand { cursor:pointer;}
.show { display:block !important;}
.hide { display:none;}
.more { line-height:2rem; padding-right:1rem; float:right;}
.more a { color:#999;}
.more a:hover { color:#f00;}
.time { font-family:Arial, Helvetica, sans-serif; font-size:0.6rem; float:right; color:#999;}
.m-t { margin-top:0.5rem;}
.m-l1 { margin-left:0.25rem !important;}
.m-l { margin-left:0.5rem;}
.m-f { margin-bottom:0.5rem;}
.p-l { padding-left:1rem;}
.m-t2 { margin-top:2rem;}
.m-t25 { margin-top:2.5rem;}
.m-t3 { margin-top:3rem;}
.wrap { width:94%; position:relative;}
.zy-body-bg { background:#e2e2e2;}
.pos-fixed { position:fixed;}

/* --------------------三角箭头-------------------- */
.arrow-up { position:absolute; top:0.6rem; left:-0.4rem;
    width:0;
    height:0;
	border:0.3rem solid transparent;    
	border-bottom-color:#fff;
}
.arrow-down { position:absolute; bottom:-0.3rem; left:1.6rem;
    width:0;
    height:0;
	border-left:0.3rem solid transparent;   
	border-right:0.4rem solid transparent;   
	border-top:0.3rem solid #000;
	filter:alpha(opacity=60);
	opacity:0.6;
	-moz-opacity:0.6;
}
.arrow-left { position:absolute; top:0.6rem; left:-0.4rem;
    width:0;
    height:0;
	border-top:0.3rem solid transparent;   
	border-bottom:0.4rem solid transparent;   
	border-right:0.3rem solid #fff;
}
.arrow-right { position:absolute; top:0.6rem; left:-0.4rem;
    width:0;
    height:0;
	border-top:0.3rem solid transparent;   
	border-bottom:0.4rem solid transparent;   
	border-left:0.3rem solid #fff;
}

/* --------------------首页-------------------- */
/*.wx-index-bg { width:100%; height:100%; background:#f4f4f4 url(../images/wx_home_bg.jpg) top center no-repeat; position:absolute; left:0; top:0; right:0; bottom:0;
	background-size:100% 100%;  
	-moz-background-size:100% 100%;  
	-webkit-background-size:100% 100%; z-index:-1;
}
.wx-index-bg ul { width:100%; padding-top:2rem;}
.wx-index-bg ul li { width:35%; height:3rem; line-height:3rem; text-align:center; font-size:0.8rem; margin:0 0 1rem 10%; float:left;
	filter:alpha(opacity=70);
	opacity:0.7;
	background:rgba(23,152,219,0.7);
	-moz-border-radius:0.5rem; 
	-webkit-border-radius:0.5rem;
	-o-border-radius:0.5rem;
	border-radius:0.5rem;
}
.wx-index-bg ul li a { color:#fff;}
.wx-index-bg ul li:nth-of-type(1) { background:rgba(250,103,32,0.7);}*/

.wx-index-bg { width:100%; height:100%; background:#f4f4f4 url(../images/wx_home_bg3.jpg) top center no-repeat; position:absolute; left:0; top:0; right:0; bottom:0;
	background-size:100% 100%;  
	-moz-background-size:100% 100%;  
	-webkit-background-size:100% 100%; z-index:-1;
}
.wx-index-bg ul { width:100%; padding-top:2rem;}
.wx-index-bg ul li { width:35%; height:3rem; line-height:3rem; text-align:center; font-size:0.8rem; margin:0 0 1rem 10%; float:left; overflow:hidden;
	filter:alpha(opacity=100);
	opacity:0.8;
	background:rgba(231,0,38,1);
	-moz-border-radius:0.5rem; 
	-webkit-border-radius:0.5rem;
	-o-border-radius:0.5rem;
	border-radius:0.5rem;
}
.wx-index-bg ul li a { color:#fff;}
.wx-index-bg ul li:nth-of-type(1) { background:rgba(255,0,0,1);}
.wx-index-bg ul li:nth-of-type(1) a { color:#ff0;}

.wx-index-bg2 { width:100%; height:100%; background:#f4f4f4 /*url(../images/wx_home_bg3.jpg) top center no-repeat*/; position:absolute; left:0; top:0; right:0; bottom:0;
	background-size:100% 100%;  
	-moz-background-size:100% 100%;  
	-webkit-background-size:100% 100%; z-index:-1;
}
.wx-index-bg2 ul { width:100%; padding-top:2rem;}
.wx-index-bg2 ul li { width:28%; height:3rem; line-height:3rem; text-align:center; font-size:0.7rem; margin:0 0 1rem 15%; float:left; 
	filter:alpha(opacity=100);
	opacity:1;
	background:rgba(246,246,246,1);
	/*background:rgba(230,0,20,1);*/
	-moz-border-radius:0.5rem; 
	-webkit-border-radius:0.5rem;
	-o-border-radius:0.5rem;
	border-radius:0.5rem;
	/*border:1px #f3f3f3 dashed;*/
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
	/*-webkit-box-shadow:0px 4px 1px #ccc;
	-moz-box-shadow:0px 4px 1px #ccc;
	box-shadow:0px 4px 1px #ccc;*/
}
.wx-index-bg2 ul li:nth-of-type(8) { height:2rem; line-height:1rem; padding:0.5rem 0;}
/*.wx-index-bg2 ul li:nth-of-type(1) { background:rgba(230,0,20,1); border:0px;}
.wx-index-bg2 ul li:nth-of-type(1) a { color:#fff;}*/

/* --------------------子页-------------------- */
/* 子页分类导航菜单 */
/*.zy-menu { width:100%; height:2rem; background:#15a871; color:#fff; font-size:0.7rem; line-height:2rem; position:fixed; left:0; top:0rem; z-index:999; overflow:hidden;
	box-shadow:0.1rem 0.1rem 0.1rem rgba(0,0,0,0.2);
}
.zy-menu .swiper-slide { width:50%; text-align:center;border-bottom:#ccc 0.1rem solid;}
.zy-menu .on { background:#6dd066; color:#fff; font-weight:bold;}
.zy-menu .on a { color:#c00;}
.zy-menu .on a:hover { color:#c00;}*/

.header-logo { width:96%; background:#fff; text-align:center; padding:0.2rem 2% 0rem 2%; border-bottom:#ee1a30 0.1rem solid;}
.header-logo img { width:80px; height:20px;}

/*子页头部、导航*/
.list-header { height:2rem; line-height:2rem; background:#e70012; color:#fff; position:fixed; top:0px; left:0px; right:0px; z-index:9;}
.list-header > a { height:2rem; display:inline-block; font-weight:bold;}
.list-header .list-title { height:2rem; line-height:2rem; overflow:hidden; font-size:0.9rem; text-align:center;}
.list-icon-more { width:1.5rem; height:1.5rem; line-height:1.3rem; display:inline-block; vertical-align:middle; text-align:center;}
.list-icon-more::before { content: ""; display:inline-block; vertical-align:middle; width:5px; height:5px; border-radius:5px; background:#fff; box-shadow:10px 0 #fff, -10px 0 #fff;}
.list-back { background:url(../images/back.png) 0.2rem 0.2rem no-repeat; padding:0 0 0 2rem; float:left;}
.list-home { width:4.5rem; height:2rem; background:url(../images/home.png) no-repeat; margin-left:0.25rem; /*padding:0 0 0 2.5rem;*/ float:left;} 
.list-more { background:url(../images/more.png) 0 0.2rem no-repeat; padding:0 0 0 2rem; display:none !important;}
.list-head-nav { width:100%; background:#f8f8f8; font-size:0.7rem; border-bottom:#ececec 1px solid; position:relative; top:0rem; left:0px; z-index:99999;
	/* 投影偏移3px，宽6px，颜色#666 */
	-webkit-box-shadow:0px 3px 5px #888;
	-moz-box-shadow:0px 3px 5px #888;
	box-shadow:0px 3px 5px #888;
}
.list-head-nav ul { padding:0.5rem;}
.list-head-nav ul li { width:33.33333333%; height:1.5rem; line-height:1.5rem; text-align:center; float:left; overflow:hidden;}
.list-head-nav ul li a { color:#1f1f1f;}
.list-head-nav ul li a:hover { color:#f00;}
.list-head-nav .on { background:#6dd066; color:#fff; font-weight:bold;}
.list-head-nav .on a { color:#fff;}
.list-head-nav .on a:hover { color:#ff0;}

/*子页新闻列表一*/
.zy-news-list { width:96%; font-size:0.7rem; margin-top:2rem;}
.zy-news-list ul {}
.zy-news-list li { width:92%; height:2rem; background:url(../images/news_dot.png) 0px 5px no-repeat; line-height:2rem; padding-left:4%; border-bottom:#cecece 1px dotted; overflow:hidden;}

/*子页新闻列表二*/
.zy-news-list2 { width:96%; font-size:0.7rem; padding:0.25rem; margin-top:2.25rem;}
.zy-news-list2 dl { background:#fff; padding:0.25rem; margin-bottom:0.4rem;
	-moz-box-shadow:0px 2px 0px rgba(185,185,185,0.8);  
	-webkit-box-shadow:0px 2px 0px rgba(185,185,185,0.8);
	box-shadow:0px 2px 0px rgba(185,185,185,0.8);
}
.zy-news-list2 dl:hover { background:#f8f8f8; display:block;}
.zy-news-list2 dl dt { width:35%; height:4.5rem; background:#fff; float:left; overflow:hidden;}
.zy-news-list2 dl dt img { width:100%; height:100%; border:0;}
.zy-news-list2 dl dd { width:61%; height:4.5rem; margin-left:0.5rem; float:left; box-sizing:border-box; overflow:hidden;}
.zy-news-list2 dl dd h3 { font-size:0.7rem; height:1rem; line-height:1rem; overflow:hidden;}
.zy-news-list2 dl dd h3 a { color:#333;}
.zy-news-list2 dl dd h3 a:hover { color:#c00;}
.zy-news-list2 dl dd .news-list-con { height:2.4rem; font-size:0.6rem; line-height:1.2rem; color:#999; text-indent:1.2rem; margin-bottom:0.1rem; overflow:hidden;}
.zy-news-list2 dl dd .news-list-con a { color:#999;}
.zy-news-list2 dl dd .news-list-con a:hover { color:#c00;}
.zy-news-list2 dl dd .source { height:1.2rem; line-height:1.2rem; font-size:0.6rem; color:#d2d2d2; border-top:#ededed 1px dotted; box-sizing:border-box;}

/*产品列表*/
.pro-list { width:96%; font-size:0.7rem; padding:0.5rem 0.25rem 0.25rem 0.25rem; /* margin-top:2rem; */}
.pro-list dl { margin-bottom:0.5rem; background:url(../images/pro_bg.png) no-repeat; background-size:cover; text-align:center; position:relative;}
.pro-list dt { width:14rem; height:12rem; overflow:hidden;}
.pro-list dt img { width:100%; height:100%; border:0;}
.pro-list .pro-name { width:100%; height:1.5rem; line-height:1.5rem; text-align:center; color:#666; position:absolute; bottom:0;
	/*background:rgba(0,0,0,0.1);*/
	background:url(../images/pro_name_bg.png);
	}
.pro-list dd { height:2rem; background:#ededed; line-height:2rem; text-align:center; overflow:hidden; position:relative;}

/*产品分类*/
.pro-item { width:100%; margin:2.5rem 0 1rem 0; line-height:1.5rem; font-size:0.6rem; padding:0 0.5rem; position:relative; box-sizing:border-box;}
.pro-item dl { width:33.333333%; text-align:center; float:left;}
.pro-item dt { width:3rem; height:3rem; background:#f9f9f9; text-align:center; border:1px solid #e3e3e4; margin-top:0.5rem; line-height:3rem; display:inline-block; position:relative;
	-moz-border-radius:0.5rem; 
	-webkit-border-radius:0.5rem;
	-o-border-radius:0.5rem;
	border-radius:0.5rem;
    -webkit-transition:-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition:transform .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:transform .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
}
.pro-item dt img { display:inline-block; max-width:100%; vertical-align:middle;}
.pro-item dd { width:100%; font-size:0.7rem; height:1.5rem; line-height:1.5rem; overflow:hidden;}
.pro-item dt:hover{ box-shadow:0 7px 20px #e6e6e6; -webkit-transform:translateY(-3px); transform:translateY(-3px);}
.pro-item h3 { font-size:0.9rem; color:#00ace9; border-left:4px solid #00ace9; padding-left:0.5rem; line-height:0.9rem;  margin-top:1rem; margin-bottom:0.5rem;}

/*经销商*/
.dealers-item { width:100%; margin:0.5rem 0 1rem 0; font-size:0.6rem; padding:0 0.5rem; position:relative; box-sizing:border-box;}
.dealers-item dl { width:100%; line-height:1.2rem; background:#f9f9f9; border:1px solid #e3e3e4; padding:0.5rem; box-sizing:border-box; margin-bottom:0.5rem; position:relative; display:flex; justify-content:center; flex-direction:column; flex-wrap:wrap;
	-moz-border-radius:0.25rem; 
	-webkit-border-radius:0.25rem;
	-o-border-radius:0.25rem;
	border-radius:0.25rem;
	box-shadow:0 0px 5px #e6e6e6;
}
.dealers-item dt { width:100%; font-weight:bold; font-size:0.7rem; display:flex; justify-content:flex-start; align-items:center;}
.dealers-item dt img { width:18px; height:18px; margin:0 0.2rem 0 0;}
.dealers-item dd { width:100%; font-size:0.7rem; /* overflow:hidden; */}
.dealers-list { position:relative; /*top:0rem; left:0px; z-index:99999;*/ display:none;}
.dealers-item .renzheng { width:6rem; /*background:#ff5737;*/ color:#ff5737; font-weight:bold; font-size:0.7rem; padding:0.25rem; margin:0; display:flex; align-items:center;
	-moz-border-radius:0.2rem; 
	-webkit-border-radius:0.2rem;
	-o-border-radius:0.2rem;
	border-radius:0.2rem;
}
.dealers-item .renzheng img { width:1rem; height:1rem; padding-right:0.25rem; margin:0;}
.dealers-item .renzheng span { margin:0;}

/*搜索*/
.search-text-info { width:100%; height:2rem; background:#f9f9f9; font-size:0.7rem; color:#0079ff; font-weight:bold; text-align:center; line-height:2rem; border-bottom:#f2f2f2 1px solid; padding: 0 0 0 0.5rem; box-sizing:border-box; position:relative;}
.search-text-info .search-ico { width:1rem; height:1rem; background:url(../images/search.png) top center; background-size:100% 100%; display:block; position:absolute; left:5%; top:25%;}

/*视频列表*/
.video-list { width:96%; font-size:0.7rem; padding:0.5rem 0.25rem 0.25rem 0.25rem; margin-top:2rem; margin-bottom:3rem;}
.video-list dl { margin-bottom:0.5rem; background:url(../images/pro_bg.png) no-repeat; background-size:cover;}
.video-list dt { width:100%; height:8rem; overflow:hidden; position:relative;}
.video-list dt img { width:100%; height:100%; border:0; position:relative;}
.video-list dd { height:1.5rem; background:#ededed; line-height:1.5rem; text-align:center; overflow:hidden; position:relative;}
.video-list .paly-btn { width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;
	background:rgba(0,0,0,0.3);
}
.video-list .paly-btn img { width:3.2rem; height:3.2rem; position:absolute; top:30%; left:45%;}
.video-list-show { width:96%; font-size:0.7rem; padding:0.25rem; margin-bottom:13rem;}
.video-list-show-pic { width:100%; height:6rem; overflow:hidden;}
.video-list-show-pic img { width:100%; height:100%; border:0;}
.video-list-show-con { line-height:1.5rem; font-size:0.8rem; padding:0 0.5rem;}

/* 视频播放页 */
.video-player-show { width:100%; margin:2.5rem 0 1rem 0;}
.video-player-show h1 { text-align:center; line-height:1.5rem; font-size:1.2rem; font-weight:bold; padding:0.5rem; border-bottom:1px solid #E8E8E8;}
.video-player-show .line { width:100%; text-align:center; border-bottom:#E8E8E8 1px solid; line-height:1.5rem; font-size:0.6rem; color:#999;}
.video-player-show .line a { color:#5da8af;}
.video-player { width:100%; height:10rem; background:#f5f5f5;}
.video-player img { width:100; height:10rem; overflow:hidden;}
#jwp-video { margin-top:0.5rem;}
.jwlogo { display:none;}
/*隐藏播放器右上角logo 如果要替换成自己的，请将修改jwplayer.js 中 file:"logo.png"—将这里换成网络路径*/
.video-logo { width:60px; height:20px; background:url(../images/logo.png) no-repeat; background-size:100% 100%; line-height:50px; text-align:center; color:red; position:absolute; top:10px; right:10px; z-index:10;}
.vjs-poster {}

/*新闻详情*/
.newsshow { width:100%; position:relative; margin:2.5rem 0 1rem 0;}
.newsshow h1 { text-align:center; line-height:1.5rem; font-size:1.2rem; font-weight:bold; padding:0.5rem; border-bottom:1px solid #E8E8E8;}
.newsshow .line { width:100%; text-align:center; border-bottom:#E8E8E8 1px solid; line-height:1.5rem; font-size:0.6rem; color:#999;}
.newsshow .line a { color:#5da8af;}
.newsshow .content { line-height:1.5rem; font-size:0.8rem; padding:0 0.5rem;}
.newsshow img { width:100%; height:auto; padding:0.5rem 0; margin:0 auto; vertical-align:middle; display:block;}
.newsshow table { width:90%; margin-top:0.5rem;}
.newsshow table td { border:#e8e8e8 1px solid; padding:0 5px;}
.wx-ewm-gz { font-size:0.6rem; border-top:#dcdcdc 1px solid; line-height:1.2rem; padding:0.5rem;}
.wx-ewm-gz img { width:50%; height:auto; margin:0 auto; vertical-align:middle; display:block;}

/*联系我们*/
.contact,.contact-qq { width:100%; margin:1rem 0 1rem 0; line-height:1.5rem; font-size:0.6rem; padding:0 0.5rem; position:relative; box-sizing:border-box;}
/*.contact-table { width:100%; border-collapse:collapse; border-spacing:0;}
.contact-table td { border:#f7f7f7 1px solid; padding:0 5px;}
.contact-table .name { background:#f7f7f7; font-weight:bold; font-size:0.7rem;}*/
.contact { margin-top:3.5rem;}
.contact-table-wrap { border:#ddd 1px dotted; box-sizing:border-box; padding:0.75rem 0 0.5rem 0; margin:1.5rem 0 0 0; width:100%; position:relative;}
.contact-table { border-collapse:collapse; border-spacing:0;}
.contact-table td { border:#f7f7f7 0px solid!important; padding:0 5px;}
.contact-table .name { background:#f7f7f7; font-weight:bold; font-size:14px;}
.contact-table a { text-decoration:underline;}
.contact-table-title { width:230px; height:25px; line-height:25px; background:#ce0000; border:0px dashed #f7f7f7; color:#fff; color:#fff; padding:0 10px; position:absolute; left:15px; top:-15px;}
.contact-qq dl { width:33.333333%; text-align:center; float:left;}
.contact-qq dt { width:4.5rem; height:4.5rem; background:#f9f9f9; text-align:center; border:1px solid #e3e3e4; margin-top:0.5rem; line-height:4.5rem; display:inline-block; position:relative;
	-moz-border-radius:0.5rem; 
	-webkit-border-radius:0.5rem;
	-o-border-radius:0.5rem;
	border-radius:0.5rem;
    -webkit-transition:-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition:transform .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:transform .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
}
.contact-qq dt img { display:inline-block; max-width:100%; vertical-align:middle;}
.contact-qq dd { width:100%; font-size:0.7rem; height:1.5rem; line-height:1.5rem; overflow:hidden;}
.contact-qq dt:hover{ box-shadow:0 7px 20px #e6e6e6; -webkit-transform:translateY(-3px); transform:translateY(-3px);}
.contact-qq h3 { font-size:0.9rem; color:#00ace9; border-left:4px solid #00ace9; padding-left:0.5rem; line-height:0.9rem;  margin-top:1rem; margin-bottom:0.5rem;}
.contact-400 { width:100%; background:#f9f9f9; margin:2rem 0 0 0; line-height:2rem; font-size:0.8rem; padding:0 0.5rem; text-align:center; font-weight:bold; color:#e70012; box-sizing:border-box;}
.contact-400 a { color:#e70012;}

/*链接*/
.wx-link { width:100%; margin:3rem 0 1rem 0; line-height:1.5rem; font-size:0.6rem; padding:0 0.5rem; box-sizing:border-box;}
.wx-link ul { margin-top:1rem;}
.wx-link li { width:49%; height:2.5rem; text-align:center; background:#f9f9f9; text-align:center; border:1px #e3e3e4 dashed; margin-bottom:1rem; line-height:2.5rem; float:left; box-sizing:border-box;
	-moz-border-radius:0.5rem; 
	-webkit-border-radius:0.5rem;
	-o-border-radius:0.5rem;
	border-radius:0.5rem;
    -webkit-transition:-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition:transform .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:transform .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
}
.wx-link li:nth-of-type(odd) { margin-right:2%;}
.wx-link li:nth-of-type(even) { margin-right:0;}

/*三保卡*/
.machine-text-info { width:100%; height:2rem; background:#f9f9f9; font-size:0.6rem; color:#ee1a30; font-weight:bold; line-height:2rem; border-bottom:#f2f2f2 1px solid; padding: 0 0 0 0.5rem; box-sizing:border-box;}
.map-pos { width:1.5rem; height:1.5rem; display:block;}
.map-pos img { width:100%; height:100%; margin-top:0.2rem;}

/*表单*/
.from-list { font-size:0.7rem;}
.from-list li { width:100%; min-height:2rem; line-height:1.9rem; background:#fff; border-bottom:#f2f2f2 1px solid; box-sizing:border-box; position:relative;}
.from-text { width:28%; text-align:right; line-height:2rem; float:left;}
.from-text-tip { font-size:0.6rem; padding:0 0.5rem; color:#999;}
.from-text-tip-item { background:#f9f9f9; font-size:0.6rem; text-align:center; line-height:1rem; padding:0.3rem 0.5rem; color:#999; border-bottom:#f2f2f2 1px solid; box-sizing:border-box;}
.from-text-tip-item a { color:#ee1a30;}
.from-input,.from-input2,.from-input3,.from-label { width:62%; height:1.9rem; line-height:1.9rem; font-size:0.7rem; padding:0 0.25rem; border:none; box-sizing:border-box; float:left;}
.from-label { color:#666;}
.from-textarea { width:96%; line-height:1rem; padding:2%; border:none; font-size:0.7rem;}
.from-input2 { width:100%; border:#f2f2f2 1px solid;}
.from-input3 { width:30%;}
.from-input-disabled { ime-mode:disabled}
.from-arrow-down { width:0; height:0; position:absolute; top:0.8rem; right:0.6rem;
	border-left:0.3rem solid transparent;
    border-right:0.3rem solid transparent;
    border-top:0.3rem solid #bebebe;
}
.from-arrow-down2 { width:0.3rem; height:0.3rem; border-top:0.1rem solid #bebebe; border-right:0.1rem solid #ccc; display:block; position:absolute; top:0.5rem; right:0.5rem;
	transform:rotate(135deg);
	-ms-transform:rotate(135deg); /* Internet Explorer */
	-moz-transform:rotate(135deg); /* Firefox */
	-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
	-o-transform:rotate(135deg); /* Opera */
}
.from-select,.from-select-list,.pop-select-list { height:1.9rem; line-height:1.9rem; font-size:0.7rem; color:#333; border:none; box-sizing:border-box;
	background:transparent; background:url(../images/arrow_dowon.png) center right no-repeat; background-size:12px 12px;
	-webkit-appearance:none;
}
.from-select { /*width:65%;*/ width:68%; float:left; overflow:hidden;}
.from-select-list { width:100%;}
.pop-select-list { width:100%; border:#f2f2f2 1px solid;}
.add-btn,.add2-btn,.del-btn,.del2-btn { width:1.3rem; height:auto; position:absolute; top:0.3rem; right:0.5rem; cursor:pointer;}
.from-title { width:100%; height:2rem; background:#fff; line-height:2rem; border-bottom:#f2f2f2 1px solid; color:#ee1a30; padding:0 0 0 1rem; box-sizing:border-box; position:relative;}
.from-yes-btn { width:100%; height:2rem; color:#fff; text-align:center; font-size:0.8rem; border:none; margin:2% 0 0 0;}
.from-yes-btn { background:#ee1a30;}
.from-save-btn { background:#1eb9f2;}
.from-edit-btn { background:#ff9c00;}
.from-edit-con-btn,.from-del-con-btn,.pop-yes-btn { height:1.2rem; color:#fff; text-align:center; font-size:0.6rem; border:none; padding:0 0.5rem; line-height:1.2rem;
	-moz-border-radius:0.25rem; 
	-webkit-border-radius:0.25rem;
	-o-border-radius:0.25rem;
	border-radius:0.25rem;
}
.from-edit-con-btn { background:#4ea3e9;}
.from-del-con-btn { background:#ff3b30;}
.pop-yes-btn { width:94%; height:2rem; background:#45c018;}
.click-more { width:100%; height:2rem; font-size:0.8rem; text-align:center; line-height:2rem; color:#bbb;}

/*绑定手机*/
.bind { width:96%; font-size:0.7rem;}
.bind img { width:100%; height:auto; padding:0.5rem 0; margin:0 auto; vertical-align:middle; display:block;}
.bind .bind-des { /*text-indent:1.2rem;*/}
.history-btn { width:100%; height:2rem; background:#fff; line-height:2rem; color:#fff; text-align:center; font-size:0.7rem; position:fixed; bottom:0;}	
.history-btn a { width:100%; height:2rem; color:#333; display:block;}
.history-btn a:hover { color:#c00;}
.history-btn2 { width:100%; height:2rem; background:#19a8ee; line-height:2rem; color:#fff; text-align:center; font-size:0.7rem; position:fixed; bottom:0;}	
.history-btn2 a { width:100%; height:2rem; color:#fff; display:block;}
.history-btn2 a:hover { background:#3ebb2b;}
.bind-from { width:96%; padding:0 2% 2% 2%; font-size:0.6rem;}
.bind-from ul { padding-top:2%;}
.bind-from li { width:100%; min-height:2rem; background:#fff; margin-top:2%; position:relative;}
.bind-from-text { width:30%; text-align:right; line-height:2rem; float:left;}
.bind-from-input,.bind-from-input2,.bind-from-input3 { height:1.9rem; font-size:0.6rem; line-height:1.9rem; padding:0 0.25rem; box-sizing:border-box; float:left;
	border:#dcdcdc 1px solid; box-sizing:border-box;
	-moz-border-radius:0.2rem; 
	-webkit-border-radius:0.2rem;
	-o-border-radius:0.2rem;
	border-radius:0.2rem;
}
.bind-from-input { width:65%;}
.bind-from-input2 { width:35%;}
.bind-from-input3 { width:100%;}
.bind-yes-btn { width:28%; height:1.9rem; background:#ee1a30; color:#fff; text-align:center; font-size:0.6rem; border-radius:0.2rem; border:none;/* margin:2% 0;*/}

/*个人中心*/
.user-center-bg { background:#efeff4;}
.user-center-pic { width:96%; background:#fff; text-align:center; padding:1rem 2% 0.2rem 2%; border-bottom:#ee1a30 0.25rem solid;}
.user-center-pic dl {}
.user-center-pic dt { width:3rem; height:3rem; padding-right:0.5rem;}
.user-center-pic dt img { width:100%; height:100%;
	-moz-border-radius:1.5rem; 
	-webkit-border-radius:1.5rem;
	-o-border-radius:1.5rem;
	border-radius:1.5rem;
}
.user-center-pic dd { height:2rem; line-height:2rem; font-size:0.7rem; color:#fff; font-weight:bold; text-align:center;}
.user-center-tel,.user-center-item { width:100%; font-size:0.7rem;}
.user-center-item { border-top:#d9d9d9 1px solid;} 
.user-center-tel li,.user-center-item li { width:96%; height:2rem; background:#fff; line-height:2rem; border:#d9d9d9 1px solid; padding:0 2%; overflow:hidden; position:relative;}
.user-center-tel li { border-width:1px 0;}
.user-center-item li { border-width:0px 0 1px 0;}
.user-center-tel .number,.user-center-item .number { float:left;}
.user-center-tel .time,.user-center-item .time { float:right; padding-right:1rem;}
.user-center-tel .arrow,.user-center-item .arrow { position:absolute; top:0.2rem; right:0.2rem;}
.user-center-tel .arrow img,.user-center-item .arrow img { width:18px; height:18px;}
.user-center-item .item-class { width:8rem; display:block; padding:0 0.5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left;}
.user-agreement { width:98%; font-size:0.7rem; padding:0.2rem 0;}

.my-donation-show { width:100%; background:#fff;  font-size:0.6rem; border:#e6e6e6 1px solid; margin-bottom:2rem;}
.my-donation-show th { text-align:center; font-weight:bold;}
.my-donation-show tr { height:1.5rem; line-height:1.5rem;}
.my-donation-show tr:odd { background:#f7f7f7;}
.my-donation-show td { padding:0 5px; border:#e6e6e6 1px solid;}

/*提示信息*/
.prompt { text-align:center; color:#15a871;}
.prompt img { width:50%; height:auto; padding:2rem 0 1rem 0; margin:0 auto; vertical-align:middle; display:block;}

/* 大转盘 */
.rotary-wrap { position:relative;}
.rotary-table-bg { background:#e62d2d;overflow-x:hidden;}
.rotary-table { width:95%; margin-top:1rem; display:block;}
.rotary-table .turnplate { width:100%; background:url(../images/turnplate-bg.png) no-repeat; background-size:100% 100%; display:block; position:relative;}
.rotary-table .turnplate canvas.item { width:100%;}
.rotary-table .turnplate img.pointer { position:absolute; width:31.5%; height:42.5%; left:34.6%; top:23%;}

/* 大转盘中奖名单 */
.win-list { width:90%; padding:0.5rem; height:10rem; background:#fff; overflow:hidden; margin-top:1rem; margin-bottom:1rem;
	-moz-border-radius:0.25rem; 
	-webkit-border-radius:0.25rem;
	-o-border-radius:0.25rem;
	border-radius:0.25rem;
}
.win-list .hd { height:2rem; line-height:2rem; background:#e62d2d; text-align:center; padding:0 0.5rem; font-weight:bold; font-size:0.8rem; color:#fff; letter-spacing:2px;
	-moz-border-radius:0.25rem; 
	-webkit-border-radius:0.25rem;
	-o-border-radius:0.25rem;
	border-radius:0.25rem;
}
.win-list .bd { padding:0.5rem 0 0.5rem 0.5rem; font-size:0.7rem;}
.win-list .bd li { height:1.5rem; line-height:1.5rem; overflow:hidden;}
.win-list .bd li span { color:#999; margin-right:0.5rem;}

/* 大转盘抽奖说明 */
.rotary-explain { position:absolute; top:0.5rem; right:0.5rem; font-size:0.7rem; color:#fff; z-index:999;}

/*弹出层--点击出现浮层并开启阻止容器滚动*/
.pop-wrap,.pop-overlay { position:fixed; top:0; right:0; bottom:0; left:0;
	filter:alpha(opacity=96);
	opacity:0.96;
	background:rgba(230,45,45,0.96);
}
.pop-wrap { z-index:3; visibility:hidden; overflow:hidden; -webkit-transition: visibility .25s; transition: visibility .25s;}
.pop-wrap.active { -webkit-transition:none; transition:none; visibility:visible;}
.pop-overlay { background:#000; opacity:0; -webkit-transition:opacity .25s; transition:opacity .25s;}
.pop-wrap.active > .pop-overlay { opacity: .6;}
.pop-wrap .pop-main { font-size:0.7rem; line-height:1.2rem; padding:0.5rem 1rem; position:absolute; left:0; right:0; top:2.8rem; bottom:2.2rem; overflow:auto; -webkit-overflow-scrolling:touch;}
.pop-wrap .scrollable { overflow:auto; -webkit-overflow-scrolling:touch;}
.pop-content { background:#fff; position:absolute; bottom:0rem; right:0rem; left:0rem; top:0rem;   
	-webkit-transition:transform .15s; 
	transition:transform .15s;
	-webkit-transform:translateX(100%);
	transform:translateX(100%);
}
.pop-wrap.active > .pop-content { -webkit-transform:translate(0%, 0%); transform:translate(0%, 0%);}
.pop-content h3 { width:100%; color:#333; text-align:center; border-bottom:1px solid #f2f2f2; padding:0.5rem 0; overflow:hidden;}
.pop-footer { width:100%; display:table; position:absolute; left:0; right:0; bottom:0;}
.pop-btn-group { display:table-cell; cursor:pointer;}
.pop-btn-group .item-bg1, .pop-btn-group .item-bg2, .pop-btn-group .item-bg3 { color:#fff; font-size:0.8rem; text-align:center; line-height:2rem; display:block;}
.pop-btn-group .item-bg1 { background:#ff9c00;}
.pop-btn-group .item-bg2 { background:#ff3b30;}
.pop-btn-group .item-bg3 { background:#c7c7cc; color:#333;}
.noscroll,.noscroll body { overflow:hidden;}
.noscroll body { position:relative;}
.tip-pop { width:10rem; height:2rem; margin:-1rem 0 0 -5rem; text-align:center; color:#fff; font-size:0.7rem; overflow:hidden; outline:0;
	position:fixed; left:50%; top:40%; z-index:9999; padding:5% 0 0 0; display:none;
    -webkit-overflow-scrolling:touch;
    background:rgb(0, 0, 0);  
    filter:alpha(opacity=50);  
    background:rgba(0, 0, 0, 0.5);
	-moz-border-radius:0.25rem; 
	-webkit-border-radius:0.25rem;
	-o-border-radius:0.25rem;
	border-radius:0.25rem;
}

/*分页*/
#pages { width:auto; height:30px; margin:20px 0 0 0; float:right;}
#pages span { float:left; margin:0 18px 0 13px; line-height:28px;}
#pages a { width:30px; height:30px; background:#fff; display:block; color:#a9a9a9; line-height:30px; text-align:center; font-family:Arial; float:left; margin-right:5px; transition:background-color 0.2s ease-out;}
#pages a#pageactive { background:#e70012; color:#fff;}
#pages a:hover { background:#969696; color:#fff;}
#pages .prev,#pages .next{ background:url(../images/pages.png) no-repeat;}
#pages .prev,#pages .next { width:11px; height:18px; display:block; position:relative; top:8px;}
#pages .prev { background-position:-0px -0px;}
#pages .next { background-position:-41px -0px;}

/* 新闻分页 */
/*.pageDiv { line-height:30px;}
.pageDiv ul>li { margin-right:5px; color:#15a871; background:none; border:none; float:left;}
.pageDiv ul>li>span {  background:#15a871; display:block;}
.pageDiv ul>li>span>a { color:#fff; padding:0 5px; display:block;}
.pageDiv ul>li>span>a:hover { background:#f30; color:#fff; line-height:30px; padding:0 5px; display:block;}
.pageSelect { background:#f30; height:30px; line-height:40px; color:#fff; font-variant:normal; font-style:normal;}
*/

/*电话拨打图标*/
.phone-ico { width:16px; height:16px; margin:3px 5px 0 0px; float:left;}
.phone-ico img { width:16px; height:16px; float:left;}
.map-btn { width:2rem; height:1.5rem; line-height:1.5rem; text-align:center; color:#e70012; font-size:0.6rem; padding:0 0.5rem; margin:0.25rem 0.25rem 0 0; border:#e70012 1px solid; border-radius:0.25rem; display:block;}
.map-btn a { color:#e70012;}
/*@media screen and (max-width: 840px) {
.phone-ico { width:16px; height:16px; margin:3px 5px 0 5px; display:block; float:left;}
}*/

/*顶部选项卡2*/
.tab-nav { width:96%; height:2rem; background:#fff;}
.tab-nav ul { display:flex;}
.tab-nav li { height:2rem; line-height:2rem; font-size:0.7rem; border:#f0f0f0 1px solid; text-align:center; margin-right:0.5rem; flex:1; box-sizing:border-box; position:relative; cursor:pointer;}
.tab-nav li:last-child { margin-right:0;}
.tab-nav .active { color:#fff; background:#e70012; border:#e70012 1px solid; font-weight:bold;}
.tab-nav li a { color:#333;}
.tab-nav li.active a { color:#fff;}

/* 图片放大效果样式 */
.image-overlay { width:100%; height:100%; background:rgba(0, 0, 0, 0.9); position:fixed; top:0; left:0;
	display:flex; align-items:center; justify-content:center; z-index:100; opacity:0; visibility:hidden; transition:opacity 0.3s ease;
}
.image-overlay.active { opacity:1; visibility:visible;}
.image-overlay img { max-width:90%; max-height:90%; transform:scale(0.8); transition:transform 0.3s ease;}
.image-overlay.active img { transform:scale(1);}
.close-pic-btn { color:#fff; font-size:40px; cursor:pointer; opacity:0.7; transition:opacity 0.3s ease; position:absolute; top:30px; right:30px; z-index:999;}
.close-pic-btn:hover { opacity:1;}
.image-counter {; color:#fff; font-size:18px; background:rgba(0, 0, 0, 0.5); padding:5px 15px; border-radius:20px; position:absolute; bottom:30px}
@media (max-width:768px) { 
	.close-pic-btn { top:25px; right:30px; font-size:40px;}
}