html {
	margin: 0px auto; font-size: 62.5%; min-width: 300px; max-width: 640px;
}
body {
	background: rgb(255, 255, 255); margin: 0px; padding: 0px; color: rgb(68, 68, 68); font-family: "Î¢ÈíÑÅºÚ","ºÚÌå";
}
ul {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}
dl {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
dt {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
ol {
	margin: 0px; padding: 0px;
}
form {
	margin: 0px; padding: 0px;
}
input {
	margin: 0px; padding: 0px;
}
h1 {
	font-weight: normal;
}
h2 {
	font-weight: normal;
}
h3 {
	font-weight: normal;
}
h4 {
	font-weight: normal;
}
h5 {
	font-weight: normal;
}
h6 {
	font-weight: normal;
}
ul {
	list-style: none;
}
li {
	list-style: none;
}
img {
	padding: 0px; border: 0px currentColor; border-image: none;
}
a {
	color: rgb(68, 68, 68); text-decoration: none;
}
a:hover {
	color: rgb(0, 95, 155); text-decoration: none;
}
.clear {
	line-height: 0px; clear: both; font-size: 0px;
}
.hidden {
	display: none;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.red {
	color: rgb(255, 0, 0);
}
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
.clear {
	clear: both;
}
.marginT {
	margin-top: 2.8rem;
}
.paddingT {
	padding-top: 2.8rem;
}
em {
	font-style: normal;
}
@media screen and (max-width:479px) and (min-width:320px)
{
html {
	font-size: 45% !important;
}
.header {
	height: 45px;
}
.header_name {
	left: 26%; top: 20%; position: absolute; max-width: 160px;
}
.header_name1 {
	left: 30%; top: 2%; position: absolute; max-width: 160px;
}
.search_ico img {
	top: 50%; width: 30px; right: 3%; margin-top: -14px; position: absolute; z-index: 501;
}
.search_name {
	height: 45px;
}
.form-inline {
	width: 50%; margin-top: 2%; margin-right: 20%; float: right;
}
.form-group {
	width: 70%; float: left;
}
.nav1 li {
	height: 37px; line-height: 37px;
}
.swiper-wrapper {
	height: 37px; line-height: 37px;
}
.search-box {
	height: 33px;
}
.s_but {
	height: 33px;
}
.nav1_a li i img {
	width: 42px; vertical-align: middle;
}
.nav1_b li img {
	width: 42px; vertical-align: middle;
}
.header_nav .nav__trigger {
	margin-top: -7px;
}
.nav__icon {
	width: 20px; height: 3px;
}
.nav__icon::before {
	width: 20px; height: 3px;
}
.nav__icon::after {
	width: 20px; height: 3px;
}
.nav__icon::before {
	margin-top: -6px;
}
.nav__icon::after {
	margin-top: 6px;
}
}
@media screen and (max-width:640px) and (min-width:480px)
{
html {
	font-size: 47% !important;
}
.header {
	height: 58px;
}
.header_name {
	left: 26%; top: 20%; position: absolute; max-width: 200px;
}
.header_name1 {
	left: 30%; top: 2%; position: absolute; max-width: 200px;
}
.search_ico img {
	top: 50%; width: 36px; right: 3%; margin-top: -16px; position: absolute; z-index: 501;
}
.search_name {
	height: 58px;
}
.form-inline {
	width: 50%; margin-top: 2%; margin-right: 20%; float: right;
}
.form-group {
	width: 70%; float: left;
}
.nav1 li {
	height: 47px; line-height: 47px;
}
.swiper-wrapper {
	height: 47px; line-height: 47px;
}
.search-box {
	height: 35px;
}
.s_but {
	height: 35px;
}
.nav1_a li i img {
	width: 52px; vertical-align: middle;
}
.nav1_b li img {
	width: 52px; vertical-align: middle;
}
.header_nav .nav__trigger {
	margin-top: -14px;
}
.nav__icon {
	width: 25px; height: 4px;
}
.nav__icon::before {
	width: 25px; height: 4px;
}
.nav__icon::after {
	width: 25px; height: 4px;
}
.nav__icon::before {
	margin-top: -8px;
}
.nav__icon::after {
	margin-top: 8px;
}
}
@media screen and (min-width:640px)
{
html {
	font-size: 62.5% !important;
}
.header {
	height: 72px;
}
.header_name {
	left: 30%; top: 20%; position: absolute; max-width: 242px;
}
.header_name1 {
	left: 30%; top: 2%; position: absolute; max-width: 242px;
}
.search_ico img {
	top: 50%; width: 42px; right: 3%; margin-top: -20px; position: absolute; z-index: 501;
}
.search_name {
	height: 72px;
}
.form-inline {
	width: 50%; margin-top: 2%; margin-right: 20%; float: right;
}
.nav1 li {
	height: 57px; line-height: 57px;
}
.swiper-wrapper {
	height: 57px; line-height: 57px;
}
.search-box {
	height: 36px;
}
.s_but {
	height: 36px;
}
.nav1_a li i img {
	width: 62px; vertical-align: middle;
}
.nav1_b li img {
	width: 62px; vertical-align: middle;
}
.header_nav .nav__trigger {
	margin-top: -14px;
}
.nav__icon {
	width: 30px; height: 5px;
}
.nav__icon::before {
	width: 30px; height: 5px;
}
.nav__icon::after {
	width: 30px; height: 5px;
}
.nav__icon::before {
	margin-top: -10px;
}
.nav__icon::after {
	margin-top: 10px;
}
}
.header {
	background: rgb(235, 65, 85); margin: 0px auto; width: 100%; position: relative;
}
.header_nav .nav__trigger {
	left: 3%; top: 46%; width: 42px; height: 28px; position: absolute; z-index: 1001;
}
.nav__icon {
	display: inline-block; position: relative; transition-property: background-color, transform, transform; transition-duration: 300ms; background-color: rgb(255, 255, 255); -webkit-transition-property: background-color, -webkit-transform; -webkit-transition-duration: 300ms;
}
.nav__icon::before {
	background: rgb(255, 255, 255); display: block; position: absolute; content: ""; transition-property: margin, transform, transform; transition-duration: 300ms; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: 300ms;
}
.nav__icon::after {
	background: rgb(255, 255, 255); display: block; position: absolute; content: ""; transition-property: margin, transform, transform; transition-duration: 300ms; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: 300ms;
}
.nav-active .nav__icon {
	background: rgba(0, 0, 0, 0);
}
.nav-active .nav__icon::before {
	margin-top: 0px; transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.nav-active .nav__icon::after {
	margin-top: 0px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}
.head_box .nav {
	background: rgb(102, 102, 102); width: 100%; height: 100%; opacity: 0; transform: translateX(-500%); -webkit-transform: translateX(-500%);
}
.nav {
	position: absolute; z-index: 100; opacity: 1; transition-property: all; transition-duration: 300ms; -webkit-transition-property: all; -webkit-transition-duration: 300ms;
}
.nav-active .nav {
	transition:300ms ease-in-out; height: 100%; position: relative; z-index: 600; opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0); -webkit-transition: all 300ms ease-in-out;
}
.search_name {
	top: 0px; width: 100%; display: none; position: absolute; transform: translate(100%, -100%) scale(0.5); transition-property: all; transition-duration: 300ms; -webkit-transition-property: all; -webkit-transition-duration: 300ms; -webkit-transform: translate(100%, -100%) scale(0.5);
}
.search-active .search_name {
	background: rgb(102, 102, 102); border-radius: 0px; display: block; opacity: 1; transform: translateY(0px) scale(1); transition-property: all; transition-duration: 300ms; -webkit-transition-property: all; -webkit-transition-duration: 300ms; -webkit-transform: translateY(0) scale(1);
}
.search-box {
	border: currentColor; border-image: none; width: 72%; color: rgb(167, 167, 169); padding-left: 3%; font-family: Î¢ÈíÑÅºÚ; font-size: 1.7rem;
}
.s_but {
	border: currentColor; border-image: none; width: 25%; text-align: center; font-family: "Microsoft YaHei", "Î¢ÈíÑÅºÚ", "ËÎÌå"; font-size: 1.6rem; background-color: rgb(240, 240, 240);
}
.form-inline1 {
	width: 53%; margin-top: 14%; margin-right: 25%; float: right;
}
.nav1 li {
	width: 20%;
}
.nav_box {
	margin: 0px auto; width: 100%; height: auto;
}
.nav1_a {
	margin: 0px auto; width: 80%; height: auto; padding-top: 4%; clear: both;
}
.nav1_a ul {
	padding-bottom: 1rem; margin-top: 1rem; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.nav1_a li {
	width: 33.3%; text-align: center; color: rgb(255, 255, 255); font-size: 2.4rem; float: left;
}
.nav1_a li i {
	margin-right: 1rem;
}
.nav1_a li a {
	width: 33.3%; text-align: center; color: rgb(255, 255, 255); font-size: 2.4rem;
}
.nav1_b {
	margin: 0px auto; width: 80%; height: auto; padding-top: 4%; clear: both;
}
.nav1_b li {
	padding: 2% 0px; border-radius: 8px; width: 43%; text-align: center; color: rgb(255, 255, 255); font-size: 2.2rem; margin-bottom: 2rem;
}
.nav1_b li:nth-of-type(1) {
	background: rgb(152, 223, 179); float: left;
}
.nav1_b li:nth-of-type(2) {
	background: rgb(252, 211, 132); float: right;
}
.nav1_b li:nth-of-type(3) {
	background: rgb(248, 175, 204); float: left;
}
.nav1_b li:nth-of-type(4) {
	background: rgb(193, 218, 135); float: right;
}
.nav1_b li img {
	vertical-align: middle;
}
.nav1_b li a {
	display: block;
}
.nav1_b li:nth-of-type(1) a {
	color: rgb(81, 120, 96);
}
.nav1_b li:nth-of-type(2) a {
	color: rgb(135, 108, 57);
}
.nav1_b li:nth-of-type(3) a {
	color: rgb(139, 96, 113);
}
.nav1_b li:nth-of-type(4) a {
	color: rgb(111, 130, 65);
}
.nav1 {
	margin: 0px auto; width: 100%; height: auto; position: relative;
}
.nav1 li {
	text-align: center; font-family: "Microsoft YaHei", "Î¢ÈíÑÅºÚ", "ËÎÌå"; font-size: 2.4rem; float: left;
}
.nav1 li a {
	color: rgb(79, 79, 81); overflow: hidden; border-bottom-color: rgb(247, 247, 247); border-bottom-width: 3px; border-bottom-style: solid; display: block;
}
.nav1 li a:hover {
	transition:0.7s; color: rgb(218, 32, 54); text-decoration: none; border-bottom-color: rgb(240, 85, 103); border-bottom-width: 3px; border-bottom-style: solid; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s;
}
.nav1 .on a {
	color: rgb(218, 32, 54); border-bottom-color: rgb(240, 85, 103); border-bottom-width: 3px; border-bottom-style: solid;
}
.swiper-container {
	margin: 0px auto; width: 100%; height: 60px;
}
.swiper-slide {
	text-align: center; font-size: 2.4rem; display: flex; justify-content: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -webkit-box-align: center; -webkit-align-items: center;
}
.swiper-wrapper a {
	width: 100%; color: rgb(79, 79, 81); overflow: hidden; border-bottom-color: rgb(247, 247, 247); border-bottom-width: 3px; border-bottom-style: solid; display: block;
}
.swiper-wrapper a:hover {
	transition:0.7s; color: rgb(218, 32, 54); text-decoration: none; border-bottom-color: rgb(240, 85, 103); border-bottom-width: 3px; border-bottom-style: solid; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s;
}
.swiper-wrapper .on a {
	color: rgb(218, 32, 54); border-bottom-color: rgb(240, 85, 103); border-bottom-width: 3px; border-bottom-style: solid;
}
.footBar {
	margin: 0px auto; width: 100%; bottom: 0px; overflow: hidden; border-top-color: rgb(120, 87, 64); border-top-width: 3px; border-top-style: solid; position: fixed; min-width: 320px; max-width: 640px; background-color: rgb(228, 221, 217);
}
.footBar ul {
	margin: 8px 0px 5px; width: 100%; height: auto; overflow: hidden;
}
.footBar li {
	width: 25%; text-align: center; font-size: 80%; float: left;
}
.footBar li a {
	width: 100%; overflow: hidden; padding-top: 30px; font-size: 1.6rem; display: block;
}
.footBar li:nth-child(1) {
	background: url("../images/iico_fot1.png") no-repeat top rgb(228, 221, 217);
}
.footBar li:nth-child(2) {
	background: url("../images/iico_fot2.png") no-repeat top rgb(228, 221, 217);
}
.footBar li:nth-child(3) {
	background: url("../images/iico_fot3.png") no-repeat top rgb(228, 221, 217);
}
.footBar li:nth-child(4) {
	background: url("../images/iico_fot4.png") no-repeat top rgb(228, 221, 217);
}
.footBar li:nth-child(4) a {
	color: rgb(226, 35, 0);
}
