@font-face {
	font-family: "sr";
	src: url('../fonts/siemens_global_roman.ttf');
}

@font-face {
	font-family: "sb";
	src: url('../fonts/siemens_global_bold.ttf');
}

.font{
	font-family: "sr" !important;
}
.font_b{
	font-family: "sb" !important;
}
html {
	scroll-behavior: smooth;
}

* {
	margin: 0;
	padding: 0;
	font-family: 'sr';
	list-style: none;
	text-decoration: none;
}

.anli_div {
	min-height: 100%;
	/* position: absolute; */
	width: 100%;
	top: 0;
	left: 0;
	display: none;
	z-index: 10;
	background: #000028;
}

.w {
	position: relative;
	margin: 138px auto;
	width: 1100px;
	/* overflow: hidden; */
}

/* header */
.header {
	width: 100%;
	height: 20px;
	padding-top: 40px;
}



/* title */
.title {
	margin-top: 31px;
}

.title div {
	float: left;
	width: 3.6px;
	height: 90px;
	margin-top: 9px;
	background: linear-gradient(#00ffb9, #00e6dc);
}

.title h1 {
	font-family: 'sb';
	font-size: 36px;
	line-height: 1.5em;
	color: white;
	padding-left: 21.6px;
}

.title p {
	font-family: 'sr';
	padding-top: 9px;
	font-size: 18px;
	line-height: 1.5em;
	color: white;
	letter-spacing: 1px;
}

/* label */
.label {
	margin-top: 40px;
	width: 1200px;
	height: 160px;
}
.bgc{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.first {
	height: 102px;
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #333353;
}

.first li {
	font-family: "sb";
	font-size: 18px;
	color: white;
	padding: 0 20px;
	letter-spacing: 5px;
	line-height: 40px;
	float: left;
	cursor: pointer;
}

.labelf-t {}

.labelf-f {}

.label-chosen {
	border-bottom: 2px solid #00ffb9;
}

.second {
	overflow: hidden;
	width: 100%;
}

.second div {
	overflow: hidden;
	width: 1100px;
	padding-top: 20px;
}

.second ul li {
	display: inline-block;
	height: 30px;
	letter-spacing: 2px;
	padding: 0 20px;
	font-size: 16px;
	line-height: 30px;
	margin: 10px 0;
	margin-right: 20px;
	border: 1px solid rgb(0, 204, 204);
	color: rgb(0, 204, 204);
	border-radius: 20px;
	cursor: pointer;
}

.second li:hover {
	color: #00ffb9;
	border: 1px solid #00ffb9;
}

/* content */
.anli_div .content {
	position: relative;
	margin-top: 60px;
	width: 1200px;
	/* overflow: hidden; */
	height: 375px;
}

#prev {
	position: absolute;
	z-index: 2;
	width: 50px;
	height: 50px;
	top: 115px;
	/* background-color: #ccccd4; */
	opacity: .8;
	cursor: pointer;
	left: -75px;
}
#prev2 {
	position: absolute;
    z-index: 2;
    width: 50px;
    height: 50px;
    top: 50%;
    margin-top: -25px;
    /* background-color: #ccccd4; */
    opacity: .8;
    cursor: pointer;
    left: -66px;
}
#prev2:hover {
	background-color: #66667e;
	opacity: .8;
}
#prev:hover {
	background-color: #66667e;
	opacity: .8;
}

#next {
	position: absolute;
	z-index: 2;
	width: 50px;
	height: 50px;
	left: 1225px;
	top: 115px;
	/* background-color: #ccccd4; */
	opacity: .8;
	cursor: pointer;
}
#next2 {
	position: absolute;
    z-index: 2;
    width: 50px;
    height: 50px;
    top: 50%;
	
    margin-top: -25px;
    /* background-color: #ccccd4; */
    opacity: .8;
    cursor: pointer;
    right: -66px;
}
#next:hover {
	background-color: #66667e;
	opacity: .8;
}
#next2:hover {
	background-color: #66667e;
	opacity: .8;
}
.content ul {
	position: absolute;
	width: 1200px;
	left: 0px;
}

.content ul li {
	float: left;
	width: 380px;
	height: 376px;
	margin-right: 30px;
	cursor: pointer;
}
.content .swiper-slide li:last-child{
	margin-right: 0px !important;
}
.dom .video_content{
	height: 100%;
	width: 100% !important;
	display: none;
	/* margin-top: 300px; */
}
.dom .video_content>div{
	height: 100% !important;
}
.int .video_content{
	width: 632px;
	margin-top: 134px;
	display: none;
}
.int .video_content>div{
	height: 354px !important;
}
.content ul li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.caseh {
	position: absolute;
	top: 283px;
	width: 380px;
	height: 95px;
	background: linear-gradient(rgba(0, 0, 40, .7), rgba(0, 153, 153, .7));
	color: white;
}

