li {list-style: none;}
ul{margin: 0px; padding: 0px;}
.navbar-brand {
	font-size: 20px;
	padding-top: 0px;
	padding-bottom: 0px; margin: 0 auto;
}
.one_title{font-size:20px;text-align: center;}
.title_a{font-size: 30px;padding: 30px 0px; text-align: center;font-weight:bold;}
.one{margin: 0px auto;padding:100px 0px;color: #fff;background-image:url(../images/3-3.jpg);}
.one ul{display: flex; flex-wrap: wrap; justify-content: center; }
.one ul li{ width: calc(100%/4 - 20px); background: #fff; box-shadow: 0px 0px 5px #ccc; padding: 40px 20px; margin:10px 10px;background-color: #000;border-radius: 10px; color: #fff;}
.one ul li h1{font-size: 30px;font-weight: bold;padding:30px 0px;}
.one ul li p{font-size: 20px;}
.two{ background-color:#000; margin: 0px auto;padding:100px 0px;}
.two ul{display: flex; flex-wrap: wrap; justify-content: center; }
.two ul li{ width: calc(100%/2 - 20px); background: #fff; box-shadow: 0px 0px 5px #ccc; padding: 20px 20px; margin:10px 10px;background-color: #ff8000;border-radius: 10px; color: #fff;}
.two h1{font-size: 26px;font-weight:bold;padding:20px 0px;}
.vido{ margin: 50px 0px;}
.two_title{font-size:20px;text-align: center; color: #fff;padding-bottom: 30px;}
.two_title h2{ font-size:42px;font-weight:bold; color:#ff8000;}
.two_title p{ padding-top:30px;}
.two_title b{font-size:22px;color:#ff8000;}

.two_gg {padding:100px 0px;text-align:center; }
.two_gg h1{font-size:30px; color:#333;}
.two_gg p{font-weight:bold;font-size:26px;background-color:#ff8000; width:75%;margin:30px auto; color:#fff;padding:10px;border-radius:15px;}
.two_gg b{font-weight:bold;font-size:36px;color:#ff0000;}

.one b{font-size:30px;color:#ff8000;}

.content{font-size: 20px;line-height: 30px;}
.content p{line-height:34px;font-size:18px; margin-bottom:0px;}
.content strong{padding-top:10px;}

.three{ background-color:#000; margin: 0px auto;padding-top:80px; color:#fff;}
.three ul{display: flex; flex-wrap: wrap; justify-content: center;}
.three ul li{width: calc(100%/2 - 20px); }
.three h1{font-size:30px;font-weight:bold;color:#ff8000;padding:30px 0px;}
.three_img img{ margin-top:50px;}


.four{background-color:#000; margin: 0px auto; color:#fff; text-align:center;background-image:url(../images/0012.jpg);}

.four ul{display: flex; flex-wrap: wrap; justify-content: center;}
.four ul li{width: calc(100%/4 - 30px);margin:15px 15px; }
.four h1{font-size:20px; font-weight:bold; margin:15px 0px;}
.copyright{margin:30px 0px; text-align: center;}
.five{background-color:#000; padding:60px 0px; color:#fff; text-align:center;clear:both;}
.five ul{display: flex; flex-wrap: wrap; justify-content: center;}
.five ul li{width: calc(100%/3 - 30px);margin:15px 15px; }
.six{background-color:#000; padding: 60px 0px; color:#fff; }
.six ul{display: flex; flex-wrap: wrap; justify-content: center;}
.six ul li{width: calc(100%/2 - 30px);margin:15px 15px; background-color:#ff8000;color:#fff;padding:20px;}
.six ul li h1{font-size:30px; font-weight:bold; margin:15px 0px;}
.seven{padding:60px 0px; text-align:center;}
.seven ul{display: flex; flex-wrap: wrap; justify-content: center;}
.seven ul li{width: calc(100%/3 - 30px);margin:15px 15px;}
.seven h1{font-size:30px;font-weight:bold;color:#ff8000;padding:30px 0px;}

.eight{background-color:#0b1900; padding: 60px 0px; color:#fff;}
.eight_left{float:left;width:40%;padding-top:120px;font-size:26px; margin-right:2%;}
.eight_right{float:left;width:58%;}

.eight_right ul{display: flex; flex-wrap: wrap; justify-content: center;}
.eight_right ul li{width: calc(100%/2 - 30px);margin:15px 15px;}
.eight_right ul li b{font-size:42px;font-weight:bold;}
.eight_right ul li p{font-size:22px;}
.night img{width:100%;}
.contact{background-color:#0b1900; padding: 60px 0px; color:#fff;}


/*在线客服*/
.online {	position: fixed;bottom: 10%;	right: 5%;width: 90px;	z-index: 999;	color: #999;}
.online a {	color: #666;}
.online a:hover {	text-decoration: none;}
.online dl {	background: #04c816;	padding: 10px 5px;margin-bottom: 1px;position: relative;}
.online dl dd {	color: #fff;text-align: center;	font-size: 16px;	cursor: pointer;}
.online dl dd i {	font-size: 40px;}
.online dl:hover {	background: #1781bd;}
.online dl dt {	position: absolute;	top: 0px;	right: 60px;	background: #fff;	border: 1px solid #ccc;	z-index: 9999;	display: none;	padding: 10px 15px;	font-weight: normal;}
.online dl dt h3 {	display: block;	font-size: 16px;	color: #666;	border-bottom: 1px solid #ccc;padding-bottom: 5px;}
.online dl dt h3 i {	margin-right: 5px;}
.online dl dt h3 span {	float: right;	cursor: pointer;}
.online dl dt input {border: 1px solid #ccc;border-radius: 5px;	margin-top: 15px;	height: 40px;	line-height: 40px;padding: 3px 5px;	width: 100%;}
.online dl dt button {	margin: 10px 0;	border: none;	border-radius: 5px;	width: 100%;	font-size: 18px;	height: 40px;	line-height: 40px;	background: #28a7e1;	color: #fff;	cursor: pointer;}


/*内页样式*/



@media screen and (max-width: 768px) {
	.swiper-container img{height: 250px; margin-top: 80px;}
	.two ul li{width:100%}
	.one{ margin: 0px;padding:60px 0px;}
	.one ul li{width:100%}
	.three ul li{width:100%;padding:0px !important}
	.three ul li img{width:100%}
	.three_img img{ width:100%;}
	.four ul li {width: calc(100%/2 - 30px);margin:15px 15px;}
	.four ul li img{width:60%;}
	.five ul li{width:100%;}
	.six ul li{width:100%;}
	.six ul li h1{font-size:20px;}
	.seven ul li{width:100%;}
	.eight_left{float:none;width:100%;padding-top:50px;font-size:22px; text-align:center;}
	.eight_right{float:none;width:100%}
	.night img{width:100%;}
	.eight_right ul li p{font-size:18px;}
	.eight_right ul li b{font-size:32px;}
	.seven h1{padding:10px 0px;}
	.two_gg h1{font-size:22px;}
	.two_gg p{width:96%;font-size:20px;}
	.two_gg b{font-size:30px;}
	.online {right:1%;}



}