@import url('style.skins.css');
html,body,div,blockquote,img,label,p,a,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,fieldset,input,th,td,figure {
	border:0;
	margin:0;
	padding:0
}
html {
	-webkit-text-size-adjust:none
}
body {
	font:normal 100% Helvetica,Arial,sans-serif
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%
}
small {
	font-size:.875em
}
img,object {
	display:block;
	height:auto;
	max-width:100%;
	width:auto;
	-ms-interpolation-mode:bicubic
}
video {
	height:auto;
	max-width:100%;
	width:100%
}
table {
	border-collapse:collapse;
	border-spacing:0
}
a:focus {
	outline:0
}
body {
	font-family:'微软雅黑',Helvetica,Arial,sans-serif;
	color:#333;
	padding-top:100px;
	padding-bottom:60px
}
a {
	color:#333;
	text-decoration:none
}
a:hover {
	color:#f33
}
.font-red {
	color:#dd001f
}
.wapper {
	width:95%;
	max-width:1000px;
	position:relative;
	margin:0 auto
}
.banner {
	background:#fff;
}
@media (max-width:600px) {
	.banner {
	display:none;
}
}.banner img {
	margin:0 auto
}
.nav-float {
	display:none;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background:url(/images/img/gary.png)
}
.nav-float ul {
	max-width:1000px;
	margin:0 auto;
	list-style:none
}
.nav-float ul li {
	float:left;
	width:12.5%
}
.nav-float ul li a {
	display:block;
	text-align:center;
	line-height:60px
}
.nav-float ul li a:hover,.nav-float ul li a.selected {
	color:#fff;
	background:#dd001f
}
.float {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	overflow:hidden;
	background:#f00;
	text-align:center;
	display:none
}
@media (max-width:768px) {
	.float {
	display:block
}
}.float div {
	float:left
}
@media (max-width:768px) {
	.float div {
	width:50%
}
}@media (max-width:500px) {
	.float div {
	width:25%
}
}.float div a {
	color:#fff;
	display:block;
	font-size:12px;
	padding:6px 0
}
.float div a:hover {
	background:#ccc
}
.float div a img {
	width:30px;
	margin:0 auto 3px auto
}
.float .phone {
	display:none
}
@media (max-width:500px) {
	.float .phone {
	display:block
}
}.header {
	box-shadow:0 3px 5px #ccc;
	-moz-box-shadow:0 3px 5px #ccc;
	-webkit-box-shadow:0 3px 5px #ccc;
	position:fixed;
	z-index:9999;
	top:0;
	background:#fff;
	width:100%;
	overflow:hidden;
	padding:20px 0
}
@media (max-width:500px) {
	.header {
	padding:10px 0;
	position:absolute
}
}.header img,.header .company {
	float:left
}
@media (max-width:500px) {
	.header img,.header .company {
	float:none;
	margin:0 auto;
	text-align:center
}
}

