body {
	overflow-x: hidden;
	width: 100%;
}

.w {
	width: 1200px;
	margin: 0 auto;
}

.c-headerTop {
	overflow: hidden;
	height: 40px;
	line-height: 40px;
	border-top: 3px solid #04a07b;
	background: #f0f0f0;
}

.c-headerTop .c-l {
	float: left;
	font-size: 14px;
	color: #999999;
}

.c-headerTop dl {
	float: right;
}

.c-headerTop dd {
	float: left;
	line-height: 40px;
	position: relative;
}

.c-headerTop dd:after {}

.c-headerTop dd a {
	font-size: 16px;
	color: #898989;
}

.c-headerTop dd a:hover {
	color: #04a07b;
}

.c-headerTop dd img {
	width: 20px;
	height: 20px;
	vertical-align: -4px;
	margin-right: 7px;
}

.c-headerTop dt {
	float: left;
	font-size: 8px;
	padding: 0 10px;
}

.c-header {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.c-header .button {
	position: absolute;
	right: 0;
	top: 0;
	width: 20%;
	height: 100%;
}

.c-header .phone {
	display: none;
}

.c-indexNav {
	position: relative;
}

.c-indexNav .l {
	float: left;
	width: 50%;
	background: #414550;
	height: 78px;
}

.c-indexNav .r {
	float: left;
	width: 50%;
	background: #04a07b;
	height: 78px;
}

.c-indexNav .button {
	display: none;
}

.c-indexNav .top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}

.c-indexNav .top ul {
	background: #04a07b;
	overflow: hidden;
}

.c-indexNav .top li {
	width: 14.285%;
	width: 12%;
	float: left;
}

.c-indexNav .top li>a {
	display: block;
	color: #fff;
	text-align: center;
	height: 78px;
	line-height: 78px;
}
.c-indexNav .top li:nth-child(1)>a{
	background: #414550;
}
.c-indexNav .top li.on>a {
	background: #414550;
}

.c-indexNav .top li:hover>a {
	background: #414550;
}

.c-indexNav .top li dl {
	display: none;
	background: #fff;
}

.c-indexNav .top li dd a {
	text-align: center;
	font-size: 14px;
	display: block;
	color: #666;
	line-height: 28px;
}

.c-indexNav .top img {
	display: inline-block;
	width: 8px;
	height: 5px;
	margin-left: 15px;
	vertical-align: middle;
	transition: 0.5s all;
}

.c-indexNav .bottom {
	position: absolute;
	top: 78px;
	left: 0;
	width: 100%;
	z-index: 10;
	background: rgba(255, 255, 255, .95);
}

.c-indexNav .bottom ul {
	display: none;
}

.c-indexNav .bottom li {
	width: 14.285%;
	float: left;
}

.c-indexNav .bottom li a {
	display: block;
	height: 66px;
	line-height: 66px;
	text-align: center;
	color: #666666;
}

.c-indexNav .bottom li span {
	position: relative;
	display: inline-block;
}

.c-indexNav .bottom li span:after {
	content: "";
	position: absolute;
	left: -15px;
	top: 33px;
	width: 0;
	height: 0;
	border-radius: 3px;
	background: #414550;
	transition: 0.5s all
}

.c-indexNav .bottom li:hover span:after {
	content: "";
	position: absolute;
	left: -18px;
	top: 30px;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #414550;
}

.c-indexNav .top li:hover img {
	transform: rotate(180deg);
}

.c-bannerPc {
	height: 660px;
	position: relative;
}

.c-bannerPc .swiper-slide {
	height: 660px;
}

.c-banner .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: none;
	opacity: 1;
	border: 2px solid transparent;
	background: #fff;
	border-radius: 50%;
}

.c-banner .swiper-pagination-bullet-active {
	background: transparent;
	border: 2px solid rgba(255, 255, 255, .54);
	position: relative;
}

.c-h2 {
	text-align: center;
	padding: 48px 0;
	position: relative;
	overflow: hidden;
}

.c-h2 h2 {
	font-size: 36px;
	font-weight: bold;
	color: #333333;
}

.c-h2 h2 span {
	color: #04a07b;
}

.c-h2 p {
	font-weight: lighter;
	font-size: 28px;
	color: #333333;
	text-transform: uppercase;
}

.c-h2 img {
	display: block;
	width: 1200px;
	height: 19px;
	position: absolute;
	left: 50%;
	top: 86px;
	transform: translate(-50%);
}

.c-indexSearch {
	overflow: hidden;
	padding: 26px 0;
	background: #f0f0f0;
}

.c-indexSearch .l {
	float: left;
}

.c-indexSearch .l span {
	float: left;
	line-height: 40px;
}

.c-indexSearch .l span img {
	width: 31px;
	height: 40px;
	float: left;
	margin: 0 10px;
}

.c-indexSearch .l dl {
	float: left;
	line-height: 40px;
}

.c-indexSearch .l dt {
	float: left;
	font-size: 18px;
	color: #666;
}

.c-indexSearch .l dd {
	float: left;
	margin: 0 15px;
}

.c-indexSearch .l dd a {
	color: #666666;
}

.c-indexSearch .c-search {
	padding: 4px 0;
	float: right;
}

