@CHARSET "UTF-8";
@media screen and ( max-height: 768px) {
	#product-slider img {}
	.section .item img {
		width: auto;
		height: 200px;
	}
	.app-section .text {
		margin: 10px 0;
	}
	.about-section {
		padding: 90px 0 20px;
	}
	.social-menu {
		float: right;
		margin-right: 10%;
	}
	.copyright {
		float: left;
	}
	.news-popup .wrapper {
		height: 500px;
	}
}

@media screen and ( max-height: 657px) {
	/*657*/
	.section .title {
		font-size: 3em;
	}
	#product-slider img {
		height: 200px;
		width: auto;
	}
	.section .item img {
		width: auto;
		height: 155px;
	}
	.section .item .text {
		margin: 10px 0;
	}
	.section .item p {
		line-height: 1.2em;
	}
	.section .sub-title {
		margin-bottom: 20px;
		font-size: 1.2em;
	}
	.news-popup .wrapper {
		height: 400px;
	}
}

@media (max-width: 1000px) {
	.header .logo {
		width: auto;
		height: 40px;
		margin: 0;
	}
	.main-nav {
		margin-left: 0;
	}
	.main-nav .menu-item a {
		margin-left: 0px;
	}
	.grid > li {
		width: 50%;
	}
	.list > li {
		width: 50%;
	}
	.float-nav {
		display: none;
	}
}

