* {
	margin: 0;
	padding: 0;
}
body {
	overflow-x: hidden;

}
ul {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
	font-family: "Microsoft YaHei", "微软雅黑", "verdana", "宋体";
}
.clear {
	height: 0px;
	clear: both;
}
textarea {
	font-family: "Microsoft YaHei", "微软雅黑", "黑体", "verdana", "宋体";
}
div {
	font-family: "Microsoft YaHei", "微软雅黑", "黑体", "verdana", "宋体";
}
p {
	font-family: "Microsoft YaHei", "微软雅黑", "黑体", "verdana", "宋体";
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	font-family: "Microsoft YaHei", "微软雅黑", "黑体", "verdana", "宋体";
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
img {
	border: none;
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -o-crisp-edges; /* Opera */
	image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
.px-0 {
	padding: 0 0;
}
.mx-0 {
	margin: 0 0;
}
.mbpx-0 {
	padding: 0 0;
}
html {
	font-size: 100px; /*根元素默认的大小是16px*/
}
.max-1920 {
	max-width: 1920px !important;
	margin: auto;
}
::-webkit-scrollbar {
width: 3px;
}
::-webkit-scrollbar-track {
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color:#26c3c5;
width:3px
}

@media screen and (max-width: 1680px) {
html {
	font-size: 80px;
}
}

@media screen and (max-width: 1440px) {
html {
	font-size: 70px;
}
}

@media screen and (max-width: 1200px) {
.hidden-1280 {
	display: none !important;
}
}

@media screen and (max-width: 1024px) {
html {
	font-size: 60px;
}
}

@media screen and (max-width: 768px) {
html {
	font-size: 60px;
}
}
.pagination p {
	margin: 0;
	cursor: pointer;
}
.pagination {
	height: .4rem;
	text-align: center;
	width: 100%;
	margin-bottom: 1rem;
}
.pagination a {
	display: inline-block;
	margin-right: 10px;
	width: .4rem;
	height: .4rem;
	line-height: .34rem;
	text-decoration: none;
	color: #999;
	font-size: .14rem;
	text-align: center;
	transition: all 0.3s ease-in-out;
	border-radius: 50%;
}
.pagination a:hover {
	color: #26c3c5;
}
.pagination a.cur {
	display: inline-block;
	margin-right: 10px;
	width: .4rem;
	height: .4rem;
	line-height: .34rem;
	text-decoration: none;
	color: #fff;
	font-size: .14rem;
	text-align: center;
	transition: all 0.3s ease-in-out;
	color: #26c3c5;
}
.pagination p {
	display: inline-block;
	font-size: 14px;
	width: .4rem;
	height: .4rem;
	line-height: .4rem;
	color: #6c6c6c;
	text-align: center;
	background: #fff;
	margin-right: 8px;
}
.pagination p.pageRemark {
	border-style: none;
	background: none;
	margin-right: 0px;
	padding: 4px 0px;
	color: #fe6600;
}
.pagination p.pageRemark b {
	color: red;
}
.pagination p.pageEllipsis {
	border-style: none;
	background: none;
	padding: 4px 0px;
	color: #fe6600;
	border-radius: 50%;
}
.dates li {
	font-size: 14px;
	margin: 20px 0
}
.dates li span {
	float: right
}
.pagination .page_xyy {
	width: .4rem;
	height: .4rem;
	border: none;
	line-height: .4rem;
	text-decoration: none;
	color: #6c6c6c;
	font-size: .14rem;
	text-align: center;
	border: none;
}
.pagination .page_xyy:hover {
	width: .4rem;
	height: .4rem;
	border: none;
	color: #26c3c5;
}
.pagination .page_syy {
	width: .4rem;
	height: .4rem;
	line-height: .4rem;
	border: none;
	text-decoration: none;
	color: #6c6c6c;
	font-size: .14rem;
	text-align: center;
	border: none;
	transition: all 0.5s ease-in-out;
}
.pagination .page_syy:hover {
	width: .4rem;
	height: .4rem;
	color: #26c3c5;
	border: none;
}
.pagination .page_shouye {
	width: 39px;
	height: 39px;
	border-radius: 50%;
	padding: 0;
	margin-top: 4px;
	background: none;
	display: none;
}
.pagination .page_weiye {
	width: 39px;
	height: 39px;
	border-radius: 50%;
	padding: 0;
	margin-top: 4px;
	background: none;
	display: none;
}



@font-face{font-family:'HLP';src: local('HLP'), url(../img/HLP.woff) format('woff');}
@font-face{font-family:'syheavy';src: local('syheavy'), url(../img/syheavy.woff) format('woff');}
div.publicindexheadback {
	width: 100%;
	height: 80px;
	position: sticky;
	left: 0;
	top: 0;
	z-index: 9999999;
	background: #fff;
	padding-top: 15px;
}
div.publicindexicon {
    width: 28px;
    height: auto;
    text-align: center;
    float: left;
    margin-left: 30px;
    margin-top:10px;
}
div.publicnavback {
	margin: auto;
	height: auto;
	text-align: center;
	float: right;
	margin-right:30px;
}
div.publicnav {
	height: auto;
	line-height: 16px;
	color: #232323;
	font-size: 16px;
	margin-top:20px;
	margin-left:40px;
	float: left;
}
div.publicnav a {
	color: #232323;
	transition: all 0.5s ease-in-out;
}
div.publicnav a:hover {
	color: #26c3c5;
}
div.publicbannerback {
	width: 100%;
	height: 100vh;
	position: relative;
	left:auto;
}
div.indexlogo {
	width: 184px;
	height: 30px;
	position: absolute;
	left: .5rem;
	top: .6rem;
}
div.indexbannerright {
	width: 235px;
	height: auto;
	position: absolute;
	right: .32rem;
	top: .36rem;
}
div.indexbannerbottomblock {
	width: 5.15rem;
	height: 4.64rem;
	background: #fff;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
	padding-top: .9rem;
	margin-top: -2.18rem;
	margin-bottom: 1.65rem;
}
div.indexbannerbtbktitle {
	width: 100%;
	text-align: center;
	height: auto;
	line-height: .73rem;
	color: #474747;
	font-size: .4rem;
	font-weight: 700;
}
div.indexbannerbtbkline {
	width: .44rem;
	height: .74rem;
	border-bottom: 2px solid #7dc8c9;
	margin: auto;
}
div.indexbannerbtbkmore {
	width: 1.81rem;
	height: .53rem;
	line-height: .53rem;
	text-align: center;
	border: #7dc8c9 1px solid;
	background: #7dc8c9;
	transition: all 0.5s ease-in-out;
	margin: auto;
	margin-top: .28rem;
}
div.indexbannerbtbkmore a {
	color: #fff;
	font-size: 14px;
	transition: all 0.5s ease-in-out;
}
div.indexbannerbtbkmore:hover {
	background: #fff;
}
div.indexbannerbtbkmore:hover a {
	color: #7dc8c9;
}
div.indexwidth {
	width: 100%;
	position: relative;
	margin-left:auto;
}
div.indexoneback {
	width: 100%;
	height: 11.28rem;
	position: relative;
}
div.indexonebg {
	background: url(../img/indexonebg.jpg) 50%/cover no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
div.indexoneltline {
	height: 1.28rem;
	width: .67rem;
	border-bottom: 1px solid #7dc8c9;
}
div.indexoneltentitle {
	width: 100%;
	height: .66rem;
	line-height: .66rem;
	margin-top: .68rem;
	color: #3f3f3f;
	font-size: .36rem;
	margin-top: .68rem;
}
div.indexoneltcntitle {
	width: 100%;
	height: .89rem;
	line-height: .89rem;
	color: #3f3f3f;
	font-size: .44rem;
}
div.indexoneltdesc {
	width: 100%;
	height: .77rem;
	line-height: .77rem;
	color: #7dc8c9;
	font-size: .4rem;
	font-weight: 700;
}
div.indexoneltmore {
	width: 1.8rem;
	height: .55rem;
	border: #7dc8c9 1px solid;
	text-align: center;
	line-height: .55rem;
	transition: all 0.5s ease-in-out;
	margin-top: .64rem;
}
div.indexoneltmore a {
	display: block;
	width: 100%;
	height: 100%;
	color: #1a1a23;
	font-size: .14rem;
	transition: all 0.5s ease-in-out;
}
div.indexoneltmore:hover {
	background: #7dc8c9;
}
div.indexoneltmore:hover a {
	color: #fff;
}
div.indexoneright {
	float: left;
	margin-left: 0.3rem;
}
div.indexonerticon {
	width: 26px;
	height: auto;
	float: left;
	margin-right: .55rem;
}
div.indexonertnav1 {
	width: 3.4rem;
	height: auto;
	position: relative;
	float: left;
	margin-top: .18rem;
	overflow: hidden;
}
div.indexonerttitlebk {
	width: 100%;
	height: 36px;
	bottom: 31px;
	left: 0;
	position: absolute;
}
div.indexonerttitle {
	height: 36px;
	float: left;
	color: #ffffff;
	margin-left: .25rem;
	font-size: .3rem;
	font-weight: 700;
}
div.indexonertjt {
	width: 36px;
	height: 36px;
	float: right;
	margin-right: .3rem;
}
img.indeonepic {
	transition: all 0.5s ease-in-out;
}
div.indexonertnav1:hover img.indeonepic {
	transform: scale(1.1);
	transition: all 0.5s ease-in-out;
}
div.indexonertnav2 {
	width: 3.64rem;
	height: auto;
	float: left;
	overflow: hidden;
}
div.indexonertcont {
	width: 100%;
	height: auto;
	background: #26c3c5;
	padding-top: .24rem;
}
div.indexonertcontmiddle {
	width: 85%;
	height: auto;
	margin: auto;
}
div.indexonertcontmiddleen {
	width: 100%;
	height: .25rem;
	line-height: .25rem;
	color: #ffffff;
	font-size: .16rem;
}
div.indexonertcontmiddlecn {
	width: 100%;
	height: .39rem;
	line-height: .39rem;
	font-size: .24rem;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: .19rem;
}
div.indexonertcontmiddledesc {
	width: 100%;
	height: .72rem;
	line-height: .24rem;
	overflow: hidden;
	color: #ffffff;
	font-size: .14rem;
}
div.indexonertcontmiddlemore {
	float: right;
	height: .33rem;
	margin-right: 0.17rem;
	border-bottom: 1px solid #fff;
	color: #ffffff;
	font-size: 12px;
	line-height: .33rem;
	margin-bottom: .3rem;
	margin-top: .17rem;
}
div.indexonertcontmiddlemore a {
	color: #fff;
}
div.indexonertnav2:hover img.indeonepic {
	transform: scale(1.1);
	transition: all 0.5s ease-in-out;
}
div.indexonerightblock {
	width: 3.34rem;
	height: 3.34rem;
	background: #fff;
	position: absolute;
	right: .8rem;
	top: -.9rem;
	transition: all 0.5s ease-in-out;
	box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.2);
}
div.indexoneleft1block {
	width: 1.34rem;
	height: 1.14rem;
	background: #fff;
	transition: all 0.5s ease-in-out;
	box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.2);
	position: absolute;
	bottom: 1.25rem;
	left: 6.5rem;
	background: #fff;
}
div.indexoneleft2block {
	width: .95rem;
	height: .65rem;
	background: #fff;
	transition: all 0.5s ease-in-out;
	box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.2);
	position: absolute;
	bottom: 0;
	left: 1.49rem;
	background: #fff;
}
div.indextwoback {
	position: relative;
	
}
div.indextwonav {
	width: 25%;
	height: auto;
	position: relative;
	overflow: hidden;
	float: left;
}
div.indextwonavbg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/indextwobgpng.png) 50%/cover no-repeat;
	padding-top: 1.35rem;
	text-align: center;
	opacity: 0;
	transition: all 0.5s ease-in-out;
}
div.indextwonavbg img{ display:none;}