.caseh div {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	width: 2px;
	height: 50px;
	background: linear-gradient(#00ffb9, #00e6dc);

}

.caseh p {
	font-family: "sr";
	width: 320px;
	padding: 9px 0 0 20px;
	font-size: 20px;
	line-height: 1.5em;
	overflow: hidden;	
	text-overflow: ellipsis;	
	display: -webkit-box;	
	white-space: nowrap; // 默认不换行；
}


/* example */
.example {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 101;
	background-color: rgba(0, 0, 0, 0.8);
}
.example_con{
	z-index: 3;
	position: absolute;
	width: 1120px;
	height: 630px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-image: url(../images/anli_bgs.jpg);
	border: 1px solid #00646e;
}


/* int */
.int {
	display: none;
	width: 100%;
	height: 100%;
}

.int2 {
	/* display: none; */
    z-index: 3;
    position: absolute;
    width: 1120px;
    height: 630px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(#000028, #009999);
    border: 1px solid #00646e;
}

.l {
	float: left;
	width: 630px;
	height: 630px;
	overflow: hidden;
	background-color: #000;
}

.r {
	position: relative;
	float: right;
	width: 410px;
	height: 550px;
	padding: 40px;
	background: url('../images/int-bg.png');
}

.firmName {
	display: block;
	color: #0087be;
	font-size: 20px;
	font-family: 'sr';
	margin-bottom: 10px;
}

.caseName {
	display: block;
	color: #00ffb9;
	font-size: 26px;
	font-family: 'sr';
}

.location {
	display: block;
	color: #fff;
	font-size: 20px;
	font-family: 'sb';
	margin: 40px 0;
}

.interval {
	width: 50px;
	height: 2px;
	background-color: #00ffb9;
	margin-bottom: 40px;
}

.int-items {
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 40px;
	letter-spacing: 1px;

}

.int-items li:nth-child(even) {
	position: relative;
	display: block;
	width: 100%;
	height: 1px;
	margin: 15px 0;
	background-color: #ccccd4;
}

.block {
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #00ffb9;
	top: -35px;
	left: -20px;
}

.r img {
	position: absolute;
	height: 20px;
	width: auto;
	right: 40px;
	bottom: 40px;
}


/* dom */
.dom {
	display: none;
	width: 100%;
	height: 100%;
	background: url('../img/dom1.png') no-repeat;
}

.dom-img{
	height: 100%;
	width: 315px;
	float: left;
	overflow: hidden;
}

.dom-con {
	float: right;
	width: 805px;
	height: 100%;
	background: linear-gradient(#000028, rgb(0, 153, 153));

}

.dom-fl {
	float: left;
	margin: 40px 0 0 40px;
	width: 2.6px;
	height: 26px;
	background: linear-gradient(rgb(0, 255, 185), rgb(0, 230, 220));
}

.dom-title {
	margin: 40px 40px 20px 40px;
	font-size: 26px;
	color: white;
	font-family: 'sr'
}

.dom-firm {
	display: block;
	margin: 20px 0 0 40px;
	color: #00ffb9;
	font-size: 20px;
	font-family: 'sr';
}

.dom-proj {
	display: block;
	margin: 10px 20px 0 40px;
	padding-bottom: 20px;
	color: #00ffb9;
	font-size: 20px;
	font-family: 'sr';
	border-bottom: 1px solid #333353;
}

.dom-list {
	height: 400px;
	width: auto;
	overflow: hidden;
	margin: 20px 40px 0 40px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.dom-list::-webkit-scrollbar {
	width: 2px;
}

.dom-list::-webkit-scrollbar-track {
	background-color: #ccccd4;
}

.dom-list::-webkit-scrollbar-thumb {
	background-color: #66667e;
}

.dom-th {
	margin: 0 0 10px 0;
	font-size: 18px;
	color: #00ffb9;
	letter-spacing: 1px;
	font-family: 'sr'
}

.dom-tb {
	margin-bottom: 20px;
}

.dom-tb li {
	font-size: 16px;
	color: white;
	line-height: 30px;
}

.dom-tb span {
	float: left;
	display: block;
	margin-top: 4px;
}

.dom-tb li p {
	padding-left: 20px;
}