@media (max-width: 768px) {
	#product-slider img {
		width: 296px;
		height: 274px;
	}
	.border {
		border-top: 1px solid #DAB273;
	}
	.header {
		height: 53px;
	}
	.header .container {
		padding-top: 5px;
	}
	.header .logo {
		height: 36px;
		width: auto;
		float: none;
		margin: 5px auto;
		display: block;
	}
	.header .small .logo {
		height: 45px;
	}
	.top-nav {
		font-size: 1.2em;
		position: fixed;
		right: -200px;
		top: 0;
		bottom: 0;
		width: 200px;
		height: 100%;
		z-index: 200;
		background: white;
		border-left: 1px solid #999;
	}
	.top-nav.active {
		right: 0;
		z-index: 250;
	}
	.header.small .top-nav {
		display: block;
	}
	.top-nav:after {
		position: absolute;
		left: -52px;
		top: 0;
		line-height: 52px;
		height: 52px;
		width: 52px;
		left: -52px;
		font-family: 'FontAwesome';
		content: "\f013";
		font-size: 2em;
		background: #fff;
		text-align: center;
		color: #F90101;
	}
	.top-nav.active:after {
		background: #F90101;
		color: white;
		content: "\f00d";
	}
	.top-nav li {
		float: none;
		margin: 0;
		display: block;
	}
	.top-nav .item {
		display: block;
		margin-left: 0;
		padding: 0px 20px;
		height: 52px;
		line-height: 52px;
		border-bottom: 1px solid #999;
	}
	.top-nav .search-input {
		display: inline-block;
		height: 1.5em;
		font-size: 1em;
	}
	.top-nav .search-item:after {
		right: 26px;
	}
	.top-nav .logout:before,
	.top-nav .login:before,
	.top-nav .sitemap:before {
		margin-right: 20px;
	}
	.main-nav {
		margin: 0;
		position: fixed;
		left: -300px;
		top: 0;
		bottom: 0;
		width: 300px;
		height: 100%;
		z-index: 200;
		background: white;
		border-right: 1px solid #999;
	}
	.header.small .main-nav {
		margin: 0;
	}
	.main-nav.active {
		background: #000000;
		left: 0;
		z-index: 300;
	}
	.main-nav:after {
		position: absolute;
		right: -52px;
		top: 0;
		line-height: 52px;
		height: 52px;
		width: 52px;
		right: -52px;
		font-family: 'FontAwesome';
		content: "\f0c9";
		font-size: 2em;
		background: #000;
		text-align: center;
		color: #DAB273;
	}
	.main-nav.active:after {
		/*background: #DAB273;
		color: white;
		content: "\f00d";*/
		position: absolute;
		right: -52px;
		top: 0;
		line-height: 52px;
		height: 52px;
		width: 52px;
		right: -52px;
		font-family: 'FontAwesome';
		content: "\f0c9";
		font-size: 2em;
		background: #000;
		text-align: center;
		color: #DAB273;
	}
	.main-nav .menu {
		float: none;
	}
	.main-nav .menu-item {
		float: none;
	}
	.main-nav .menu-item a {
		margin-left: 0;
		padding: 0px 20px;
		line-height: 52px;
		height: 52px;
		border-bottom: 1px solid #DAB273;
		color: #DAB273;
	}
	.main-nav .current-menu-item a,
	.main-nav .current-page-ancestor a,
	.main-nav .menu-item a:hover {
		background: #000000;
		color: #DAB273;
	}
	.banner {
		margin-top: 53px;
	}
	.section .item {
		margin-bottom: 31px;
	}
	.app-section .text {
		display: none;
	}
	.home a.bx-prev {
		left: 0;
	}
	.home a.bx-next {
		right: 0;
	}
	.main {
		min-height: 0;
	}
	.contacts .left {
		float: none !important;
		width: 100% !important;
	}
	.contacts .right {
		float: none !important;
		width: 100% !important;
	}
	.contacts .right form {
		width: 100%;
		padding: 2% 10%;
	}
	.product-name {
		width: 100%;
		margin: 0;
		text-align: center;
		padding: 2% 0;
		font-size: 26px;
	}
	.map {
		height: 30% !important;
		text-align: left;
	}
	.map img {
		margin: 0 auto;
		height: 100% !important;
	}
	.tab-pane {
		padding: 20px 0 !important;
	}
	.bx-wrapper {
		position: relative;
		left: 0;
		width: 80%;
	}
	.pages {
		display: inline-block;
		padding-left: 0;
		margin: 20px 160px !important;
		border-radius: 4px;
	}
	.news-lists {
		color: #666;
		margin: 20px auto;
		overflow: hidden;
		zoom: 1;
		background: #F5F5F5;
	}
	.news-lists dt {
		float: left;
		width: 20%;
		/*height: 100%;*/
	}
	.news-lists dt img {
		width: 100%;
	}
	.news-lists dd {
		font-size: 12px;
		color: #666;
		padding: 0 5px !important;
		float: right;
		width: 75%;
	}
	.news-lists dd h1 {
		color: black;
		font-size: 18px;
		padding: 10px 0 !important;
		margin: 0;
	}
	.banner4 {
		position: relative;
	}
	.flexslider .slides img {
		width: 100%;
		display: block;
	}
	.word {
		width: 60% !important;
		height: 80% !important;
		background: black;
		opacity: 0.8;
		position: absolute;
		top: 30px !important;
		left: 35px !important;
		margin: 0 auto !important;
	}
	.word h1 {
		margin-left: 16px !important;
		font-family: "微软雅黑", Helvetica;
		padding: 20px 50px !important;
		margin-top: 10px !important;
		color: white;
		font-size: 20px !important;
		margin-bottom: 0 !important;
	}
	.word p {
		font-family: "微软雅黑", Helvetica;
		width: 70% !important;
		margin: 20px auto !important;
		color: white;
		font-size: 18px !important;
	}
	.word1 {
		width: 60% !important;
		height: 80% !important;
		background: black;
		opacity: 0.8;
		position: absolute;
		top: 30px !important;
		left: 35px !important;
		margin: 0 auto !important;
	}
	.word1 h1 {
		margin-left: 16px !important;
		font-family: "微软雅黑", Helvetica;
		padding: 20px 50px !important;
		margin-top: 10px !important;
		color: white;
		font-size: 20px;
		margin-bottom: 0 !important;
	}
	.word1 p {
		font-family: "微软雅黑", Helvetica;
		width: 70% !important;
		margin: 20px auto !important;
		color: white;
		font-size: 18px !important;
	}
	.word2 {
		width: 60% !important;
		height: 80% !important;
		background: black;
		opacity: 0.8;
		position: absolute;
		top: 30px !important;
		left: 35px !important;
		margin: 0 auto !important;
	}
	.word2 h1 {
		margin-left: 16px !important;
		font-family: "微软雅黑", Helvetica;
		padding: 20px 50px !important;
		margin-top: 10px !important;
		color: white;
		font-size: 20px !important;
		margin-bottom: 0 !important;
	}
	.word2 p {
		font-family: "微软雅黑", Helvetica;
		width: 70% !important;
		margin: 20px auto !important;
		color: white;
		font-size: 18px !important;
	}
	.word3 {
		width: 60% !important;
		height: 80% !important;
		background: black;
		opacity: 0.8;
		position: absolute;
		top: 30px !important;
		left: 35px !important;
		margin: 0 auto !important;
	}
	.word3 h1 {
		margin-left: 16px !important;
		font-family: "微软雅黑", Helvetica;
		padding: 20px 50px !important;
		margin-top: 10px !important;
		color: white;
		font-size: 20px !important;
		margin-bottom: 0 !important;
	}
	.word3 p {
		font-family: "微软雅黑", Helvetica;
		width: 70% !important;
		margin: 20px auto !important;
		color: white;
		font-size: 18px !important;
	}
	.product-tab {
		margin-left: 0px;
	}
	.products {
		position: relative;
		left: 0px;
	}
	.jia,
	.jian {
		visibility: visible;
	}
	#menu-item-660 {
		width: 100%;
		text-align: left;
	}
	.list2 {
		margin-left: 35px;
		position: inherit;
	}
	.list2 li {
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
		text-align: left;
	}
	.list2 li a {
		color: #FFFFFF !important;
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
		line-height: 25px !important;
		height: 25px !important;
	}
	.list2 li a:hover {
		border: none !important;
	}
	.contacts .left .address,
	.contacts .left .phone,
	.contacts .left .fax,
	.contacts .left .email {
		background-size: 4% !important;
	}
	.contacts .left p {
		background-size: 10% !important;
	}
	.map img {
		width: 100%;
		height: 434px !important;
	}
	.biaoti {
		width: 100% !important;
		text-align: center !important;
	}
	.banner h1 {
		font-size: 30px;
		line-height: 40px;
		width: 550px;
		margin: 0 auto;
		position: absolute;
		top: 55%;
		color: #FFFFFF;
		text-align: left;
	}
	.banner h1 span {
		display: block;
		font-size: 18px;
	}
	.about h1,
	.con h1 {
		text-align: right;
	}
	/*.new{
		margin-left: -600px;
	}*/
}

