*{margin:0;padding:0;}
body{overflow-x:hidden;margin:auto;font-size:12px;}
li{list-style:none;}
ol li{list-style:inherit;}
.clear {height:0px;clear:both;}
textarea{font-family:"Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";}
div{font-family:"Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";}
p{font-family:"Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";}
a{text-decoration:none;font-family:"Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";cursor:pointer;}
a:hover{text-decoration:none;}
html {
	font-size: 100px !important;
}

body {
	background: #fff !important;
}

@media screen and (max-width: 1680px) {
	html {
		font-size: 86px !important;
		overflow-x:hidden;
	}
}

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

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

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

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

}

@font-face {
	font-family: 'RIGELSTAR';
	src: local('RIGELSTAR'), url(../fonts/RIGELSTAR.OTF) format('woff');
}
@font-face {
	font-family: 'HELVETICANEUELTPRO-EX';
	src: local('HELVETICANEUELTPRO-EX'), url(../fonts/HELVETICANEUELTPRO-EX.OTF) format('woff');
}
@font-face {
	font-family: 'HELVETICALT63MEDIUMEXTENDED';
	src: local('HELVETICALT63MEDIUMEXTENDED'), url(../fonts/HELVETICALT63MEDIUMEXTENDED.TTF) format('woff');
}

@font-face {
	font-family: 'HELVETICALT83HEAVYEXTENDED';
	src: local('HELVETICALT83HEAVYEXTENDED'), url(../fonts/HELVETICALT83HEAVYEXTENDED.TTF) format('woff');
}

@font-face {
	font-family: 'lucidasans';
	src: local('lucidasans'), url(../fonts/lucidasans.otf) format('woff');
}



.bannerbox .swiper-container-horizontal>.swiper-pagination-bullets {

	width: 10px;

	left: 65px;

	bottom: auto;

	top: 41%;

}

.bannerbox .swiper-pagination {

	bottom: 12%;

	left: 4.5%;

	display: table;

	margin-left: 0;

	margin-right: 0;

	width: auto;

	transform: rotateZ(90deg);


}

.bannerbox .swiper-pagination-bullet {

	width: 10px;

	height: 10px;

	background: #fff;

	opacity: 1;

	margin-left: 0.15rem!important;

	margin-right: 0.15rem!important;

}

.bannerbox .swiper-pagination-bullet:first-child {

	margin-left: 0!important;

}

.bannerbox .swiper-pagination-bullet:last-child {

	margin-right: 0!important;

}



.bannerbox .swiper-pagination-bullet-active {

	background: none;

	position: relative;

}



/* .bannerbox .swiper-pagination-bullet-active:after {

	content: "";

	width: 18px;

	height: 18px;

	position: absolute;

	border-radius: 50%;

	position: absolute;

	left: -8px;

	top: -7px;

} */



svg {

	width: 18px;

	height: 18px;

	-webkit-transform: rotate(-180deg);

	transform: rotate(-180deg);

	box-sizing: border-box;

	position: relative;

	z-index: 99;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-top: -8px;

	margin-left: -10px;

	overflow: inherit;

}







.bannerbox .swiper-pagination-bullet svg circle {

	opacity: 0;

	stroke-dasharray: 100;

	stroke-dashoffset: 0;

	fill: rgba(255, 255, 255, 0);

	stroke: #38bce8;

	transform: rotateX(180deg) translateY(-100%);

}



.bannerbox .swiper-pagination-bullet-active svg circle {

	opacity: 1;

	-webkit-animation: circledraw 9s forwards;

	animation: circledraw 9s;

}



@-webkit-keyframes circledraw {

	0% {

		stroke-dashoffset: 100;

	}



	100% {

		stroke-dashoffset: 0;

	}

}



@keyframes circledraw {

	0% {

		stroke-dashoffset: 100;

	}



	100% {

		stroke-dashoffset: 0;

	}

}
.bannerbox img {
	width: 100%;
}


.hometopbox {
	width: 100%;
	position: relative;
}
.homenavbigbox {
	position: absolute;
	width: 100%;
	left: 0;
	top: .51rem;
	z-index: 5;
	padding-left: 0.84rem;
	padding-right: 1.03rem;
}
.homenavinnerbox {
	width: 100%;
}
.logo {
	width: 1.74rem;
	float: left;
}
.logo img {
	width: 100%;
}
.homenavright {
	float: right;
}
.homenavbox {
	float: left;
}
.homenavitem {
	float: left;
	margin-left: 0.85rem;
}
.homenavitem:first-child {
	margin-left: 0;
}
.homenavitem a {
	display: block;
	line-height: 0.56rem;
	color: #ffffff;
	font-size: .16rem;
}
.lang {
	float: left;
	margin-left: 1rem;
}
.lang a {
	display: block;
	line-height: 0.56rem;
	color: #38bce8;
	font-size: .18rem;
	font-family: "RIGELSTAR";
	float: left;
}
.lang span {
    display: block;
    line-height: 0.56rem;
	color: #38bce8;
	font-size: .18rem;
	font-family: "RIGELSTAR";
	float: left;
	margin: 0 10px;
}