.header img {
	width:auto;
	height:40px;
	margin-right:5px
}
.header .logo {
	margin:0 auto;
	line-height:20px
}
.header .logo a:hover {
	color:#333
}
.header .logo img {
	padding-right:5px;
}
@media (max-width:500px) {
	.header .logo img {
	width:60%;
	height:auto;
	margin-right:auto;
	margin-bottom:.5em;
	border-right:0;
	padding-right:0
}
}.header .logo h1 {
	font-size:18px
}
.header .logo h2 {
	font-size:14px;
	padding-top:3px
}
@media (max-width:500px) {
.header .logo h2 {display:none}
}
.header .tel {
	position:absolute;
	right:0;
	top:0;
	font-size:30px;
	font-weight:bold
}
@media (max-width:500px) {
	.header .tel {
	display:none
}
}.footer {
	box-shadow:0 -3px 5px #ccc;
	-moz-box-shadow:0 -3px 5px #ccc;
	-webkit-box-shadow:0 -3px 5px #ccc;
	text-align:center;
	padding:60px 0;
	margin-top:30px;
	color:#fff;
	background:#000
}
.nav {
	padding:2em 0
}
.nav ul {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	height:3em;
	list-style:none;
	background:#eee
}
@media (max-width:500px) {
	.nav ul {
	height:6em
}
}.nav ul li {
	float:left;
	width:12.5%;
	position:relative
}
@media (max-width:500px) {
	.nav ul li {
	width:25%
}
}.nav ul li a {
	display:block;
	text-align:center;
	line-height:3em
}
.nav ul li a:hover,.nav ul li a.selected {
	color:#fff;
	background:#dd001f
}
.nav ul li ul {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
	display:none;
	position:absolute;
	z-index:999;
	width:100%;
	height:auto
}
.nav ul li ul li {
	width:100%;
	float:none
}
.nav ul li ul li a {
	width:100%;
	white-space:nowrap
}
.bread {
	margin-bottom:10px
}
.bread li {
	display:inline;
	font-size:12px;
	padding:0 3px
}
.index {
	text-align:center
}
.index h4,.index h5,.index h6 {
	margin-bottom:5px
}
.index h2 {
	font-size:100px
}
.index h3 {
	font-size:60px
}
.index h4 {
	font-size:48px
}
.index h5 {
	font-size:32px;
	font-weight:normal
}
.index h6 {
	font-size:18px;
	font-weight:normal
}
.index p {
	font-size:14px;
	max-width:80%;
	margin:0 auto
}
@media (max-width:500px) {
	.index p {
	max-width:100%
}
}.index small {
	font-size:.6em
}
@media (max-width:500px) {
	.index h2 {
	font-size:60px
}
.index h3 {
	font-size:40px
}
.index h4 {
	font-size:26px
}
.index h5,.index h6,.index p {
	font-size:14px
}
.index small {
	display:block
}
.index span {
	white-space:nowrap
}
}.index-body {
	width:100%;
	margin:auto;
	list-style:none;
	overflow:hidden
}
.strengths {
	width:100%;
	margin:auto;
	list-style:none;
	overflow:hidden
}
.strengths .row .item {
	width:31.33333333333333%;
	margin:0 1%;
	float:left;
	text-align:center
}
@media (max-width:500px) {
	.strengths .row .item {
	width:48%
}
}.strengths .row .item a {
	display:block;
	position:relative
}
.strengths .row .item img {
	margin:0 auto
}
.strengths .row .item h6 {
	font-size:16px;
	line-height:2em;
	font-weight:normal
}
@media (max-width:500px) {
	.strengths .row .item h6 {
	font-size:14px
}
}.strengths .row .item span {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	-khtml-opacity:.7;
	opacity:.7
}
.strengths .row .item p {
	display:none;
	padding:10%;
	position:absolute;
	left:0;
	top:0;
	color:#fff;
	text-align:left
}
.strengths .row .item a:hover span,.strengths .row .item a:hover p {
	display:block
}
.customers {
	position:relative;
	width:100%;
	margin:auto;
	list-style:none;
	overflow:hidden
}
.customers a.perv,.customers a.next {
	position:absolute;
	top:35%;
	width:2%
}
@media (max-width:500px) {
	.customers a.perv,.customers a.next {
	display:none
}
}.customers a.perv {
	left:1%
}
.customers a.next {
	right:1%
}
.customers .row {
	width:80%;
	margin:0 auto;
	overflow:hidden
}
@media (max-width:500px) {
	.customers .row {
	width:100%
}
}.customers .row .item {
	width:23%;
	margin:0 1%;
	float:left;
	text-align:center
}
@media (max-width:500px) {
	.customers .row .item {
	width:48%;
	margin-bottom:1em
}
}.customers .row .item img {
	margin:0 auto;
	border:1px solid #ccc
}
.customers .row .item h6 {
	display:none;
	font-size:14px;
	line-height:2em;
	font-weight:normal
}
.services {
	width:100%;
	margin:auto;
	list-style:none;
	overflow:hidden
}
.services .row .item {
	width:31.33333333333333%;
	margin:0 1%;
	float:left
}
@media (max-width:500px) {
	.services .row .item {
	width:98%;
	margin-bottom:1em
}
}.services .row .item h5 {
	font-size:16px;
	padding:10px 0 10px 5px;
	border-top:1px solid #ddd;
	background:#fafafa
}
@media (max-width:500px) {
	.services .row .item h5 {
	font-size:14px
}
}.services .row .item img {
	margin:0 auto
}
.services .row .item ul,.services .row .item p {
	font-size:14px;
	padding:5px
}
.services .row .item ul {
	line-height:1.3em
}
.services .row .item ul li {
	padding:.3em 0;
	margin-left:1em
}
.services .row .item p {
	line-height:1.9em
}
.services .row .item p a {
	white-space:nowrap
}
.services .row .item span {
	margin-left:1em;
	color:#999
}
.demo {
	width:100%;
	margin:auto;
	list-style:none;
	overflow:hidden
}
.demo .item {
	width:31.33333333333333%;
	padding:0 1%;
	margin:5px 0;
	float:left
}
@media (max-width:500px) {
	.demo .item {
	width:98%
}
}.demo .item img {
	height:50px
}
.demo .item input {
	padding:10px 2%;
	width:96%;
	font-size:16px;
	overflow:hidden
}
.demo .item .lbl {
	display:none
}
.demo .item .ipt {
	border:1px solid #bbb;
	padding:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px
}
.demo .item .btn {
	background:#fa8b80;
	border:1px solid #fa8b80;
	padding:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px
}
.demo .item .btn:hover {
	background:#f85e4f
}
.demo .item .btn input {
	width:100%;
	cursor:pointer;
	color:#fff;
	background:transparent;
	font-weight:bold;
	border:0
}
.sub {
	padding:20px 0;
	background:#f3f3f3;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	width:100%;
	overflow:hidden;
	list-style:none
}
.sub .article {
	width:66%;
	margin-left:2%;
	float:left;
	padding:3%;
	border:1px solid #e6e6e6;
	background:#fff
}
@media (max-width:768px) {
	.sub .article {
	width:70%
}
}@media (max-width:500px) {
	.sub .article {
	width:auto;
	margin:0 3%;
	float:none
}
}.sub .article .title {
	margin-bottom:1em
}
.sub .article .title h2 {
	font-size:24px;
	color:#dd001f
}
.sub .article .title h2 small {
	color:#999;
	margin-left:.5em;
	font-weight:normal
}
.sub .article .title h4 {
	color:#999;
	font-weight:normal;
	font-size:.875em
}
.sub .article .body {
	font-size:13px;
	line-height:2em
}
.sub .article .body strong {
	font-size:15px
}
.sub .article .body h4 {
	color:#fff;
	background:#dd001f;
	padding:.3em 1em;
	margin-bottom:1em
}
.sub .article .body h5 {
	color:#333;
	background:#f3f3f3;
	padding:.3em 1em;
	margin-bottom:.5em
}
.sub .article .body p {
	padding:0 1em
}
.sub .article .body table {
	width:100%;
	border:0
}
.sub .article .body td,.sub .article .body th {
	font-size:12px;
	border:1px solid #ccc;
	padding:.3em;
	text-align:center;
	line-height:1.8em
}
.sub .article .body table.ke-zeroborder th,.sub .article .body table.ke-zeroborder td {
	text-align:left;
	border:0
}
.sub .article .body hr {
	border:0;
	border-top:1px dotted #ccc;
	height:0;
	font-size:0;
	line-height:0;
	margin:20px 0
}
.sub .article .body li {
	margin-left:2em
}
.sub .article .body .news_list {
	line-height:30px;
	list-style:none
}
.sub .article .body .news_list li {
	margin:0;
	border-bottom:1px dotted #ccc
}
.sub .article .body .news_list li span {
	float:right
}
.sub .article .body .process {
	margin:0;
	padding:0;
	list-style:none
}
.sub .article .body .process li {
	width:auto;
	line-height:3em;
	margin:0 auto;
	text-align:center;
	font-size:16px
}
.sub .article .body .process li span {
	padding:1em 2em;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	color:#fff;
	background:#dd001f
}
.sub .article .body .process li.process-down {
	color:#dd001f;
	height:3em;
	font-size:1em;
	font-family:"sans serif",tahoma;
	padding:0 1em
}
.sub .article .body .trial-small {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	width:100%;
	overflow:hidden;
	line-height:4em;
	margin:1em 0;
	border:1px solid #ccc;
	background:#f5f5f5
}
.sub .article .body .trial-small p {
	float:left;
	font-size:1.4em
}
.sub .article .body .trial-small p strong {
	font-size:1em
}
.sub .article .body .trial-small p span {
	color:#dd001f
}
.sub .article .body .trial-small div {
	float:right;
	margin:0 1em
}
.sub .article .body .trial-small div input {
	border:1px solid #ccc;
	width:60px;
	height:2em;
	padding:0 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px
}
.sub .article .body .trial-small div .js-trial {
	width:auto;
	font-size:14px;
	margin-left:1em;
	color:#fff;
	background:#dd001f
}
.sub .article .body .trial-big .fld {
	width:100%;
	overflow:hidden;
	padding:.2em 0 .8em 0
}
.sub .article .body .trial-big .lbl {
	float:left;
	width:20%
}
@media (max-width:500px) {
	.sub .article .body .trial-big .lbl {
	float:none;
	width:100%
}
}.sub .article .body .trial-big .ipt {
	float:right;
	width:78%
}
@media (max-width:500px) {
	.sub .article .body .trial-big .ipt {
	float:none;
	width:100%
}
}.sub .article .body .trial-big .ipt input {
	margin:0 1em 0 0
}
.sub .article .body .trial-big .ipt .btn {
	font-size:1.2em;
	padding:0 1em;
	line-height:2em;
	height:2em
}
.sub .article .body .trial-big .ipt .btn-primary {
	color:#fff;
	background:#dd001f;
	border:1px solid #dd001f
}
.sub .article .body .trial-big .lbl {
	text-align:right
}
@media (max-width:500px) {
	.sub .article .body .trial-big .lbl {
	text-align:left
}
}.sub .article .body .trial-big .ipt input {
	border:1px solid #ccc;
	height:2em;
	padding:0 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px
}
.sub .article .body .idtabs {
	width:100%;
	overflow:hidden;
	list-style:none;
	background:#f5f5f5
}
.sub .article .body .idtabs li {
	float:left;
	margin:0 1em 0 0
}
.sub .article .body .idtabs a {
	display:block;
	line-height:3em;
	padding:0 1em;
	background:none
}
.sub .article .body .idtabs a:hover,.sub .article .body .idtabs a.selected {
	color:#fff;
	background:#dd001f
}
.sub .article .body .faq {
	padding:2em 0
}
.sub .article .body .faq p {
	border:1px solid #eee;
	font-size:1em;
	margin-bottom:1.5em;
	padding:1em;
	color:#666;
	background:#fafafa;
	box-shadow:0 2px 1px #eee;
	-moz-box-shadow:0 2px 1px #eee;
	-webkit-box-shadow:0 2px 1px #eee
}
.sub .article .body .faq p strong {
	color:#333;
	font-size:1.2em
}
.sub .article .body .showpage {
	margin:1em 0;
	list-style:none
}
.sub .article .body .showpage li {
	float:left;
	line-height:1.5em;
	margin:0 5px
}
.sub .article .body .showpage li a {
	display:block;
	padding:0 5px
}
.sub .article .body .showpage li a:hover {
	color:#666;
	background:#eee
}
.sub .sidebar {
	width:22%;
	margin-right:2%;
	float:right
}
@media (max-width:768px) {
	.sub .sidebar {
		width:18%
	}
}
@media (max-width:500px) {
	.sub .sidebar {
		width:auto;
		margin:0 3%;
		float:none
	}
}
.sub .sidebar ul {
	width:100%;
	overflow:hidden;
	list-style:none
}
.sub .sidebar ul li {
	float:left;
	text-align:center;
	width:50%
}
@media (max-width:768px) {
	.sub .sidebar ul li {
		width:100%;
		float:none
	}
}
@media (max-width:500px) {
	.sub .sidebar ul li {
		float:left;
		width:33.33333333333333%
	}
}
.sub .sidebar ul li a {
	display:block;
	font-size:14px;
	padding:10px 0;
	margin:0 0 5px 5px;
	background:#cecece
}
@media (max-width:768px) {
	.sub .sidebar ul li a {
		margin:0 0 5px 0
	}
}
@media (max-width:500px) {
	.sub .sidebar ul li a {
		font-size:12px;
		margin:0 3px 5px 2px
	}
}
.sub .sidebar ul li a:hover,.sub .sidebar ul li a.selected {
	color:#fff;
	background:#dd001f
}
.sub .sidebar ul li a span {
	display:block;
	font-size:50px
}
@media (max-width:768px) {
	.sub .sidebar ul li a span {
		display:inline;
		font-size:30px;
		margin-right:10px
	}
}
@media (max-width:500px) {
	.sub .sidebar ul li a span {
		font-size:12px
	}
}

/*main css*/
#top{z-index:9999}
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; background:url(/images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(/images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(/images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(/images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;max-width:160px;}
.izl-rmenu .btn-phone{background:url(/images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(/images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}