@media (max-width: 480px) {

	.footer .icons img {
		width: 15%;
	}
	.grid > li {
		width: 100%;
	}
	.grid .item {
		height: auto;
	}
	.about-grid .title {
		padding: 95px 0 0 0;
		background-position: center top;
		text-align: center;
	}
	.list > li {
		width: 100%;
	}
	.section .title {
		font-size: 28px;
		text-align: center;
	}
	.section .sub-title {
		font-size: 1.1em;
	}
	.product-tab .tab-list > li {
		width: 50%;
	}
	.product-tab .tab-list a {
		border-bottom: 2px solid #fff;
	}
	.tab-list li:nth-child(2n) a {
		border-right: none;
	}
	.footer .social-menu {
		float: none;
	}
	.news-popup .container {
		margin-top: 55px;
	}
	.news-popup .content {
		padding: 0;
	}
	.news-popup .wrapper {
		padding: 20px;
	}
	.contacts .left {
		float: none !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	.contacts .left ul {
		padding: 0 !important;
		margin: 0 !important;
		text-align: left;
	}
	.contacts .right {
		float: none !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	.contacts .right form {
		margin: 0 auto !important;
		padding: 2%;
		width: 90% !important;
	}
	.contacts .right form p input {
		width: 70%;
	}
	.contacts .right form p textarea {
		width: 70%;
	}
	.map {
		height: 20% !important;
		text-align: left;
	}
	.map img {
		margin: 0 auto;
		height: 100% !important;
	}
	.main {
		position: relative;
	}
	.tab-panel {
		width: 100%;
	}
	.product-tab .pre p {
		font-size: 14px;
		line-height: 25px;
		background-size: 2%;
		margin: 0;
	}
	.product-tab .tab-list > li {
		width: 33.3%;
	}
	.product-tab .pre .product {
		width: 100%;
		font-size: 12px !important;
	}
	.pages {
		display: inline-block;
		padding-left: 0;
		margin: 20px !important;
		border-radius: 4px;
	}
	.banner4 {
		position: relative;
	}
	.flexslider .slides img {
		width: inherit;
		display: block;
		height: 600px;
	}
	.word {
		width: 95% !important;
		height: 30% !important;
		background: black;
		opacity: 0.8;
		position: absolute;
		top: 380px !important;
		left: 10px !important;
		margin: 0 auto !important;
	}
	.word h1 {
		margin-left: 10px !important;
		font-family: "微软雅黑", Helvetica;
		padding: 20px 40px !important;
		margin-top: 20px !important;
		color: white;
		font-size: 22px !important;
	}
	.word p {
		font-family: "微软雅黑", Helvetica;
		width: 70% !important;
		margin: 0 auto !important;
		color: white;
		font-size: 14px !important;
		line-height: 20px;
	}
	.word1 {
		width: 95% !important;
		height: 30% !important;
		background: black;
		opacity: 0.8;
		position: absolute;
		top: 380px !important;
		left: 10px !important;
		margin: 0 auto !important;
	}
	.word1 h1 {
		margin-left: 10px !important;
		font-family: "微软雅黑", Helvetica;
		padding: 20px 40px !important;
		margin-top: 20px !important;
		color: white;
		font-size: 22px;
	}
	.word1 p {
		font-family: "微软雅黑", Helvetica;
		width: 70% !important;
		margin: 0 auto !important;
		color: white;
		font-size: 14px !important;
		line-height: 20px;
	}
	.word2 {
		width: 95% !important;
		height: 30% !important;
		background: black;
		opacity: 0.8;
		position: absolute;
		top: 380px !important;
		left: 10px !important;
		margin: 0 auto !important;
	}
	.word2 h1 {
	
		font-family: "微软雅黑", Helvetica;
		padding: 20px !important;
		margin-top: 20px !important;
		color: white;
		font-size: 22px !important;
	}
	.word2 p {
		font-family: "微软雅黑", Helvetica;
		width: 70% !important;
		margin: 0 auto !important;
		color: white;
		font-size: 14px !important;
		line-height: 20px;
	}
	.word3 {
		width: 95% !important;
		height: 30% !important;
		background: black;
		opacity: 0.8;
		position: absolute;
		top: 380px !important;
		left: 10px !important;
		margin: 0 auto !important;
	}
	.word3 h1 {
		font-family: "微软雅黑", Helvetica;
		padding: 20px 35px !important;
		margin-top: 20px !important;
		color: white;
		font-size: 22px !important;
	}
	.word3 p {
		font-family: "微软雅黑", Helvetica;
		width: 70% !important;
		margin: 0 auto !important;
		color: white;
		font-size: 14px !important;
		line-height: 20px;
	}
	.row {
		padding-top: 10px;
	}
	.products {
		margin-left: 0px !important;
	}
	.products a.bx-next {
		right: 0px;
	}
	.header.small .logo {
		height: 40px;
	}
	.footer .footer-left {
		float: none;
		width: 100%;
	}
	.footer .logo {
		float: none;
		margin-left: 30px;
	}
	.footer .footer-right {
		text-align: center;
		float: none;
		width: 100%;
	}
	.footer .footer-right .icons {
		text-align: center;
		width: 100%;
		margin-top: 20px;
	}
	.footer .footer-right img {
		margin: 0;
	}
	.footer .rows span {
		display: block;
		text-align: center;
	}
	.biaoti {
		display: block;
		width: 100% !important;
	}
	.product-description .detail {
		text-align: center;
	}
	.product-name {
		width: 100%;
	}
	.products a.bx-prev {
		left: -10px;
	}
	.contacts {
		margin-top: 30px !important;
	}
	.contacts .left li.phone span,
	.contacts .left p span {
		color: white;
	}
	.contacts .left ul {
		height: 260px;
		padding: 5px !important;
	}
	.contacts .left li {
		line-height: 30px !important;
		padding-left: 20px !important;
	}
	.contacts .left p {
		margin-top: 20px;
		background-size: 20% !important;
	}
	.map {
		height: 207px !important;
	}
	.map img {
		width: 345px;
		height: 207px !important;
	}
	.news-lists dt,
	.news-lists dd {
		float: none !important;
		width: 100% !important;
	}
	.news-lists dd a {
		margin-bottom: 10px;
	}
	.breadcrumbs {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#menu-item-660 {
		width: 100% !important;
		/*border-bottom: 1px solid #DAB273;*/
	}
	.list2 {
		border: none !important;
		margin-left: 35px;
		font-size: 12px;
		width: 140px;
		padding: 0 0 20px 0 !important;
		color: #FFFFFF;
		text-align: center;
	}
	.list2 li {
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
		text-align: left;
	}
	.list2 li a {
		color: #FFFFFF !important;
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
		line-height: 25px !important;
		height: 25px !important;
	}
	.list2 li a:hover {
		border: none !important;
	}
	
	.product td,
	.product th {
		line-height: 20px;
		padding: 5px 0;
	}
	.pre th span,
	.pre td span {
		display: block;
		line-height: 10px;
	}
	.jia,
	.jian {
		visibility: visible;
	}
	.banner h1 {
		font-size: 24px;
		line-height: 30px;
		position: absolute;
		top: 55%;
		left: 2%;
		color: #FFFFFF;
		text-align: left;
	}
	.banner h1 span {
		display: block;
		font-size: 16px;
	}
	.about h1 {
		position: absolute;
		left: 1%;
	}
	.about h1 span {
		font-size: 14px;
	}
	.pro {
		margin-left: -200px;
	}
	.con {
		margin-left: -100px;
	}
	.con h1 {
		text-align: right;
		position: absolute;
		left: -30%;
	}
	.pro h1 {
		position: absolute;
		left: 40%;
	}
	.contacts .right .sub {
		width: 70px !important;
		border: none !important;
		height: 40px;
		line-height: 40px;
		color: #666;
		background: #DDDDDD;
	}
	/*.wx {
		visibility: visible !important;
		position: absolute;
		left: 50% !important;
	}*/
	#jiathis_weixin_modal {
		position: fixed;
		left: 55% !important;
		width: 90%;
		margin: 0 auto;
	}
	#product-images-slider img{
		width: 296px;
		height: 274px;
	}

}

