*{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: 'HelveEx';

	src: local('HelveEx'), url(../fonts/HelveticaNeueLTPro-Ex.otf) format('woff');

}

@font-face {

	font-family: 'HelveMdEx';

	src: local('HelveMdEx'), url(../fonts/HelveticaNeueLTPro-MdEx.otf) format('woff');

}

@font-face {

	font-family: 'PRG75__M_0';

	src: local('PRG75__M_0'), url(../fonts/PRG75__M_0.woff) format('woff');

}

@font-face {

	font-family: 'HELVETICABLACKSEMIBOLD';

	src: local('HELVETICABLACKSEMIBOLD'), url(../fonts/HELVETICABLACKSEMIBOLD.woff) format('woff');

}





.homebanner {

	width: 100%;

	position: relative;

}

.navbox {

	width: 100%;

	padding-left: 7.5%;

	padding-right: 7.8%;

	position: absolute;

	top: 0.38rem;

	left: 0;

	z-index: 9;

	height: 1rem;

	display: flex;

	justify-content: space-between;

	align-items: center;

	transition: .25s all;

}

.logo {

	width: 2.54rem;

	float: left;

}

.logo a {

	display: flex;

}

.logo img {

	width: 100%;

}

.navright {

	float: right;

	/* padding-top: 0.25rem; */

}

.navlist {

	float: left;

}

.menu {

	float: left;

	width: 0.97rem;

	display: flex;

	margin-left: 0.1rem;

	cursor: pointer;

}

.menu img {

	width: 100%;

	filter: grayscale(100%) brightness(1000%);

}

.navitem {

	float: left;

	color: #ffffff;

	font-size: .17rem;

	margin-right: 1rem;

	line-height: 1;

}

.navitem a {

	color: #ffffff;

}

.bannerbox .banneritem img {

	width: 100%;

}



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

	width: 10px;

	left: 65px;

	bottom: auto;

	top: 41%;

}

.bannerbox .swiper-pagination {

	bottom: 49.5%;

	left: auto;

	display: table;

	margin-left: 0;

	margin-right: 0;

	width: auto;

	transform: rotateZ(90deg);

	right: 3.4%;

}

.bannerbox .swiper-pagination-bullet {

	width: 10px;

	height: 10px;

	background: #fff;

	opacity: 1;

	margin-left: 0.26rem!important;

	margin-right: 0.26rem!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: #cea972;

	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;

	}

}



.bannerrightbottombox {

	position: absolute;

	right: 0;

	bottom: 0;

	z-index: 8;

	transform: translateY(50%);

}

.bannerrightbottomitem {

	width: 3.37rem;

	margin-left: 1px;

	float: left;

	position: relative;

}

.bannerrightbottomitempic {

	width: 100%;

	position: relative;

}

.bannerrightbottomitempic:after {

	content: "";

	position: absolute;

	width: 100%;

	height: 100%;

	background: #fff;

	z-index: 2;

	left: 0;

	top: 0;

	transition: .25s all;

}

.bannerrightbottomitempic img {

	width: 100%;

}

.bannerrightbottomitemsum {

	font-family: "HelveEx";

	color: #3e3e3e;

	font-size: .16rem;

	line-height: 1;

	position: absolute;

	top: 0.25rem;

	left: 0.27rem;

	z-index: 3;

	transition: .25s all;

}

.bannerrightbottomitemico {

	width: 0.45rem;

	position: absolute;

	left: 0.2rem;

	bottom: 0.2rem;

	z-index: 3;

}

.bannerrightbottomitemico img {

	width: 100%;

	transition: .25s all;

}

.bannerrightbottomitemtitlebox {

	position: absolute;

	bottom: 0.23rem;

	right: 0.23rem;

	z-index: 3;

	text-align: right;

}

.bannerrightbottomitemtitle {

	color: #3e3e3e;

	font-size: .16rem;

	line-height: 1;

	transition: .25s all;

}

.bannerrightbottomitemftitle {

	font-family: "HelveEx";

	color: #3e3e3e;

	font-size: .14rem;

	line-height: 1;

	margin-top: 0.1rem;

	transition: .25s all;

}





.bannerrightbottomitemxz .bannerrightbottomitempic:after {

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

}

.bannerrightbottomitemxz .bannerrightbottomitemsum {

	font-weight: bold;

	color: #fff;

}

.bannerrightbottomitemxz .bannerrightbottomitemico img {

	filter: grayscale(100%) brightness(1000%);

}

.bannerrightbottomitemxz .bannerrightbottomitemtitlebox div {

	color: #fff;

}







.homeaboutbox {

	width: 100%;

	background: url(../img/homeaboutbg.jpg) no-repeat center center;

	background-size: 100% 100%;

	padding-top: 1.1rem;

	padding-bottom: 4.05rem;

	position: relative;

}

.homeabout {

	width: 82.94%;

	margin-left: auto;

	margin-right: auto;

}

.homeabouttop {



}

.homeaboutone {

	font-family: "HelveMdEx";

	color: #1937d9;

	line-height: .94rem;

	font-size: .64rem;

}

.homeabouttwo {

	font-family: "HelveMdEx";

	color: #000000;

	line-height: .94rem;

	font-size: .84rem;

}

.homeaboutbottom {

	margin-top: 1.17rem;

	overflow: hidden;

}

.homeaboutbottomleft {

	float: left;

	width: 4rem;

}

.homeaboutbottomlefttitle {

	color: #2d2d2d;

	font-size: .28rem;

	font-weight: bold;

	line-height: 1;

}