img.indextwonav {
	transition: all 0.5s ease-in-out;
}
div.indextwonav img.indextwonav {
	transform: scale(1.1);
	transition: all 0.5s ease-in-out;
}
div.indextwonavtitle {
	width: 100%;
	height: .42rem;
	line-height: .42rem;
	text-align: center;
	color: #26c3c5;
	font-size: .22rem;
	font-weight: 700;
}
div.indextwonaventitle {
	width: 100%;
	height: .27rem;
	line-height: .27rem;
	text-align: center;
	color: #26c3c5;
	font-size: .12rem;
	text-transform: uppercase;
}
div.indextwonav:hover div.indextwonavbg {
	opacity: 1;
}
div.indextwobottomblock {
	width: 1.33rem;
	height: 1.17rem;
	background: #fff;
	box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.2);
	position: relative;
	left: 50%;
	margin-left: 4rem;
	margin-top: .96rem;
}
div.indextwobottomblock2 {
	width: 1.33rem;
	height: 1.06rem;
	background: #fff;
	box-shadow: 0px 0 20px rgba(0, 0, 0, 0.2);
	position: absolute;
	right: 0;
	bottom: 0;
}
div.indexthreeback {
	width: 100%;
	height: 10.94rem;
	background: url(../img/indexthreebg.jpg) 50%/cover no-repeat;
	margin-bottom: 3.2rem;
}
div.indexthreeleftbk {
	width: 10.32rem;
	height: 10.94rem;
	float: left;
	position: relative;
}
div.indexthreelefticon {
	width: 12px;
	height: auto;
	position: absolute;
	right: 0;
	top: 0;
}
div.indexthreeleftqhback {
	width: 9.16rem;
	height: 10.2rem;
	position: relative;
	top: .84rem;
	left: 0;
}
div.indexthreeleftqh {
	width: 9.16rem;
	height: 9.19rem;
}
div.indexthreeleftqh ul {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 10;
}
div.indexthreeleftqh ul li {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
div.indexthreeleftqh ul li div {
	width: 100%;
	height: 100%;
}
div.indexthreeleftbottomblue {
	width: 4.45rem;
	height: 4.45rem;
	background: #26c3c5;
	position: absolute;
	right: 0;
	bottom: 0;
}
div.ck-slidebox {
	width: 5.5rem;
	height: auto;
	margin-top: .25rem;
	position: relative;
	z-index: 11;
}
div.ck-slidebox ul {
	float: right;
}
div.ck-slidebox ul li {
	width: 2px;
	transition: all 0.5s ease-in-out;
	height: 0.2rem;
	background: #cdcdcd;
	position: relative;
	margin: 0 .1rem;
	float: left;
	cursor: pointer;
}
div.ck-slidebox ul li.current {
	width: 2px;
	height: 0.4rem;
	top: -0.09rem;
	background: #000;
	position: relative;
	margin: 0 .1rem;
}
div.indexthreerightbk {
	float: left;
	margin-left: 1.6rem;
	margin-top: 3.45rem;
}
div.indexthreertline {
	width: .63rem;
	height: 2px;
	background: #7dc8c9;
	margin-bottom: .68rem;
}
div.indexthreeentitle {
	height: .64rem;
	line-height: .64rem;
	color: #3f3f3f;
	font-size: .36rem;
	text-transform: uppercase;
}
div.indexthreecntitle {
	height: .79rem;
	line-height: .79rem;
	color: #3f3f3f;
	font-size: .44rem;
	margin-bottom: .13rem;
}
div.indexthreedesc {
	height: auto;
	line-height: .52rem;
	color: #7dc8c9;
	font-size: .26rem;
	font-weight: 700;
	margin-bottom: .4rem;
}
div.indexthreertbtblock {
	width: 1.34rem;
	height: 1.22rem;
	background: #fff;
	box-shadow: 0px 0 20px rgba(0, 0, 0, 0.2);
	position: absolute;
	right: 2.56rem;
	bottom: .42rem;
}
div.indexfourback {
	width: 100%;
	height: 8rem;
	position: relative;
	margin-bottom: 2.15rem;
}
div.indexfourbg {
	position: absolute;
	height: 6.98rem;
	top: 0;
	left: 0;
	background: url(../img/indexfourbg.jpg) 50%/cover no-repeat;
}
div.indexfourleftbk {
	width: 100%;
	height: auto;
	margin-top: 1.79rem;
	text-align: right;
}
div.indexfourleftline {
	width: .6rem;
	height: 2px;
	background: #7dc8c9;
	display: inline-block;
	margin-bottom: .36rem;
}
div.indexfourleftftitle {
	width: 100%;
	height: .7rem;
	line-height: .7rem;
	color: #3f3f3f;
	font-size: .36rem;
	font-weight: 700;
}
div.indexfourlefttitle {
	width: 100%;
	height: .89rem;
	line-height: .89rem;
	color: #3f3f3f;
	font-size: .44rem;
	font-weight: 700;
}
div.indexfourleftdesc {
	width: 100%;
	height: auto;
	line-height: .44rem;
	margin-top: 0.09rem;
	color: #3f3f3f;
	font-size: .16rem;
}
div.indexfourrightpic {
	width: 6.4rem;
	height: auto;
	margin-top: 1.36rem;
	float: right;
	margin-right: .45rem;
}
div.indexfourrightpic img {
	width: 100%;
}
div.indexfourblock {
	width: 2.2rem;
	height: 2.2rem;
	background: #fff;
	box-shadow: 0px 0 20px rgba(0, 0, 0, 0.2);
	position: absolute;
	right: 1.28rem;
	bottom: -0.16rem;
}
div.indexfiveback {
	width: 100%;
	height: 11.4rem;
	position: relative;
}
div.indexfivetopblock {
	width: 1.14rem;
	height: .75rem;
	background: #fff;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -.39rem;
}
div.indexfivemap {
	width: 100%;
	height: 6.43rem;
	background: url(../img/indexmap.jpg) 50%/cover no-repeat;
	position: absolute;
	top: 2.08rem;
	left: 0;
}
div.indexfiveformback {
	width: 6.5rem;
	height: 10.18rem;
	background: #fff;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
	position: relative;
	float: left;
	margin-top: 1rem;
	margin-left: 2.5rem;
}
div.indexfiveformcont {
	width: 4.6rem;
	height: auto;
	margin: auto;
}
div.indexfiveformtitle {
	width: 100%;
	height: .79rem;
	line-height: .79rem;
	color: #232323;
	font-size: .5rem;
	font-weight: 700;
}
div.indexfiveformdesc {
	width: 100%;
	height: .53rem;
	line-height: .53rem;
	color: #232323;
	font-size: .14rem;
	margin-bottom: .21rem;
}
div.indexfiveformnav {
	width: 100%;
	height: .85rem;
	margin-top: .31rem;
	border-bottom: 1px solid #cccccc;
}
div.indexfiveformnavtitle1 {
	width: 100%;
	height: .51rem;
	line-height: .51rem;
	color: #232323;
	font-size: .16rem;
	font-weight: 700;
}
div.indexfiveformnavtitleinput {
	width: 100%;
	height: .34rem;
	line-height: .34rem;
	overflow: hidden;
	color: #232323;
	font-size: 14px;
}
div.indexfiveformnavtitleinput input {
	outline: none;
	display: block;
	width: 100%;
	height: 100%;
	background: none;
	border: none;
}
div.indexfiveformnavtextarea {
	width: 100%;
	height: 1.75rem;
	background: #f5f5f5;
	padding: .13rem .1rem 0 .1rem;
	line-height: .24rem;
}
div.indexfiveformnavtextarea textarea {
	outline: none;
	color: #232323;
	opacity: .4;
	font-size: .14rem;
	background: none;
	border: none;
	width: 100%;
	height: auto;
}
div.indexfiveformnavmore {
	width: 1.78rem;
	height: .54rem;
	background: #7dc8c9;
	border: #7dc8c9 1px solid;
	font-size: .16rem;
	color: #fff;
	line-height: .54rem;
	transition: all 0.5s ease-in-out;
	text-align: center;
	float: right;
	margin-top: .45rem;
}
div.indexfiveformnavmore input {
	background: none;
	border: none;
	outline: none;
block;
	width: 100%;
	height: 100%;
	color: #fff;
	transition: all 0.5s ease-in-out;
}
div.indexfiveformnavmore:hover {
	background: #fff;
}
div.indexfiveformnavmore:hover input {
	color: #7dc8c9;
}
div.indexfiveright {
	float: right;
	margin-top: 6.45rem;
	margin-right: 1.75rem;
	position: relative;
	padding-left: .87rem;
}
div.indexfiverightblock {
	width: 264px;
	height: 264px;
	background: #31a2a4;
	padding-top: .39rem;
}
div.indexfiverightcont {
	width: 216px;
	margin: auto;
}
div.indexfiverightcontline {
	width: 32px;
	height: 2px;
	background: #fff;
	margin-bottom: 11px;
}
div.indexfiverightconttitle {
	width: 100%;
	height: 37px;
	line-height: 37px;
	color: #fff;
	color: #fffefe;
	font-size: 18px;
	font-weight: 700;
}
div.indexfiverightcontbottom {
	width: 100%;
	height: auto;
	line-height: 28px;
	color: #fffefe;
	opacity: 0.6;
	margin-top: .4rem;
	font-size: 14px;
}
div.indexfiverightcontbottom span {
	float: right;
}
div.indexfiverighticon {
	width: 26px;
	height: auto;
	position: absolute;
	left: 0;
	bottom: .3rem;
}
div.indexnumbk {
	width: 100%;
	height: 200px;
	background: url(../img/indexnumbg.png) center no-repeat;
	margin-top: 1.4rem;
	margin-bottom: .68rem;
	position: relative;
}
div.indexsixback {
	width: 100%;
	height: 625px;
	position: relative;
	padding-top: 1.3rem;
}
div.indexsixbg {
	background: url(../img/indexsixbg.jpg) 50%/cover no-repeat;
	position: absolute;
	top: 0;
	height: 100%;
}
div.indexsixblock {
	width: 1.38rem;
	height: 1.08rem;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 0;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
	margin-left: 3.35rem;
}
div.indexsixtitle {
	width: 100%;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #201f25;
	font-size: 30px;
	position: relative;
}
div.indexsixtitle1 {
	width: 100%;
	height: 52px;
	line-height: 52px;
	text-align: center;
	color: #201f25;
	font-size: 30px;
	position: relative;
}
div.indexsixlistbk {
	width: 470px;
	height: auto;
	margin: auto;
	position: relative;
	margin-top: 75px;
}
div.indexsixlist {
	width: 470px;
	height: 47px;
	border-bottom: 1px solid #cfcfcf;
	overflow: hidden;
	color: #aeaeaf;
	font-size: 14px;
	text-align: center;
	transition: all 0.5s ease-in-out;
	line-height: 47px;
}
div.indexsixlist a {
	color: #aeaeaf;
	transition: all 0.5s ease-in-out;
}
div.indexsixlist:hover {
	border-bottom: 1px solid #201f25;
}
div.indexsixlist:hover a {
	color: #201f25;
}
div.indexoneltmore1 {
	width: 180px;
	height: 55px;
	border: #aeaeaf 1px solid;
	text-align: center;
	line-height: 55px;
	transition: all 0.5s ease-in-out;
	position: relative;
	margin: auto;
	margin-top: 30px;
}
div.indexoneltmore1 a {
	display: block;
	width: 100%;
	height: 100%;
	color: #aeaeaf;
	font-size: 14px;
	transition: all 0.5s ease-in-out;
}
div.indexoneltmore1:hover {
	background: #31a2a4;
	border: #31a2a4 1px solid;
}
div.indexoneltmore1:hover a {
	color: #fff;
}
div.publicfooterback {
	width: 100%;
	height: auto;
}
div.publicfootertopbk {
	width: 100%;
	height: auto;
	background: #242424;
}
div.publicfooterleft {
	float: left;
	height: 30px;
	margin-top: 75px;
}
div.publicfooterleft a {
	color: #ffffff;
	opacity: 0.6;
	transition: all 0.5s ease-in-out;
	margin-right: .4rem;
	font-size: 12px;
}
div.publicfooterleft a:hover {
	opacity: 1;
}
div.publicfootertopright {
	float: right;
	text-align: right;
	line-height: 44px;
	margin-top: 64px;
	font-size: 12px;
	margin-bottom: 56px;
	color: #ffffff;
	opacity: 0.6;
}
div.publicfooterfz {
	width: 100%;
	height: 45px;
	border-bottom: #505050 1px solid;
	font-size: 12px;
	line-height: 45px;
	color: #959595;
	background: #242424;
}
div.publicfooterfz a {
	color: #959595;
}
div.publicfooterfz a:hover {
	color: #fff;
}
div.publicfooterfz1 {
	width: 100%;
	height: 65px;
	opacity: 0.6;
	font-size: 12px;
	line-height: 65px;
	color: #242424;
}
div.publicfooterfz1 a {
	color: #242424;
}
div.publicfooterfz12 {
	float: left;
}
div.publicfooterfzrt {
	float: right;
	text-align: right;
}
div.nybannerback {
	width: 100%;
	height: 343px;
}
div.nybannercn {
	width: 100%;
	text-align: right;
	margin-top: 126px;
	height: 56px;
	line-height: 56px;
	color: #099189;
	font-size: 40px;
	font-family: "宋体";
	font-weight: 700;
	font-family: "syheavy";
}
div.nybanneren {
	width: 100%;
	text-align: right;
	height: 45px;
	line-height: 45px;
	color: #099189;
	font-size: 20px;
	font-family: "宋体";
	font-weight: 700;
	font-family: "syheavy";
}
div.gywmoneback {
	width: 100%;
	max-width: 1224px;
	margin: auto;
	margin-top: 35px;
}
div.gywmonetitle {
	width: 100%;
	height: 85px;
	line-height: 85px;
	text-align: center;
	color: #3f3f3f;
	font-size: 30px;
}
div.gywmonetitleline {
	width: 64px;
	height: 2px;
	background: #7dc8c9;
	margin: auto;
	margin-bottom: 50px;
}
div.gywmonecont {
	width: 100%;
	height: auto;
	margin-bottom: 95px;
	line-height: 44px;
	color: #a7a7a7;
	font-size: 18px;
}
div.gywmtwoback {
	width: 100%;
	min-height: 920px;
	height: auto;
	background: url(../img/gywmtwobg.jpg) bottom right no-repeat;
	border-top: #cae5e5 1px solid;
	padding-top: 28px;
}
div.gywmtwo {
	width: 100%;
	max-width: 1224px;
	margin: auto;
	height: auto;
	margin-top: 70px;
}
div.gywmtwolist {
	width: 294px;
	height: 182px;
	float: left;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
	margin-left: 16px;
	margin-bottom: 35px;
}
div.gywmthreeback {
	width: 100%;
	height: auto;
	border-top: #cae5e5 1px solid;
	padding-top: 28px;
}


div.gywmfourback{ width: 100%; min-height: 8.62rem; height: auto; padding-bottom: 40px; background: #26c3c5; padding-top:30px;}

div.gywmfourleft{ width:.44rem; height: auto; float: left; margin-top: 3.22rem;cursor: pointer; margin-left: 1.53rem; }

div.gywmfourqh{ width:12.23rem; height: auto; float: left; margin-left: 1.06rem; margin-top: 1.16rem;}

div.gywmfourqhleft{ width: 5.14rem; height: 5.14rem; float: left; border-radius: 50%; overflow: hidden;}

div.gywmfourqhleft img{ width: 100%; height: 100%;}

div.gywmfourqhright{ width: 6.12rem; height: auto; float: right;}

div.gywmfourqhrighttop{ width: 100%; height: .63rem; border-left: 2px solid #fff; margin-bottom: .45rem;}

div.gywmfourqhrighttop1{ width: 100%; padding-left: .15rem; height: .35rem; line-height: .35rem; color: #fff; font-weight: 700; font-size: 30px; margin-bottom: 9px;}

div.gywmfourqhrighttop2{ width: 100%;padding-left: .15rem;  line-height: .2rem; color: #fff; font-size: 16px; }

div.gywmfourqhrightdesc{ width: 100%; height: auto; line-height: .3rem; color: #ffffff; font-size: 14px; margin-bottom: .35rem;}

div.gywmfourqhrightcont{ width: 100%; line-height: .45rem; color: #fff; font-size: 14px; }

div.gywmfourright{ width:.44rem; height: auto; float: right; margin-top: 3.22rem; margin-right: 1.53rem; cursor: pointer;}


div.anlinavback{ width: 100%; height: 1.09rem; border-bottom: 1px solid #26c3c5;}

div.anlinav{ width: 1.52rem; height: .5rem; border: 1px solid #26c3c5; border-radius: 5px; line-height: .5rem; text-align: center; color: #26c3c5; transition: all 0.5s ease-in-out; margin-top: .32rem; margin-right: .4rem; float: left;}
div.anlinav a{ color: #26c3c5; display: block; width: 100%; height: 100%; font-size: .14rem; transition: all 0.5s ease-in-out;}

div.anlinav:hover{ background:#26c3c5; }

div.anlinav:hover a{ color: #fff;}

div.anlinavbg{ background:#26c3c5; }

div.anlinavbg a{ color: #fff;}

div.anlimain{ width: 100%; height: auto; padding-top: .5rem;}

div.anlititlecn{ width: 100%; height: 50px; line-height: 50px;  padding-left: 15px; color: #26c3c5; font-size: 30px; font-weight: 700;}


div.anlititleen{ width: 100%; height: 38px; line-height: 38px; padding-left: 15px;  color: #26c3c5; font-size: 20px; text-transform: uppercase; margin-bottom: 11px;}

div.anlititleenline{ width: 42px; height: 2px; background:#26c3c5; margin-left: 15px; margin-bottom: .55rem; }

div.anlilist{ max-width:100%; margin: auto; height: auto;margin-bottom: .38rem;}

div.anlilistpic{ max-width: 100%; height:auto; overflow: hidden; }

div.anlilistpic img{ width: 100%; height: auto; transform: scale(1); transition: all 0.5s ease-in-out;}

div.anlilisttitle{ width: 100%; height: .62rem; line-height:.62rem; text-align: center; overflow: hidden; color: #26c3c5; font-size: .18rem; font-weight: 700; }

div.anlilist:hover div.anlilistpic img{transform: scale(1.1);}

div.xinwenlist{ width: 100%; height: 2.3rem; border: #e6e6e6 1px solid; margin-bottom: .5rem;}

div.xinwenlistleft{ width:16.9%; float: left; margin-top: .3rem; margin-left: .13rem; overflow: hidden;}

div.xinwenlistleft img{ width: 100%;}

div.xinwenlistright{ width: 78%; float: right; margin-right: 3%; margin-top: .47rem; height: .88rem; border-bottom: 1px solid #e6e6e6;}

div.xinwenlistrighttoplt{ width: 78%; float: left;}

div.xinwenlistrighttoplt1{ width: 100%; height: .37rem; line-height: .37rem; overflow: hidden; color: #494848; font-size: .2rem;}

div.xinwenlistrighttoplt2{ width: 100%; height: .29rem; line-height: .29rem; overflow: hidden; color:#494848; opacity: .5; font-size: .14rem;}

div.xinwenlistrighttoprt{ width: 15%; float: right;}

div.xinwenlistrighttoprt1{ width: 100%; height: .68rem; line-height: .68rem; text-align: center; color: #232323; opacity: .7; font-size: .4rem; margin-top: .19rem; font-family: "HLP"; }

div.xinwenlistbtleft{ height: .5rem; line-height: .5rem; float: left; color: #a5a5a5; font-size: .14rem;}

div.xinwenlistrighttoprt2{ width: 15%; float: right; height: .44rem; line-height: .44rem; text-align: center;color: #232323; opacity: .7; font-size: .18rem; font-family: "HLP";}

div.lxwmoneback{ width: 1224px; height: auto; margin: auto;}

div.lxwmoneicon{ width: 100%; height: auto; text-align: center; margin-bottom: 14px;}

div.lxwmonelisttitle{ width: 100%; height: auto; line-height: 32px; line-height: 32px; text-align: center;color: #666666; font-size: 18px; font-weight: 700;}

div.lxwmonelistdesc{ width: 100%; height: 28px; line-height: 28px;  text-align: center; color:#666666; font-size: 14px; margin-bottom: 30px;}

div.lxwmform{ margin-top: 1rem;}

div.lxwmformnav{ width: 370px; float: left; margin-left: 35px; margin-bottom: 1.15rem; height: 44px; line-height: 44px; border-bottom: 1px solid #bfbfbf;color: #666666;}

div.lxwmformnavtitle{ height: 44px; float: left;  border-bottom: 2px solid #26c3c5; color: #666666; font-size: 14px; line-height: 44px;}

div.rtlxwmformnavtitle{ width: 310px; float: left; height: 44px; line-height: 44px;}

div.rtlxwmformnavtitle input{ width: 100%; height: 100%; display: block; background: none; border: none; outline: none;}


div.lxwmformnav1{ width: 100%; margin-left: 35px; margin-bottom: 1.15rem; height: 44px; line-height: 44px; border-bottom: 1px solid #bfbfbf;color: #666666;}
div.rtlxwmformnavtitle1{ width: 1090px; float: left; height: 44px; line-height: 44px;}

div.rtlxwmformnavtitle1 textarea{ width: 100%; height: 100%; display: block; background: none; border: none; outline: none;}

div.lxwmmore{ width: 208px; height: 48px; margin: auto; border: 1px solid #707070; line-height: 48px; text-align: center; border-radius: 25px; margin-bottom: 1.17rem;}

div.lxwmmore input{ width: 100%; height: 100%; display: block; color: #333333; font-size: 15px; background: none; border: none; outline: none; cursor: pointer;}

div.lxwmthreebg{ position: relative; width: 100%; height: 600px; }

div.lxwmleftbg{ width: 50%; height: 100%; position:absolute; left: 0; top: 0; background: url(../img/lxwmthreebg.jpg) center no-repeat; z-index: 10}

div.lxwmlefticon1{ width: 82px; height: 82px; position: absolute; right: -41px; top: 146px; background: url(../img/lxwmmapicon1.png) center no-repeat;}

div.lxwmlefticon2{ width: 82px; height: 82px; position: absolute; right: -41px; top: 257px; background: url(../img/lxwmmapicon2.png) center no-repeat;}

div.lxwmlefticon3{ width: 82px; height: 82px; position: absolute; right: -41px; top: 370px; background: url(../img/lxwmmapicon3.png) center no-repeat;}


div.lxwmthree{ width: 1224px; margin: auto; position:relative; z-index: 11;}

div.lxwmthreeleft{ width: 560px; height: auto; float: left; padding-top: 69px;}

div.lxwmthreetitle{ width: 100%; height: 37px; line-height: 37px; color: #fff; font-size: 22px; text-align: right;} 

div.lxwmthreelist{ width: 100%; height: auto; text-align: right; line-height: 28px; color: #fff; font-size: 18px; margin-top: 55px;}

div.map{ width: 50%; height: 100%; position: absolute; left: 50%; top: 0; z-index: 9;}

div.zlxmoneleft{ width: 4.59rem; height: auto; float: left;}

div.zlxmoneleft img{ width: 100%;}

div.zlxmoneright{ width: 9.53rem; float: right; margin-right: .55rem; margin-top: .78rem;}

div.zlxmonerightimg{ height: .86rem; float: left;}

div.zlxmonerightimg img{ height: 100%;}

div.zlxmonerighttitlebk{ float: left;  margin-left: 0.08rem; margin-top: 0.08rem;}

div.zlxmonerighttitle{ height: .34rem; line-height: .34rem; color: #26c3c5; font-size: .22rem; font-weight: 700;}

div.zlxmonerightentitle{ height: .23rem; line-height: .23rem; color: #26c3c5; text-transform: uppercase; font-size: .12rem;}

div.zlxmonerightenline{ width: .42rem; height: 2px; background:#26c3c5; margin-top: 0.05rem; }

div.zlxmonerightcont{ width:100%; height: 2.4rem; overflow: hidden; overflow-y: scroll; margin-top: .34rem; line-height: .32rem; color: #abacac; font-size: .14rem; padding-left: 0.2rem; padding-right: 0.2rem; }

div.zlxmone{ margin-top: 1.04rem;}

div.zlxmtwobk{ margin-top: 1.1rem; position: relative;}

div.zlxmtwo{ width: 5.5rem; height: 26.5rem; position: relative; }

div.zlxmtwopic{ width: 4.6rem; height: auto;}

div.zlxmtwopic img{ width: 100%;}

div.zlxmtwocontent{ width: 5.09rem; height: 3.74rem; position: absolute; left: .42rem; top: 3.3rem; background: #fff; padding-top: .24rem;}

div.zlxmtwocont{ width: 4.25rem; height: auto; margin: auto;}

div.zlxm3{ width: 9.35rem; position: absolute; right: 0; top: 0; height: 4.59rem;}

div.zlxm3pic{ width: 4.6rem; height: auto; position: absolute; right: 0; top: 0;}


div.zlxm3pic img{ width: 100%;}

div.zlxm3content{ width: 6.57rem; height: 3.5rem; position: absolute; left: 0; top: 1.35rem; background: #fff;padding-top: .3rem;}


div.zlxm3cont{ width: 5.5rem; height: auto; margin: auto; }

div.zlxm4{ width: 9.18rem; height: auto; position: absolute; top: 5.6rem; right: 0; height: 5.07rem;}

div.zlxm4pic{ width: 4.6rem; height: auto; position: absolute; left: 0; top: 0;}

div.zlxm4pic img{ width: 100%;}

div.zlxm4content{ width: 6.54rem; height: 3.25rem; position: absolute; right: 0; bottom: 0; padding-top: .26rem; background: #fff;}


div.zlxm4cont{ width: 5.6rem; height: auto; margin: auto;}

div.zlxm5{ width: 15.3rem; height: auto; position: absolute; left: 0; top: 8.78rem;}

div.zlxm5pic{ width: 4.6rem; height: auto; position: absolute; left: 0; top: 0;}

div.zlxm5pic img{ width: 100%;}

div.zlxm5content{ width: 10.7rem; height: 2.2rem; position: absolute; right: 0; padding-top: .2rem; top: 2.7rem; background: #fff;}

div.zlxm5cont{ width: 9.4rem; height: auto; margin: auto;}


div.zlxm6{ width: 5.5rem; height: 26.5rem; position:absolute; top: 14.7rem; left: 0; }

div.zlxm7{ width: 9.35rem; position: absolute; right: 0; top: 14.7rem; height: 4.59rem;}


div.zlxm8{ width: 9.18rem; height: auto; position: absolute; top: 20.46rem; right: 0; height: 5.07rem;}

div.zjshowmain{ width: 100%; max-width: 1280px; margin: auto; margin-top: 60px;}

div.zjshowmainpic{ width: 100%; height: auto; text-align: center; margin-bottom: 20px;}

div.zjshowmaintitle{ width: 100%; height:33px; color: #2a2a2a; font-size: 16px; text-align: center; }

div.zjshowmainsubtitle{ width: 100%; height: 30px; line-height: 30px; text-align: center; color: #6ad2d0; font-size: 14px;}

div.zjshowmaincontent{ width: 100%; height: auto; padding-top: 30px; padding-bottom: 30px; border-top: 1px dashed #cecece; border-bottom: 1px dashed #cecece;line-height: 58px; color: #858585; font-size: 16px; margin-top: 23px;}

div.zjshowmaincontent img{ max-width: 100%;display:block;margin:0 auto;}

div.zjshowmainback{ width: 119px; height: 32px; margin: auto; background: #ff7649; border-radius: 30px; text-align: center; line-height: 32px; color: #fff; font-size: 14px; margin-top: 38px; margin-bottom: 150px;}

div.zjshowmainback a{ display: block; height: 100%; width: 100%; color: #fff;}

div.gywmvrback{ width: 100%; height: auto;}

div.gywmvr{ width: 25%; height: auto; float: left; height: 3.14rem; background: #72dcdd; padding-top: .88rem;}

div.gywmvrtitle{ width: 100%; height: .59rem; line-height: .59rem; text-align: center; color: #ffffff; font-size: .3rem; font-weight: 700;}

div.gywmvrtitlenav{ width: 1.44rem; height: .37rem; border: 1px solid #fff; margin: auto; line-height: .37rem; text-align: center; color: #ffffff; font-size: .14rem; font-weight: 700; margin-top: .14rem;}

div.gywmvr:nth-child(2n){ background: #fff;}


div.gywmvr:nth-child(2n) div.gywmvrtitle{  color:#72dcdd; }

div.gywmvr:nth-child(2n) div.gywmvrtitlenav{ border: 1px solid #72dcdd;   color:#72dcdd; }

div.publicfootertoprightewm{ width: 100px; height:auto; float: right; }


div.publicfootertoprightewm img{ width: 100%;}


.rtab{color:#7a86a9;max-width:1200px;width:98%;margin:auto;padding-bottom:30px; padding-top:30px;}
.rtab a{border:1px #f0f0f0 solid; padding:10px 20px; display:inline-block; margin-bottom:13px;}
.ratab span{
    font-size: 24px;
    font-weight: 700;
}
.tag {
    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;
    line-height: 40px;
}
.pro_list img{width:100%;}
.pro_list {overflow:hidden}
.pro_list ul li {
    float: left;
    margin-right: 50px;
    margin-left: 0;
    margin-bottom:20px;
}

.pro_list ul li:nth-child(5n) {
    margin-right: 0;
}

.pro_list ul li .img {
    display: block;
    width: 200px;
}

.pro_list ul li .t {
    display: block;
    width: 200px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    text-align: center;
}
.news_list ul li {
    width: 100%;
    float: left;
    height: 38px;
    padding-top: 9px;
    border-bottom: 1px dashed #c6c6c6;
    margin-bottom: 8px;
}

.news_list ul li p {
    float: right;
}
.yunu-linkkk{padding:20px 0}

.yunu-linkkk h4{border-bottom:1px solid #ddd;margin:0;font-size:18px;color:#72dcdd;padding-bottom:15px}

.yunu-linkkk h4 small{text-transform:uppercase;font-size:16px;font-weight:normal;color:#999}

.yunu-linkkk ul{margin-left:-20px}

.yunu-linkkk li{float:left;margin-left:20px;margin-top:20px}