@media screen and (max-width:375px ) {
	#product-images-slider img{
		width: 276px;
		height: 254px;
	}
}

@media (max-width: 320px) {
	#product-images-slider img {
		width: 250px !important;
		height: 231px !important;
	}
	#product-slider img{
		width: 250px !important;
		height: 231px !important;
	}
	.word {
		width: 90% !important;
		height: 30% !important;
		background: black;
		opacity: 0.8;
		position: absolute;
		top: 360px !important;
		left: 15px !important;
		margin: 0 auto !important;
	}
	.word h1 {
		font-family: "微软雅黑", Helvetica;
		padding: 10px 0 0 35px !important;
		color: white;
		font-size: 22px !important;
		margin-bottom: 0 !important;
	}
	.word p {
		font-family: "微软雅黑", Helvetica;
		width: 70% !important;
		margin: 30px auto !important;
		color: white;
		font-size: 14px !important;
		line-height: 20px;
	}
	.word1 {
		width: 95% !important;
		height: 30% !important;
		background: black;
		opacity: 0.8;
		position: absolute;
		top: 360px !important;
		left: 10px !important;
		margin: 0 auto !important;
	}
	.word1 h1 {
		font-family: "微软雅黑", Helvetica;
		padding: 10px 0 0 35px !important;
		color: white;
		font-size: 22px;
	}
	.word1 p {
		font-family: "微软雅黑", Helvetica;
		width: 70% !important;
		margin: 30px auto !important;
		color: white;
		font-size: 14px !important;
		line-height: 20px;
	}
	.word2 {
		width: 95% !important;
		height: 30% !important;
		background: black;
		opacity: 0.8;
		position: absolute;
		top: 360px !important;
		left: 10px !important;
		margin: 0 auto !important;
	}
	.word2 h1 {
		width: 100%;
		font-family: "微软雅黑", Helvetica;
		padding: 10px 0 0 0px !important;
		color: white;
		font-size: 22px !important;
	}
	.word2 p {
		font-family: "微软雅黑", Helvetica;
		width: 70% !important;
		margin: 30px auto !important;
		color: white;
		font-size: 14px !important;
		line-height: 20px;
	}
	.word3 {
		width: 95% !important;
		height: 30% !important;
		background: black;
		opacity: 0.8;
		position: absolute;
		top: 360px !important;
		left: 10px !important;
		margin: 0 auto !important;
	}
	.word3 h1 {
		font-family: "微软雅黑", Helvetica;
		padding: 10px 0 0 35px !important;
		color: white;
		font-size: 22px !important;
	}
	.word3 p {
		font-family: "微软雅黑", Helvetica;
		width: 70% !important;
		margin: 30px auto !important;
		color: white;
		font-size: 14px !important;
		line-height: 20px;
	}
	.product-description .biaoti {
		margin-top: 0px;
	}
	.product-name {
		font-size: 18px !important;
	}
	.footer .footer-left {
		height: 60px;
		padding: 0;
	}
	.footer .rows {
		padding: 10px 0;
	}
	.footer .rows span {
		display: block;
		text-align: center;
	}
	.footer .footer-right .icons {
		text-align: center;
	}
	.footer .icons img {
		margin: 0;
	}
	.footer .logo {
		float: none;
		margin-left: 20px;
	}
	.products {
		margin: 0 !important;
	}
	.products a.bx-next {
		right: -30px;
	}
	.products a.bx-prev {
		left: -20px;
	}
	.sidebar {
		padding-top: 0px;
	}
	.contacts {
		margin-top: 30px !important;
	}
	.contacts .left ul {
		height: 260px;
	}
	.contacts .left li {
		line-height: 30px !important;
		padding-left: 20px !important;
		font-size: 12px;
	}
	.contacts .left p {
		margin-top: 20px;
		background-size: 25% !important;
	}
	.map {
		height: 174px !important;
	}
	.map img {
		width: 290px;
		height: 174px !important;
	}
	.contact label {
		width: 60px !important;
	}
	.pages {
		margin: 20px 0 !important;
	}
	.banner h1 {
		font-size: 22px;
		line-height: 25px;
		position: absolute;
		top: 55%;
		left: 2%;
		color: #FFFFFF;
		text-align: left;
	}
	.banner h1 span {
		display: block;
		font-size: 16px;
	}
	.about {
		margin-left: -100px !important;
	}
	.about h1 {
		position: absolute;
		left: 25%;
		font-size: 20px;
	}
	.about h1 span {
		font-size: 12px !important;
	}
	.pro {
		margin-left: -200px;
	}
	.con {
		margin-left: -100px;
	}
	.con h1 {
		text-align: right;
		position: absolute;
		left: -40%;
	}
	.pro h1 {
		position: absolute;
		left: 40%;
	}
	/*.new{
		margin-left: -850px;
	}*/
	.product-tab .pre .product {
		width: 100%;
		font-size: 12px !important;
	}
	.contacts .right .sub {
		-webkit-appearance: none;
		width: 70px !important;
		border: none !important;
		height: 40px;
		line-height: 40px;
		color: #666;
		background: #DDDDDD;
		margin-left: 70px !important;
	}
}