.homeaboutbottomleftdesc {

	color: #999999;

	font-size: .18rem;

	line-height: 0.36rem;

	height: 1.08rem;

	display:-webkit-box;

	overflow:hidden;

	text-overflow:ellipsis;

	-webkit-line-clamp:3;

	-webkit-box-orient:vertical;

	margin-top: 0.3rem;

}

.homeaboutbottomleftmore {

	width: 2.65rem;

	height: 0.65rem;

	border-radius: .33rem;

	overflow: hidden;

	background: #1937d9;

	margin-top: 0.89rem;

}

.homeaboutbottomleftmore a {

	display: flex;

	width: 100%;

	height: 100%;

	padding-left: 0.33rem;

	padding-right: 0.1rem;

	justify-content: space-between;

	align-items: center;

}

.homeaboutbottomleftmoretitle {

	color: #ffffff;

	font-size: .18rem;

	line-height: 0.65rem;

}

.homeaboutbottomleftmorearrow {

	width: 0.5rem;

}

.homeaboutbottomleftmorearrow img {

	width: 100%;

}

.homeaboutbottomright {

	float: right;

	width: calc(100% - 5.7rem);

}

.homeaboutbottomrightcontent {

	color: #636363;

	font-size: .16rem;

	line-height: 0.36rem;

	margin-top: -.1rem;

}

.homeaboutbottomrightbottom {

	margin-top: 0.68rem;

}

.homeaboutbottomrightbottomitem {

	float: left;

	margin-left: 2.08rem;

}

.homeaboutbottomrightbottomitem:first-child {

	margin-left: 0;

}

.homeaboutbottomrightbottomitemico {

	width: 0.53rem;

}

.homeaboutbottomrightbottomitemico img {

	width: 100%;

}

.homeaboutbottomrightbottomitemcenter {

	position: relative;

	margin-top: 0.15rem;

}

.homeaboutbottomrightbottomitemsum {

	font-family: "HelveMdEx";

	color: #000000;

	font-size: .8rem;

	line-height: 1;

}

.homeaboutbottomrightbottomitemyear {

	color: #000000;

	font-size: .16rem;

	line-height: 1;

	position: absolute;

	left: calc(100% + .04rem);

	top: .14rem;

	white-space:nowrap; 

}

.homeaboutbottomrightbottomitemtext {

	color: #000000;

	font-size: .2rem;

	font-weight: bold;

	line-height: 1;

	margin-top: 0.1rem;

}



.homevideobox {

	position: absolute;

	width: 50.394%;

	bottom: -1.2rem;

	left: 0;

}

.homevideo {

	width: 100%;

	position: relative;

}

.homevideopic {

	width: 100%;

}

.homevideopic img {

	width: 100%;

}

.videoico {

	width: 0.73rem;

	height: 0.73rem;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	z-index: 2;

	cursor: pointer;

}
.videoico img {
	width: 100%;
}
.homevideoright {

	position: absolute;

	left: 100%;

	top: 0;

	width: 0.95rem;

	height: 100%;

	background: #1937d9;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

}

.homevideorightitem {

	width: 0.07rem;

	height: 0.07rem;

	border-radius: 50%;

	background: #fff;

	margin-top: 0.12rem;

	margin-bottom: 0.12rem;



}







.homeproductbox {

	width: 100%;

	padding-top: 0.76rem;

	background: url(../img/probg.jpg) no-repeat center center;

	background-size: 100% 100%;

	padding-bottom: 0.95rem;

}

.homeproduct {

	width: 82.94%;

	margin-left: auto;

	margin-right: auto;

}

.homeproducttop {

	width: 100%;

}

.homeproducttoppic {

	width: 1.9rem;

	margin-left: auto;

}

.homeproducttoppic img {

	width: 100%;

}

.homeproducttopdesc {

	color: #7a7a7a;

	font-size: .16rem;

	line-height: 0.32rem;

	text-align: right;

	margin-top: 0.37rem;

	width: 49%;

	margin-left: auto;

}

.homeproductbottom {

	width: 100%;

	position: relative;

	margin-top: 0.5rem;

}

.productbottomitem {

	width: 100%;

	position: relative;

	overflow: hidden;

}

.productbottomitem img {

	width: 100%;

}

.homeproductbottomitemmorebox {

	width: 2.57rem;

	height: 2.57rem;

	border-radius: 50%;

	background: rgba(0, 0, 0, .13);

	left: -1.3rem;

	top: -1.3rem;

	position: absolute;

	opacity: 0;

	transition: .25s all;

}

.productbottomitem:hover .homeproductbottomitemmorebox {

	opacity: 1;

}

.homeproductbottomitemmoreinnerbox {

	text-align: center;

	position: absolute;

	right: 0.44rem;

	bottom: 0.56rem;

}

.homeproductbottomitemmoretext {

	font-family: "HelveMdEx";

	color: #ffffff;

	font-size: .16rem;

	line-height: 1;

}

.homeproductbottomitemmorejia {

	font-size: .22rem;

	color: #ffffff;

	line-height: 1;

	font-weight: bold;

	margin-top: 0.05rem;

}

.proleftarrow {

	width: 0.67rem;

	height: 0.67rem;

	position: absolute;

	display: flex;

	justify-content: center;

	align-items: center;

	top: 50%;

	left: -8.3%;

	transform: translateY(-50%);

	z-index: 2;

	transition: .25s all;

	cursor: pointer;

}

.proleftarrow img {

	width: 0.14rem;

	transition: .25s all;

	transform: rotateZ(180deg);

}

.proleftarrow:hover {

	background: #cea972;

}

.proleftarrow:hover img {

	filter: grayscale(0) brightness(1000%);

}