.c-indexSearch .c-search input {
	border: 2px solid #04a07b;
	border-right: 0;
	height: 36px;
	width: 290px;
	padding: 0 10px;
	float: left;
	font-size: 14px;
}

.c-indexSearch .c-search a {
	float: left;
	text-align: center;
	color: #fff;
	line-height: 40px;
	background: #04a07b;
	font-size: 14px;
	padding: 0 15px;
}

.c-boutique .box {
	width: calc(100% - 20px);
	overflow: hidden;
	padding: 10px;
	background: #ededed;
}

.c-boutique .box .bd {
	width: 100%;
	overflow: hidden;
}

.c-boutique .box li {
	width: 25%;
}

.c-boutique .box .sbox {
	padding-right: 10px;
}

.c-boutique .box .main {
	position: relative;
}

.c-boutique .box .main .tit {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	text-align: center;
	z-index: 10;
	color: #fff;
	opacity: 0;
	transition: 0.5s all;
}

.c-boutique .box .main .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	z-index: 9;
	opacity: 0;
	transition: 0.5s all;
}

.c-boutique .box .main .none.active {
	opacity: 1;
}

.c-boutique .imgbox {
	padding: 0 20px;
}

.c-boutique .top {
	overflow: hidden;
}

.c-boutique .top .l {
	width: 863px;
	float: left;
}

.c-boutique .top .l p {
	font-size: 14px;
	color: #333333;
	line-height: 22px;
	margin-top: 18px;
}

.c-boutique .top .r {
	width: 276px;
	float: right;
}

.c-boutique .top .r img {
	display: block;
	margin-bottom: 20px;
}

.c-choice {
	padding-bottom: 50px;
}

.c-choice .x {
	width: 100%;
	overflow: hidden;
}

.c-choice .x ul {
	width: calc(100% + 40px);
	overflow: hidden;
}

.c-choice .x li {
	width: calc(25% - 40px);
	margin-right: 40px;
	float: left;
	cursor: pointer;
}

.c-choice .main {
	border: 1px solid #04a07b;
	height: 350px;
	text-align: center;
	transition: 0.5s all;
}

.c-choice .img {
	width: 94px;
	height: 94px;
	margin: 37px auto 0 auto;
	background: #04a07b;
	border-radius: 50%;
	transition: 0.5s all;
}

.c-choice h2 {
	font-size: 22px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	line-height: 56px;
	position: relative;
}

.c-choice h2:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 42px;
	height: 4px;
	border-radius: 2px;
	background: #04a07b;
	transform: translateX(-50%);
	transition: 0.5s all;
}

.c-choice p {
	padding: 0 15px;
	color: #666666;
	font-size: 16px;
	line-height: 30px;
	margin-top: 16px;
}

.c-choice li:hover .img {
	background: #414550;
}

.c-choice li:hover .main {
	border: 1px solid #414550;
}

.c-choice li:hover h2:after {
	background: #414550;
}

.c-pcBanner1 {
	width: 100%;
	height: 236px;
}

.c-phoneBanner {
	display: none;
}

.c-indexProduct {
	overflow: hidden;
	padding-top: 55px;
}

.c-indexProduct .l {
	width: 280px;
	margin-left: 10px;
	float: left;
	border: 1px solid #0ca37f;
	border-bottom: 0;
	text-align: center;
	margin-bottom: 56px;
}

.c-indexProduct .l .mt {
	background: #0ca37f;
	color: #fff;
	padding: 25px 0;
}

.c-indexProduct .l .mt h2 {
	font-size: 28px;
	line-height: 28px;
	margin-bottom: 10px;
}

.c-indexProduct .l .mt p {
	text-transform: uppercase;
}

.c-indexProduct .l .mb {
	background: #0ca37f;
	padding: 62px 0 36px 0;
	color: #fff;
	border-bottom: 1px solid #0ca37f;
}

.c-indexProduct .l .mb h2 {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 8px;
}