@media (min-width: 992px) {
	.main .table-responsive .product-table td .title {
		display: none;
	}
	.main .table-responsive .product-table td.text-center {
		position: relative;
	}
	.main .table-responsive .product-table td.text-center:hover .mask {
		display: block;
	}
	.main .table-responsive .product-table .img-responsive {
		width: 85%;
		margin: auto;
	}
}

@media (max-width: 1440px) {
	.footer .logo {
		max-width: 250px;
	}
}

@media (width: 1024px) {
	.header .logo {
		width: 170px;
		margin-top: 20px;
	}
	.main-nav {
		margin-left: 0px;
	}
	.header.small .logo {
		margin-top: 0;
	}
	.word {
		width: 60% !important;
		height: 30% !important;
		background: black;
		opacity: 0.8;
		position: absolute;
		top: 360px !important;
		left: 0px !important;
		margin: 0 auto !important;
	}
	.word h1 {
		font-family: "微软雅黑", Helvetica;
		padding: 20px 0 !important;
		margin-top: 0 !important;
		color: white;
		font-size: 22px;
		margin-bottom: 0 !important;
	}
	.word p {
		font-family: "微软雅黑", Helvetica;
		width: 70% !important;
		margin: 0 auto !important;
		color: white;
		font-size: 14px !important;
	}
	.word1 {
		width: 60% !important;
		height: 30% !important;
		background: black;
		opacity: 0.8;
		position: absolute;
		top: 360px !important;
		left: 0px !important;
		margin: 0 auto !important;
	}
	.word1 h1 {
		font-family: "微软雅黑", Helvetica;
		padding: 20px 0px !important;
		margin-top: 20px !important;
		color: white;
		font-size: 22px;
	}
	.word1 p {
		font-family: "微软雅黑", Helvetica;
		width: 70% !important;
		margin: 0 auto !important;
		color: white;
		font-size: 14px !important;
	}
	.word2 {
		width: 60% !important;
		height: 30% !important;
		background: black;
		opacity: 0.8;
		position: absolute;
		top: 360px !important;
		left: 0px !important;
		margin: 0 auto !important;
	}
	.word2 h1 {
		font-family: "微软雅黑", Helvetica;
		padding: 20px 0px !important;
		margin-top: 20px !important;
		color: white;
		font-size: 22px !important;
		text-align: left;
	}
	.word2 p {
		font-family: "微软雅黑", Helvetica;
		width: 70% !important;
		margin: 0 auto !important;
		color: white;
		font-size: 14px !important;
	}
	.word3 {
		width: 60% !important;
		height: 30% !important;
		background: black;
		opacity: 0.8;
		position: absolute;
		top: 360px !important;
		left: 0px !important;
		margin: 0 auto !important;
	}
	.word3 h1 {
		font-family: "微软雅黑", Helvetica;
		padding: 20px 0px !important;
		margin-top: 20px !important;
		color: white;
		font-size: 22px;
	}
	.word3 p {
		font-family: "微软雅黑", Helvetica;
		width: 70% !important;
		margin: 0 auto !important;
		color: white;
		font-size: 14px !important;
	}
	.contacts ul {
		padding-top: 10px !important;
	}
}

