@charset "utf-8";
*{ padding: 0px; margin: 0px; list-style-image: none; list-style-type: none; }
body { background-color: #000; font-family: "微软雅黑";  }
.main { overflow:hidden; min-width:1280px; }
.carousel-inner>.item>img, .carousel-inner>.item>a>img { width: 100%; }
.navbar { z-index: 99999; background-color: rgba(0,0,0,0); position: fixed; top: 0px; border-width: 0px; border-style: none; padding: 20px; transition-duration: 0.3s;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; width:100%; line-height:30px; }
.navbar:hover { background-color: rgba(0,0,0,0.6); transition-duration: 0.3s; }
.navbar-logo { float:left; display:block;}
.navbar-menu { float:right; display:block;}
.navbar-menu ul {}
.navbar-menu ul li {float:left;}
.navbar-menu ul li a { text-decoration: none; white-space:nowrap; padding-left:10px; padding-right:10px; display:block; }
#menu .active a { color: #f7941d;}
.navbar-menu ul li a { color: #FFF; font-family: "微软雅黑"; font-size: 16px; font-weight: bold; }
.navbar-menu ul li a:hover { color: #ccc;  }


.bg1,.bg2,.bg3,.bg4,.bg5,.bg6 {}
.bg1 {background-color: #000;}
.bg2 { background-image: url(../images/bg1.jpg); background-size: 100% 100%; background-repeat: no-repeat;  }
.bg3 { background-image: url(../images/bg3.jpg); background-size: 100% 100%; background-repeat: no-repeat; position: relative;}
.bg3_01 { background-image: url(../images/bg3_01.jpg); background-size: 100% 100%; background-repeat: no-repeat; }
.bg3_02 { background-image: url(../images/bg3_02.jpg); background-size: 100% 100%; background-repeat: no-repeat; }
.bg3_03 { background-image: url(../images/bg3_03.jpg); background-size: 100% 100%; background-repeat: no-repeat; }
.bg3_04 { background-image: url(../images/bg3_04.jpg); background-size: 100% 100%; background-repeat: no-repeat; }
.bg4 { background-image: url(../images/bg1.jpg); background-size: 100% 100%; background-repeat: no-repeat; }
.bg5 { background-color: #1A1A1A; background-image: url(../images/bg5.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; }
.bg6 { background-color: #565656; }
.bg2_p { position: relative; left: -120%; font-size: 40px; color: #FFFFFF; font-family: "微软雅黑"; font-weight: bold; }
.bg4_p { position: relative; left: 30%; display: none; font-size: 40px; color: #FFFFFF; font-family: "微软雅黑"; font-weight: bold; }
video { display: inline-block; vertical-align: baseline; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }


.banner2 { width:100%; height:45%; top:0px; }
.banner2_box { width:1150px; display:block; margin-left:auto; margin-right:auto;}
.banner2 h2,.banner2 span {position: absolute; width:1150px; display:block;}
.banner2 h2 { top: -130%;  color:#f7941d; font-size:50px;}
.banner2 span { top: 130%;  color:#EBEBEB; font-size:16px; }

.case { width:100%; height:100%; display:block;}
.case li { display:block; width:25%; height:25%; float:left;}
.case li:nth-child(1) { background-color:#BF3134;}
.case li:nth-child(2) { background-color:#25616E; }
.case li:nth-child(3) { background-color: #3231BF; }
.case li:nth-child(4) { background-color: #4CBF31; }
.case li:nth-child(5) { background-color: #BFB131; }
.case li:nth-child(6) { background-color: #BF6531; }
.case li:nth-child(7) { background-color: #3F31BF; }
.case li:nth-child(8) { background-color: #9331BF; }
.case li:nth-child(9) { background-color: #A0BF31; }
.case li:nth-child(10) { background-color: #BFAC31; }
.case li:nth-child(11) { background-color: #BF6A31; }
.case li:nth-child(12) { background-color: #68888C; }
.case li:nth-child(13) { background-color: #25616E; }
.case li:nth-child(14) { background-color: #BF316E; }
.case li:nth-child(15) { background-color: #BFB131; }
.case li:nth-child(16) { background-color: #3231BF; }
.case li { font-size:60px; font-weight:bold; text-align:center; color:#FFFFFF; }





 @-webkit-keyframes myfirst1 {
 0% {
transform: rotate(0deg);
left:27%;
}
 25% {
transform: rotate(10deg);
left:27%;
}
 50% {
transform: rotate(0deg);
left:59.8%;
}
 55% {
transform: rotate(0deg);
left:59.8%;
}
 70% {
transform: rotate(-10deg);
left:59.8%;
}
 100% {
transform: rotate(0deg);
left:27%;
}
}
 @-webkit-keyframes myfirst1_2 {
 0% {
transform: rotate(0deg);
left:30%;
opacity:0.8;
}
 25% {
transform: rotate(0deg);
left:30%;
opacity:0.2;
}
 50% {
transform: rotate(0deg);
left:63%;
opacity:0.8;
}
 55% {
transform: rotate(0deg);
left:63%;
opacity:0.8;
}
 70% {
transform: rotate(0deg);
left:63%;
opacity:0.2;
}
 100% {
transform: rotate(0deg);
left:30%;
opacity:0.8;
}
}
@-webkit-keyframes myfirst2 {
 0% {
-webkit-transform:scale(1.04, 1.04);
}
 50% {
-webkit-transform:scale(1, 1);
}
 100% {
-webkit-transform:scale(1.04, 1.04);
}
}
@-webkit-keyframes myfirst3 {
 0% {
-webkit-transform:scale(1, 1);
}
 50% {
-webkit-transform:scale(1.04, 1.04);
}
 100% {
-webkit-transform:scale(1, 1);
}
}
@-webkit-keyframes myfirst4 {
 0% {
-webkit-transform:scale(1.04, 1.04);
}
 50% {
-webkit-transform:scale(1, 1);
}
 100% {
-webkit-transform:scale(1.04, 1.04);
}
}
@-webkit-keyframes myfirst5 {
 0% {
-webkit-transform:scale(1, 1);
}
 50% {
-webkit-transform:scale(1.04, 1.04);
}
 100% {
-webkit-transform:scale(1, 1);
}
}
.page1_pic { width: 30%; top: 40%; margin-left: auto; margin-right: auto; }
.page1_pic_01, .page1_pic_01_2,.page1_pic_02, .page1_pic_03, .page1_pic_04, .page1_pic_05 { position: absolute; }
.page1_pic_01 { top: -30%; left: 36%; -webkit-animation: myfirst1 8s infinite; width: 6%;}
.page1_pic_01_2 { top: -30%; left: 46%; -webkit-animation: myfirst1_2 8s infinite; width: 6%;}
.page1_pic_02 { top: -30%; left: 30%; -webkit-animation: myfirst2 6s infinite linear; width: 36%;  }
.page1_pic_03 { top: -30%; left: 40%; -webkit-animation: myfirst3 10s infinite linear; width: 24%;}
.page1_pic_04 { top: -30%; left: 46%; width: 15%; }
.page1_pic_05 { top: -30%; left: 40%; width: 26%; }


.about_pic { width:30%; left:0%; padding:0px; margin:0px; }
.about_text { width:70%; right:0%; padding:0px; margin:0px; display:block; background-color:#B07B7C;}



@media screen and (max-width: 767px) {
.navbar { margin-bottom: 0px; z-index: 99999; background-color: rgba(29,29,29,0.10); position: fixed; top: 0px; width: 100%; border-width: 0px; border-style: none; padding: 0px; }
}



.popup { position:fixed; background-color:rgba(0,0,0,0.50); top:0; left:0; width:100%; height:100%; z-index:999999; display:none;}
.popup_windows { background-color: #0A0A0A; margin-left: auto; margin-right: auto; position: relative; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding-right:60px; }
.close_windows { width: 60px; height: 60px; background-color: #000; position: absolute; top: 0px; right: 0px; text-align: center; line-height: 60px; font-size: 40px; color: #fff; text-decoration: none; z-index:99;}
.close_windows:hover { background-color:#f7941d;color:#fff;text-decoration: none; }
.scroll_hide{ overflow:hidden; }
.case { height:100%;}
.case_l { display: block; float: left; height: 100%; width: 30%; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.case_l h4 { color:#f7941d; font-size:20px; display:block; border-bottom:rgba(203,203,203,0.3) 1px solid; padding-bottom:20px; margin-bottom:50px; font-weight:normal; }
.case_l h2 { color:rgba(255,255,255,1.00); font-size:36px; display:block; margin-top:20px; margin-bottom:5px; }
.case_l p { color:rgba(255,255,255,0.60); font-size:16px; display:block; padding-bottom:30px; font-weight:bold; }
.case_l i { color:rgba(255,255,255,0.30); font-size:14px; display:block; padding-bottom:5px; font-style:normal; }
.case_l_mask { background-color:rgba(0,0,0,0.85); width:100%; height:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding:50px;}
.case_r { height: 100%; overflow-y: auto; overflow-x: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 50px; background-color: #0A0A0A; }
.case_r span { display:block; padding:2px 0px 20px 0px;}
.case_r span h4 { display:block; color:rgba(219,219,219,1.00); font-size:22px; padding:0px 0px 10px 0px;}
.case_r span p { display:block; color:rgba(219,219,219,0.50); font-size:16px; line-height:150%; padding:0px 0px 20px 0px;}
.case_r span p img { display:block; width:100%; height:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border:#171717 10px solid;}
.case_r span p video { display:block; width:100%; height:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border:#171717 10px solid;}



.sec3_box {
	width: 100%;
	height: 55%;
	background-color:#f8f8f8;
	position: absolute;
	bottom:-100%;
}
.sec3_box h4 { width:1150px; display:block; margin-left: auto; margin-right: auto; font-size:36px; font-weight:normal; padding-top:30px; padding-bottom:30px;}
.sec3_box ul { width:1150px; display:block;margin-left: auto; margin-right: auto; display:flex;justify-content: space-between;}
.sec3_box ul li {  float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.sec3_box ul li {flex:1; padding:0px;}
.sec3_box ul li:nth-child(1) {padding-right:20px; }
.sec3_box ul li:nth-child(2) {padding-left:10px; padding-right:10px; }
.sec3_box ul li:nth-child(3) {padding-left:20px; }

.sec3_box ul li span { width: 100%; height: 120px; border-radius: 80px; background-color: #888888; display: block; }
.sec3_box ul li:nth-child(1) span img { width:70px; display:block; margin-left:auto; margin-right:auto; padding-top:24px; }
.sec3_box ul li:nth-child(2) span img { width:70px; display:block; margin-left:auto; margin-right:auto; padding-top:32px; }
.sec3_box ul li:nth-child(3) span img { width:50px; display:block; margin-left:auto; margin-right:auto; padding-top:26px; }
.sec3_box ul li h5 { clear: both; width: 100%; display:block; font-size:24px; color:#f7941d; margin-top:20px; margin-bottom:10px;text-align: center;}
.sec3_box ul li:hover span {background-color:#f7941d; }
.sec3_box ul li p {clear: both; width: 100%; display: block; font-size: 14px; color: #B1B1B1; text-align: center; }

.client_box { display:block; width:80%; max-width:1150px; margin-left:auto; margin-right:auto; padding-top:6%;}
.client_box h4 { width:100%; display:block; position:absolute; color:#f7941d; font-size:36px;}
.client_box p { width: 100%; display: block; color: rgba(204,204,204,0.5); font-size: 18px; padding-top: 60px; line-height: 150%; }
.client_list {width:100%; display:block; overflow:hidden;}
.client_list ul {width:100%; display:block;  padding-top:20px; }
.client_list ul li {float:left; display:inline-block; margin-bottom:24px; margin-right:24px;}

.client_box ul li img { width:200px; height:60px; display:block; opacity:0.3; border:rgba(255,255,255,0) 1px solid;}
.client_box ul li:hover img { opacity:1; border:rgba(255,255,255,0.3) 1px solid;background-color:rgba(255,255,255,0.05);}



.contact_box { display:block; width:80%; max-width:1150px; margin-left:auto; margin-right:auto; padding-top:10%;position: relative;}
.contact_box h4 { width:100%; display:block; position:absolute; color:#f7941d; font-size:36px;}
.contact_info {
	width: 600px;
	margin-top: 10px;
	margin-left: 300px;
}
.contact_info {
	width: 100%;
	display: block;
}
.contact_line {
	margin-bottom: 50px;
	padding-left: 70px;
	position: relative;
}
.contact_line h5 {
	width: 100%;
	font-size: 24px;
	margin-bottom: 10px;
	color: #fff;
	position: absolute;
	left: 0px;
	top:-8px;
	
}
.contact_line:nth-child(1) h5 {
	top:6px;
}
.contact_line h5 i {
	font-size: 40px;
	margin-right: 10px;
	opacity: 0.5;
}
.contact_line p {
	width: 100%;
	font-size: 18px;
	margin-bottom: 5px;
	color: #fff;
}

.contact_line img {
	width: 200px;
	margin-top: 20px;
}


.ICP {
	position: absolute;
	bottom:0px;
    width: 100%;
	text-align: right;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.ICP a {
	font-size: 10px;
	color: #666;
    text-decoration: none;
}