.c-indexProduct .l .mb h2 img {
	width: 22px;
	height: 28px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.c-indexProduct .l .mb p {
	font-size: 26px;
	font-weight: bold;
}

.c-indexProduct .l .mc dd {
	position: relative;
}

.c-indexProduct .l .mc h3 a {
	font-size: 18px;
	color: #4c4c4c;
	line-height: 64px;
	text-align: center;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 10px;
	border-bottom: 1px solid #0ca37f;
}

.c-indexProduct .l .mc dd ul {
	position: absolute;
	left: 280px;
	top: -1px;
	width: 280px;
	border-bottom: 0;
	display: none;
	z-index: 8;
}
.c-indexProduct .l .mc dd ul li:first-of-type{ border-top: 1px solid #0ca37f;}
.c-indexProduct .l .mc dd ul li{ border-left: 1px solid #0ca37f; border-right:  1px solid #0ca37f;}
.c-indexProduct .l .mc dd a {
	font-size: 16px;
	color: #4c4c4c;
	line-height: 64px;
	text-align: center;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 10px;
	border-bottom: 1px solid #0ca37f;
}

.c-indexProduct .l .mc dd:hover h3 a {
	background: #0ca37f;
	color: #fff;
}

.c-indexProduct .l .mc a:hover {
	background: #0ca37f;
	color: #fff;
}

.c-indexProduct .l .mc dd:hover ul {
	display: block;
}

.c-indexProduct .l .mc h3 .img {
	width: 8px;
	height: 14px;
	position: absolute;
	right: 20px;
	top: 26px;
	background: url(../img/icon12.png);
}

.c-indexProduct .l .mc dd:hover h3 .img {
	background: url(../img/icon13.png);
}

.c-indexProduct .l .mc .more {
	font-size: 18px;
	color: #4c4c4c;
	line-height: 64px;
	text-align: center;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 10px;
	border-bottom: 1px solid #0ca37f;
	cursor: pointer;
	display: none;
}

.c-indexProduct .l .mc a {
	background: #fff;
}

.c-indexProduct .l .mx {
	border: 5px solid #0ca37f;
	border-top: 0;
	text-align: left;
	padding: 0 20px;
}

.c-indexProduct .l .mx dl {
	padding-bottom: 8px;
}

.c-indexProduct .l .mx dt {
	font-size: 24px;
	color: #414550;
	font-weight: bold;
	/* line-height: 88px; */
	padding: 26px 0;
}
.c-indexProduct .l .mx p{
	line-height: 34px;
}
.c-indexProduct .l .mx dd {
	color: #666666;
	line-height: 32px;
}

.c-indexProduct .r {
	width: calc(100% - 340px);
	margin-right: 10px;
	float: right;
}

.c-product .mt {
	padding: 22px 0;
}

.c-product .mt .list {
	float: right;
	text-align: center;
	position: relative;
	display: none;
}

.c-product .mt .list .btn {
	background: #04a07b;
	color: #fff;
	padding: 0 20px;
	line-height: 40px;
	margin-top: 10px;
}

.c-product .mt .list dl {
	position: absolute;
	top: 50px;
	right: 0;
	background: #fff;
	border: 1px solid #04a07b;
	border-bottom: 0;
	z-index: 8;
	display: none;
}

.c-product .mt .list dl a {
	padding: 0 20px;
	white-space: nowrap;
	line-height: 40px;
	border-bottom: 1px solid #04a07b;
	display: block;
}

.c-product .mt .tit {
	float: left;
	color: #04a07b;
	padding-left: 16px;
	border-left: 7px solid #04a07b;
}

.c-product .mt .tit h2 {
	font-size: 28px;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 14px;
}

.c-product .mt .tit p {
	line-height: 16px;
}

.c-product .mt .more {
	float: right;
	height: 52px;
	padding: 0 42px;
	display: inline-block;
	background: #04a07b;
	color: #fff;
	line-height: 52px;
	margin-top: 3px;
}

.c-product .mt .more:hover {
	background: #414550;
}

.c-product .mc {
	overflow: hidden;
	width: 100%;
}

.c-product .mc ul {
	width: calc(100% + 10px);
	overflow: hidden;
}

.c-product .mc li {
	width: calc(33.333333% - 10px);
	margin-right: 10px;
	float: left;
	margin-bottom: 35px;
}

.c-product .mc li .img {
	border: 1px solid #04a07b;
	overflow: hidden;
}

.c-product .mc li .img img {
	transition: 0.5s all;
}

.c-product .mc li .tit {
	overflow: hidden;
	padding: 18px 10px;
	background: #04a07b;
	transition: 0.5s all;
}

.c-product .mc li .tit span {
	display: block;
	float: left;
	width: calc(100% - 44px);
	line-height: 24px;
	font-size: 16px;
	color: #fff;
}

.c-product .mc li .tit img {
	float: right;
	width: 24px;
	height: 24px;
}

.c-product .mc li:hover .img {
	border: 1px solid #414550;
}

.c-product .mc li:hover .img img {
	transform: scale(1.05);
}

.c-product .mc li:hover .tit {
	background: #414550;
	padding: 18px 18px;
}
.c-product .mb{ display: none;}
.c-indexUs {
	width: 100%;
	min-height: 706px;
	background: url(../img/bg1.jpg) no-repeat center top / cover;
	overflow: hidden;
}

.c-indexUs .l {
	float: left;
	padding: 0 10px 0 30px;
	width: calc(50% - 40px);
}

.c-indexUs .l .mt {
	position: relative;
	margin-top: 87px;
	padding: 25px 0;
	border-bottom: 1px solid #e3e4e6;
}

.c-indexUs .l .mt h2 {
	font-size: 28px;
	color: #414550;
	font-weight: bold;
	position: relative;
	z-index: 2;
	padding-left: 15px;
	margin-bottom: 35px;
}

.c-indexUs .l .mt h2:after {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	width: 4px;
	height: 32px;
	background: #414550;
}

.c-indexUs .l .mt p {
	font-size: 46px;
	color: #f0f0f0;
	font-weight: lighter;
	text-transform: uppercase;
	z-index: 1;
	position: absolute;
	left: 95px;
	top: 25px;
	white-space: nowrap;
}

.c-indexUs .l .mt h3 {
	font-size: 24px;
	color: #04a07b;
}

.c-indexUs .l .mc {
/* 	padding-top: 30px; */
}

.c-indexUs .l .mc p {
	font-size: 14px;
	color: #414550;
	line-height: 22px;
	margin-bottom: 22px;
}

.c-indexUs .r {
	float: right;
	padding: 0 10px 0 15px;
	width: calc(50% - 26px);
}

.c-indexUs .r .mt {
	overflow: hidden;
	margin-top: 87px;
	height: 149px;
}

.c-indexUs .r .mt .tit {
	float: left;
	padding-left: 34px;
	color: #fff;
}

.c-indexUs .r .mt .tit h2 {
	font-size: 30px;
	line-height: 30px;
	margin-top: 53px;
}

.c-indexUs .r .mt .tit p {
	font-size: 20px;
}

.c-indexUs .r .mt .more {
	float: right;
	width: 134px;
	height: 44px;
	line-height: 44px;
	display: block;
	text-align: center;
	background: #fff;
	color: #414550;
	margin-top: 56px;
}

.c-indexUs .r .mt .more:hover {
	color: #fff;
	background: #414550;
}

.c-pcBanner2 {
	width: 100%;
	height: 236px;
}

.c-indexNew {
	overflow: hidden;
}

.c-indexNew .mt {
	overflow: hidden;
	margin-bottom: 44px;
}

.c-indexNew .mt .title {
	width: calc(100% - 370px);
	float: left;
}

.c-indexNew .mt .title li a {
	padding: 28px 0;
	overflow: hidden;
	display: block;
	border-bottom: 1px dashed #cccccc;
}

.c-indexNew .mt .title .img {
	width: 31px;
	height: 38px;
	float: left;
}

.c-indexNew .mt .title .tit {
	float: right;
	width: calc(100% - 50px);
}

.c-indexNew .mt .title .tit h2 {
	font-size: 22px;
	color: #333333;
	margin-bottom: 24px;
}

.c-indexNew .mt .title .tit p {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}

.c-indexNew .mt .title li a:hover h2 {
	color: #04a07b;
}

.c-indexNew .mt .images {
	width: 340px;
	float: right;
}

.c-new-top {
	margin-bottom: 49px;
}

.c-new-top .swiper-slide a {
	text-align: center;
	height: 42px;
	background: #eeeeee;
	line-height: 42px;
	cursor: pointer;
	font-size: 18px;
	color: #4c4c4c;
	display: block;
}

.c-new-top .swiper-slide-active a {
	background: #04a07b;
	color: #fff;
}

.c-new-bottom .swiper-pagination {
	font-size: 0;
	text-align: right;
}

.c-new-bottom .swiper-pagination>span {
	vertical-align: top;
	display: inline-block;
	width: 8px;
	height: 8px;
	opacity: 1 !important;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 0;
}

.c-new-bottom.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0;
	margin-right: 12px;
}

.c-new-bottom .swiper-pagination>span.swiper-pagination-bullet-active {
	background: #414550;
	width: 6px;
	height: 6px;
	border: 2px solid #fff;
}

.c-indexNew .mc {
	overflow: hidden;
	margin-bottom: 44px;
}

.c-indexNew .mt {
	overflow: hidden;
}

.c-indexNew .mc .title {
	width: calc(100% - 410px);
	float: left;
}

.c-indexNew .mc .images {
	width: 340px;
	float: right;
}

.c-indexNew .mc .title {
	padding: 19px 20px;
	border: 1px dashed #cccccc;
	overflow: hidden;
}

.c-indexNew .mc .title .img {
	float: left;
	width: 215px;
	height: 120px;
}

.c-indexNew .mc .title .tit {
	float: right;
	width: calc(100% - 265px);
	overflow: hidden;
}

.c-indexNew .mc .title .tit a {
	display: block;
	line-height: 30px;
	padding-left: 30px;
	position: relative;
	font-size: 14px;
	color: #333333;
}

.c-indexNew .mc .title .tit a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 11px;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background: #666666;
}

.c-indexNew .mc .title .tit a:hover {
	color: #04a07b;
}

.c-indexCase {
	padding-bottom: 25px;
}

.c-case {
	width: 100%;
	overflow: hidden;
}

.c-case ul {
	width: calc(100% + 28px);
	overflow: hidden;
}

.c-case li {
	width: calc(25% - 28px);
	margin-right: 26px;
	float: left;
	margin-bottom: 25px;
}

.c-case li .img {
	overflow: hidden;
	border: 1px solid #04a07b;
	transition: 0.5s all;
}

.c-case li .img img {
	transition: 0.5s all;
}

.c-case li .tit {
	padding: 0 20px;
	font-size: 18px;
	color: #fff;
	background: #04a07b;
	line-height: 58px;
	text-align: center;
	transition: 0.5s all;
}

.c-case li:hover .img {
	border: 1px solid #414550;
}

.c-case li:hover img {
	transform: scale(1.05);
}

.c-case li:hover .tit {
	background: #414550;
}

.c-indexMore {
	text-align: center;
	display: block;
	height: 100px;
	line-height: 100px;
	color: #fff;
	font-size: 18px;
	background: #04a07b;
}

.c-indexMore:hover {
	background: #414550;
	color: #fff;
}

.c-indexMessage {
	min-height: 558px;
	background: url(../img/bg3.jpg) no-repeat center top / cover;
}

.c-indexMessage .main {
	overflow: hidden;
}

.c-indexMessage .mt {
	overflow: hidden;
	margin-bottom: 15px;
}

.c-indexMessage .mt ul {
	width: calc(100% + 42px);
	overflow: hidden;
}

.c-indexMessage .mt li {
	width: calc(33.333333% - 42px);
	margin-right: 42px;
	float: left;
}

.c-indexMessage .mt li input {
	padding: 0 10px;
	border: 1px solid #cccccc;
	height: 52px;
	line-height: 52px;
	width: calc(100% - 22px);
}

.c-indexMessage .mc {
	margin-bottom: 45px;
}

.c-indexMessage .mc textarea {
	width: calc(100% - 22px);
	padding: 10px;
	border: 1px solid #cccccc;
	resize: none;
	height: 145px;
	display: block;
}

.c-indexMessage .mb {
	text-align: center;
	font-size: 0;
}

.c-indexMessage .mb a {
	display: inline-block;
	width: 200px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 18px;
	background: #04a07b;
	color: #fff;
}

.c-indexMessage .mb .reset {
	margin-right: 20px;
	background: #414550;
}

.c-indexMessage .mb a:hover {
	transform: translateY(-10px);
}

.c-indexBottomNav {
	height: 78px;
	overflow: hidden;
	background: #04a07b;
}

.c-indexBottomNav li {
	float: left;
	width: 14.285%;
	transition: 0.5s all;
}

.c-indexBottomNav li a {
	display: block;
	line-height: 78px;
	color: #fff;
	text-align: center;
}

.c-indexBottomNav li.on {
	background: #414550;
}

.c-indexBottomNav li:hover {
	background: #414550;
}

.c-footer {
	background: #414550;
}

.c-footer .mt {
	overflow: hidden;
	padding: 60px 0 45px 0;
}

.c-footer .mt .logo {
	width: 277px;
	height: 103px;
	float: left;
	margin-left: 35px;
	margin-right: 167px;
}

.c-footer .mt .tit {
	float: left;
	font-size: 14px;
	color: #fff;
	line-height: 28px;
}

.c-footer .mt .erweima {
	float: right;
	margin-right: 145px;
	width: 107px;
	height: 107px;
}

.c-footer .mc {
	border-top: 1px solid #666666;
	padding: 13px 0;
	overflow: hidden;
	font-size: 14px;
	line-height: 28px;
	color: #fff;
}

.c-footer .mc span {
	float: left;
}

.c-footer .mc dl {
	float: left;
}

.c-footer .mc dt {
	float: left;
	padding: 0 10px;
}

.c-footer .mc dd {
	float: left;
}

.c-footer .mc dd a {
	color: #fff;
}

.c-footer .mc dd a:hover {
	color: #04a07b;
}

.c-copy {
	padding: 11px 20px;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	color: #fff;
	background: #373b46;
}

.c-indexNav .topPhone {
	display: none;
}

.phonefix {
	display: none;
}

.c-bannerPhone {
	display: none;
}

.c-commonBanner {
	position: relative;
	height: 400px;
	background: url(../img/banner33.jpg) no-repeat center center / cover;
	overflow: hidden;
	color: #fff;
	text-align: center;
}

.c-commonBanner .main {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-top: -24px;
}

.c-commonBanner h2 {
	font-size: 36px;
	font-weight: bold;
}

.c-commonBanner p {
	white-space: nowrap;
}

.c-contact {
	padding: 45px 0;
}

.c-contact .main {
	padding: 20px;
	box-shadow: 0 0 32px 0 rgba(0, 0, 0, .04);
	position: relative;
}

.c-contact .main:after {
	content: "";
	position: absolute;
	left: 20px;
	top: 0;
	width: 5px;
	height: 82px;
	background: #04a07b;
}

.c-contact .mt {
	padding-bottom: 76px;
	padding-top: 20px;
	overflow: hidden;
}

#dituContent {
	height: 550px;
}

