@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:1100px;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:642px;background:url(../images/banner.jpg) no-repeat center center;}
.section1{background:#131d3e url(../images/banner_bottom.jpg) no-repeat center top;}
.productslist{border-radius:16px;background:#2c3e5e;padding:20px 0 10px 0;margin:0 auto;}
.productslist_title{background:#ffffff;margin:10px auto 20px;border-radius:100px;width:250px;height:44px;line-height:44px;text-align:center;font-size:22px;color:#e60011;}
.listwrap{margin:0 0 0 112px;}
.listwrap .box{float:left;width:204px;height:188px;background:#ffffff;margin:0 20px 20px 0;border-radius:10px;position:relative;}
.listwrap .box .img{margin:20px auto 0 auto;text-align:center;}
.listwrap .box .img img{width:140px;}
.listwrap .box .name{font-size:14px;text-align:center;margin:15px auto 0 auto;line-height:150%;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:90%;}
.listwrap .box .moredetail{display:none;position:absolute;left:0;top:180px;z-index:5555;line-height:150%;border:1px solid #ff8383;background:#fffbfb;font-size:14px;color:#ff7373;padding:10px;width:182px;}
.listwrap .box .moredetail .arrow{position:absolute;left:50%;top:-5px;width:0;height:0;margin:0 0 0 -2px;border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #ff8383;}
.helptitle{margin:30px 0 0 0;text-align:center;line-height:150%;}
.helptitle span{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.helptitle .dot{width:49px;height:11px;background:url(../images/img1.png) no-repeat center center;}
.helptitle .txt{font-size:30px;color:#ffffff;font-weight:bold;margin:0 15px;}
.helptxt{line-height:200%;font-size:20px;color:#ffffff;margin:15px 0 0 0;}
.helpbox{background:#f0eeef;border-radius:20px;margin:20px 0 0 0;}
.helpbox .title{font-size:24px;color:#215dad;font-weight:bold;padding:15px 0;text-align:center;}
.helpimg1{float:left;width:436px;height:300px;margin:0 0 20px 60px;}
.helpimg2{float:left;width:348px;height:240px;margin:0 80px 50px 60px;}
.helpitem{float:left;margin:0 0 0 20px;}
.helpitem2{width:480px}
.helpitem .item{font-size:20px;color:#215dad;margin:20px 0;line-height:150%;}
.helpitem .item img{vertical-align:middle;}
.telwrap{position:fixed;top:200px;right:0;z-index:999999999;_position: absolute;_top:250px;width:200px;background:#7cb1d7;}
.telwrap .rexian{font-size:16px;line-height:150%;color:#1b2b5e;padding:0 0 5px 0;}
.telwrap .rexian .telico{width:48px;height:48px;background:url(../images/img12.png) no-repeat center center;float:left;margin:0 0 0 15px;}
.telwrap .rexian .telline{float:left;padding: 12px 0 0 0;}
.telwrap .qrcode{width:146px;height:146px;margin:10px auto 10px auto;border:2px solid #ffffff;}
.telwrap .qrcode img{width:146px;}
.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;}
	.listwrap{margin:0;}
	.listwrap .box{width:23%;height:auto;margin:0 1% 1% 1%;}
	.listwrap .box .img{margin:4% auto 0 auto;text-align:center;}
	.listwrap .box .img img{width:90%;}
	.listwrap .box .name{margin:4% auto;}
	.listwrap .box .moredetail{width:auto;white-space:nowrap;}
	.helptitle{margin:20px 0 0 0}
	.helptitle .dot{width:30px;height:7px;background:url(../images/img1.png) no-repeat center center;background-size:30px 7px;}
	.helptitle .txt{font-size:18px;margin:0 5px;}
	.helptxt{line-height:150%;font-size:16px;color:#ffffff;margin:15px 0 0 0;padding:0 10px 0 10px;}
	.helpbox{margin:10px;}
	.helpbox .title{font-size:20px;}
	.helpimg1{float:left;width:30%;height:auto;margin:0 0 10px 10px;text-align:center;}
	.helpimg1 img{width:100%;}
	.helpimg2{float:left;width:30%;height:auto;margin:0 0 10px 10px;text-align:center;}
	.helpimg2 img{width:100%;}
	.helpitem{float:left;margin:0 0 0 20px;}
	.helpitem2{width:auto}
	.helpitem .item{font-size:18px;color:#215dad;margin:10px 0;line-height:150%;}
	.helpitem .item img{vertical-align:middle;width:30px;}

	.lxwrap_html5{display:none;}
}

/* 小屏幕（手机，小于等于480px） */
@media screen and (max-width:480px){
	.telwrap{display:none;}
	.banner{height:12rem;background:url(../images/banner.jpg) no-repeat top center;background-size:40rem;}
	.listwrap{margin:0;}
	.listwrap .box{width:48%;height:auto;margin:0 1% 1% 1%;}
	.listwrap .box .img{margin:4% auto 0 auto;text-align:center;}
	.listwrap .box .img img{width:90%;}
	.listwrap .box .name{margin:4% auto;}
	.listwrap .box .moredetail{width:auto;white-space:nowrap;}
	
	.helptitle{margin:20px 0 0 0}
	.helptitle .dot{width:30px;height:7px;background:url(../images/img1.png) no-repeat center center;background-size:30px 7px;}
	.helptitle .txt{font-size:18px;margin:0 5px;}
	.helptxt{line-height:150%;font-size:16px;color:#ffffff;margin:15px 0 0 0;padding:0 10px 0 10px;}
	.helpbox{margin:10px;}
	.helpbox .title{font-size:20px;}
	.helpimg1{float:left;width:100%;height:auto;margin:0;text-align:center;}
	.helpimg1 img{width:90%;}
	.helpimg2{float:left;width:100%;height:auto;margin:0;text-align:center;}
	.helpimg2 img{width:90%;}
	.helpitem{float:left;margin:0 0 0 20px;}
	.helpitem .item{font-size:18px;color:#215dad;margin:10px 0;}
	.helpitem .item img{vertical-align:middle;width:30px;}

	.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){
}