.homepronavbox {
	width: 100%;
	display: flex;
}
.homepronavitem {
	width: 100%;
	height: 2.45rem;
	position: relative;
}
.homepronavitem:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 1.5rem;
	background-color: #ebebeb;
}
.homepronavitem:last-child:after {
	display: none;
}
.homepronavitem a {
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.homepronavitemico {
	width: 0.5rem;
	display: flex;
	margin-left: auto;
	margin-right: auto;
}
.homepronavitemico img {
	width: 100%;
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
	filter: grayscale(100%);
	filter: brightness(0) saturate(100%);
	transition: .25s all;
}
.homepronavitemsubtitle {
	text-align: center;
	font-family: "HELVETICANEUELTPRO-EX";
	color: #383838;
	font-size: .22rem;
	line-height: 0.28rem;
	margin-top: 0.13rem;
	transition: .25s all;
}
.homepronavitemtitle {
	text-align: center;
	color: #383838;
	font-size: .16rem;
	font-weight: bold;
	line-height: 0.2rem;
	margin-top: 0.15rem;
	transition: .25s all;
}

.homepronavitem:hover .homepronavitemico img {
	-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
	filter: grayscale(0%);
	filter: brightness(1) saturate(1);
}
.homepronavitem:hover .homepronavitemsubtitle {
	color: #38bce8;
}
.homepronavitem:hover .homepronavitemtitle {
	color: #38bce8;
}



.homepronavitemxz .homepronavitemico img {
	-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
	filter: grayscale(0%);
	filter: brightness(1) saturate(1);
}
.homepronavitemxz .homepronavitemsubtitle {
	color: #38bce8;
}
.homepronavitemxz .homepronavitemtitle {
	color: #38bce8;
}





.hotsalebox {
	width: 100%;
	background: #f3f3f3;
	overflow: hidden;
	padding-bottom: 1.5rem;
}
.hotsale {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
}
.hotsaletop {
	width: 100%;
	padding-top: 0.92rem;
	overflow: hidden;
}
.hotsaletopleft {
	float: left;
}
.hotsaletoplefttitle {
	color: #000000;
	font-size: .22rem;
	line-height: 0.25rem;
}
.hotsaletopleftsubtitle {
	font-family: "HELVETICALT63MEDIUMEXTENDED";
	color: #38bce8;
	font-size: .56rem;
	line-height: 0.66rem;
	margin-top: 0.14rem;
}
.hotsaletopright {
	float: right;
	position: relative;	
	/* border-bottom: 3px solid #e2e2e2; */
}

.hotsaletoprightitem {
	float: left;
	position: relative;	
	transition: .25s all;
}
.hotsaletoprightitem:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	left: 0;
	bottom: 0;
	background: #e2e2e2;
	transition: .25s all;
}
.hotsaletoprightitem a {
	display: block;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	color: #747474;
	font-size: .16rem;
	line-height: 0.75rem;
	height: 0.75rem;
	position: relative;
	transition: .25s all;
}
.hotsaletoprightitemxz a {
	color: #000000;
	font-size: .2rem;
	font-weight: bold;
}
.hotsaletoprightitemxz:after {
	opacity: 1;
	background: #f1bb01;
}

.hotsaletoprightitem a::before {
	content: attr(data-text); /* 复制文字 */
  font-weight: bold;        /* 加粗 */
  visibility: hidden;       /* 不显示 */
  height: 0;                /* 避免撑高 */
  display: block;
	color: #000000;
	font-size: .2rem;
}



.hotsalebottom {
	width: 100%;
	margin-top: 0.58rem;
	position: relative;
}

.hotsalebottominnerbox {
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	transition: .25s all;
}
.hotsalebottominnerboxxz {
	position: relative;
	opacity: 1;
	visibility: inherit;
	z-index: 5;
}
.hotsalebottomitem {
	width: calc((100% - 1.2rem) / 4);
	margin-left: 0.4rem;
	float: left;
	border-radius: .2rem;
	overflow: hidden;
}
.hotsalebottomitem a {
	display: flex;
	width: 100%;
	height: 100%;
}
.hotsalebottomitem img {
	width: 100%;
	transition: .25s all;
}
.hotsalebottomitem:nth-child(4n-3) {
	margin-left: 0;
}

.hotsalebottomitem:hover img {
	transform: scale(1.1);
}







.homeaboutbox {
	width: 100%;
}
.homeabout {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.16rem;
	padding-bottom: 1.55rem;
}
.homeaboutsubtitle {
	text-align: center;
	font-family: "HELVETICALT63MEDIUMEXTENDED";
	color: #38bce8;
	font-size: .56rem;
	line-height: 1;
}
.homeabouttitle {
	text-align: center;
	color: #373737;
	font-size: .22rem;
	line-height: 1;
	margin-top: .24rem;
}
.homeaboutdesc {
	text-align: center;
	color: #8c8c8c;
	font-size: .16rem;
	line-height: 0.36rem;
	margin-top: 0.53rem;
	padding: 0 2.1rem;
}
.homeaboutcenter {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 0.76rem;
}

.homeaboutcenteritem {
	margin-left: 1.25rem;
	margin-right: 1.25rem;
}
.homeaboutcenteritemsum {
	color: #4f4f4f;
	font-size: .48rem;
	line-height: 1;
	font-family: "HELVETICALT63MEDIUMEXTENDED";
	line-height: 0.55rem;
	display: flex;
}
.homeaboutcenteritemsum span {
	font-size: .32rem;
	line-height: .48rem;
	display: inline-block;
	margin-left: .07rem;
}
.homeaboutcenteritemtext {
	color: #848484;
	font-size: .14rem;
	line-height: 1;
}
.homeaboutbottom {
	width: 86.875%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.88rem;
}
.homeaboutbottom img {
	width: 100%;
}