.c-contact .mt .l {
	padding-left: 25px;
	float: left;
	margin-right: 50px;
}

.c-contact .mt h2 {
	font-size: 30px;
	color: #414550;
	font-weight: bold;
	padding-left: 10px;
}

.c-contact .mt p {
	font-size: 20px;
	color: #04a07b;
	margin-bottom: 40px;
}

.c-contact .mt  span {
	display: inline-block;
	background: #04a07b;
/* 	height: 50px; */
	line-height: 50px;
	padding: 0 10px;
	color: #fff;
	font-size: 28px;
	white-space: nowrap;
}

.c-contact .contact p{
	font-size: 18px;
	margin-bottom: 8px;
}

.c-contact .lianxi span{
	font-size: 20px;
	background: none;
	color: #04a07b;
}

.c-contact .mt span img {
	display: inline-block;
	width: 36px;
	height: 31px;
	vertical-align: -4px;
	margin-right: 15px;
}

.c-contact .mt .tit {
	float: left;
	border: 1px solid #cccccc;
	padding: 0 50px;
	border-top: 0;
	border-bottom: 0;
	color: #333333;
	line-height: 32px;
	margin-top: 45px;
}

.c-contact .mt .erweima {
	float: right;
	width: 163px;
	/* height: 136px; */
	margin-right: 48px;
	margin-top: 40px;
}