.prorightarrow {

	width: 0.67rem;

	height: 0.67rem;

	position: absolute;

	display: flex;

	justify-content: center;

	align-items: center;

	top: 50%;

	right: -8.3%;

	transform: translateY(-50%);

	z-index: 2;

	transition: .25s all;

	cursor: pointer;

}

.prorightarrow img {

	width: 0.14rem;

	transition: .25s all;

}

.prorightarrow:hover {

	background: #cea972;

}

.prorightarrow:hover img {

	filter: grayscale(0) brightness(1000%);

}











.homenewsbox {

	width: 100%;

}

.homenews {

	width: 82.94%;

	margin-left: auto;

	margin-right: auto;

}

.homenewstop {

	width: 100%;

	overflow: hidden;

}

.homenewstopleft {

	float: left;

	display: flex;

	align-items: center;

	width: calc(100% - 3rem);

}

.homenewstoplefttitle {

	width: 1.9rem;

	float: left;

}

.homenewstoplefttitle img {

	width: 100%;

}

.homenewstopleftdesc {

	color: #7a7a7a;

	font-size: .16rem;

	line-height: 0.32rem;

	float: left;

	width: 53%;

	float: left;

	margin-left: 0.58rem;

	margin-top: 0.4rem;

}

.homenewstopright {

	float: right;

	margin-top: 0.29rem;

}

.homenewstoprightleftarrow {

	width: 1rem;

	height: 1rem;

	border-radius: 50%;

	border: 1px solid #c1c1c1;

	display: flex;

	float: left;

	justify-content: center;

	align-items: center;

	cursor: pointer;

	transition: .25s all;

}

.homenewstoprightleftarrow img {

	width: 0.18rem;

	transform-origin: center;

	transform: rotate(180deg);

	transition: .25s all;

}

.homenewstoprightleftarrow:hover {

	background: #1937d9;

}

.homenewstoprightleftarrow:hover img {

	filter: grayscale(0) brightness(1000%);

}

.homenewstoprightrightarrow {

	width: 1rem;

	height: 1rem;

	border-radius: 50%;

	border: 1px solid #c1c1c1;

	display: flex;

	float: left;

	justify-content: center;

	align-items: center;

	margin-left: 0.27rem;

	cursor: pointer;

	transition: .25s all;

}

.homenewstoprightrightarrow img {

	width: 0.18rem;

	transition: .25s all;

}

.homenewstoprightrightarrow:hover {

	background: #1937d9;

}

.homenewstoprightrightarrow:hover img {

	filter: grayscale(0) brightness(1000%);

}

.homenewsbottom {

	width: 91.47%;

	margin-top: 0.65rem;

	margin-left: 8.53%;

}



.homenewsbottom .swiper-slide {

	width: 5.93rem;

}

.homenewsbottomitem {

	width: 100%;

}

.homenewsbottomitemtop {

	width: 100%;

	position: relative;

}

.homenewsbottomitemtoppic {

	width: 100%;

}

.homenewsbottomitemtoppic img {

	width: 100%;

}

.homenewsbottomitemtopmore {

	width: 1rem;

	height: 1rem;

	display: flex;

	transition: .25s all;

	opacity: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	z-index: 2;

}

.homenewsbottomitemtopmore img {

	width: 100%;

}

.homenewsbottomitembootom {

	width: 100%;

	margin-top: 0.28rem;

}

.homenewsbottomitembootomtitle {

	color: #000000;

	font-size: .24rem;

	font-weight: bold;

	line-height: 0.28rem;

	height: 0.28rem;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

	transition: .25s all;

}

.homenewsbottomitembootomtime {

	font-family: "HelveMdEx";

	color: #c9c9c9;

	font-size: .14rem;

	line-height: 1;

	margin-top: 0.19rem;

	transition: .25s all;

}

.homenewsbottomitembootomdesc {

	color: #7c7c7c;

	font-size: .16rem;

	line-height: 0.32rem;

	height: 0.64rem;

	display:-webkit-box;

	overflow:hidden;

	text-overflow:ellipsis;

	-webkit-line-clamp:2;

	-webkit-box-orient:vertical;

	margin-top: 0.17rem;

}

.homenewsbottomitem:hover .homenewsbottomitemtopmore {

	opacity: 1;

}

.homenewsbottomitem:hover .homenewsbottomitembootomtitle {

	color: #cea972;

}



.homenewsbottomitem:hover .homenewsbottomitembootomtime {

	color: #cea972;

}









.casebox {

	width: 100%;

	padding-bottom: 1.6rem;

	position: relative;

	margin-top: 1.44rem;

}

.xwanbj {

	width: 5.47rem;

	position: absolute;

	right: 0;

	bottom: calc(100% - 1.4rem);

}

.xwanbj img {

	width: 100%;

}

.caseinner {

	width: 82.94%;

	margin-left: auto;

	margin-right: auto;

	position: relative;

}

.caseleft {

	width: 73.8%;

}



.caseleftitem {

	width: 100%;

	position: relative;

	overflow: hidden;

}

.caseleftitempic {

	width: 100%;

}

.caseleftitempic img {

	width: 100%;

}

.caseleftitemzz {

	position: absolute;

	width: 100%;

	bottom: 0;

}

.caseleftitemzz img {

	width: 100%;

}

.caseleftitemtitlebox {

	width: 100%;

	bottom: .38rem;

	position: absolute;

	left: 0;

	padding-left: 0.48rem;

	padding-right: 2.5rem;

}

.caseleftitemtitle {

	color: #ffffff;

	font-size: .28rem;

	font-weight: bold;

	line-height: 0.3rem;

	height: 0.3rem;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

}