.homenewsbox {
	width: 100%;
	background: url(../img/homenewsbg.jpg) no-repeat center;
	background-size: cover;
	overflow: hidden;
	padding-bottom: 1.5rem;
}
.homenews {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.32rem;
}
.homenewstop {
	width: 100%;
	overflow: hidden;
}
.homenewstopleft {
	float: left;
}
.homenewstoplefttitle {
	color: #000000;
	font-size: .22rem;
	line-height: 0.25rem;
}
.homenewstopleftsubtitle {
	font-family: "HELVETICALT63MEDIUMEXTENDED";
	color: #38bce8;
	font-size: .56rem;
	line-height: 0.66rem;
	margin-top: 0.14rem;
}

.homenewstopmore {
	float: right;
	width: 2.15rem;
	height: 0.65rem;
	border-radius: .33rem;
	background: #fff;
	margin-top: 0.3rem;
}
.homenewstopmore a {
	width: 100%;
	height: 100%;
	display: flex;
	padding-left: 0.3rem;
	padding-right: 0.26rem;
	justify-content: space-between;
	align-items: center;
}
.homenewstopmoretext {
	color: #717171;
	font-size: .16rem;
	line-height: 0.65rem;
}
.homenewstopmorearrow {
	width: 0.17rem;	
}
.homenewstopmorearrow img {
	width: 100%;
}
.homenewsbottom {
	width: 100%;
	margin-top: 0.62rem;		
}
.homenewsbottomleft {
	width: calc(50% - .15rem);
	float: left;
	position: relative;
}
.homenewsbottomleftpic {
	width: 100%;
	border-radius: .25rem;
	overflow: hidden;
}
.homenewsbottomleftpic img {
	width: 100%;
}
.homenewsbottomleftarrow {
	position: absolute;
	width: 1.25rem;
	display: flex;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	overflow: hidden;
	transform: translate(50%,50%);
}
.homenewsbottomleftarrow img {
	width: 100%;
}
.homenewsbottomright {
	width: 50%;
	float: right;
	padding-left: 0.8rem;
	padding-right: 0.1rem;
}
.homenewsbottomrighttime {
	color: #38bce8;
	font-size: .22rem;
	line-height: 1;
	font-family: "HELVETICALT83HEAVYEXTENDED";
}
.homenewsbottomrighttitle {
	color: #474747;
	font-size: .28rem;
	line-height: 0.48rem;
	height: 0.96rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	padding-right: 1.15rem;
	font-weight: bold;
	margin-top: 0.25rem;
}
.homenewsbottomrighthx {
	width: 0.25rem;
	height: 2px;
	background: #38bce8;
	margin-top: 0.26rem;
}
.homenewsbottomrightdesc {
	color: #7f7f7f;
	font-size: .16rem;
	line-height: 0.34rem;
	margin-top: 0.25rem;
}





.homeprobox {
	width: 100vw;
}
.homepro {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.14rem;
	padding-bottom: .9rem;
}
.homeprotop {
	width: 100%;
}
.homeprotopsubtitle {
	width: 100%;
	text-align: center;
	line-height: 1;
	font-family: "HELVETICALT63MEDIUMEXTENDED";
	color: #38bce8;
	font-size: .56rem;
}
.homeprotoptitle {
	color: #373737;
	font-size: .22rem;
	line-height: 1;
	text-align: center;
	margin-top: 0.25rem;
}
.homeprobottom {
	width: 100%;
	overflow: hidden;
	margin-top: 0.77rem;
}
.homeprobottomitem {
	width: calc((100% - 2.7rem) / 4);
	margin-left: 0.9rem;
	float: left;
	border-radius: .25rem;
	overflow: hidden;
	margin-top: 0.8rem;
	position: relative;
	margin-top: 0.72rem;
}
.homeprobottomitem:nth-child(1) {
	margin-top: 0;
}
.homeprobottomitem:nth-child(2) {
	margin-top: 0;
}
.homeprobottomitem:nth-child(3) {
	margin-top: 0;
}
.homeprobottomitem:nth-child(4) {
	margin-top: 0;
}
.homeprobottomitem:nth-child(4n-3) {
	margin-left: 0;
}
.homeprobottomitempic {
	width: 100%;
	display: flex;

}
.homeprobottomitempic img {
	width: 100%;
	transition: .25s all;
}
.homeprobottomitemrightbottom {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1.23rem;
	opacity: 0;
	transition: .25s all;
}
.homeprobottomitemrightbottom img {
	width: 100%;
}
.homeprobottomitem:hover .homeprobottomitemrightbottom {
	opacity: 1;
}

.homeprobottomitem:hover .homeprobottomitempic img {
	transform: scale(1.1);
	
}










