@charset "utf-8";
		.banner {
			background: url(../img/banner.jpg) no-repeat center top;
			height: 900px;
			position: relative;
		}
		
		.nav-top {
			background: #000000;
			opacity: 0.7;
			height: 120px;
			width: 80%;
			margin-top: 100px;
			padding: 0px 100px;
			position: absolute;
		}
		
		.find {
			float: right;
			margin-top: -60px;
		}
		
		.find img {
			margin-left: -170px;
		}
		
		.nav_logo {
			float: left;
		}
		
		nav {
			font-family: Helvetica;
			text-align: center;
			text-transform: uppercase;
		}
		
		nav ul {
			width: 100%;
			max-width: 800px;
			margin: 0 auto;
			list-style-type: none;
			margin-left: -18px;
			margin-top: 25px;
		}
		
		nav ul li {
			display: inline-block;
		}
		
		nav ul li a {
			color: #fff;
			display: inline-block;
			padding: 1.5em 1.6em;
			box-sizing: border-box;
			font-size: 16px;
			border-radius: 5px;
			font-weight: 700;
		}
		
		nav ul li a:hover {
			color: #fff;
			text-decoration: none;
			background-color: #000;
		}
		
		#menu_list a span {
			color: rgb(192, 192, 192);
			line-height: 20px;
			font-family: Arial;
			font-size: 12px;
		}
		
		.current_page {
			background-color: #064a81;
		}
		
		.current_page a {
			color: white;
		}
		
		#menu_button_wrapper {
			display: none;
		}
		
		.hidden {
			display: none;
		}
		
		.carousel-caption a {
			color: #fff;
		}
		
		a:hover {
			text-decoration: none;
		}
		
		.about-img img {
			width: 150px;
		}
		
		.fa {
			width: 37.14;
		}
		
		.banner_text {
			color: #fff;
			font-weight: bold;
			text-align: center;
			padding-top: 450px;
		}
		
		.banner_text h2 {
			font-family: "黑体";
			font-size: 50px!important;
			font-weight: 900;
		}
		
		.white-btn {
			border: 1px solid #fff;
			color: #fff;
			display: inline-block;
			padding: 10px 30px;
			text-transform: uppercase;
			font-weight: 600;
			font-size: 20px;
			margin-top: 50px;
		}
		
		.about {
			background: #221815;
			margin-right: 0px;
			margin-left: 0px;
			height: 207px;
		}
		.about P{
			text-indent: 2em;
		}
		.about-img {
			float: left;
			padding-right: 50px;
			line-height: 130px;
		}
		
		.aboutus {
			padding: 31px 0px;
			float: right;
		}
		
		.aboutus p {
			font-family: "黑体";
			line-height: 18px;
			color: #fff;
			font-size: 14px;
		}
		
		.pd100 {
			padding: 60px 0;
		}
		
		.pd50 {
			padding: 50px 0;
		}
		
		.title {
			padding: 0 10px;
		}
		
		.pro {
			padding-top: 30px;
			clear: both;
		}
		
		.pro li {
			float: left;
		}
		
		.pro li img {
			width: 100%;
			-webkit-filter: grayscale(100%);
			filter: grayscale(100%);
			width: 100%;
		}
		
		.pro li img:hover {
			-webkit-filter: none;
			filter: none;
		}
		
		.pro li p {
			line-height: 55px;
			text-align: center;
		}
		
		.pro li p a {
			color: #000000;
			font-size: 16px;
		}
		
		.more {
			margin: auto;
		}
		
		.more a {
			background: #1f5a6c;
			color: #fff;
			display: inline-block;
			padding: 10px 30px;
			font-size: 20px;
			font-family: "黑体";
			font-weight: 700;
		}
		
		.more a:hover {
			text-decoration: none;
		}
		
		.tit {
			margin-top: -50px;
			background: url(../img/tit.png) no-repeat center top;
			height: 292px;
		}
		
		.claas {
			padding-top: 50px;
		}
		
		.claas li {
			float: left;
		}
		
		.claas li img {
			width: 100%;
		}
		
		.footer {
			background: #595757;
			height: 220px;
			clear: both;
		}
		
		.fl {
			float: left;
		}
		
		.footer a {
			color: #fff;
			text-align: center;
			font-size: 16px;
		}
		
		.footer01 {
			text-align: center;
		}
		
		.footer01 li {
			line-height: 40px;
		}
		
		.footer01 li:first-child {
			font-weight: 900;
			color: #fff;
			text-align: center;
			font-size: 16px;
		}
		
		.footer01 li a:hover {
			text-decoration: none;
		}
		
		.footer02 {
			background: #000;
			color: #fff;
		}
		
		.footer02 p {
			line-height: 50px;
			text-align: center;
		}
		
		.footer02 p span {
			margin-left: 10px;
		}
		
		.banner_head {
			background: url(../img/banner.jpg) no-repeat center top;
			height: 350px;
			position: relative;
		}
		
		.dqwz {
			float: right;
			font-size: 14px!important;
			margin: 30px 0;
		}
		
		.dqwz a {
			color: #000000;
		}
		
		a {
			text-decoration: none!important;
		}
		
		.top_nav {
			padding: 30px;
			clear: both;
		}
		
		.top_nav li {
			float: left;
			margin-right: 10px;
			margin-bottom: 10px;
			list-style: none;
		}
		
		.top_nav li a {
			color: #fff;
			margin: 5px 0;
			line-height: 35px;
			height: 58px;
			width: 20%;
			text-align: center;
			background: #221815;
			font-size: 16px;
			padding: 10px 30px;
		}
		
		.aboutlist {
			line-height: 28px;
			clear: both;
			font-size: 14px;
		}
		
		.context {
			clear: both;
			margin-top: 50px;
			float: right;
		}
		
		.context li {
			line-height: 30px;
		}
		
		.context li a {
			color: #000;
		}
		
		@media only screen and (max-width: 767px) {
			nav {
				padding-right: 0px;
				padding-left: 0px;
			}
			h2 {
				font-size: 1.2rem!important;
			}
			.main_b_title span {
				font-size: 14px;
			}
			.title-head h2 {
				margin: 0px 0 23px 0;
			}
			.logo img {
				width: 100%;
			}
			.nav-tabs li {
				margin-bottom: 10px;
			}
			.nav-tabs li a {
				padding: 15px;
			}
			.nav-tabs li.active a,
			.nav-tabs li.active a:focus,
			.nav-tabs li.active a:hover {
				padding: 15px;
				margin-top: 0;
			}
			#menu_button_wrapper {
				display: block;
				padding: 1em;
				color: #fff;
			}
			#menu_button {
				box-sizing: border-box;
				float: right;
				padding: .5em 1em;
				border: 1px solid #fff;
				border-radius: 5px;
				color: #fff;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
			#menu_button:hover {
				cursor: pointer;
				background-color: #000;
			}
			#hamburger {
				float: right;
				padding-top: .15em;
			}
			#menu_button span {
				display: block;
				background-color: #fff;
				width: 1.2em;
				height: .15em;
				border-radius: 1px;
				margin-bottom: .2em;
			}
			nav ul {
				width: 100%;
				margin: 0 auto;
				padding: 0;
				box-sizing: border-box;
				background: #000;
				margin-top: -17px;
			}
			nav ul li {
				display: block;
			}
			nav ul li a {
				width: 100%;
				padding: 0.5em 0.4em;
				font-size: 16px;
			}
			.news li p {
				height: auto!important;
			}
			/* media quaries */
			@media screen and (max-width: 768px) {
				.default-menu.navbar-default .navbar-nav> li> a {
					line-height: 12px;
				}
				.default-menu .navbar-nav> li .nav-search {
					border-color: rgba(153, 153, 153, 0.1);
				}
				.nav-search .form-control {
					text-align: center;
					width: 100%;
					padding-left: 40px;
					padding-right: 20px;
				}
				.nav-search .form-group i {
					color: #999;
					font-size: 12px;
					left: 20px;
				}
				.default-menu.navbar-default .navbar-nav> li:last-child> a {
					padding-left: 20px !important;
				}
				.default-menu.navbar-default .navbar-nav> li:first-child> a {
					padding-left: 20px !important;
				}
			}
			.default-menu.menu-4 {
				border-bottom: 0;
			}
			.default-menu.menu-4 .default-logo {
				color: #496174;
			}
			.default-menu.menu-4 .navbar-nav> li> a {
				color: #999;
			}
			.default-menu.menu-4 .navbar-nav> li> a:before,
			.default-menu.menu-4 .navbar-nav> li> a:after {
				color: transparent;
				font-size: 13px;
				position: absolute;
				transition: all 0.5s ease-in-out;
				margin-top: -1px;
			}
			.default-menu.menu-4 .dropdown-menu {
				margin-top: 0 !important;
			}
		}
		
		@media screen and (max-width: 768px) {
			.default-menu.menu-4 .navbar-nav> li> a:hover:after,
			.default-menu.menu-4 .navbar-nav> li> a:hover:before {
				color: transparent;
			}
			.find {
				display: none;
			}
			.nav-top {
				padding: 0px!important;
			}
			#menu_button {
				margin-top: -80px!important;
			}
			.banner {
				height: 600px!important;
			}
			.banner_text {
				padding-top: 314px!important;
			}
			.about {
				height: 420px;
				padding-top: 20px;
			}
			.aboutus {
				padding: 0px!important;
				margin-top: 30px;
			}
			.title img {
				width: 100%;
			}
			.pro li {
				margin-bottom: 20px;
			}
			.claas li {
				width: 45%;
				padding: 15px;
				text-align: center;
				margin-left: 15px;
			}
			.claas li img {
				width: 100%;
			}
			.footer {
				display: none;
			}
			.footer02 {
				padding: 30px;
				clear: both;
			}
			.footer02 span {
				display: block;
				line-height: 20px;
			}
			.aboutlist img{
				width: 100%;
			}
		}