.caseleftitemftitle {

	color: #ffffff;

	font-size: .16rem;

	line-height: 0.34rem;

	height: 0.68rem;

	display:-webkit-box;

	overflow:hidden;

	text-overflow:ellipsis;

	-webkit-line-clamp:2;

	-webkit-box-orient:vertical;

	margin-top: 0.15rem;

}

.caseleftitemlefttop {

	position: absolute;

	width: 2.6rem;

	height: 2.6rem;

	border-radius: 50%;

	background: rgba(0, 0, 0, .35);

	left: -.65rem;

	top: -.65rem;

}

.caseleftitemlefttopinner {

	position: absolute;

	display: inline-block;

	right: 0.55rem;

	bottom: 0.82rem;

}

.caseleftitemmore {

	font-family: "PRG75__M_0";

	color: #ffffff;

	font-size: .16rem;

	line-height: 1;

	text-transform: uppercase;

}

.caseleftitemmorepic {

	width: 0.21rem;

	margin-left: auto;

	margin-right: auto;

	margin-top: 0.13rem;

}

.caseleftitemmorepic img {

	width: 100%;

}



.caseright {

	text-align: right;

	position: absolute;

	right: 0;

	top: .2rem;

	z-index: 6;

}

.caserighttitle {

	color: #2d2d2d;

	font-size: .36rem;

	font-weight: bold;

	line-height: 1;

	text-align: right;

}

.caserightentitle {

	color: #1937d9;

	font-size: .84rem;

	font-family: "HelveMdEx";

	line-height: .9rem;

	margin-top: 0.31rem;

}

.caserightenonetitle {

	color: #000;

	font-size: .84rem;

	font-family: "HelveMdEx";

	line-height: .9rem;

	margin-top: 0.08rem;

}







.xwzjt {

	width: 1rem;

	height: 1rem;

	border-radius: 50%;

	border: 1px solid #eeeeee;

	display: flex;

	justify-content: center;

	align-items: center;

	cursor: pointer;

	transition: .25s all;

	float: left;

}

.xwzjt img {

	width: 0.18rem;

	transition: .25s all;

	transform-origin: center;

	transform: rotate(180deg);

}

.xwzjt:hover {

	background: #1937d9;

}

.xwzjt:hover img  {

	filter: grayscale(100%) brightness(1000%);

}



.xwyjt {

	width: 1rem;

	height: 1rem;

	border-radius: 50%;

	border: 1px solid #eeeeee;

	display: flex;

	justify-content: center;

	align-items: center;

	cursor: pointer;

	transition: .25s all;

	float: left;

	margin-left: 0.33rem;

}

.xwyjt img {

	width: 0.18rem;

	transition: .25s all;

}

.xwyjt:hover {

	background: #1937d9;

}

.xwyjt:hover img  {

	filter: grayscale(100%) brightness(1000%);

}

.caseinner .xwjtdbj {

	bottom: .09rem;

	right: 0;

	position: absolute;

	margin-top: 0;

}







.footerbox {

	background: #252525;

}

.footertop {

	width: 100%;

	padding-top: 1.17rem;

	height: 5.8rem;

}

.footertopinner {

	width: 82.94%;

	margin-left: auto;

	margin-right: auto;

}

.footertopleft {

	float: left;

	margin-left: 0.5rem;

}

.footertopleftitem {

	float: left;

	margin-left: 0.95rem;

}

.footertopleftitem:first-child {

	margin-left: 0;

}

.footertopleftitemnav {

	color: #e8e8e8;

	font-size: .18rem;

	font-weight: bold;

	line-height: 1;

}

.footertopleftitemnav>a {

	color: #e8e8e8;

}

.footertoplefttwonav {

	text-align: center;

	margin-top: 0.5rem;

}

.footertoplefttwonavitem {

	color: #737373;

	font-size: .16rem;

	line-height: 0.2rem;

	margin-top: 0.28rem;

}

.footertoplefttwonavitem a {

	color: #737373;

}

.footertoplefttwonavitem:first-child {

	margin-top: 0;

}

.footertopcenter {

	width: 1.53rem;

	float: left;

	margin-left: 1.08rem;

}

.footertopcenterpic {

	width: 100%;

}

.footertopcenterpic img {

	width: 100%;

}

.footertopcentertext {

	text-align: center;

	color: #ffffff;

	font-size: .16rem;

	line-height: 0.2rem;

	margin-top: 0.2rem;

}

.footertopright {

	float: right;

	padding-right: 0.5rem;

}

.footertoprightone {

	color: #ffffff;

	font-size: .18rem;

	font-weight: bold;

	line-height: 1;

}

.footertoprighttwo {

	font-family: "HelveMdEx";

	color: #ffffff;

	font-size: .47rem;

	line-height: 1;

	margin-top: 0.18rem;

}

.footertoprightthree {

	color: #ffffff;

	font-size: .18rem;

	line-height: 0.52rem;

	margin-top: 0.2rem;

	opacity: 0.6;

}

.footerbottom {

	border-top: 1px solid #3b3b3b;

}