.c-page {
	text-align: center;
}

.c-page {
	text-align: center;
}

.c-page a {
	color: #999999;
	font-size: 14px;
	display: inline-block;
	line-height: 40px;
	background: #fff;
	border: 1px solid #cccccc;
	padding: 0 18px;
	margin: 10px 5px;
}

.c-page a.on {
	background: #04a07b;
	border: 1px solid #04a07b;
	color: #fff;
}

.c-page a.dian {
	color: #646464;
	background: transparent;
	border: 1px solid transparent;
	cursor: text;
}

.c-page a:hover {
	background: #04a07b;
	border: 1px solid #04a07b;
	color: #fff;
}

.c-page a.dian:hover {
	color: #646464;
	background: transparent;
	border: 1px solid transparent;
	cursor: text;
}

.c-commonaboutx {
	background: #f2f2f2;
	padding: 64px 0 75px 0;
}

.c-commonaboutx .c-aboutx {
	margin-bottom: 37px;
}

.c-commonaboutx .c-aboutx h2 {
	font-size: 24px;
	color: #333333;
}

.c-commonaboutx .c-aboutx p {
	color: #999999;
}

.c-commonaboutx .c-case li .tit {
	background: #ffffff;
	font-size: 20px;
	color: #4c4c4c;
}

.c-commonaboutx .c-case li:hover .tit {
	background: #414550;
	color: #fff;
}

