@charset "gb2312";
/* CSS Document */

/* ☆ reset ======================================================*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, em, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family:'Microsoft YaHei';
	position:relative;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration:none;}
input,textarea{font-family:'Microsoft YaHei';}
/* ☆ pub Class==================================================================*/
.clearfix {zoom: 1;display: table;width: 100%;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
/* ☆ common Class=============================================================*/
.mainwrap{width:1200px;margin:0 auto;position:relative;}
.header,.header .themetitle{height:3rem;line-height:3rem;background:#fff;}
.header .themetitle{float:left;}
.header .themetitle .backhome,.header .themetitle .backhome img{display:block;width:4.25rem;height:2rem;float:left;}
.header .themetitle .backhome{margin:0.5rem 0 0 0;}
.header .themetitle .txt{display:block;float:left;font-size:18px;height:30px;line-height:30px;margin:0.5rem 0 0 0.5rem;padding:0 0 0 0.5rem;border-left:1px solid #ddd;}
.header .topmenu{font-size:12px;text-align:right;}
.header .topmenu a{color:#333333;}
.footer{line-height:150%;font-size:14px;text-align:center;width:100%;color:#23abef;padding:20px 0;}
/* ☆ 页面模式部分===========================================================*/
.banner{height:540px;background:url(../images/banner.jpg) no-repeat center center;margin:0 0 20px 0;}
.classtitle{width:321px;height:74px;line-height:70px;font-size:36px;font-weight:bold;color:#431900;background:url(../images/img1.png) no-repeat center center;text-align:center;margin:10px auto 30px auto;}
.goodlistwrap{width:100%;position:relative;overflow:hidden;}
.goodlistwrap .longhide{width:1240px;position:relative;float:left;}
.goodlistwrap .box{width:283px;height:260px;float:left;border:1px solid #d0d0d0;border-radius:8px;margin:0 20px 20px 0;position:relative;overflow:hidden;cursor:default;}
.goodlistwrap .box .img{width:185px;height:155px;float:left;margin:30px 0 0 49px;}
.goodlistwrap .box .name{font-size:16px;font-weight:bold;text-align:center;color:#333333;line-height:150%;margin:20px 5% 0 5%;float:left;width:90%;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.goodlistwrap .box .popmsg,.goodlistwrap .box .popmask{position:absolute;left:0;top:-260px;padding:10px 20px;width:243px;height:240px;}
.goodlistwrap .box .popmsg{z-index:95;font-size:14px;line-height:200%;color:#333333;}
.goodlistwrap .box .popmask{background:#ffffff;z-index:94;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.ywjswrap{background:#f2fbff;}
.ywjswrap .firsttitle{padding:50px 0 0 0;line-height:150%;text-align:center;font-size:36px;font-weight:bold;color:#009ee7;}
.ywjswrap .intro{margin:20px auto 0 auto;line-height:150%;width:1000px;text-align:center;font-size:16px;color:#333333;}
.ywjswrap .secondtitle{padding:30px 0 10px 0;line-height:150%;text-align:center;font-size:20px;font-weight:bold;color:#009ee7;position:relative;}
.ywjswrap .secondtitle .line{position:absolute;width:230px;height:2px;background:#009ee7;bottom:0;left:50%;margin:0 0 0 -115px;}
.ywjswrap .duihuan{margin:20px 0 0 0;}
.ywjswrap .duihuan .box{width:570px;border:1px solid #e0e0e0;padding:10px;background:#ffffff;}
.ywjswrap .duihuan .box .img{float:left;width:210px;height:170px;margin:0 10px 0 0;}
.ywjswrap .duihuan .box .liucheng{float:left;width:350px;}
.ywjswrap .duihuan .box .liucheng .item,.ywjswrap .duihuan .box .liucheng .item .icon,.ywjswrap .duihuan .box .liucheng .item .txt{float:left;height:30px;}
.ywjswrap .duihuan .box .liucheng .item{margin:10px 0 0 0;}
.ywjswrap .duihuan .box .liucheng .item2{margin:20px 0 0 0;}
.ywjswrap .duihuan .box .liucheng .item .icon{width:30px;margin:0 5px 0 0;}
.ywjswrap .duihuan .box .liucheng .item .txt{font-size:14px;line-height:30px;color:#333333;}
.telwrap{position:fixed;top:200px;right:0;z-index:999999999;_position: absolute;_top:250px;width:220px;background:#4b9fff;}
.telwrap .rexian{font-size:20px;line-height:150%;text-align:center;color:#ffffff;}
.telwrap .qrcode{width:140px;height:140px;margin:10px auto 10px auto;border:2px solid #ffffff;}
.telwrap .qrcode img{width:140px;}
.telwrap .website{font-size:14px;margin:10px auto 10px auto;text-align:center;color:#ffffff;line-height:150%;}
.telwrap .website a{color:#ffffff;}
.lxwrap_html5{display:none;}
/* 中等屏幕（平板，小于等于 1024px） */
@media screen and (max-width: 1024px) {
	.mainwrap{width:100%;}
	.footer{font-size:12px;}
	.header,.header .themetitle{padding:0 0.5rem;}
	.header .topmenu{display:none;}
	.banner{height:14rem;background:url(../images/banner.jpg) no-repeat top center;background-size:50rem;margin:0 0 1rem 0;}
	.classtitle{width:200px;height:46px;line-height:40px;font-size:26px;background-size:200px 46px;margin:10px auto 20px auto;}
	.goodlistwrap .longhide{width:100%;}
	.goodlistwrap .box{width:20%;height:auto;margin:0 1% 1% 1%;padding:1%;}
	.goodlistwrap .box .img{width:100%;height:auto;margin:0;}
	.goodlistwrap .box .img img{width:100%;}
	.goodlistwrap .box .name{font-size:14px;margin:10px 0 0 0;width:100%;}
	.goodlistwrap .box .popmsg,.goodlistwrap .box .popmask{bottom:-260px;padding:2%;width:96%;height:240px;}
	.goodlistwrap .box .popmsg{font-size:12px;line-height:150%;}
	.goodlistwrap .box .popmask{background:#ffffff;z-index:94;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
	
	.ywjswrap .firsttitle{padding:30px 0 0 0;}
	.ywjswrap .intro{width:90%;}
	.ywjswrap .duihuan{margin:20px 0 0 0;}
	.ywjswrap .duihuan .box{width:94%;border:1px solid #e0e0e0;padding:2%;background:#ffffff;}
	.ywjswrap .duihuan .fl{margin:0 0 1% 1%}
	.ywjswrap .duihuan .fr{margin:0 1% 0 0}
	.ywjswrap .duihuan .box .img{float:left;width:210px;height:170px;margin:0 10px 0 0;}
	.ywjswrap .duihuan .box .liucheng{float:left;width:350px;}
	.ywjswrap .duihuan .box .liucheng .item,.ywjswrap .duihuan .box .liucheng .item .icon,.ywjswrap .duihuan .box .liucheng .item .txt{float:left;height:30px;}
	.ywjswrap .duihuan .box .liucheng .item{margin:10px 0 0 0;}
	.ywjswrap .duihuan .box .liucheng .item2{margin:20px 0 0 0;}
	.ywjswrap .duihuan .box .liucheng .item .icon{width:30px;margin:0 5px 0 0;}
	.ywjswrap .duihuan .box .liucheng .item .txt{font-size:14px;line-height:30px;color:#333333;}
	.lxwrap_html5{display:none;}
}

/* 小屏幕（手机，小于等于480px） */
@media screen and (max-width:480px){
	.telwrap{display:none;}
	.banner{height:11rem;background:url(../images/banner.jpg) no-repeat top center;background-size:40rem;margin:0 0 1rem 0;}
	.goodlistwrap .box{width:45%;height:auto;margin:0 1% 1% 1%;padding:1%;}
	.ywjswrap .firsttitle{padding:30px 0 0 0;font-size:26px;}
	.ywjswrap .intro{margin:20px auto 0 auto;line-height:150%;width:90%;font-size:14px;}
	.ywjswrap .secondtitle{padding:20px 0 10px 0;font-size:16px;}
	.ywjswrap .duihuan{margin:20px 0 0 0;}
	.ywjswrap .duihuan .box{width:93%;padding:2%;}
	.ywjswrap .duihuan .box .img{width:100%;height:auto;margin:0 10px 0 0;text-align:center;}
	.ywjswrap .duihuan .box .liucheng{width:100%;}
	.ywjswrap .duihuan .box .liucheng .item{margin:5px 0 0 0;}
	.ywjswrap .duihuan .box .liucheng .item .txt{font-size:12px;}
	.lxwrap_html5{display:block;position:fixed;bottom:1rem;left:0;padding:0 2%;width:96%;}
	.lxwrap_html5 .tel{width:63%;float:left;}
	.lxwrap_html5 .download{width:35%;float:right;}
	.telh5,.downloadh5{display:block;height:3rem;text-align:center;background:#4da9f6;color:#fff;border-radius:10rem;box-shadow:1px 5px 0px 0 rgb(51, 150, 232), 0 2px 0px 0 rgb(79, 175, 255);transition-property:bottom,margin-left,box-shadow;transition-duration:0.2s;z-index:9000;}
	.telh5{width:100%;line-height:3rem;}
	.downloadh5{width:100%;line-height:3rem;float:right;}
	.telh5 img,.downloadh5 img{width:1.4rem;vertical-align:sub;}
	.telh5:focus,.telh5:active,.downloadh5:focus,.downloadh5:active{transition-property:bottom,margin-left,box-shadow;transition-duration:0.2s;bottom:0.9;margin-left:-0.2rem;box-shadow:none;}
	.footer{padding:0 0 4rem 0;}
}

/* 小屏幕（手机，小于等于 420px） */
@media (max-width: 320px){
}