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

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

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

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

@font-face {
	font-family: 'Staatliches-Regular';
	src: local('Staatliches-Regular'), url(../fonts/Staatliches-Regular.woff) format('woff');
}
@font-face {
	font-family: 'Avanti';
	src: local('Avanti'), url(../fonts/Avanti.woff) format('woff');
}
@font-face {
	font-family: 'Italiana';
	src: local('Italiana'), url(../fonts/Italiana.woff) format('woff');
}
@font-face {
	font-family: 'Century-Gothic';
	src: local('Century-Gothic'), url(../fonts/Century-Gothic.woff) format('woff');
}
input{ outline: none; }
div{ outline: none; }
a{ outline: none; }
img{ outline: none; }
html {
	font-size: 100px;
	/*根元素默认的大小是16px*/
}

.max-1920 {
	max-width: 1920px !important;
	margin: auto;
}

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

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

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

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

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

}

body {
	background: #1f1c23;
}

ul {
	margin-bottom: 0;
}
.rtab{font-size:0.14rem;color:#7a86a9;max-width:1600px;width:98%;margin:auto;padding-bottom:0.4rem; padding-top:30px;z-index: 999;
    position: relative;}
.rtab a{ border:1px #f0f0f0 solid; padding:10px 20px;}
.ratab span{
    font-size: 24px;
    font-weight: 700;
}
.sybnwk {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 401!important;
}

.sydhdwk {
	width: 92.8%;
	position: absolute;
	left: 3.6%;
	top: .45rem;
	padding-bottom: .42rem;
	border-bottom: 1px solid #fff;
	z-index: 99;
}

.logo {
	float: left;
}

.sydhyc {
	float: right;
}

.sydhmg {
	float: left;
	font-size: 16px;
	line-height: 1;
	margin-right: .6rem;
}

.sydhmg a {
	color: #fff;
}

.sydhwk {
	float: left;
	margin-top: 12px;
}

.sydhycdh {
	float: left;
	margin-top: 7px;
}

.luntmg {
	position: relative;
}

.lbtmgsmyw {
	color: #ffffff;
	font-size: .29rem;
	line-height: 1;
	position: absolute;
	font-family: 'Montserrat-Light';
	top: 28.158%;
	left: 16.4%;
	letter-spacing: 6px;
}

.lbtmgzjyw {
	font-family: 'D-DINCondensed-Bold';
	font-size: 3.03rem;
	line-height: 1;
	position: absolute;
	left: 15.8%;
	top: 32%;
	color: #fff;
	opacity: .3;
}

.lbtmgzwbt {
	color: #ffffff;
	font-size: .72rem;
	line-height: 1;
	position: absolute;
	left: 16.5%;
	top: 65%;
	letter-spacing: 5px;
}

.lntmorewk {
	width: 2.65rem;
	height: .8rem;
	background: rgba(255, 255, 255, .4);
	position: absolute;
	left: 16.5%;
	top: 78%;
}

.lntmorewk a {
	width: 100%;
	height: 100%;
	padding-left: .5rem;
	padding-right: .44rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}.lntmorewk a:after {
	content: "";
	position: absolute;
	width: 0%;
	height: 100%;
	background: #5b7ba3;
	left: 0;
	    z-index: 0;
		transition: .4s all;
}
.cpyctpmgmore a {
	position: relative;
}
.cpyctpmgmore a:after {
	content: "";
	position: absolute;
	width: 0%;
	height: 100%;
	background: #5b7ba3;
	left: 0;
	    z-index: 0;
		transition: .4s all;
		top: 0;
}
.cpyctpmgmore:hover a:after {
	width: 100%;
}
.lntmorewk:hover a:after {
	width: 100%;
}

.bnsmore {
	color: #ffffff;
	font-size: 18px;
	font-family: 'Montserrat-Light';	position: relative;
	z-index: 2;
}

.bnsjh {
	color: #ffffff;
	font-size: 30px;
	font-family: 'Montserrat-Light';position: relative;
	z-index: 2;
}

.banner {}

.bnycyw {
	font-family: 'Montserrat-Regular';
	font-size: 18px;
	line-height: 1;
	letter-spacing: .58rem;
	position: absolute;
	right: -3.28%;
	top: 45.8%;
	z-index: 99;
	color: #fff;
	transform: rotateZ(90deg);
}

.luntmg img {
	width: 100%;
	height: 100vh;
}

.bnzjt {
	position: absolute;
	right: 4.8%;
	top: 66.45%;
	z-index: 99;
	cursor: pointer;
}

.bnyjt {
	position: absolute;
	right: 4.8%;
	top: 72.45%;
	z-index: 99;
	cursor: pointer;
}




/* 首页简介开始 */
.syjjdwk {
	width: 100%;
	height: 1122px;
	z-index: 999;
	/* background: #1f1c23; */
	background: #1f1c23;
	position: relative;
	z-index: 11;
}



/* 首页简介结束 */
.panel {
	transition: .25s all;
}






.depp {
	height: 850vh;
	position: relative;
}
.dep {
	position: fixed;
	width: 100%;
	transition: .15s all;
	top: 0;
	left: 0;
	z-index: 25;
	background: #1f1c23;
	/* height: 750vh; */

}

.skrollable .skrollable .skrollable {
	position: fixed;
	z-index: 999;
}

svg:not(:root) {
	overflow: hidden
}

.h_prosvg {
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
}

.skrollable .skrollable .skrollable {
	position: static;
	position: fixed;
}

.sydyp {
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
}

.h_prosvgdiv {
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 50;
}




/* 首页简介页开始 */
.jjysyw {
	font-family: 'Staatliches-Regular';
	color: #cccccc;
	font-size: 28px;
	line-height: 1;
	text-align: center;
	letter-spacing: .3rem;
	padding-top: .37rem;
	padding-right: .2rem;
	position: relative;
	z-index: 31;
}
.jjsbtyw {
	font-family: 'Avanti';
	color: #5b7ba3;
	font-size: .57rem;
	line-height: 1;
	float: left;
	margin-right: .2rem;
	position: relative;
	z-index: 31;
}
.jjsbtzw {
	color: #5b7ba3;
	font-size: .36rem;
	line-height: 1;
	float: left;
	padding-right: .49rem;
	position: relative;
	z-index: 31;
}
.syjjbtzywk {
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: .37rem;
	position: relative;
	z-index: 31;
}
.jjxmwk {
	margin-top: .8rem;
	width: 13.9rem;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 31;
}
.jjxmzwk {
	float: left;
	position: relative;
	position: relative;
	z-index: 31;
}
.jjzcryy {
	float: left;
	margin-top: .72rem;
	width: 2.5rem;
	box-shadow: 0px 4px 16px 0px rgb(0 0 0 / 24%);
	position: relative;
	z-index: 31;
}
.jjzcryy img {
	width: 100%;
}
.jjzcrye {
	width: 3.47rem;
	float: left;
    position: relative;
    z-index: 5;
	box-shadow: 0px 4px 16px 0px rgb(0 0 0 / 24%);
	position: relative;
	z-index: 31;
}
.jjzcrye img {
	width: 100%;
}
.jjzcrys {
    position: absolute;
    right: -1.25rem;
    bottom: -0.95rem;
    z-index: 0;
	width: 6.02rem;
	z-index: 29;
}
.jjzcrys img {
	width: 100%;
}
.jjzcrywz {
	color: #ffffff;
	font-size: .3rem;
	line-height: 1;
	font-weight: bold;
	position: absolute;
	width: 3.47rem;
	text-align: center;
	bottom: -1.5rem;
	right: 0;
	/* position: relative; */
	z-index: 31;
}
.jjxmywk {
	width: 6.7rem;
	float: right;
	padding-right: .3rem;
	position: relative;
	z-index: 31;
}
.syjjmsbt {
	color: #ffffff;
	font-size: .3rem;
	line-height: 1;
	font-weight: bold;
	letter-spacing: .1rem;
}
.syjjmswk {
	color:#babbbc;
	font-size: .16rem;
	line-height: .37rem;
	margin-top: .55rem;
}

.jjxmore {
	color: #ffffff;
	font-size: .18rem;
	line-height: 1;
	font-family: 'Montserrat-Light';
	float: left;
}
.jjxmorejt {
	float: left;
	margin-left: .3rem;
}
.syjjmorewka {
	display: block;
	margin-top: .6rem;
	
}
/* 首页简介页结束 */











.h_pro2 {
    background: #1f1c23;
	    background: #1f1c23 url(../img/a1.jpg) no-repeat bottom center;
    background-size: auto 100%;
    height: 100vh;
    text-align: center;
    position: fixed;
    width: 100vw;
    z-index: 7;
	
}
.h_pro2 article {
    position: absolute !important;
    width: 100%;
    top: 1rem;
}
.h_pro2 h4, .h_pro3 h3 {
    font-size: 40px;
    color: #0068b7;
}

.h_pro1 h3 {
    font-size: 40px;
    color: #505050;
    position: relative;
    z-index: 2;
}

.h_pro2 h3 {
    font-size: 40px;
    color: #505050;
    margin-top: 20px;
}







.h_pro3 {
    background-color: #d0cfcd;
    height: 100vh;
    display: flex;
    align-items: center;
    text-align: center;
	
}
.skrollable {
    position: fixed;
	z-index: 52;
}
.h_pro3 article, .product4C {
    margin: 0 7vw;
    width: 86vw;
}
.h_pro2 h4, .h_pro3 h3 {
    font-size: 40px;
    color: #0068b7;
}
.h_pro3 .con {
    margin-top: 5vh;
    height: 70vh;
    position: relative;
    overflow: hidden;
    font-size: 0;
}
.h_pro3 .con ul, .product4C ul {
    width: 37.5%;
    display: inline-block;
    vertical-align: baseline;
    margin-bottom: 20px;
}
.h_pro3 .con ul li:nth-child(odd), .product4C ul li:nth-child(odd) {
    animation: shadow 6s linear infinite;
    -webkit-animation: shadow 6s linear infinite;
    -moz-animation: shadow 6s linear infinite;
    -o-animation: shadow 6s linear infinite;
    -ms-animation: shadow 6s linear infinite;
}
.h_pro3 .con ul li, .product4C ul li {
    float: left;
    width: 15%;
    margin: 0 2.5%;
    color: #898989;
    position: relative;
    bottom: 0;
    font-size: 15px;
}
.h_pro3 .con .pic, .product4C .pic {
    height: 100%;
    width: 25%;
    display: inline-block;
    vertical-align: baseline;
}
.h_pro3 .con .pic img, .product4C .pic img {
    max-width: 100%;
    max-height: 100%;
}
.h_pro3 .con ul, .product4C ul {
    width: 37.5%;
    display: inline-block;
    vertical-align: baseline;
    margin-bottom: 20px;
}
.h_pro3 .con ul li, .product4C ul li {
    float: left;
    width: 15%;
    margin: 0 2.5%;
    color: #898989;
    position: relative;
    bottom: 0;
    font-size: 15px;
}



.h_pro4{ height:100vh; background-color:#1f1c23;display: flex;align-items: center;/* position:relative; */}
.h_pro4 h3{margin:0 7vw; overflow:hidden;color: #0068b7;font-size: 40px;}
.h_pro4 h3 a{float:right;color: #969696;font-size: 12px;margin-top:25px;}
.h_pro4 h3 a:hover{color:#333;}
.h_pro4 article{width:100vw;margin-top:140px;-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;}
/*.h-product.scro .h_pro4 article{margin-top:0;}*/
.h_pro4C{position:relative !important;margin:10vh 0 0 0;overflow:hidden;height:70vh;width:max-content;}
.h_pro4Con{width: max-content;display: flex;padding-left:25vw;}
.h_pro4C dl{float:left;width:40vw;margin:0 8vw 0 5vw; text-align:center;}
.h_pro4C dl dd{color:#5b7ba3;margin-top:5vh;font-size:24px;line-height: 30px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
.h_pro4C dl dt img{width:100%;height:46vh;object-fit: cover;transition: .25s all;}
.h_pro4C dl dt {
	overflow: hidden;
}
.h_pro4C dl dt:hover img {
	transform: scale(1.1);
}
/* .h_pro4C dl:nth-child(even) dt img{border-radius:40px 0 40px 0;} */









.h-video {
	width: 100%;
	max-height: 100vh;
	overflow: hidden;
}
.h-video video {/*display:flex;*/
	max-height: 100vh;
	width: 100%;
	display: block;
}
.h-projekte {
	min-height: 100vh;
}
.h-video .player,.h-video .quanping {
	right: 7vw;
	bottom: 90px;
	position: absolute;
	cursor: pointer;
	width: 100px;
	height: 100px;
	z-index:10002;
}
.h-video .quanping {right:17vw;background: url(http://eyerobo.wangshiweb.com.cn/static/images/icon15.png) no-repeat;background-size: 100%;}
.rela {
	position: relative;
}





.syxwwk {
	position: relative;
	z-index: 101;
	padding-top: 1.05rem;
}
.syxwzsj {
	/* margin-top: 1.05rem; */
}
.syxwzcyw {
	font-family: 'Avanti';
	color: #5b7ba3;
	font-size: .57rem;
	line-height: 1;
	float: left;
}
.syxwbtyc {
	color: #5b7ba3;
	font-size: .36rem;
	line-height: 1;
	float: left;
	margin-left: 8px;
}
.syxwbtxwk {
	overflow: hidden;
	display: flex;
	align-items: center;
	margin-left: 6.72%;
}
.syxwxyw {
	font-family: 'Italiana';
	color:#ffffff;
	font-size: 1.65rem;
	font-style:italic;
	margin-left: 5%;
	line-height: 1;
}
.syxwxmxwhtp {
	margin-top: 0.96rem;
	overflow: hidden;
}
.syxwycxwwk {
	width: 54.68%;
	float: left;
	margin-left: 5%;
}
.syxwzcxwtp {
	width: 23.4375%;
	margin-top: 1rem;
	float: left;
	margin-left: 7.3%;
	padding-left: 18px;
}
.syxwzcxwtp img {
	max-width: 100%;
}
.syxwmtbt {
	color: #ffffff;
	font-size: .24rem;
	line-height: 1;
	width: 100%;
	height: 0.24rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-weight: 100;
	transition: .25s all;
}

.syxwmtwk {
	width: 100%;
	padding-top: 33px;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(91,123,163,.3);
}
.syxwmtsj {
	color: #c2c2c2;
	font-size: 16px;
	line-height: 1;
	margin-top: 20px;
}
.syxwmtwk:hover .syxwmtbt {
	color: #38d1f2;
}
.syxwmtwkxz .syxwmtbt {
	color: #38d1f2;
}
.syxwmtw a {
	width: 100%;
	height: 100%;
	display: block;
}
.xwycmtwwk>div {
	position: relative;
}
.xwycmtwwk>div:first-child:after {
	content: "①";
	position: absolute;
	top: 24px;
	left: -39px;
	color: #3c788b;
	font-size: 16px;
}
.xwycmtwwk>div:nth-child(2):after {
	content: "②";
	position: absolute;
	top: 24px;
	left: -39px;
	color: #3c788b;
	font-size: 16px;
}
.xwycmtwwk>div:nth-child(3):after {
	content: "③";
	position: absolute;
	top: 24px;
	left: -39px;
	color: #3c788b;
	font-size: 16px;
}
.xwycmtwwk>div:nth-child(4):after {
	content: "④";
	position: absolute;
	top: 24px;
	left: -39px;
	color: #3c788b;
	font-size: 16px;
}
.syxwmore {
	color: #ffffff;
	font-size: 18px;
	line-height: 1;
	font-weight: 100;
}
.syxwmoredwk {
	margin-top: 85px;
}
.syxwmore {
	float: left;
}
.syxwmoreyjt {
	float: left;
	margin-left: 30px;
}
.syxwmoredwk a {
	display: flex;
}
.shuzhuang {
	position: absolute;
	top: 0;
	width: 30%;
}
.shuzhuang img {
	width: 100%;
}
.sycpxwzj {
	    position: absolute;
	    bottom: -460px;
		left: 0;
		width: 23.43%;
}
.sycpxwzj img {
	width: 100%;
}






.sycpwk {
	width: 100%;
	position: relative;
	z-index: 101;
	padding-top: 115px;
	overflow: hidden;
}
.syxwzcxwtp2 {
	width: 100%;
	margin-top: 1rem;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	overflow: hidden;
	/* margin-left: 6.72%; */
}
.sycpflwz {
	color: #999999;
	font-size: .24rem;
	line-height: 1;
	transition: .25s all;
	
}
.sycpflwkmg {
	padding-bottom: 20px;
	padding-top: 20px;
	width: 20%;
	float: left;
	/* border-bottom: 1px solid #fff; */
	
	position: relative;
}
.sycpflwkmg:after {
	content: "";
	width: 0;
	height: 1px;
	bottom: 0;
	left: 0;
	background: #fff;
	transition: .25s all;
	position: absolute;
}
.sycpflwkmg a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.sycpfljt {
	opacity: 0;
	transition: .25s all;
	display: none;
}
.sycpflwkmg:hover .sycpfljt {
	opacity: 1;
}
.sycpflwkmg:hover:after {
	width: 100%;
}
.sycpflwkmg:hover .sycpflwz {
	color: #fff;
}
.sycpflwkmg2 .sycpfljt {
	opacity: 1;
}
.sycpflwkmg2:after {
	width: 100%;
}
.sycpflwkmg2 .sycpflwz {
	color: #fff;
}
.sycpyctpwk {
	float: right;
	width: 64%;
	margin-top: -57px;
}
.sycpyctpwk>div {
	width: 100%;
	display: none;
}
.sycpyctpwk>div:first-child {
	display: block;
}
.sycpyctpwk>div img {
	width: 100%;
}

.cpyctpmg {
	position: relative;
}
.cpyctpmgmore {
	width: 196px;
	height: 73px;
	background: rgba(255,255,255,.7);
	text-align: center;
	line-height: 73px;
	color: #111111;
	font-size: 18px;
	line-height: 1;
	font-family: 'Avanti';
	position: absolute;
	left: 12%;
	bottom: 14%;
}
.cpyctpmgmore a {
	display: block;
	width: 100%;
	height: 100%;
	color: #111111;
	line-height: 73px;
}




/* foot */
.footdwk {
	width: 100%;
	position: relative;
	z-index: 101;
	overflow: hidden;
	background: #2f2f2f;
}
.footzc {
	float: left;
	width: 36%;
	position: relative;
}
.foottp {
	float: left;
	width: 100%;
}
.foottp img {
	width: 100%;
}
.foottps {
	width: 49%;
	margin-left: 20%;
	position: absolute;
	top: 21.7%;
}
.footpeak {
	width: 100%;
}
.footpeak img {
	width: 100%;
}
.footzcxsg {
	width: 84%;
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin-top: 23%;
}
.footzcxsg div {
	width: 25.54%;
}
.footzcxsg img {
	max-width: 100%;
}

.footzcdz {
	color: #66cccc;
	font-size: 14px;
	line-height: 30px;
	margin-top: 15%;
}
.footycwk {
	width: 64%;
	float: right;
	padding-left: 1.4rem;
	padding-top: 1.1rem;
	padding-right: 1.7rem;
}
.footycjj {
	color: #d2e0ed;
	font-size: .22rem;
	line-height: 0.45rem;
	font-weight: 100;
}
.footdhlwk {
	margin-top: 0.6rem;
	overflow: hidden;
}
.footdhlwk a {
	color: #cccccc;
	font-size: .18rem;
	transition: .25s all;
}
.footdhlwk a:hover  {
	color: #6f8fb4;
}
.footdhlwk li {
	float: left;
	margin-right: 0.6rem;
}
.footycdhwz {
	font-family: 'Montserrat-Regular';
	color: #6f8fb4;
	font-size: .16rem;
	line-height: 1;
	margin-top: 0.55rem;
	overflow: hidden;
}
.footdhwk {
	display: flex;
	float: left;
	align-items: center;
}
.footwzwk {
	display: flex;
	float: left;
	align-items: center;
	margin-left: 0.8rem;
}
.footdhwk>div:first-child {
	margin-right: 16px;
}
.footwzwk>div:first-child {
	margin-right: 16px;
}
.footlxwz {
	font-family: 'Montserrat-Regular';
}
.footljwk a {
	font-family: 'Montserrat-Light';
	margin-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #66cccc;
	color: #66cccc;
	font-size: .14rem;
	line-height: 0.26rem;
	transition: .25s all;
}
.footljwk a:first-child {
	margin-left: 0;
}
.footljwk a:last-child {
	border: none;
}
.footljwk a:hover {
	color: #6f8fb4;
}
.footbq {
	font-family: 'Montserrat-Light';
	color: #66cccc;
	font-size: .14rem;
	line-height: 0.26rem;
	margin-top: 0.5rem;
}
	
.footbq a {
	color: #66cccc;
	transition: .25s all;
}
.footbq a:hover {
	color: #6f8fb4;
}






/* 关于高峰开始 */
.nybndwk {
	position: relative;
}
.nybn img {
	width: 100%;
}
.nybnswz {
	position: absolute;
	top: 3.25rem;
	left: 2.15rem;
}
.nyfbt {
	font-family: 'Montserrat-Regular';
	color: #ffffff;
	font-size: .18rem;
	line-height: 1;
	letter-spacing:.6rem;
	padding-left: 0.13rem;
}
.nyzbt {
	color: #ffffff;
	font-size: .72rem;
	line-height: 1;
	margin-top: 0.3rem;
	font-weight: bold;
	letter-spacing:.1rem;
}
.nybnxejdh {
	height: 115px;
	line-height: 115px;
	background: #f0f0f0;
	overflow: hidden;
}
.nybnxejdh>div {
	width: 84%;
	margin-left: auto;
	margin-right: auto;
}
.nybnxejdh>div>div {
	float: left;
	margin-right: 0.7rem;
}
.nybnxejdh div a {
	color: #5b7ba3;
	font-size: 18px;
}
.nybnxejdh div a:last-child {
	margin-right: 0;
}
.gygfbnxwzs {
	color: #5b7ba3;
	font-size: .36rem;
	line-height: 1;
	font-weight: 100;
}
.gygfbnxwzx {
	color: #999999;
	font-size: .3rem;
	line-height: 1;
	margin-top: 0.25rem;
	font-weight: 100;
}
.gygfbnxdwk {
	background: #ffffff;
	padding-top: 2rem;
	padding-bottom: 2.1rem;
}
.gygfbnxdwk>div {
	width: 84%;
	margin-left: auto;
	margin-right: auto;
}
.gygfbnxdwk>div>div {
	float: left;
	margin-right: 0.9rem;
	margin-left: 0.9rem;
	position: relative;
}
.gygfbnxdwk>div>div:after {
	content: "";
	position: absolute;
	right: -.9rem;
	height: 1.54rem;
	width: 1px;
	background: #e5e5e5;
	top: 50%;
	margin-top: -0.77rem;
}
.gygfbnxdwk>div>div:last-child:after {
	height: 0;
}
.gygfbnxdwk>div>div:first-child {
	margin-left: 0;
}
.gygfbnxdwk>div>div:last-child {
	margin-right: 0;
}



.nyjjwkks {
	width: 100%;
	background: #1f1c23;
	padding-top: 2.25rem;
}
.nyjjnk {
	width: 84.375%;
	margin-left: auto;
	margin-right: auto;
}
.nyjjzcyw {
	font-family: 'Staatliches-Regular';
	color: #cccccc;
	font-size: 28px;
	line-height: 1;
	letter-spacing:30px;
}
.gyjjzcywxtp {
	margin-top: 40px;
	width: 93%;
}
.gyjjzcywxtp img {
	width: 100%;
}
.nyjjzcsmt {
	margin-top: 40px;
	position: relative;
	width: 54%;
}
.nyjjzcsmt img {
	width: 100%;
}
.nyjjzcxmt {
	margin-left: .61rem;
	margin-top: -.7rem;
	width: 91.4%;
}
.nyjjzcxmt img {
	width: 100%;
}
.nygyzcwk {
	float: left;
	width: 46.42%;
}

.nyjjycywbt {
	font-family: 'Avanti';
	font-weight: bold;
	color: #5b7ba3;
	font-size: .57rem;
	line-height: 1;
}
.nyjjyczwbt {
	color: #5b7ba3;
	font-size: 36px;
	line-height: 1;
	margin-left: 20px;
}
.nyjjbtxgsm {
	color: #ffffff;
	font-size: .3rem;
	font-weight: bold;
	line-height: 1;
	margin-top: .45rem;
	letter-spacing:10px;
}
.nyjj {
	display: flex;
	align-items: center;
}
.nyjjnrwk {
	color: #cccccc;
	font-size: .18rem;
	line-height: .36rem;
	margin-top: .44rem;
}
.nygyycwk {
	width: 49%;
	float: right;
}
.gyjjsmwk {
	overflow: hidden;
}
.nyjjxmdt {
	margin-top: 1.32rem;
	width: calc(99.45% - .61rem);
	margin-left: 0.61rem;
}
.nyjjxmdt img {
	width: 100%;
}

.fzlcwk {
	background: url(../img/fzlcbj.jpg) fixed no-repeat 50%/cover;
	height: 9.63rem;
	padding-top: 1.1rem;
}
.fzlcyw {
	font-family: 'Avanti';
	font-weight: bold;
	line-height: 1;
	color: #627b93;
	font-size: .48rem;
}
.fzlczw {
	color: #627b93;
	font-size: .36rem;
	line-height: 1;
	margin-left: 25px;
}
.fzlczywwk {
	display: flex;
	align-items: center;
	margin-left: 5.625%;
}
.fzlclbwk {
	width: 88.75%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 120px;
}
.fzlcbt {
	color: #627b93;
	font-size: .43rem;
	line-height: 1;
	/* margin-top: 0.2rem; */
}
.fzlcfbt {
	color: #627b93;
	font-size: .18rem;
	line-height: 1;
	margin-top: 0.2rem;
}
.fzlcnr {
	color: #627b93;
	font-size: .18rem;
	line-height: 0.3rem;
	margin-top: 0.05rem;
}
.fzlchx {
	margin-top: 20px;
}
.fzlchx img {
	width: 100%;
}
.lclgjt {
	    display: flex;
	    justify-content: center;
		margin-top: 50px;
}
.lclgjt div {
	margin-left: 4px;
	margin-right: 4px;
	cursor: pointer;
	width: 1.1rem;
}
.lclgjt div img {
	width: 100%;
}




.ryzzwk {
	width: 100%;
	background: #fff;
	padding-top: 1.15rem;
	padding-bottom: 0.5rem;
}
.rymgwk {
	width: 3.22rem;
	margin-left: auto;
	margin-right: auto;
	
}
.rylbdwk .swiper-slide {
	width: 3.22rem;
}
.rytpwk {
	box-shadow: 0px 4px 46px 0px rgba(0, 0, 0, 0.24);
}
.rytpwk img {
	width: 100%;
}
.rywzwk {
	color: #666666;
	font-size: .24rem;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	margin-top: 0.6rem;
}
.rylbdwk {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.2rem;
	position: relative;
}

.rylczjt {
	position: absolute;
	    top: 50%;
	    width: 1.1rem;
	    height: .9rem;
	    margin-top: calc(0px - (.9rem/ 2));
	    z-index: 10;
	    cursor: pointer;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    color: var(--swiper-navigation-color,var(--swiper-theme-color));
		left: 0;
}
.rylczjt img {
	width: 100%;
}
.rylcyjt img {
	width: 100%;
}
.rylcyjt {
	position: absolute;
	top: 50%;
	width: 1.1rem;
	height: .9rem;
	margin-top: calc(0px - (.9rem/ 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color,var(--swiper-theme-color));
	right: 0;
}

.cqzsdwk {
	width: 100%;
	background: #fff;
	padding-top: 0.5rem;
	padding-bottom: 1.1rem;
}
.cqzszcdwk {
	float: left;
	width: 52.4%;
}
.cpzxnk {
	width: 85.129%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.cqzsxmwk {
	/* overflow: hidden; */
	padding-top: 0.75rem;
}
.cqzszc img {
	width: 100%;
}
.cqzszc {
	cursor: pointer;
	position: relative;
}
.cqzsyc {
	float: right;
	width: calc(47.6% - 3px);
}
.cqzsyc img {
	width: 100%;
}
.cpzszclbsbt {
	color: #ffffff;
	font-size: .36rem;
	font-weight: bold;
	background: url(../img/cqzswzbj.png) no-repeat left center;
	width: 4.46rem;
	height: .99rem;
	line-height: .99rem;
	position: absolute;
	left: 0;
	bottom: 0.44rem;
	padding-left: 0.5rem;
	padding-right: 0.3rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
/* 关于高峰结束 */


/* 案例开始 */
.anlinswk {
	width: 100%;
	height: 684px;
	background: url(../img/alnysbj.jpg) no-repeat center;
	padding-top: 1.2rem;
}
.anlinsnk {
	width: 84%;
	margin-left: auto;
	margin-right: auto;
	width: 77%;
	position: relative;
}
.mjjs {
	position: absolute;
	width: 3.98rem;
	top: 0.4rem;
	right: 1.78rem;
}.mjjs img {
	width: 100%;
}
	
.anlindybt {
	color: #5a7ba2;
	font-size: 24px;
	line-height: 30px;
	width: 45%;
	font-weight: 100;
}
.anlindyms {
	color: #999999;
	font-size: 16px;
	line-height: 30px;
	width: 45%;
	width: 49%;
	font-weight: 100;
}
.anlindebt {
	color: #5a7ba2;
	font-size: 18px;
	line-height: 30px;
	margin-top: 30px;
	width: 45%;
	width: 49%;
	font-weight: 100;
}
.anlistpwk {
	margin-top: 60px;
	width: 45%;
	width: 49%;
}
.anlistpwk img {
	width: 100%;
}
.nyalxmdwk {
	width: 100%;
	background: #333333;
}
.nyalnk {
	width: 87.4%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 90px;
}
.nyalywbt {
	font-family: 'Avanti';
	font-weight: bold;
	line-height: 1;
	color: #5b7ba3;
	font-size: .57rem;
	margin-left: 15px;
}
.nyalzwbt {
	color: #5b7ba3;
	font-size: .36rem;
	line-height: 1;
	margin-left: 15px;
}
.nyalbtwk {
	display: flex;
	align-items: center;
}
.nyalcpwk {
	margin-top: 0.2rem;
	width: 100%;
	overflow: hidden;
	padding-bottom: 1rem;
}
.nyalcpmg {
	margin-left: 0.9rem;
	width: calc((100% - 1.8rem) / 3);
	float: left;
	margin-top: 0.9rem;
	border-bottom: 1px solid #5b7ba3;
}
.nyalcptpwk {
	width: 100%;
	overflow: hidden;
}
.nyalcptpwk img {
	width: 100%;
	transition: .25s all;
}
.nyalcptpwk:hover img {
	transform: scale(1.1);
}
.nyalcptxwk {
	width: 100%;
}
.nyalcpmgbt {
	width: 80%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color: #ffffff;
	font-size: .18rem;
	line-height: 1rem;
}
.nyalcpmgjh {
	color: #ffffff;
	font-size: .24rem;
	line-height: 1rem;
	width: 20%;
	text-align: right;
	padding-right: .15rem;
}
.nyalcptxwk {
	height: 1rem;
	line-height: 1rem;
	display: flex;
}
.pagination {
	margin-top: 0.95rem;
	display: flex;
	justify-content: center;
}
.ym {
	color: #95c0f3;
	font-size: .18rem;
	line-height: 1;
	font-family: 'Avanti';
	font-weight: 100;
	margin-left: 0.25rem;
	margin-right: 0.25rem;
	transition: .25s all;
}
.ym:hover  {
	color: #fff;
}
.pagination .cur {
	color: #fff;
}
.syy {
	margin-right: 0.5rem;
}
.xyy {
	margin-left: 0.5rem;
}
/* 案例结束 */


/* 产品开始 */
.cpysmwk {
	background: url(../img/cpsbj.jpg) no-repeat center;
	padding-top: 1.5rem;
}
.cpysmbt {
	color: #739ac8;
	font-size: 24px;
	line-height: 30px;
	width: 50%;
}
.cpysmxms {
	color: #999999;
	font-size: 16px;
	line-height: 30px;
	margin-top: 0.4rem;
	width: 50%;
}
.cpzjbfwk {
	width: 100%;
	background: #eee;
	padding-top: 1.4rem;
	padding-bottom: 0.88rem;
	overflow: hidden;
}
.cpzjbfnk {
	width: 81.25%;
	margin-left: auto;
	margin-right: auto;
}
.cpzjbfzc {
	width: 45.83%;
	float: left;
	margin-left: 10px;
	padding-left: 0.56rem;
	padding-top: 0.72rem;
	padding-right: 0.56rem;
	padding-bottom: 0.55rem;
	border-radius: 15px;
	background: #fff;
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.18);
}
.cpzjbfzc img {
	width: 100%;
}
.cpzjbfzcwz {
	color: #666666;
	font-size: .18rem;
	line-height: 0.3rem;
	margin-top: 0.22rem;
}
.cpzjbfyc {
	color: #666666;
	font-size: .16rem;
	line-height: 0.3rem;
	width: 46.8%;
	float: right;
	margin-right: 15px;
	font-weight: 100;
	margin-top: 0.15rem;
}
.cpxcpdwk {
	width: 100%;
	background: #ffffff;
	overflow: hidden;
	padding-top: 0.75rem;
	padding-bottom: 1.6rem;
}
.cpxcpnk {
	width: 78.125%;
	margin-left: auto;
	margin-right: auto;

	
}
.cpxcpgdcpzw {
	color: #4f4f4f;
	font-size: .24rem;
	line-height: 1;
}
.cpxcpgdcpyw {
	color: #4f4f4f;
	font-size: .24rem;
	font-family: 'Century-Gothic';
	margin-top: 0.2rem;
	line-height: 1;
}
.cpxcpsmflzc {
	margin-left: 25px;
}
.cpxcpflmg {
	color: #4f4f4f;
	font-size: .24rem;
	float: left;
	margin-left: 0.2rem;
}
.cpxcpflmg a {
	color: #4f4f4f;
	transition: .25s all;
}.cpxcpflmg a:hover {
	color: #5b7ba3;
}
.cpxcpsmflyc {
	overflow: hidden;
}
.cpxcpsmfl {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cpxcpxmgcpdwk {
	width: 100%;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
}
.cpxcpxmgcp {
	width: calc((100% - 1rem) / 3);
	float: left;
	margin-left: 0.5rem;
	margin-top: 70px;
	box-shadow: 0px 1px 46px 0px rgba(0, 0, 0, 0.14);
	padding-bottom: 0.5rem;
}
.cpxcpxmgcptpwk img {
	transition: .25s all;
}
.cpxcpxmgcp:hover .cpxcpxmgcptpwk img{
	transform: scale(1.1);
}
.cpxcpxmgcp:hover .cpxcpxmgcpjt {
	margin-right: 20px;
}
.cpxcpxmgcp a {
	display: block;
	width: 100%;
	padding-left: .26rem;
	padding-right: 0.4rem;
	padding-top: 0.5rem;
}
.cpxcpxmgcptpwk {
	width: 100%;
	overflow: hidden;
}
.cpxcpxmgcptpwk img {
	width: 100%;
}
.cpxcpxmgxmwk {
	width: 100%;
}
.cpxcpxmgcpbt {
	width: 100%;
	margin-top: 0.3rem;
	color: #333333;
	font-size: .24rem;
	line-height: 1;
	height: 0.24rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-weight: 100;
}
.cpxcpxmgcpmsjt {
	margin-top: 0.15rem;
	display: flex;
	justify-content: space-between;
}
.cpxcpxmgcpms {
	color: #333333;
	font-size: .16rem;
	line-height: 0.3rem;
	font-weight: 100;
	width: 60%;
	height: 0.6rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.cpxcpxmgcpjt {
	margin-top: 0.05rem;transition: .25s all;
}
.pro .pagination .cur {
	color: #333;
}
.pro .pagination .ym:hover {
	color: #333;
}
/* 产品结束 */


/* 新闻内页开始 */

.gfxwnyzcwk {
	font-family: 'Italiana';
	color: #ffffff;
	font-style: italic;
	font-size: .82rem;
	line-height: 1;
	float: left;
	margin-top: 0.2rem;
	
}
.gfxwnywk {
	width: 100%;
	background: #333333;
	overflow: hidden;
	padding-bottom: 0.95rem;
	position: relative;
}
.gfxwnynk {
	width: 81.1%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.4rem;
	padding-top: 1.25rem;
}
.nybnxejdh>div {
	width: 77%;
}
.gfxwnyycwk {
	width: 67.44%;
	float: right;
}
.gfxwnyycmg {
	color: #ffffff;
	font-size: .24rem;
	width: 100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-weight: 100;
	line-height: 1;
	transition: .25s all;
}
.gfxwycmgwk a {
	padding-top: 33px;
	display: block;
	padding-bottom: 30px;
}
.gfxwycmgwk {
	border-bottom: 1px solid #3f4955;
}
.gfxwnyycsjwk {
	color: #c2c2c2;
	font-size: .16rem;
	margin-top: 0.2rem;
}
.gfxwycmgwk:hover .gfxwnyycmg {
	color: #38d1f2;
}

/* 新闻内页结束 */


/* 联系页开始 */
.gfnylxdwk {
	width: 100%;
	background:#333333;
	padding-top: 1.5rem;
	position: relative;
	padding-bottom: 1.8rem;
}
.gfnylxnk {
	width: 68.85%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.gflxylxxx {
	color: #66cccc;
	font-size: .18rem;
	line-height: 0.3rem;
}
.lxxr {
	position: absolute;
	right: 1.9rem;
	width: 6.78rem;
	z-index: 1;
}
.lxxr img {
	width: 100%;
}
#allmap {
	position: relative;
	z-index: 2!important;
}
/* 联系页结束 */


/* 详情页开始 */
.xqybt {
	color: #ffffff;
	    font-size: .3rem;
	    font-weight: bold;
	    line-height: .4rem;
		text-align: center;
}
.xqynr {
	    color: #cccccc;
	    font-size: .18rem;
	    line-height: .36rem;
	    margin-top: 0.44rem;
}
.xqynr img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.xqysxy {
	color: #cccccc;
	font-size: .14rem;
	line-height: .2rem;
	margin-top: 0.44rem;
}
.xqysxy a {
	color: #cccccc;
}

/* 详情页结束 */


.cpyctpmgmorewz {
	width: 100%;
	position: relative;
	z-index: 2;
	text-align: center;
}