.c-list {
	padding: 45px 0;
}

.c-list li {
	transition: 0.5s all;
}

.c-list li a {
	overflow: hidden;
	display: block;
}

.c-list li a .w {
	overflow: hidden;
	border-bottom: 1px dashed #e6e6e6;
	padding: 45px 0;
}

.c-list .main {
	position: relative;
}

.c-list h2 {
	font-size: 22px;
	color: #333333;
	margin-bottom: 22px;
}

.c-list p {
	font-size: 14px;
	color: #666666;
	height: 56px;
	line-height: 28px;
	overflow: hidden;
}

.c-list .tit {
	float: left;
	width: calc(100% - 190px);
}

.c-list .time {
	position: absolute;
	right: 0;
	font-size: 14px;
	line-height: 14px;
	top: 48px;
}

.c-list li:hover {
	background: #04a07b;
}

.c-list li:hover h2 {
	color: #fff;
}

.c-list li:hover p {
	color: #fff;
}

.c-list li:hover .time {
	color: #fff;
}

.c-list li em {
	display: none;
}

.c-list li:hover em {
	display: block;
}

.c-list li:hover span {
	display: none;
}

.c-list .c-page a {
	margin: 30px 5px;
}

.c-show .mt {
	text-align: center;
}

.c-show .mt h2 {
	font-size: 30px;
	color: #454545;
	line-height: 62px;
}

.c-show .mt p {
	height: 40px;
	line-height: 40px;
	background: #f2f2f2;
	font-size: 14px;
	color: #808080;
}

.c-show .mt span {
	margin: 0 25px;
}

.c-show .mc {
	padding: 30px 0;
	overflow: hidden;
	position: relative;
}

.c-show .mc .btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 57px;
	height: 55px;
	display: block;
}

.c-show .mc .prev {
	left: 22px;
}

.c-show .mc .next {
	right: 22px;
}

.c-show .mc .img {
	width: 73%;
	margin: 0 auto;
}

.c-show .mb h2 {
	background: #414550;
	line-height: 58px;
}

.c-show .mb h2 span {
	padding: 0 26px;
	font-size: 18px;
	color: #fff;
	background: #0ca37f;
	display: inline-block;
	vertical-align: top;
}

.c-show .mb p {
	font-size: 14px;
	color: #454545;
	line-height: 30px;
}

.c-show .mb .tit {
	padding: 28px 0;
}

.c-listshow {
	padding: 45px 0;
}

.c-listshow .main {
	padding: 25px;
	box-shadow: 0 0 32px 0 rgba(0, 0, 0, .04);
	position: relative;
}

.c-listshow .mc p {
	font-size: 14px;
	color: #666666;
	line-height: 36px;
	text-indent: 2em;
}

.c-listshow .mc img {
	margin-bottom: 20px;
}

.c-listshow .mb {
	overflow: hidden;
	padding: 20px 0;
}

.c-listshow .mb .btn {
	width: calc(50% - 133px);
	display: block;
	height: 58px;
	padding: 0 20px;
	line-height: 58px;
	border: 1px solid #000000;
	float: left;
	margin-right: 10px;
	color: #454545;
	font-size: 14px;
}

.c-listshow .mb .btn:hover {
	background: #04a07b;
	border: 1px solid #04a07b;
	color: #fff;
}

.c-listshow .mb .back {
	float: right;
	width: 162px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	background: #414550;
	font-size: 14px;
	display: block;
}

.c-single {
	padding: 45px 0;
}

.c-single .main {
	padding: 25px;
	box-shadow: 0 0 32px 0 rgba(0, 0, 0, .04);
	position: relative;
	overflow: hidden;
}

.c-single .main .l {
	width: 320px;
	float: left;
	position: relative;
	margin-bottom: 35px;
}

.c-single .main .l:after {
	content: "";
	position: absolute;
	left: 0;
	top: -25px;
	width: 5px;
	height: 82px;
	background: #04a07b;
}

.c-single .l .tit {
	padding-left: 25px;
	float: left;
}