@media (width: 1366px) {
	.header .logo {
		width: 170px;
		margin-top: 20px;
	}
	.main-nav {
		margin-left: 0px;
	}
	.header.small .logo {
		margin-top: 0;
	}
	.word {
		width: 60% !important;
		height: 30% !important;
		background: black;
		opacity: 0.8;
		position: absolute;
		top: 360px !important;
		left: 0px !important;
		margin: 0 auto !important;
	}
	.word h1 {
		font-family: "微软雅黑", Helvetica;
		padding: 20px 0 !important;
		margin-top: 0 !important;
		color: white;
		font-size: 22px;
		margin-bottom: 0 !important;
	}
	.word p {
		font-family: "微软雅黑", Helvetica;
		width: 70% !important;
		margin: 0 auto !important;
		color: white;
		font-size: 14px !important;
	}
	.word1 {
		width: 60% !important;
		height: 30% !important;
		background: black;
		opacity: 0.8;
		position: absolute;
		top: 360px !important;
		left: 0px !important;
		margin: 0 auto !important;
	}
	.word1 h1 {
		font-family: "微软雅黑", Helvetica;
		padding: 20px 0px !important;
		margin-top: 20px !important;
		color: white;
		font-size: 22px;
	}
	.word1 p {
		font-family: "微软雅黑", Helvetica;
		width: 70% !important;
		margin: 0 auto !important;
		color: white;
		font-size: 14px !important;
	}
	.word2 {
		width: 60% !important;
		height: 30% !important;
		background: black;
		opacity: 0.8;
		position: absolute;
		top: 360px !important;
		left: 0px !important;
		margin: 0 auto !important;
	}
	.word2 h1 {
		font-family: "微软雅黑", Helvetica;
		padding: 20px 0px !important;
		margin-top: 20px !important;
		color: white;
		font-size: 22px !important;
		text-align: left;
	}
	.word2 p {
		font-family: "微软雅黑", Helvetica;
		width: 70% !important;
		margin: 0 auto !important;
		color: white;
		font-size: 14px !important;
	}
	.word3 {
		width: 60% !important;
		height: 30% !important;
		background: black;
		opacity: 0.8;
		position: absolute;
		top: 360px !important;
		left: 0px !important;
		margin: 0 auto !important;
	}
	.word3 h1 {
		font-family: "微软雅黑", Helvetica;
		padding: 20px 0px !important;
		margin-top: 20px !important;
		color: white;
		font-size: 22px;
	}
	.word3 p {
		font-family: "微软雅黑", Helvetica;
		width: 70% !important;
		margin: 0 auto !important;
		color: white;
		font-size: 14px !important;
	}
	.contacts ul {
		padding-top: 10px !important;
	}
}

@media (max-height: 480px) {
	.news-popup .wrapper {
		height: 320px;
	}
	.news-popup .container {
		margin-top: 55px;
	}
}

@media (max-height: 320px) {
	.news-popup .wrapper {
		height: 220px;
	}
}


@media only screen and (min-width: 500px) and (max-width: 1920px) {
	.weixin{
		width: 25%;
		margin: 0 auto;
		border: 1px solid #E9E9E9;
		padding-bottom: 30px;
	}
}