html {
	overflow-y: scroll;
}
body {
	margin: 0px; padding: 0px; text-align: left; font-family: "simsun",Arial, Helvetica, sans-serif; font-size: 16px;
}
body > div {
	margin-right: auto; margin-left: auto;
}
div {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
form {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
img {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
ul {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
ol {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
li {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
p {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
dl {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
dt {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
dd {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
h1 {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
h2 {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
h3 {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
h4 {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
h5 {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
h6 {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
h1 {
	font-family: "Microsoft YaHei"; font-weight: bold;
}
h2 {
	font-family: "Microsoft YaHei"; font-weight: bold;
}
h3 {
	font-family: "Microsoft YaHei"; font-weight: bold;
}
h4 {
	font-family: "Microsoft YaHei"; font-weight: bold;
}
h5 {
	font-family: "Microsoft YaHei"; font-weight: bold;
}
h6 {
	font-family: "Microsoft YaHei"; font-weight: bold;
}
ul {
	list-style: none; line-height: 24px;
}
li {
	list-style: none; line-height: 24px;
}
img {
	border: 0px currentColor;
}
a {
	color: rgb(51, 51, 51); text-decoration: none; cursor: pointer;
}
a:hover {
	color: rgb(204, 0, 0); text-decoration: underline;
}
.left {
	float: left;
}
.right {
	float: right;
}
.area::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: " ";
}
.clear::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: " ";
}
.con::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: " ";
}
.clear {
	
}
.area {
	
}
.con::after {
	
}
.area {
	width: 1004px; margin-right: auto; margin-left: auto; position: relative;
}
body {
	font-size: 16px;
}
html {
	font-size: 16px;
}
body {
	font-size: 14px;
}
html {
	font-size: 14px;
}
body {
	font-size: 12.5px;
}
html {
	font-size: 12.5px;
}
body {
	font-size: 11.5px;
}
html {
	font-size: 11.5px;
}
.m-page {
	margin: 1em 0px 0px; text-align: center; color: rgb(153, 153, 153); line-height: 2; letter-spacing: -0.3em; font-size: 1.2em; white-space: nowrap; word-wrap: normal;
}
.m-page a {
	background: rgb(255, 255, 255); padding: 0px 0.9em; border: 1px solid rgb(221, 221, 221); width: 0.8em; letter-spacing: normal; margin-left: -6px; word-spacing: normal; vertical-align: top; display: inline-block;
}
.m-page i {
	background: rgb(255, 255, 255); padding: 0px 0.9em; border: 1px solid rgb(221, 221, 221); width: 0.8em; letter-spacing: normal; margin-left: -6px; word-spacing: normal; vertical-align: top; display: inline-block;
}
.m-page i {
	width: 1em;
}
.m-page a {
	color: rgb(51, 51, 51); text-decoration: none;
}
.m-page a:hover {
	color: rgb(51, 51, 51); text-decoration: none;
}
.m-page a.first {
	width: 4em; margin-left: 0px;
}
.m-page a.last {
	width: 4em; margin-right: 0px;
}
.m-page a .pagearr {
	font-family: 宋体; font-weight: bold; vertical-align: top;
}
.m-page a.pageprv .pagearr {
	margin-right: 0.3em;
}
.m-page a.pagenxt .pagearr {
	margin-left: 0.3em;
}
.m-page a:hover {
	background: rgb(245, 245, 245);
}
.m-page a:active {
	background: rgb(240, 240, 240);
}
.m-page a.z-crt {
	background: rgb(245, 245, 245); color: rgb(153, 153, 153); cursor: default;
}
.m-page a.z-crt:hover {
	background: rgb(245, 245, 245); color: rgb(153, 153, 153); cursor: default;
}
.m-page a.z-crt:active {
	background: rgb(245, 245, 245); color: rgb(153, 153, 153); cursor: default;
}
.m-page a.z-dis {
	background: rgb(255, 255, 255); color: rgb(204, 204, 204); cursor: default;
}
.m-page a.z-dis:hover {
	background: rgb(255, 255, 255); color: rgb(204, 204, 204); cursor: default;
}
.m-page a.z-dis:active {
	background: rgb(255, 255, 255); color: rgb(204, 204, 204); cursor: default;
}
.m-page-lt {
	text-align: left;
}
.m-page-rt {
	text-align: right;
}
.m-page-sm a {
	padding: 0px 8px;
}
.m-page-sm i {
	padding: 0px 8px;
}
.m-page-sr a {
	margin: 0px 3px;
}
.m-page-sr i {
	margin: 0px 3px;
}
.m-page-sr i {
	border: 0px currentColor;
}











.g_page {
	margin: 0px auto; overflow: hidden; position: relative; min-width: 320px; max-width: 640px; background:#fff;
}
.index_page {
	left: 0em; top: 0px; position: relative;
}
.header {
	width: 100%; overflow: hidden; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.header .f_logo {
	width: 100%; float: left;
}
.header .f_logo img {
	width: 100%; display: block;
}
.header .menv {
	width: 10%; text-align: center; padding-top: 0.8em; float: right;
}
.header .menv img {
	width: 50%; display: block; cursor: pointer;
}
.m-focus {
	
}
.swiper-free {
	width: 100%; height: 308px;
}
.swiper-free .swiper-slide {
	width: 100%; height: 308px;
}
.swiper-slide {
	float: left; position: relative;
}
.swiper-slide img {
	width: 100%;
}
.swiper-container {
	margin: 0px auto; overflow: hidden; position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;
}
.swiper-wrapper {
	width: 100%; position: relative; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate(0px, 0px); -o-transition-timing-function: ease; -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease;
}
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
.arrow-left {
	background: url("../images/bg_direction_nav.png") no-repeat 0px 0px; left: 5px; top: 50%; width: 26px; height: 26px; text-align: center; text-indent: -999em; margin-top: -13px; position: absolute; z-index: 999;
}
.arrow-right {
	background: url("../images/bg_direction_nav.png") no-repeat 0px -26px; top: 50%; width: 26px; height: 26px; text-align: center; right: 5px; text-indent: -999em; margin-top: -13px; position: absolute; z-index: 999;
}
.pagination-free {
	left: 0px; width: 100%; text-align: center; bottom: 10px; line-height: 1; position: absolute; z-index: 999;
}
.pagination-bg {
	background: rgb(0, 0, 0); left: 0px; width: 100%; height: 30px; bottom: 0px; display: block; filter: alpha(opacity=43); position: absolute; z-index: 9; opacity: 0.43; -moz-opacity: 0.43; -khtml-opacity: 0.43;
}
.pagination-text {
	left: 0px; height: 24px; bottom: 0px; color: rgb(255, 255, 255); line-height: 24px; padding-left: 5px; font-size: 1.2em; position: absolute; z-index: 99;
}
.pagination-free .swiper-pagination-switch {
	margin: 0px 5px; border-radius: 50%; width: 14px; height: 14px; display: inline-block; cursor: pointer; background-color: rgb(255, 255, 255); -webkit-border-radius: 50%; -moz-border-radius: 50%;
}
.pagination-free .swiper-active-switch {
	background-color: rgb(33, 94, 60);
}


.index-nav {
	background: #00abeb; width: 100%; height: auto; overflow: hidden; padding-left: 0.2em; margin-top:3px; margin-bottom:3px;
}
.index-nav li {
	width: 25%;  float: left;
}
.index-nav li a {
	margin: 10% auto; width: 92.38%; height: auto; overflow: hidden; display: block; position: relative;
}
.index-nav li a img {
	width: 100%; display: block;
}
.index-nav li a span {
	font: 1.4em "microsoft yahei"; left: 0px; width: 100%; text-align: center; top:5%;bottom: 5%; color: rgb(255, 255, 255); display: block; position: absolute; font-size-adjust: none; font-stretch: normal;
}




.header,.title1,.btnback,#footer{background: #00abeb;}
.aside_menu .list li a{color: #00abeb;}
.sub_title .txt_div,.class_ul li a{color: #00abeb;}


.title1 {
	width: 100%; height: 4em; overflow: hidden;
}
.title1 p {
	font: 1.3em/3 "microsoft yahei"; width: 50%; color: rgb(255, 255, 255); text-indent: 2.81%; float: left; font-size-adjust: none; font-stretch: normal;
}
.more {
	background: url("../images/icon_01.png") 0% 0% / 100% 100%; font: 1.3em/3 "microsoft yahei"; width: 20.78%; height: 100%; text-align: center; color: rgb(255, 255, 255); float: right; font-size-adjust: none; font-stretch: normal;
}
.more:hover {
	color: rgb(255, 255, 255);
}
.index-product {
	margin: 1% auto; width: 98%; overflow: hidden;font: 1.2em/2 "microsoft yahei";
}
.index-product li {
	width: 50%; height: 12em; overflow: hidden; float: left;
}
.index-product li a {
	font: 1.2em/2 "microsoft yahei"; margin: 0px auto; width: 98%; text-align: center; color: #000; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; font-size-adjust: none; font-stretch: normal;
}
.index-product li a img {
	height: 8em; width: 100%;
}
.index_news {
	padding: 0.5em 0.5em 1em; width: 100%;
}
.index_news li {
	background: url("../images/newsico.png") no-repeat 97%; padding: 1em 0px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.index_news li a {
	width: 100%; height: 100%; color: rgb(51, 51, 51); font-family: "Microsoft YaHei"; font-size: 1.3em; display: block; white-space: nowrap; text-overflow: ellipsis;
}
.sub_title {
	background: rgb(236, 236, 236); width: 100%; overflow: hidden;
}
.sub_title .fh_a {
	width: 10%; padding-top: 0.5em; float: left; display: block;
}
.sub_title .fh_a img {
	width: 100%; height: 100%; display: block;
}
.sub_title .txt_div {
	width: 78%; text-align: center; line-height: 2; font-family: "Microsoft YaHei"; font-size: 2em; float: left;
}
.sub_title .f_flei {
	width: 10%; padding-top: 0.5em; float: left; display: block;
}
.sub_title .f_flei img {
	width: 100%; height: 100%; display: block;
}
.class_box {
	position: relative;
}
.class_ul {
	background: rgb(236, 236, 236); top: 0px; width: 15em; right: -30em; padding-bottom: 1em; position: absolute; z-index: 1;
}
.class_ul li {
	padding: 1em 0px; width: 100%; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.class_ul li a {
	width: 100%; height: 100%; text-align: center; font-family: "Microsoft YaHei"; font-size: 1.2em; display: block;
}
.morelist {
	background: url("../images/arrow_bot.gif") no-repeat bottom / 3%; width: 100%; padding-bottom: 1%;
}
.btnback {
	margin: 1em auto; width: 23%; text-align: center; color: rgb(255, 255, 255); line-height: 2.5; font-family: "Microsoft YaHei"; font-size: 1.2em; display: block;
}
.view-title {
	font: 1.2em/2 "microsoft yahei"; padding: 2% 0px; width: 100%; text-align: center; color: rgb(88, 88, 88); margin-bottom: 2%; border-bottom-color: rgb(219, 219, 219); border-bottom-width: 1px; border-bottom-style: solid; font-size-adjust: none; font-stretch: normal;
}
.about {
	font: 1.4em/180% "microsoft yahei"; margin: 2% auto; width: 98.87%; color: rgb(89, 89, 89); overflow: hidden; font-size-adjust: none; font-stretch: normal;
}
.about img {
	max-width: 100%;
}
.page {
	background: rgb(236, 236, 236); font: 1em/3 "microsoft yahei"; margin: 1% 0px; border-radius: 4px; width: 100%; height: 48px; color: rgb(63, 63, 63); text-indent: 1em; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; font-size-adjust: none; font-stretch: normal;
}
.case {
	margin: 2% auto; width: 91.56%; height: auto; overflow: hidden;
}
.case li {
	padding: 2% 0px; width: 100%; height: auto; overflow: hidden;
}
.case-img {
	width: 41.29%; float: left; display: block;
}
.case-img img {
	width: 100%;
}
.case-right {
	width: 53.24%; height: auto; overflow: hidden; float: right;
}
.case-right a {
	font: 1.3em/2 "microsoft yahei"; width: 100%; color: rgb(131, 1, 25); overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; font-size-adjust: none; font-stretch: normal;
}
.case-right div {
	font: 1em/2 "microsoft yahei"; width: 100%; color: rgb(113, 113, 113); overflow: hidden; font-size-adjust: none; font-stretch: normal;
}
.news {
	width: 100%; font-family: "Microsoft YaHei";
}
.index_news2 {
	padding: 1.5% 3% 2%;
}
.index_news2 li {
	clear: both; border-bottom-color: rgb(203, 203, 203); border-bottom-width: 1px; border-bottom-style: solid;
}
.index_news2 li a {
	background: url("../images/newsico.png") no-repeat 98% / 2%; padding: 2% 0px; width: 100%; color: rgb(113, 113, 113); overflow: hidden; font-size: 1.2em; display: inline-block; white-space: nowrap; text-overflow: ellipsis;
}
.sub-content {
	padding: 10px; line-height: 2; font-family: "Microsoft YaHei"; font-size: 1.2em;
}
.sub-content .center {
	text-align: center;
}
.sub-content img {
	max-width: 100%;
}
.sub-content h1 {
	text-align: center; line-height: 1.6; font-family: "Microsoft YaHei"; font-size: 1.6em; font-weight: bold; margin-bottom: 10px;
}
.sub-content .price {
	color: rgb(255, 100, 0);
}
.sub-content .price span {
	font-size: 2em;
}
.sub-content .button {
	background: rgb(238, 238, 238); margin: 0.5em 0px; padding: 5px 0px; border-radius: 1em; border: 1px solid rgb(204, 204, 204); text-align: center; color: rgb(34, 34, 34); line-height: 2; font-size: 1.6em; font-weight: bold; display: block; cursor: pointer; box-shadow: 0px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius: 1em; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2); text-shadow: 0 1px 0 #fff;
}
.sub-content table {
	table-layout: fixed; word-break: break-all; word-wrap: break-word; max-width: 100%;
}
.ui-input-text {
	margin: 0.5em 0px; padding: 0px 0.4em; border-radius: 0.6em; border: 1px solid rgb(170, 170, 170); color: rgb(51, 51, 51); display: block; position: relative; box-shadow: inset 0px 1px 4px rgba(0,0,0,0.2); background-image: none; background-clip: padding-box; -webkit-border-radius: .6em; -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2); -webkit-background-clip: padding;
}
.ui-input-text input {
	margin: 0px; padding: 0.4em 0px; outline: 0px !important; border: currentColor; width: 100%; line-height: 1.4em; font-size: 16px; display: block; min-height: 1.4em; -webkit-appearance: none;
}
.ui-input-text textarea {
	margin: 0px; padding: 0.4em 0px; outline: 0px !important; border: currentColor; width: 100%; line-height: 1.4em; font-size: 16px; display: block; min-height: 1.4em; -webkit-appearance: none;
}
.ui-button {
	display: block;
}
.ui-button input {
	background: rgb(238, 238, 238); margin: 0.5em 0px; padding: 5px 0px; border-radius: 1em; border: 1px solid rgb(204, 204, 204); width: 100%; text-align: center; color: rgb(34, 34, 34); line-height: 2; font-family: "Microsoft YaHei"; font-size: 1.6em; font-weight: bold; display: block; cursor: pointer; box-shadow: 0px 1px 3px rgba(0,0,0,0.2); -webkit-border-radius: 1em; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2); text-shadow: 0 1px 0 #fff;
}
.aside_menu {
	background: url("images/navbg.jpg") no-repeat top; top: 0px; width: 15em; height: 100%; right: -15em; position: absolute;
}
.aside_menu .list {
	
}
.aside_menu .list li {
	padding: 1em 0px; width: 100%; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.aside_menu .list li a {
	font: 1.2em "Microsoft YaHei"; width: 100%; height: 100%; text-align: center; display: block; font-size-adjust: none; font-stretch: normal;
}





















.body_footer{width:100%; height:45px; background:-webkit-gradient(linear, 0 0, 0 100%, from(#5e0044), to(#3f0039));background:-moz-linear-gradient(top, #5e0044, #3f0039); /* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5e0044,endColorstr=#3f0039,grandientType=0);  bottom:0;}
.body_footer ul{width:100% ; height:45px; line-height:45px;background:#00abeb;}
.body_footer ul li{width:33% ; float:left; color:#fff;}
.body_footer ul li a{width:100% ; height:45px; display:block; }
.body_footer ul li a:visited {color:#fff; text-decoration:none;}
.body_footer ul li a:hover {color:#fff; text-decoration:none;  background:-webkit-gradient(linear, 0 0, 0 100%, from(#faab17), to(#faab17));background:-moz-linear-gradient(top, #faab17, #faab17); /* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#faab17,endColorstr=#faab17,grandientType=0); }
.body_footer ul li a:active { color:#fff; text-decoration:none; background:#faab17;}
.body_footer ul li dl{width:auto; margin:0 auto; text-align:center; }
.body_footer ul li dt{width:auto; height:25px; overflow:hidden;}
.body_footer ul li dd{width:auto; height:20px; font-size:12px; color:#fff; line-height:20px; overflow:hidden;}