.c-single .l h2 {
	font-size: 30px;
	color: #414550;
	font-weight: bold;
	padding-left: 10px;
	margin-top: 20px;
}

.c-single .l p {
	font-size: 20px;
	color: #04a07b;
	margin-bottom: 30px;
}

.c-single .main .r {
	float: right;
	width: calc(100% - 345px);
}

.c-single .r p {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	margin-top: 24px;
}

.c-single .r p:first-of-type {
	margin-top: 0;
}

.c-single .r .tit {
	padding: 35px 0;
}

@media(max-width:1250px) {
	.w {
		width: 100%;
	}
}

@media(max-width:1200px) {
	.c-boutique .top .r {
		display: none;
	}
	.c-boutique .top .l {
		width: 100%;
		float: none;
	}
	.c-footer .mt .erweima {
		margin-right: 35px;
	}
	.c-footer .mt .logo {
		margin-right: 50px;
	}
}

@media(max-width:1024px) {
	.c-headerTop {
		display: none;
	}
	.c-header .phone {
		display: block;
	}
	.c-header .pc {
		display: none;
	}
	.c-indexTop {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		width: 100%;
	}
	.c-indexNav .top {
		/* display: none;*/
	}
	.c-indexNav .top li {
		width: 100%;
		float: none;
	}
	.c-indexNav .top li>a {
		line-height: 40px;
		height: 40px;
	}
	.c-indexNav .top li > a::nth-child(1){
		background: #04a07b;
	}
	.c-indexNav .bottom {
		display: none !important;
	}
	.c-indexNav .top li:hover img {
		transform: none;
	}
	.c-indexNav .top li:hover>a {
		background: #04a07b;
	}
	.c-indexNav .topPc {
		display: none;
	}
	.c-indexNav .l {
		display: none;
	}
	.c-indexNav .r {
		display: none;
	}
	.c-bannerPc {
		display: none;
	}
	.c-indexSearch .l {
		display: none;
	}
	.c-h2 {
		padding: 20px 0;
	}
	.c-indexSearch .c-search {
		float: none;
		padding: 0;
	}
	.c-indexSearch {
		padding: 10px;
	}
	.c-indexSearch .c-search input {
		width: calc(100% - 80px);
	}
	.c-choice .x ul {
		width: calc(100% - 20px);
		padding: 0 10px;
	}
	.c-choice .x li {
		width: 100%;
		float: none;
		margin: 0 10px 10px 0;
	}
	.c-pcBanner {
		display: none;
	}
	.c-phoneBanner {
		display: block;
	}
	.c-choice {
		padding-bottom: 0;
	}
	.c-h2 img {
		top: 54px;
	}
	.c-boutique .imgbox {
		padding: 0 10px;
	}
	.c-indexProduct {
		padding: 30px 10px 0 10px;
	}
	.c-indexProduct .l .mc dd ul {
		display: none;
	}
	.c-indexProduct .l {
		width: 100%;
		float: none;
		margin: 0 0 10px 0;
	}
	.c-indexProduct .l .mc h3 .img {
		display: none;
	}
	.c-indexProduct .r {
		float: none;
		width: 100%;
	}
	.c-product .mc ul {
		width: calc(100% + 10px);
	}
	.c-product .mc li {
		width: calc(50% - 10px);
		margin: 0 10px 10px 0;
	}
	.c-product .mc li .tit {
		padding: 10px;
	}
	.c-product .mc li .tit span {
		font-size: 16px;
	}
	.c-indexUs .l {
		float: none;
		width: 100%;
		padding: 0;
	}
	.c-indexUs {
		width: auto;
		padding: 0 10px;
		background: url(../img/bg2.jpg) no-repeat center top / cover;
	}
	.c-indexUs .l .mt {
		margin-top: 0;
	}
	.c-indexUs .l .mc {
		padding-top: 30px;
	}
	.c-indexUs .r {
		float: none;
		width: 100%;
		padding: 0;
	}
	.c-indexUs .r .mt {
		margin-top: 30px;
		background: #04a07b;
	}
	.c-indexUs .r .mt .more {
		margin-right: 10px;
	}
	.c-indexNew .mt .title {
		float: none;
		width: calc(100% - 20px);
		padding: 0 10px;
		margin-bottom: 10px;
	}
	.c-indexNew .mt .title li a {
		padding: 20px 0;
	}
	.c-indexNew .mt .title .tit h2 {
		margin-bottom: 10px;
	}
	.c-indexNew .mt .images {
		width: auto;
		float: none;
		padding: 0 10px;
	}
	.c-new-top {
		margin-bottom: 10px;
	}
	.c-indexNew .mc {
		margin-bottom: 10px;
		padding: 0 10px;
	}
	.c-indexNew .mc .title {
		width: auto;
		float: none;
		padding: 10px 20px;
		margin-bottom: 10px;
	}
	.c-indexNew .mc .title .img {
		display: none;
	}
	.c-indexNew .mc .title .tit {
		width: auto;
		float: none;
	}
	.c-indexNew .mt {
		margin-bottom: 10px;
	}
	.c-indexNew .mc .images {
		width: auto;
		float: none;
	}
	.c-case ul {
		width: auto;
		padding: 0 10px;
	}
	.c-case li {
		width: auto;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.c-indexMessage .main {
		padding: 0 10px;
	}
	.c-indexMessage .mt ul {
		width: auto;
	}
	.c-indexMessage .mt li {
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.c-indexMessage .mt {
		margin-bottom: 0;
	}
	.c-indexMessage .mb a {
		width: calc(50% - 10px);
	}
	.c-indexMessage .mc {
		margin-bottom: 10px;
	}
	.c-indexMessage .mb {
		padding-bottom: 10px;
	}
	.c-indexBottomNav {
		display: none;
	}
	.c-footer .mc {
		padding: 13px 10px;
		display: none;
	}
	.c-footer .mt {
		padding: 40px 0 20px 0;
	}
	.c-footer .mt .logo {
		float: none;
		margin: 0 auto 20px auto;
	}
	.c-footer .mt .tit {
		float: none;
		padding: 10px;
	}
	.c-footer .mt .erweima {
		margin: 0 auto;
		float: none;
		display: none;
	}
	.c-contact .main {
		padding: 10px;
	}
	.c-contact .mt .l {
		width: auto;
		float: none;
		margin: 0;
	}
	/* .c-contact .mt p {
		margin-bottom: 20px;
	} */
	.c-contact .mt .tit {
		border: 0;
		padding: 0;
		float: none;
		margin-top: 20px;
	}
	.c-contact .mt .l {
		padding-left: 0;
	}
	.c-contact .main:after {
		left: 10px;
	}
	.c-contact .mt .erweima {
		margin: 0 auto;
		float: none;
		display: none;
	}
	.c-contact .mt {
		padding-bottom: 20px;
	}
	#dituContent {
		height: 300px;
	}
	.c-commonBanner {
		height: 200px;
	}
	.c-commonBanner .main {
		margin: 0;
	}
	.phonefix {
		display: block;
	}
	.c-contact {
		padding: 20px 0;
	}
	.c-commonBanner {
		background: url(../img/banner4.jpg) no-repeat center top / cover;
	}
	.c-bannerPhone {
		display: block;
	}
	.c-boutique .top .l p {
		margin: 10px 0;
	}
	.c-boutique .box li {
		width: 50%;
	}
	.c-commonaboutx .c-aboutx {
		padding: 0 10px;
		margin-bottom: 15px;
	}
	.c-commonaboutx {
		padding: 20px 0;
		overflow: hidden;
	}
	.c-list li a .w {
		padding: 20px 10px;
		width: auto;
	}
	.c-list {
		padding: 20px 0;
	}
	.c-list .tit {
		width: auto;
		float: none;
	}
	.c-list .time {
		position: static;
	}
	.c-list h2 {
		margin-bottom: 10px;
	}
	.c-list p {
		margin-bottom: 10px;
	}
	.c-list .c-page a {
		margin: 10px 5px;
	}
	.c-show .mt p {
		font-size: 12px;
	}
	.c-show .mt span {
		margin: 0 5px;
	}
	.c-show .mt span.name {
		display: none;
	}
	.c-show .mc .btn {
		width: 30px;
		height: 30px;
	}
	.c-show .mc .prev {
		left: 0;
	}
	.c-show .mc .next {
		right: 0;
	}
	.c-listshow {
		padding: 20px 0;
	}
	.c-listshow .main {
		padding: 10px;
	}
	.c-listshow .mb {
		padding: 0;
	}
	.c-listshow .mb .btn {
		float: none;
		width: auto;
		margin: 0 0 10px 0;
	}
	.c-listshow .mb .back {
		float: none;
		width: auto;
		margin: 0 0 10px 0;
	}
	.c-single .main .l {
		width: 100%;
		float: none;
		margin-bottom: 15px;
	}
	.c-single .main .r {
		width: 100%;
		float: none;
	}
	.c-single {
		padding: 20px 0;
	}
	.c-single .main {
		padding: 10px;
	}
	.c-single .r p {
		margin-top: 10px;
	}
	.c-single .r .tit {
		padding: 10px 0;
	}
	.c-indexProduct.c-index .l {
		display: none;
	}
	.c-product .mt .more {
		display: none;
	}
	.c-product .mb {
		display: block;
		overflow: hidden;
	}
	.c-product .mb .more {
		width: 100%;
		display: inline-block;
		background: #04a07b;
		color: #fff;
		line-height: 52px;
		margin-top: 3px;
		text-align: center;
		margin-bottom: 10px;
	}
	.c-product .mt .list {
		display: block;
	}
	.c-indexUs .r .mt {
		height: 120px;
	}
	.c-indexUs .r .mt .tit h2 {
		margin-top: 30px;
	}
	.c-indexUs .r .mt .tit {
		padding-left: 15px;
	}
	.c-indexUs .r .mt .more {
		margin-top: 38px;
	}
	.c-indexProduct .l .mb {
		display: none;
	}
	.c-indexProduct .l .mc dl {
	/* 	max-height: 195px; */
		overflow: hidden;
		transition: 0.5s all;
	}
	.c-indexProduct .l .mc .more {
		display: block;
	}
	.c-indexProduct .l .mc dl.active {
		max-height: initial;
	}
	.c-indexProduct .l .mx {
		display: none;
	}
}