.footerbox {
	width: 100%;
	background: #171b24;
	padding-top: 1rem;
	padding-bottom: 1.1rem;
}
.footerinner {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.footerleft {
	float: left;
}

.footerlefttopsubtitle {
	font-family: "HELVETICALT63MEDIUMEXTENDED";
	color: #ffffff;
	font-size: .64rem;
	line-height: 1;
}
.footerlefttoptitle {
	color: #ffffff;
	font-size: .28rem;
	line-height: 1;
	margin-top: 0.2rem;
}
.footerleftcontact {
	margin-top: 0.57rem;
}
.footerleftcontactitem {
	display: flex;
}

.footerleftcontactitemtitle {
	color: #ffffff;
	font-size: .16rem;
	line-height: 0.6rem;
}

.footerleftcontactitemdesc {
	color: #ffffff;
	font-size: .16rem;
	line-height: 0.6rem;
}

.footerleftcontact .footerleftcontactitembox:first-child .footerleftcontactitemdesc {
	font-size: .3rem;
	font-family: "lucidasans";
}
.footerleftbottom {
	overflow: hidden;
	display: flex;
	margin-top: .9rem;
}
.footerleftbottomcode {
	width: 1.14rem;
	float: left;
}
.footerleftbottomcode img {
	width: 100%;
}
.footerleftbottomright {
	margin-left: 0.3rem;
	float: left;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.footerleftbottomrighttop {
	display: flex;
}
.footerleftbottomrighttopico {
	width: 0.06rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.footerleftbottomrighttopico img {
	width: 100%;
}

.footerleftbottomrighttoptext {
	color: #38bce8;
	font-size: .16rem;
	margin-left: 0.1rem;
	line-height: 1;
}


.footerleftbottomrightbottom {
	color: #8a8a8a;
	font-size: .16rem;
	line-height: 0.35rem;
}
.footerleftbottomrightbottom a {
	color: #8a8a8a;
}


.footerrigth {
	float: right;
	width: 7.75rem;
	padding-top: 0.15rem;
}
.footerrighttop {
	width: 0.85rem;
	margin-left: auto;
	cursor: pointer;
}
.footerrighttop img {
	width: 100%;
}
.footermessage {
	width: 100%;
	margin-top: 0.1rem;
}
.footerliuyan {
	width: 100%;
	height: 1rem;
}
.footerliuyan2 {
	height: 1.5rem;
}
.footerliuyan textarea {
	width: 100%;
	height: 100%;
	background: none;
	border: none;
	/* border-top: 1px solid #515358; */
	border-bottom: 1px solid #515358;
	color: #ffffff;
	font-size: .16rem;
	line-height: .99rem;
}
.footerliuyan textarea::placeholder {
	color: #ffffff;
	font-size: .16rem;
	line-height: .99rem;
}
input{ outline: none; }
textarea{ outline: none; }

.footermessagebottom {
	margin-top: 0.89rem;
	overflow: hidden;
}
.footercody {
	width: 1.7rem;
	height: 0.8rem;
	float: left;
}
.footercody img {
	width: 100%;
	height: 100%;
}
.footerinput {
	width: 3rem;
	height: 0.8rem;
	border: 1px solid #4f5156;
	line-height: 0.8rem;
	color: #cacaca;
	font-size: .16rem;
	float: left;
	margin-left: 0.35rem;
}
.footerinput input {
	padding-left: 0.24rem;
	line-height: 0.8rem;
	color: #cacaca;
	font-size: .16rem;
	border: none;
	background: none;
	width: 100%;
	height: 100%;
}
.footerinput input::placeholder {
	color: #cacaca;
	font-size: .16rem;
}

.footersubmit {
	width: 2.3rem;
	height: 0.8rem;
	background: #38bce8;
	text-align: center;
	line-height: 0.8rem;
	color: #ffffff;
	font-size: .18rem;
	float: right;
}
.footersubmit a {
	display: block;
	width: 100%;
	height: 100%;
	color: #ffffff;
	font-size: .18rem;
}













.footerleftcontactitemico {
	width: 0.63rem;
	margin-right: 0.31rem;
}
.footerleftcontactitemico img {
	width: 100%;
}
.footerleftcontactitembox {
	display: flex;
	align-items: center;
	margin-top: 0.35rem;
}
.footerleftcontactitembox:first-child {
	margin-top: 0;
}



@media screen and (max-width : 1600px) {
.footerrigth {
    width: 7rem;
}
.footercody {
    width: 1.5rem;
}
.footerinput {
    width: 2.6rem;
    margin-left: 0.3rem;
}
.footersubmit {
    width: 2.3rem;
}
}




.innernavbox {
	width: 100%;
	background: #fff;
	padding-left: 0.96rem;
	padding-right: 1.03rem;
}
.innernav {
	width: 100%;
	height: 1rem;
}
.innerlogo {
	float: left;
	width: 1.5rem;
	height: 1rem;
	display: flex;
	align-items: center;
}
.innerlogo img {
	width: 100%;
}
.innernavright {
	float: right;
}
.innernavleft {
	float: left;
}
.innernavleftitem {
	float: left;
	height: 1rem;
	line-height: 1rem;
	margin-left: 0.43rem;
	margin-right: 0.43rem;
}
.innernavleftitem a {
	display: block;
	height: 1rem;
	line-height: 1rem;
	color: #484848;
	font-size: .16rem;
}
.innerlang {
	float: right;
	margin-left: 0.8rem;
	height: 1rem;
	line-height: 1rem;
}
.innerlang a {
	display: block;
	height: 1rem;
	line-height: 1rem;
	color: #38bce8;
	font-size: .18rem;
	font-family: "RIGELSTAR";
	float: left;
}
.innerlang span {
	display: block;
	height: 1rem;
	line-height: 1rem;
	color: #38bce8;
	font-size: .18rem;
	font-family: "RIGELSTAR";
	margin: 0 10px;
	float: left;
}






/* 关于我们开始 */

.inneraboutbox {
	width: 100%;
}
.innerabout{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 1.27rem;
	padding-bottom: 1.6rem;
}
.inneraboutleft {
	width: 72.9%;
	float: left;
}
.inneraboutsubtitle {
	font-family: "HELVETICALT63MEDIUMEXTENDED";
	color: #38bce8;
	font-size: .64rem;
	line-height: 1;
}
.innerabouttitle {
	color: #373737;
	font-size: .24rem;
	line-height: 1;
	margin-top: 0.15rem;
}
.inneraboutcontent {
	width: 100%;
	color: #8c8c8c;
	font-size: .16rem;
	line-height: 0.28rem;
	margin-top: 0.4rem;
}
.inneraboutpic {
	width: 100%;
	margin-top: 0.76rem;
}
.inneraboutpic img {
	width: 100%;
}
.inneraboutright {
	float: right;
	padding-top: 1.06rem;
}
.inneraboutright .homeaboutcenteritem {
	float: none;
	margin-left: 0;
	margin-right: 0;
	margin-top: 1.3rem;
}

.inneraboutright .homeaboutcenteritemsum {
	font-size: .64rem;
	line-height: 0.74rem;
}
.inneraboutright .homeaboutcenteritemtext {
	font-size: .16rem;
	color: #000;
	margin-top: 0.04rem;
}

.inneraboutright .homeaboutcenteritem:first-child {
	margin-top: 0;
}



.innerzzrybox {
	width: 100%;
	background: url(../img/ryzzbg.jpg) no-repeat center;
	background-size: cover;
	padding-top: 1.5rem;
}
.innerzzrytop {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.innerzzrytitle {
	color: #373737;
	font-size: .24rem;
	line-height: 1;
}
.innerzzrysubtitle {
	font-family: "HELVETICALT63MEDIUMEXTENDED";
	color: #38bce8;
	font-size: .64rem;
	line-height: 1;
	margin-top: 0.2rem;
}
.innerzzrycenter {
	width: 100%;
	overflow: hidden;
	margin-top: 1.15rem;
	box-sizing: content-box;
}
.innerzzrycenter .mySwiper {
	padding-bottom: .5rem;

}
.innerzzrycenter .swiper-slide {
	width: 3.53rem;
}
.innerzzrycenteritem {
	width: 100%;
	padding: .14rem;
	background: #98513b;
	transition: .25s all;
}
.innerzzrycenteritem img {
	width: 100%;
}
/* .innerzzrycenteritem:first-child {
	margin-left: 0;
} */
.innerzzrycenteritem:hover{
	box-shadow: .2rem .2rem .2rem rgba(0, 0, 0, 0.24);
}
.str_move {
	display: flex;
}

.str_wrap.str_active {
	background: none;
}
.innerzzrybottom {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-top: 1rem;
}

.innerzzrybottomleftarrow {
	width: 1.93rem;
	height: 1.06rem;
	text-align: center;
	line-height: 1.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	float: right;
	cursor: pointer;
	transition: .25s all;
	background: #FFF;
}
.innerzzrybottomleftarrow img {
	width: 0.35rem;
	transition: .25s all;
}
.innerzzrybottomleftarrow:hover {
	background: #38bce8;
}
.innerzzrybottomleftarrow:hover img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(93deg) brightness(103%) contrast(103%);
}



.innerzzrybottomrightarrow {
	width: 1.93rem;
	height: 1.06rem;
	text-align: center;
	line-height: 1.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	float: right;
	cursor: pointer;
	transition: .25s all;
	background: #FFF;
}
.innerzzrybottomrightarrow img {
	width: 0.35rem;
	transition: .25s all;
	transform: rotate(180deg);

}
.innerzzrybottomrightarrow:hover {
	background: #38bce8;
}
.innerzzrybottomrightarrow:hover img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.innerqyfzbox {
	width: 100%;
}
.innerqyfz {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 1.4rem;
	padding-bottom: 1rem;
}
.innerqyfztitlebox {
	width: 100%;
}
.innerqyfzsubtitle {
	font-family: "HELVETICALT63MEDIUMEXTENDED";
	color: #38bce8;
	font-size: .64rem;
	line-height: 1;
}
.innerqyfztitle {
	color: #373737;
	font-size: .24rem;
	line-height: 1;
	margin-top: 0.22rem;
}
.innerqyfzbottom {
	width: 100%;
	margin-top: 0.7rem;
}
.innerqyfzbottomitem {
	width: calc((100% - .7rem) / 2);
	float: left;
	border-radius: .25rem;
	overflow: hidden;
	margin-left: 0.7rem;
	margin-top: 0.7rem;
}
.innerqyfzbottomitem:first-child {
	margin-top: 0;
}
.innerqyfzbottomitem:nth-child(2) {
	margin-top: 0;
}
.innerqyfzbottomitem:nth-child(2n-1) {
	margin-left: 0;
}
.innerqyfzbottomitem img {
	width: 100%;
	transition: .25s all;
}
.innerqyfzbottomitem:hover img {
	transform: scale(1.1);
}





/* 关于我们结束 */


/* 产品中心开始 */

.innernavtop {
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
}



.innerprobox .homeprotopsubtitle {
	font-size: .64rem;
	font-family: "HELVETICALT63MEDIUMEXTENDED";
}
.innerprobox .homeprotoptitle {
	font-size: .28rem;
}


.innerprobox .homepro {
	padding-top: 0.84rem;
	padding-bottom: 1.24rem;
}




.fanye .pagination {
	margin-top: 1.24rem;
	
}
.fanye a {
	float: left;
	margin-left: 3.5px;
	margin-right: 3.5px;
	display: block;
	width: 0.69rem;
	height: 0.69rem;
	border-radius: 50%;
	text-align: center;
	font-family: "Arial";
	line-height: 0.69rem;
	font-size: .2rem;
	color: #9b9b9b;
}
.fanye p {
	float: left;
	line-height: 0.69rem;
}
.fanye .syy {
	color: #565555;
	margin-right: 53.5px;
	width: auto;
	font-size: .18rem;
	display: inline-block;
}
.fanye .xyy {
	color: #565555;
	margin-left: 53.5px;
	width: auto;
	display: inline-block;
	font-size: .18rem;
}
.fanye .cur {
	background: #38bce8;
	color: #fff;
}
.fanye .pagination {
	overflow: hidden;
	display: table;
	margin-left: auto;
	margin-right: auto;
}





.innervideobox {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1rem;
}
.innervideoitem {
	width: calc((100% - 1.2rem) / 2);
	float: left;
	margin-left: 1.2rem;
	margin-top: 0.55rem;
}
.innervideoitem:nth-child(2n-1) {
	margin-left: 0;
}
.innervideoitem:nth-child(1) {
	margin-top: 0;
}
.innervideoitem:nth-child(2) {
	margin-top: 0;
}
.innervideoitemtop {
	width: 100%;
	border-radius: .25rem;
	overflow: hidden;
	position: relative;
}
.innervideoitemtop img {
	width: 100%;
	transition: .25s all;
}
.innervideoitempic {
	width: 100%;
}
.innervideoitempic img {
	width: 100%;
}
.innervideoitemico {
	width: 0.99rem;
	display: flex;
	height: 0.99rem;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: .25s all;
}
.innervideoitemico img {
	width: 100%;
}
.innervideoitemtitle {
	height: 0.78rem;
	width: 100%;
	text-align: center;
	line-height: 0.78rem;
	color: #898989;
	font-size: .2rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-left: .3rem;
	padding-right: .3rem;
}
.innervideoitem:hover .innervideoitemico {
	opacity: 1;
}
.innervideoitem:hover .innervideoitemtop img {
	transform: scale(1.1);
}

.innerprovideo  .homepro {
	padding-bottom: 1rem;
}
.innerprovideo .fanye .pagination {
	margin-top: 1.1rem;
}

/* 产品中心结束 */


/* 案例开始 */

.casebox .homepro{
	padding-top: 1.1rem;
}
.casebox .innervideobox {
	margin-top: 0;
}
.casebox .innervideoitemtitle {
	text-align: left;
	padding-left: 0;
	padding-right: 0;
}

.casebox .innervideoitem {
	margin-top: 0.2rem;
}
.casebox .innervideoitemtitle {
	height: 0.84rem;
	line-height: 0.84rem;
	color: #595959;
}
.casebox .innervideoitem:nth-child(1) {
	margin-top: 0;
}
.casebox .innervideoitem:nth-child(2) {
	margin-top: 0;
}

/* 案例结束 */

/* 新闻开始 */
.innernewsbox {
	width: 100%;
}
.innernews {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1.4rem;
}
.innernewstop {
	width: 100%;
	padding-top: 1.33rem;
}
.innernewsitem {
	width: 100%;
	margin-top: 1.23rem;
}
.innernewsitem:first-child {
	margin-top: 0;
}
.innernewsitem a {
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}
.innernewsitempic {
	width: 6.35rem;
	border-radius: .2rem;
	overflow: hidden;
}
.innernewsitempic img {
	width: 100%;
	transition: .25s all;
}
.innernewsitemright {
	width: calc(100% - 7.05rem);
	display: flex;
	padding-bottom: 0.15rem;
	padding-top: 0.1rem;
	flex-direction: column;
	justify-content: space-between;
}
.innernewsitemrighttop {
	width: 100%;
}
.innernewsitemrighttime {
	font-family: "HELVETICALT63MEDIUMEXTENDED";
	color: #38bce8;
	font-size: .18rem;
	line-height: 1;
}
.innernewsitemrighttitle {
	color: #474747;
	font-size: .24rem;
	font-weight: bold;
	line-height: 0.34rem;
	height: 0.34rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top: 0.22rem;
}
.innernewsitemrightdesc {
	color: #7f7f7f;
	font-size: .16rem;
	line-height: 0.34rem;
	height: 1.02rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	margin-top: 0.27rem;
}
.innernewsitemrightbottom {
	width: 2.15rem;
	height: 0.65rem;
	line-height: 0.63rem;
	border-radius: .33rem;
	/* background: #38bce8; */
	display: flex;
	padding-left: 0.3rem;
	padding-right: 0.26rem;
	border: 1px solid #e6e6e6;
	justify-content: space-between;
	transition: .25s all;
}
.innernewsitemrightbottomtext {
	color: #5c5c5c;
	font-size: .16rem;
	transition: .25s all;
}
.innernewsitemrightbottomarrow {
	width: 0.17rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.innernewsitemrightbottomarrow img {
	width: 100%;
	transition: .25s all;
}

.innernewsitem:hover .innernewsitemrightbottom {
	background: #38bce8;
	border-color: #38bce8;
}
.innernewsitem:hover .innernewsitemrightbottomtext {
	color: #fff;
}
.innernewsitem:hover .innernewsitemrightbottomarrow img {
	filter: brightness(0) invert(1);
}

.innernewsitem:hover .innernewsitempic img {
	transform: scale(1.1);
}


/* 新闻结束 */

/* 联系我们开始 */
.contactbox {
	width: 100%;
}
.contact {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.7rem;
}
.contactcontent {
	width: 100%;
	display: flex;
	margin-top: 0.77rem;
	padding-bottom: 1rem;
}
.contactitem {
	width: 100%;
	padding-top: 0.6rem;
	padding-bottom: 0.7rem;
	position: relative;
}
.contactitem:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	border-right: 1px dashed #a3a3a3;
}
.contactitem:last-child:after {
	display: none;
}
.contactitemico {
	width: 0.63rem;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	align-items: center;
	justify-content: center;
}
.contactitemico img {
	width: 100%;
}
.contactitemtext {
	color: #000000;
	font-size: .2rem;
	text-align: center;
	line-height: 0.3rem;
	margin-top: 0.37rem;
}
.contactitemtext span {
	font-size: .22rem;
	font-weight: bold;
	font-family: "lucidasans";
}





.contactbottombox {
	width: 100%;
	background: #f5f5f5;
	padding-top: 0.94rem;
	padding-bottom: 1.75rem;
}

.cuestbox {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.cuesttitlebox {
	width: 100%;
}
.cuesttitleen {
	font-family: "HELVETICALT63MEDIUMEXTENDED";
	color: #38bce8;
	font-size: .64rem;
	position: relative;
	text-align: center;
	line-height: 1;
}
.cuesttitleen span {
	color: #3f3f3f;
}
.cuesttitleen:after {
	position: absolute;
	width: 0.44rem;
	height: 0.03rem;
	background: #38bce8;
	content: "";
	left: 50%;
  margin-left: -0.22rem;
	bottom: -0.18rem;
}
.cuesttitlecn {
	text-align: center;
	color: #383838;
	font-size: .28rem;
	line-height: 1;
	margin-top: 0.4rem;
}

.cuestbottom {
	width: 100%;
	margin-top: 0.6rem;
}
.cuestbottomtop {
	width: 100%;
	overflow: hidden;
}
.cuestbottomtopitem {
	width: calc((100% - .9rem) / 3);
	margin-left: 0.45rem;
	height: 0.78rem;
	border: 1px solid #dcdcdc;
	background: #fff;
	float: left;
}
.cuestbottomtopitem input {
	border: none;
	background: none;
	padding-left: 0.2rem;
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.78rem;
	width: 100%;
	height: 100%;
}
.cuestbottomtopitem input::placeholder {
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.78rem;
}
input{ outline: none; }
.cuestbottomtop .cuestbottomtopitem:first-child {
	margin-left: 0;
}
.cuestbottomcenter {
	width: 100%;
	height: 0.78rem;
	border: 1px solid #dcdcdc;
	background: #fff;
	margin-top: 0.45rem;
}
.cuestbottomcenter textarea {
	border: none;
	background: none;
	padding-left: 0.2rem;
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.76rem;
	width: 100%;
	max-height: 100%;
}
.cuestbottomcenter textarea::placeholder {
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.76rem;
}
textarea{ outline: none; }
.cuestbottombottom {
	margin-top: 0.45rem;
	overflow: hidden;
}
.cuestbottombottomleft {
	float: left;
}
.cuestbottombottomleftcaptcha {
	float: left;
	width: 2.8rem;
	height: 0.78rem;
	border: 1px solid #dcdcdc;
	background: #fff;
}
.cuestbottombottomleftcaptcha input {
	border: none;
	background: none;
	padding-left: 0.2rem;
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.78rem;
	width: 100%;
	height: 100%;
}
.cuestbottombottomleftcaptcha input::placeholder {
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.78rem;
}
.cuestbottombottomleftcaptchapic {
	height: 0.78rem;
	float: left;
	margin-left: 0.2rem;
	width: 1.8rem;
}
.cuestbottombottomleftcaptchapic img {
	width: 100%;
	height: 100%;
}
.cuestbottombottomright {
	float: right;
	width: 2.4rem;
	height: 0.78rem;
	background: #38bce8;
}
.cuestbottombottomright a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 0.78rem;
	color: #ffffff;
	font-size: .18rem;
	text-align: center;
}

/* 联系我们结束






/* 联系我们结束 */


/* 详情开始 */

.innercontontbox {
	width: 100%;
}
.innercontont {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-top: .8rem;
	padding-bottom: 1rem;
}
.innercontonttitle {
	color: #464545;
	font-size: .36rem;
	line-height: .48rem;
	text-align: center;
	margin-top: 0.2rem;
}
.innercontontcontont {
	color: #5f5f5f;
	font-size: .18rem;
	line-height: 0.36rem;
	margin-top: 1.1rem;
}

.innercontontcontont img {
	max-width: 100%;
}



.xxnrfy {

	height: .25rem;

	overflow: hidden;

	line-height: .25rem;

	font-size: .14rem;

	color: #a9a9a9;

	transition: .5s all;

	display: flex;

	justify-content: space-between;

margin-top: .5rem;

}

.xxnrfy a {

	color: #a9a9a9;

}









/* 详情结束 */










.righttelbox {
	height: 0.78rem;
	border-top-left-radius: .39rem;
	border-bottom-left-radius: .39rem;
	line-height: 0.78rem;
	background: #38bce8;
	overflow: hidden;
	position: fixed;
	right: -1.1rem;
	top: 60%;
	transition: .25s all;
	z-index: 80;
}
.righttelbox a {
	display: block;
	height: 100%;
	height: 100%;
	line-height: 0.78rem;
	padding-left: 0.37rem;
	padding-right: 0.26rem;
}
.righttelico {
	width: 0.33rem;
	float: left;
}
.righttelico img {
	width: 100%;
}
.rightteltext {
	color: #ffffff;
	font-size: .24rem;
	float: left;
	margin-left: 0.16rem;
	opacity: 0;
}
.righttelbox:hover {
	right: 0;
}
.righttelbox:hover .rightteltext {
	opacity: 1;
}







.haiwaibox {
	width: 100%;
	background: #f5f5f5;
}
.haiwai {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.2rem;
	padding-bottom: 1.4rem;
}
.haiwaitop {
	width: 100%;
}
.haiwaitopleft {
	float: left;
	color: #383838;
	font-size: .42rem;
	font-weight: bold;
	line-height: 0.6rem;
}
.haiwaitopleft span {
	color: #38bce8;
}
.haiwaitopright {
	float: right;
}
.haiwaitoprightitem {
	float: left;
	cursor: pointer;
	margin-left: 1.15rem;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 0.56rem;
}
.haiwaitoprightitem:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: .065rem solid transparent;
	border-right: .065rem solid transparent;
	border-top: .09rem solid #000000;
	left: 50%;
	bottom: -.21rem;
	transform: translateX(-50%);
}
.haiwaitoprightitem img {
	width: 100%;
}
.haiwaitoprightitem:nth-child(1) {
	width: 1.52rem;
	margin-left: 0;
}
.haiwaitoprightitem:nth-child(2) {
	width: .56rem;
}
.haiwaitoprightitem:nth-child(3) {
	width: .56rem;
}
.haiwaitoprightitem:nth-child(4) {
	width: 1.34rem;
}
.haiwaitoprightitem:nth-child(5) {
	width: .56rem;
}
.haiwaitoprightitem img {
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
	filter: grayscale(100%);
	opacity: 0.4;
	transition: .25s all;
}
.haiwaitoprightitem:after {
	opacity: 0;
	visibility: hidden;
}
.haiwaitoprightitemxz img {
	-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
	filter: grayscale(0%);
	opacity: 1;
}
.haiwaitoprightitemxz:after {
	opacity: 1;
	visibility: inherit;
}




.haiwaibottom {
	width: 100%;
	margin-top: 1.6rem;
}
.haiwaibottomitem {
	width: 100%;
	overflow: hidden;
	position: relative;
	display: none;
}
.haiwaibottomitemleft {
	float: left;
}
.haiwaibottomitemlefttopitem {
	color: #212121;
	font-size: .26rem;
	line-height: 0.45rem;
	font-family: "HELVETICANEUELTPRO-EX";
}
.haiwaibottomitemlefttopitem a {
    color: #38bce8;
    position: relative;
}
.haiwaibottomitemlefttopitem a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #38bce8;
    left: 0;
    bottom: -.05rem;
}
.haiwaibottomitemleftbottom {
	color: #000000;
	font-size: .2rem;
	position: absolute;
	left: 0;
	bottom: 0;
}
.haiwaibottomitemleftbottom span {
	color: #38bce8;
}

.haiwaibottomitemright {
	float: right;
	position: relative;
}
.haiwaibottomitemrightarrow {
	width: 0.52rem;
	position: absolute;
	left: -1.2rem;
	bottom: 0;
}
.haiwaibottomitemrightarrow img {
	width: 100%;
}
.haiwaibottomitemrightewmbox {

}
.haiwaibottomitemrightewmitem {
	float: left;
	width: 1.66rem;
	margin-left: 0.54rem;
}
.haiwaibottomitemrightewmitem:nth-child(1) {
	margin-left: 0;
}
.haiwaibottomitemrightewmitem img {
	width: 100%;
}

.haiwaibottomitemxz {
	display: block;
}


/* 面板出现的过渡动画 */
.haiwaibottomitem {
  display: none;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s ease, transform 1s ease;
}

/* 当前面板显示 */
.haiwaibottomitemxz {
  display: block;
}

/* 下一帧进入态：淡入 + 归位 */
.haiwaibottomitemxz.is-enter {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (max-width : 1600px) {
.haiwaitoprightitem {
	margin-left: .7rem;
}
.haiwaitoprightitem:nth-child(1) {
	margin-left: 0rem;
}
}