.footerbottominner {

	width: 82.94%;

	margin-left: auto;

	margin-right: auto;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.footerbottomleft {

	color: #8a8a8a;

	font-size: .16rem;

	line-height: 1.55rem;

}

.footerbottomleft a {

	color: #8a8a8a;

}

.footerbottomright {

	margin-right: 1.5rem;

}

.footerbottomrightitem {

	float: left;

	position: relative;

	margin-left: 0.5rem;

}

.footerbottomrightitem:first-child {

	margin-left: 0;

}

.footerbottomrightitemico {

	width: 0.45rem;

	display: flex;

}

.footerbottomrightitemico img {

	width: 100%;

}

.footerbottomrightitemcode {

	width: 1.53rem;

	display: flex;

	position: absolute;

	bottom: calc(100% + .2rem);

	left: 50%;

	transform: translateX(-50%);

	visibility: hidden;

	opacity: 0;

	transition: .25s all;

	z-index: 5;

}

.footerbottomrightitemcode img {

	width: 100%;

}

.footerbottomrightitem:hover .footerbottomrightitemcode {

	visibility: visible;

	opacity: 1;

}





@media screen and (max-width : 1400px) {

	.footertopleftitem {

    margin-left: 0.5rem;

	}

	.footertopcenter {

    margin-left: .7rem;

	}

	.footerbottomright {

    margin-right: .5rem;

	}

	.homeproducttopdesc {

		width: 57%;

	}

	.homenewstopleftdesc {

		width: 64%;

	}

	.caserightentitle {

		font-size: .72rem;

	}

	.caserightenonetitle {

		font-size: .72rem;

	}

}







.hovernavbox {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #fff;

	z-index: 99;

	padding-top: 0.5rem;

	transform: translateY(-100%);

	transition: 1s all;

}

.hovernavtop {

	width: 100%;

	padding-left: 1.45rem;

	padding-right: 1.6rem;

	overflow: hidden;

}

.hovernavtopleft {

	width: 2.54rem;

	float: left;

}

.hovernavtopleft img {

	width: 100%;

}

.hovernavtoprightarrow {

	width: 0.48rem;

	cursor: pointer;

	margin-top: 0.36rem;

	float: right;

}

.hovernavtoprightarrow img {

	width: 100%;

}

.hovernavbottom {

	overflow: hidden;

	margin-top: 1rem;

	display: table;

	margin-left: auto;

	margin-right: auto;

}

.hovernavbottomitem {

	float: left;

	text-align: center;

	margin-left: 1.45rem;

}

.hovernavbottomitem:first-child {

	margin-left: 0;

}

.hovernavbottomitemnav {

	color: #2a2a2a;

	font-size: .24rem;

	line-height: 0.26rem;

}

.hovernavbottomitemnav>a {

	color: #2a2a2a;

	transition: .25s all;

}

.hovernavbottomitemtwonav {

	margin-top: 0.96rem;

}

.hovernavbottomitemtwonavitem {

	color: #989898;

	font-size: .2rem;

	line-height: 0.24rem;

	margin-top: 0.56rem;

}

.hovernavbottomitemtwonavitem:first-child {

	margin-top: 0;

}

.hovernavbottomitemtwonavitem a {

	color: #989898;

	transition: .25s all;

}

.hovernavbottomitem:hover .hovernavbottomitemnav>a {

	font-weight: bold;

}

.hovernavbottomitemtwonavitem:hover a {

	color: #cea972;

	font-weight: bold;

}



.navactive {

	position: fixed;

	top: 0;

	left: 0;

	background: #fff;

}

.navactive .navitem a {

	color: #595959;

}

.navactive .menu img {

	filter: grayscale(100%) brightness(100%);

}















/* 产品内页开始 */

.productinnerbox {

	width: 100%;

}

.productinnerboxinner {

	width: 75%;

	margin-left: auto;

	margin-right: auto;

	padding-bottom: 1.54rem;

}

.productinnerlist {

	width: 100%;

	overflow: hidden;

	padding-top: 1.6rem;

	

}

.productinneritem {

	width: calc((100% - 1rem) / 2);

	float: left;

	margin-left: 1rem;

	position: relative;

	margin-top: 1.05rem;

}

.productinneritem:nth-child(1) {

	margin-top: 0;

}

.productinneritem:nth-child(2) {

	margin-top: 0;

}

.productinneritem:nth-child(2n-1) {

	margin-left: 0;

}

.productinneritempic {

	width: 100%;

}

.productinneritempic img {

	width: 100%;

}

.productinneritembottom {

	position: absolute;

	width: 100%;

	left: 0;

	bottom: .35rem;

	z-index: 2;

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding-left: 0.5rem;

	padding-right: 0.45rem;

	opacity: 0;

	visibility: hidden;

	transition: .25s all;

}

.productinneritembottomtext {

	color: #fefefe;

	font-size: .22rem;

	line-height: 0.25rem;

	height: 0.25rem;

	width: calc(100% - .1rem);

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

}

.productinneritembottomarrow {

	width: 0.26rem;

	float: right;

	display: flex;

}

.productinneritembottomarrow img {

	width: 100%;

}

.innerprobg {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	opacity: 0;

	visibility: hidden;

	transition: .25s all;

}

.innerprobg img {

	width: 100%;

}

.productinneritem:hover .productinneritembottom {

	opacity: 1;

	visibility: visible;

}

.productinneritem:hover .innerprobg {

	opacity: 1;

	visibility: visible;

}

.fanye .pagination {

	margin-top: 1.45rem;

	display: table;

	margin-left: auto;

	margin-right: auto;

}

.fanye a {

	color: #9b9b9b;

	font-size: .2rem;

	line-height: 0.25rem;

	display: inline-block;

	margin-left: 0.32rem;

	margin-right: 0.32rem;

	float: left;

}

.fanye .syy {

	color: #565555;

	font-size: .2rem;

	line-height: 0.25rem;

	float: left;

	margin-right: 0.55rem;

	margin-left: 0;

}

.fanye .xyy {

	color: #565555;

	font-size: .2rem;

	line-height: 0.25rem;

	float: left;

	margin-left: 0.55rem;

	margin-right: 0;

}

.fanye a.cur {

	position: relative;

	font-size: 0;

}

.fanye a.cur:after {

	content: "";

	width: 0.66rem;

	height: 0.58rem;

	border-radius: 50%;

	background: url(../img/yemaico.png);

	background-size: 100% 100%;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

}

/* 产品内页结束 */



/* 关于开始 */

.innneraboutbox {

	width: 100%;

}

.innnerabout {

	width: 87.5%;

	margin-left: 12.5%;

	overflow: hidden;

	padding-bottom: 1rem;

}

.inneraboutleft {

	width: 41%;

	float: left;

	padding-top: 1.06rem;

}

.inneraboutleftoneen {

	font-family: "HelveMdEx";

	color: #1937d9;

	font-size: .5rem;

	line-height: 0.92rem;

}

.inneraboutlefttwoen {

	font-family: "HelveMdEx";

	color: #000000;

	font-size: .7rem;

	line-height: 0.92rem;

	margin-top: -0.08rem;

	white-space:nowrap;

}

.inneraboutlefttitle {

	color: #2d2d2d;

	font-size: .28rem;

	font-weight: bold;

	line-height: 1;

	margin-top: 0.32rem;

}

.inneraboutleftcontent {

	color: #5f5f5f;

	font-size: .16rem;

	line-height: 0.4rem;

	margin-top: 0.68rem;

}

.inneraboutright {

	width: calc(58% - 1.2rem);

	float: right;

}

.inneraboutright .homeaboutbottomrightbottomitemsum {

	font-size: .72rem;

}

.inneraboutright .homeaboutbottomrightbottomitem {

	margin-left: 1.78rem;

}

.inneraboutright .homeaboutbottomrightbottomitem:nth-child(1) {

	margin-left: 0;

}

.inneraboutright .homeaboutbottomrightbottomitemtext {

	font-size: .16rem;

	margin-top: 0.15rem;

}

.inneraboutright .homeaboutbottomrightbottomitemcenter {

	margin-top: 0.22rem;

}

.inneraboutrighttop {

	padding-top: 1.25rem;

	overflow: hidden;

}



.inneraboutrightbottom {

	width: 100%;

	position: relative;

	margin-top: 1.18rem;

}

.inneraboutrightbottompic {

	width: 100%;

}

.inneraboutrightbottompic img {

	width: 100%;

}

.inneraboutrightbottomico {

	width: 1.17rem;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	cursor: pointer;

	z-index: 2;

}

.inneraboutrightbottomico img {

	width: 100%;

}

@media screen and (max-width : 1400px) {

	.inneraboutleft {

		width: 46%;

	}

	.inneraboutleftcontent {

    font-size: .15rem;

    line-height: 0.35rem;

    margin-top: 0.68rem;

	}

}









.honorbox {

	width: 100%;

	background: #f3f3f3;

	padding-top: 1.17rem;

	padding-bottom: 0.8rem;

}

.honorcntitle {

	text-align: center;

	line-height: 1;

	color: #313131;

	font-size: .28rem;

	font-weight: bold;

}

.honorenftitle {

	text-align: center;

	line-height: 1;

	font-family: "HelveMdEx";

	color: #313131;

	font-size: .7rem;

	margin-top: 0.24rem;

}

.honorcontentbox {

	width: 100%;

	margin-top: 0.9rem;

}

.honorcontentinner {

	width: 75%;

	margin-left: auto;

	margin-right: auto;

	padding-left: 0.38rem;

	padding-right: 0.18rem;

	position: relative;

}

.honoritem {

	width: 100%;

	padding-top: 0.19rem;

	padding-left: 0.21rem;

	padding-right: 0.33rem;

	padding-bottom: 0.33rem;

	background: url(../img/ryitembg.png) no-repeat;

	background-size: 100% 100%;

}

.honoritem img {

	width: 100%;

}





.rongyubg {

	width: 87%;

	margin-left: auto;

	margin-right: auto;

	margin-top: -0.28rem;

}

.rongyubg img {

	width: 100%;

}



.honorleftarrow {

	width: 0.67rem;

	height: 0.67rem;

	border: 1px solid #d2d2d2;

	display: flex;

	position: absolute;

	top: 50%;

	left: -9.5%;

	transform: translateY(-50%);

	justify-content: center;

	align-items: center;

	cursor: pointer;

	transition: .25s all;

}

.honorleftarrow img {

	width: 0.14rem;

	transform-origin: center;

	transform: rotate(180deg);

	transition: .25s all;

}

.honorleftarrow:hover {

	background: #cea972;

	border-color: #cea972;

}

.honorleftarrow:hover img {

	filter: grayscale(100%) brightness(1000%);

}





.honorrightarrow {

	width: 0.67rem;

	height: 0.67rem;

	border: 1px solid #d2d2d2;

	display: flex;

	position: absolute;

	top: 50%;

	right: -9.5%;

	transform: translateY(-50%);

	justify-content: center;

	align-items: center;

	cursor: pointer;

	transition: .25s all;

}

.honorrightarrow img {

	width: 0.14rem;

	transition: .25s all;

}

.honorrightarrow:hover {

	background: #cea972;

	border-color: #cea972;

}

.honorrightarrow:hover img {

	filter: grayscale(100%) brightness(1000%);

}









.historybox {

	width: 100%;

	overflow: hidden;

	padding-top: 1.6rem;

	padding-bottom: 1.96rem;

}

.historytop {

	width: 100%;

	overflow: hidden;

}

.historytopinner {

	width: 75%;

	margin-left: auto;

	margin-right: auto;

}

.historytopleft {

	float: left;

}

.historytoplefttitle {

	color: #2d2d2d;

	font-size: .28rem;

	line-height: 1;

	font-weight: bold;

}

.historytopleftsubtitle {

	font-family: "HelveMdEx";

	color: #000000;

	font-size: .7rem;

	line-height: 1;

	margin-top: 0.3rem;

}

.historytopright {

	float: right;

	margin-top: 0.45rem;

}

.historytoprightleftarrow {

	width: 0.9rem;

	height: 0.9rem;

	border-radius: 50%;

	border: 1px solid #e4e4e4;

	display: flex;

	justify-content: center;

	align-items: center;

	cursor: pointer;

	transition: .25s all;

	float: left;

}

.historytoprightleftarrow img {

	width: 0.18rem;

	transition: .25s all;

}

.historytoprightleftarrow:hover {

	background: #1937d9;

	border-color: #1937d9;

}

.historytoprightleftarrow:hover img {

	filter: grayscale(100%) brightness(1000%);

}





.historytoprightrightarrow {

	width: 0.9rem;

	height: 0.9rem;

	border-radius: 50%;

	border: 1px solid #e4e4e4;

	display: flex;

	justify-content: center;

	align-items: center;

	cursor: pointer;

	transition: .25s all;

	margin-left: 0.29rem;

	float: left;

}

.historytoprightrightarrow img {

	width: 0.18rem;

	transition: .25s all;

	transform-origin: center;

	transform: rotate(180deg);

}

.historytoprightrightarrow:hover {

	background: #1937d9;

	border-color: #1937d9;

}

.historytoprightrightarrow:hover img {

	filter: grayscale(100%) brightness(1000%);

}

.historybottom {

	margin-top: 0.73rem;

	width: 87.5%;

	margin-left: 12.5%;

	margin-top: 0.75rem;

}

.historybottom .swiper-slide {

	width: 12.54rem;

}

.historyitem {

	overflow: hidden;

	position: relative;

	display: flex;

	justify-content: space-between;

}

.historyitemleft {

	width: 6.93rem;

	float: left;

}

.historyitemleft img {

	width: 100%;

	transition: .25s all;

}

.historyitemright {

	width: 5rem;

	float: right;

	position: relative;

}

.historyitemrighttitle {

	font-family: "HelveMdEx";

	color: #cea972;

	font-size: .7rem;

	line-height: 1;

	position: relative;

	margin-top: -0.1rem;

}

.historyitemrighttitle:after {

	position: absolute;

	content: "";

	width: 0.54rem;

	height: 0.03rem;

	background: #cea972;

	left: 0;

	bottom: -.27rem;

}

.historyitemrightdesc {

	color: #5f5f5f;

	font-size: .16rem;

	line-height: 0.43rem;

	position: absolute;

	bottom: 0;

	left: 0;

}

.historybottom .swiper-slide .historyitemleft img {

	opacity: 0.5;

}

.historybottom .swiper-slide-active .historyitemleft img {

	opacity: 1;

}



/* 关于结束 */



/* 联系我们开始 */

.lianxibox {

	width: 100%;

}

.lianxiinner {

	width: 75%;

	margin-left: auto;

	margin-right: auto;

	padding-top: 1.4rem;

	padding-bottom: 1.7rem;

}

.contactbox {

	width: 100%;

	background: #13213c;

	padding-top: 0.85rem;

	padding-left: 1.15rem;

	padding-right: 1.15rem;

	overflow: hidden;

	padding-bottom: 1.37rem;

}

.contacttitle {

	text-align: center;

	color: #ffffff;

	font-size: .44rem;

	font-weight: bold;

	line-height: 1;

}

.contactcontent {

	width: 100%;

	margin-top: 1.15rem;

	position: relative;

}

.contactleft {

	float: left;

}



.contactleftitem {

	margin-top: 0.58rem;

	display: flex;

	align-items: center;

}

.contactleftitem:first-child {

	margin-top: 0;

}

.contactleftitemico {

	width: 0.68rem;

}

.contactleftitemico img {

	width: 100%;

}

.contactleftitemtext {

	color: #ffffff;

	font-size: .18rem;

	line-height: 0.69rem;

	margin-left: 0.32rem;

}

.contactleftitemtext span {

	font-family: "HELVETICABLACKSEMIBOLD";

	color: #ffffff;

	font-size: .3rem;



}



.contactright {

	position: absolute;

	right: 0;

	bottom: 0;

}

.contactrightitem {

	position: relative;

	margin-left: 0.6rem;

	float: left;

}

.contactrightitem:first-child {

	margin-left: 0;

}

.contactrightitemico {

	width: 0.98rem;

	height: 1rem;

	border-radius: .2rem;

	display: flex;

	justify-content: center;

	align-items: center;

	border: 1px solid rgba(255, 255, 255, .06);

	transition: .25s all;

}

.contactrightitemico img {

	width: 0.4rem;

}

.contactrightitempic {

	width: 1.53rem;

	position: absolute;

	left: 50%;

	bottom: calc(100% + .25rem);

	transform: translateX(-50%);

	opacity: 0;

	visibility: hidden;

	transition: .25s all;

}

.contactrightitempic img {
	width: 100%;
}

.contactrightitem:hover .contactrightitemico {

	border-color: rgba(255, 235, 223, .21);

	border: none;

	background: rgba(255, 235, 223, .21);

}

.contactrightitem:hover .contactrightitempic {

	opacity: 1;

	visibility: visible;

}





.messagebox {

	width: 100%;

	background: #324bd2;

	padding-top: 0.83rem;

	padding-left: 0.72rem;

	padding-right: 0.72rem;

	padding-bottom: 1.13rem;

}

.messagetitle {

	text-align: center;

	color: #ffffff;

	font-size: .44rem;

	font-weight: bold;

	line-height: 1;

}

.messagetopbox {

	width: 100%;

	margin-top: 0.66rem;

	overflow: hidden;

}

.messagetopitem {

	width: calc((100% - 1rem) / 3);

	float: left;

	height: 0.82rem;

	background: #fff;

	margin-left: 0.5rem;

}

.messagetopitem:first-child {

	margin-left: 0;

}

.messagetopitem input {

	display: block;

	width: 100%;

	height: 100%;

	color: #838383;

	font-size: .16rem;

	line-height: 0.82rem;

	border: none;

	background: none;

	padding-left: 0.3rem;

}

.messagecenterbox {

	margin-top: 0.54rem;

	width: 100%;

	height: 0.82rem;

	background: #fff;

}

.messagecenterbox textarea {

	width: 100%;

	height: 100%;

	color: #838383;

	font-size: .16rem;

	line-height: 0.82rem;

	border: none;

	background: none;

	padding-left: 0.3rem;

}

input{ outline: none; }

textarea{ outline: none; }

.messagebottom {

	margin-top: 0.54rem;

	width: 100%;

	overflow: hidden;

}

.messagebottomsubmit {

	width: 2.4rem;

	height: 0.82rem;

	background: #cea972;

	line-height: 0.82rem;

	float: left;

}

.messagebottomsubmit a {

	display: block;

	width: 100%;

	height: 100%;

	text-align: center;

	line-height: 0.82rem;

	color: #ffffff;

	font-size: .16rem;

}

.messagebottomright {

	float: right;

}

.messagecodepic {

	width: 1.7rem;

	height: 0.82rem;

	background: #fff;

	float: left;

}

.messagecodepic img {

	width: 100%;

	height: 100%;

}

.messagecodetext {

	float: left;

	width: 3rem;

	height: 0.82rem;

	background: #fff;

	line-height: 0.82rem;

	margin-left: 0.33rem;

}

.messagecodetext input {

	display: block;

	width: 100%;

	height: 100%;

	color: #838383;

	font-size: .16rem;

	line-height: 0.82rem;

	border: none;

	background: none;

	padding-left: 0.3rem;

}



/* 联系我们结束 */





/* 新闻中心开始 */

.innernewsnavbox {

	width: 100%;

	display: flex;

}

.innernewsnavitem {

	width: 100%;

	height: 1.14rem;

	border-bottom: 1px solid #dddddd;

	position: relative;

}

.innernewsnavitem:after {

	content: "";

	position: absolute;

	width: 1px;

	height: 100%;

	top: 0;

	right: 0;

	background: #dddddd;

}

.innernewsnavitem:last-child::after {

	display: none;

}

.innernewsnavitem a {

	width: 100%;

	color: #6f6e6e;

	font-size: .22rem;

	text-align: center;

	line-height: 1.14rem;

	display: block;

}

.innernewsnavitemxz {

	border-bottom: none;

}

.innernewsnavitemxz a {

	color: #cea972;

	font-weight: bold;

}

.innernewsbottom {

	width: 100%;

	padding-bottom: 1.56rem;

}

.innernewsbottominner {

	width: 75%;

	margin-left: auto;

	margin-right: auto;

	padding-top: 1.3rem;

}

.innernewsitem {

	width: 100%;

	margin-top: 1.25rem;

	position: relative;

}

.innernewsitem:first-child {

	margin-top: 0;

}

.innernewsitem a {

	display: block;

	width: 100%;

	overflow: hidden;

}

.innernewsitemleft {

	float: left;

	width: calc(100% - 5.9rem);

}

.innernewsitemlefttime {

	font-family: "HelveEx";

	color: #cea972;

	font-size: .18rem;

}

.innernewsitemlefttitle {

	color: #363636;

	font-size: .22rem;

	line-height: .25rem;

	height: 0.25rem;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

	margin-top: 0.1rem;

}

.innernewsitemleftdesc {

	color: #636363;

	font-size: .16rem;

	line-height: 0.36rem;

	margin-top: 0.25rem;

	height: 0.72rem;

	display:-webkit-box;

	overflow:hidden;

	text-overflow:ellipsis;

	-webkit-line-clamp:2;

	-webkit-box-orient:vertical;

}

.innernewsitemleftarrow {

	width: 0.67rem;

	height: 0.67rem;

	border: 1px solid #e1e1e1;

	display: flex;

	justify-content: center;

	align-items: center;

	position: absolute;

	left: 0;

	bottom: 0;

	transition: .25s all;

}

.innernewsitemleftarrow img {

	width: 0.14rem;

	transition: .25s all;

}

.innernewsitemright {

	float: right;

	width: 4.9rem;

}

.innernewsitemright img {

	width: 100%;

}

.innernewsitem:hover .innernewsitemleftarrow {

	background: #cea972;

	border-color: #cea972;

}

.innernewsitem:hover .innernewsitemleftarrow img {

	filter: grayscale(100%) brightness(1000%);

}





/* 新闻中心结束 */



.xxnrdwk {

	width: 100%;

}

.xxnrnk {

	width: 75%;

	margin-left: auto;

	margin-right: auto;

	padding-top: 1rem;

  padding-bottom: 1.3rem;

}

.xxnrbt {

	color: #3d3d3d;

	font-size: .3rem;

	font-weight: bold;

	line-height: 1;

	text-align: center;

}

.xxnrnr {

	width: 100%;

	color: #797979;

	font-size: .16rem;

	line-height: .28rem;

	margin-top: .48rem;

}

.xxnrnr 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;

}