/* 网站头部 */

@media screen and (max-width:768px) {
	.mobile-none {
		display: none !important;
	}

	.mobile-block {
		display: block !important;
	}

	.fix-top {
		position: fixed;
		height: 100px;
		width: 100%;
		top: 0px;
		z-index: 999;
		background: #fff;
	}

	.fix-h {
		height: 100px;
	}

	.header-w {
		height: 100px;
		width: 100%;
		position: relative;
		display: flex;
		justify-content: space-between;
		margin: 0px auto;
	}

	.header-w .logo-img img {
		margin-top: 10px;
		width: 250px;
	}

	.main-dh {
		width: 1200px;
		margin: 0px auto;
		position: relative;
	}

	.header_mid {
		position: absolute;
		border-top: 1px solid red;
		top: 0px;
		left: 0px;
		z-index: 1999;
		width: 100%;
		background: #fff;
	}

	.header_mid>li {
		width: 100%;
		padding: 10px 15px;
	}

	.header_mid>li>a {
		color: #000;
		font-weight: 600;
		font-size: 20px;
		display: block;
		line-height: 40px;
	}

	.header_mid>li:hover a {
		color: red;
	}

	.header_mid>li a.active {
		display: block;
		color: red;
	}


	.guoqi {
		position: absolute;
		right: 10px;
		top: 10px;
		width: 60px;
		display: flex;
		justify-content: space-between;
	}

	.guoqi img {
		height: 20px;
		width: 30px;
	}

	.guoqi .right1 {
		width: 25px;
	}

	.guoqi .right2 {
		width: 25px;
	}

	.title-main {
		margin-bottom: 10px;
		width: 100%;
		text-align: center;
		padding-top: 80px;
		overflow: hidden;
	}

	.title-main .title-ch {
		font-size: 30px;
		height: 40px;
		display: inline;
	}

	.title-main .title-en {
		margin-left: 10px;
		line-height: 40px;
		font-size: 18px;
		display: inline;
	}

	/* banner图 */
	.banner {
		width: 100%;
	}

	.banner img {
		max-width: 100%;
	}

	.banner .swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: 20px;
	}

	.banner .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		opacity: 1;
		background: #afb2c0;
		border-radius: 100%;
	}

	.banner .swiper-pagination-bullet-active {
		width: 50px;
		height: 8px;
		border-radius: 4px;
		opacity: 1;
		background: #cacbd5;
	}

	/* 首页产品 */
	.pro-list {
		margin-top: 50px;
	}

	.pro-list .pro-img {
		background: #2c3189;
		width: 85px;
		height: 85px;
		border-radius: 50%;
		margin: 0 auto;
		text-align: center;
		line-height: 85px;
	}

	.pro-list .pro-img img {
		width: 35px;
	}

	.pro-title {
		margin-top: 20px;
		font-size: 15px;
		font-style: normal;
		line-height: 21px;
		color: #2c3189;
	}

	.pro-list a {
		color: #000000;
	}

	.pro-list .pro-detail {
		width: 100%;
		font-size: 14px;
		line-height: 21px;
		margin-top: 10px;
		margin-bottom: 40px;
	}
	.position {
		width: 100%;
		margin-top: 10px;
		font-size: 20px;
		color: #2b2b2b;
		display: flex !important;
		justify-content: flex-end;
		display: none !important;
	}

	.position a {
		font-size: 20px;
		padding-left: 20px;
		padding-right: 20px;
		color: #2b2b2b;
	}

	.position a:nth-child(2) {
		display: none;
	}
	.ny-img{
		width: 100%;
	}
	.ny-img img{
		width: 100%;
	}
	/* 首页关于我们 */
	.about {
		background: url('../images/bg02.jpg') center 0 no-repeat;
		background-size: cover;
		padding: 50px 0 50px 0;
		margin-top: 50px;
	}

	.about h1 {
		font-size: 24px;
		font-style: normal;
		font-weight: bold;
		color: #2c3189;
	}

	.about .line02 {
		padding-top: 3px;
		width: 25px;
		margin-left: 4%;
		margin-bottom: 20px;
		border-bottom: 2px solid #2c3189;
	}

	.about strong {
		color: #333;
		font-size: 16px;
		font-weight: 700;
		margin: 0 0 10px;
		display: block;
	}

	.about p {
		font-size: 15px;
		font-style: normal;
		line-height: 21px;
		margin: 0 0 10px;
	}

	.about-more {
		overflow: hidden;
		margin-bottom: 10px;
	}

	.about-more a {
		height: 30px;
		width: 100px;
		float: right;
		text-align: center;
		line-height: 30px;
		font-size: 14px;
		background-color: #0062CC;
		color: #fff;
	}

	.about-more a:hover {
		color: #fff;
	}

	/* 底部 */
	#bg03 {
		background: #dfa535;
		margin: 0 auto;
		padding: 50px 0 50px 0;
	}

	p {
		margin: 0 0 10px;
	}

	.num a,
	.num a:link,
	.num a:hover {
		color: #272727;
		text-decoration: none;
	}

	#bg03 h2 {
		font-size: 16px;
		color: #272727;
		text-transform: uppercase;
		font-weight: bold;
		padding-bottom: 10px;
	}

	#bg03 p {
		font-size: 15px;
		font-style: normal;
		line-height: 21px;
		color: #272727;
	}

	.boxbelow a {
		color: #272727;
	}

	#bg03 p.add {
		padding-left: 41px;
		text-indent: -3px;
		text-align: left;
	}

	#bg03 span.add {
		margin-left: -40px;
		margin-right: 10px;
	}

	#bg03 .add a {
		/* color: #c6c6c6; */
		color: #272727;
	}

	#contactForm2 input {
		font-size: 11px;
		line-height: 13px;
		background: #363636;
		/* color: #b3b3b3; */
		color: #272727;
		padding: 6px 10px;
		width: 100%;
		border: none;
		margin-bottom: 6px;
	}

	#contactForm2 textarea {
		font-size: 11px;
		line-height: 13px;
		background: #363636;
		/* color: #b3b3b3;
		color: #272727; */
		padding: 6px 10px;
		width: 100%;
		border: none;
		margin-bottom: 6px;
	}

	.center {
		margin: 0 auto;
		text-align: center;
	}

	#contactForm2 #submit {
		width: 50%;
		font-size: 11px;
		line-height: 13px;
		padding: 6px 10px;
		margin: 0 auto;
		color: #FFF;
		background: #F00;
		text-align: center;
		border: none;
	}

	.cen-foot {
		width: 100%;
	}

	.cen-flet {
		margin-top: 30px;
		width: 100%;
	}

	.cen-right {
		margin-top: 30px;
		width: 100%;
	}

	.cen-right p {
		padding-bottom: 10px;
	}

	/* 尾部 */
	footer {
		padding: 25px 0;
	}

	footer .copyright {
		margin-top: 10px;
		color: #272727;
		text-align: center;
		font-size: 16px;
	}

	footer p,
	footer p a {
		color: #282828;

		font-size: 16px;
		line-height: 15px;
	}

	.addfoot {
		display: flex;
		width: 100%;
		margin-bottom: 5px;
	}

	.addfoot-lable {
		width: 65px;
	}

	.add-xx {
		flex: 1;
	}

	.foot-dh {
		width: 100%;
		overflow: hidden;
	}

	.foot-dh a {
		display: block;
		height: 30px;
		width: 50%;
		float: left;
		margin-bottom: 10px;
	}

}

@media screen and (min-width:768px) {
	.mobile-none {
		display: block !important;
	}
	.position {
		width: 100%;
		margin-top: 10px;
		font-size: 20px;
		color: #2b2b2b;
		display: flex !important;
		justify-content: flex-end;
	}

	.position a {
		font-size: 20px;
		padding-left: 20px;
		padding-right: 20px;
		color: #2b2b2b;
	}

	.position a:nth-child(2) {
		display: none;
	}
	.ny-img{
		height: 300px;
		width: 100%;
	}
	.ny-img img{
		height: 300px;
		width: 100%;
	}
	.mobile-block {
		display: none !important;
	}

	.fix-top {
		position: fixed;
		height: 150px;
		width: 100%;
		top: 0px;
		z-index: 999;
		background: #fff;
	}

	.fix-h {
		height: 150px;
	}

	.header-w {
		height: 150px;
		width: 1200px;
		position: relative;
		display: flex;
		justify-content: space-between;
		margin: 0px auto;
	}

	.header-w .logo-img img {
		margin-top: 10px;
		height: 120px;
	}

	.main-dh {
		width: 1200px;
		margin: 0px auto;
		position: relative;
	}

	.header_mid {
		position: absolute;
		border-top: 1px solid red;
		top: 0px;
		left: 0px;
		z-index: 1999;
		width: 100%;
		background: #fff;
	}

	.header_mid>li {
		width: 100%;
		padding: 10px 15px;
	}

	.header_mid>li>a {
		color: #000;
		font-weight: 600;
		font-size: 20px;
		display: block;
		line-height: 40px;
	}

	.header_mid>li:hover a {
		color: red;
	}

	.header_mid>li a.active {
		display: block;
		color: red;
	}


	.guoqi {
		position: absolute;
		right: 10px;
		top: 10px;
		width: 60px;
		display: flex;
		justify-content: space-between;
	}

	.guoqi img {
		height: 20px;
		width: 30px;
	}

	.guoqi .right1 {
		width: 25px;
	}

	.guoqi .right2 {
		width: 25px;
	}

	.title-main {
		margin-bottom: 10px;
		width: 100%;
		text-align: center;
		padding-top: 80px;
		overflow: hidden;
	}

	.title-main .title-ch {
		font-size: 30px;
		height: 40px;
		display: inline;
	}

	.title-main .title-en {
		margin-left: 10px;
		line-height: 40px;
		font-size: 18px;
		display: inline;
	}

	/* banner图 */
	.banner {
		width: 100%;
	}

	.banner img {
		max-width: 100%;
	}

	.banner .swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: 20px;
	}

	.banner .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		opacity: 1;
		background: #afb2c0;
		border-radius: 100%;
	}

	.banner .swiper-pagination-bullet-active {
		width: 50px;
		height: 8px;
		border-radius: 4px;
		opacity: 1;
		background: #cacbd5;
	}

	/* 首页产品 */
	.pro-list {
		margin-top: 50px;
	}

	.pro-list .pro-img {
		background: #2c3189;
		width: 85px;
		height: 85px;
		border-radius: 50%;
		margin: 0 auto;
		text-align: center;
		line-height: 85px;
	}

	.pro-list .pro-img img {
		width: 35px;
	}

	.pro-title {
		margin-top: 20px;
		font-size: 15px;
		font-style: normal;
		line-height: 21px;
		color: #2c3189;
	}

	.pro-list a {
		color: #000000;
	}

	.pro-list .pro-detail {
		width: 500px;
		margin: 0 auto;
		text-align: center;
		font-size: 14px;
		line-height: 21px;
		margin-top: 10px;
		margin-bottom: 40px;
	}

	/* 首页关于我们 */
	.about {
		background: url('../images/bg02.jpg') center 0 no-repeat;
		background-size: cover;
		padding: 50px 0 50px 0;
		margin-top: 50px;
	}

	.about h1 {
		font-size: 24px;
		font-style: normal;
		font-weight: bold;
		color: #2c3189;
	}

	.about .line02 {
		padding-top: 3px;
		width: 25px;
		margin-left: 4%;
		margin-bottom: 20px;
		border-bottom: 2px solid #2c3189;
	}

	.about strong {
		color: #333;
		font-size: 16px;
		font-weight: 700;
		margin: 0 0 10px;
		display: block;
	}

	.about p {
		font-size: 15px;
		font-style: normal;
		line-height: 21px;
		margin: 0 0 10px;
	}

	.about-more {
		overflow: hidden;
		margin-bottom: 10px;
	}

	.about-more a {
		height: 30px;
		width: 100px;
		float: right;
		text-align: center;
		line-height: 30px;
		font-size: 14px;
		background-color: #0062CC;
		color: #fff;
	}

	.about-more a:hover {
		color: #fff;
	}

	/* 底部 */
	#bg03 {
		background: #dfa535;
		margin: 0 auto;
		padding: 50px 0 50px 0;
	}

	p {
		margin: 0 0 10px;
	}

	.num a,
	.num a:link,
	.num a:hover {
		color: #272727;
		text-decoration: none;
	}

	#bg03 h2 {
		font-size: 16px;
		color: #272727;
		text-transform: uppercase;
		font-weight: bold;
		padding-bottom: 10px;
	}

	#bg03 p {
		font-size: 15px;
		font-style: normal;
		line-height: 21px;
		color: #272727;
	}

	.boxbelow a {
		color: #272727;
	}

	#bg03 p.add {
		padding-left: 41px;
		text-indent: -3px;
		text-align: left;
	}

	#bg03 span.add {
		margin-left: -40px;
		margin-right: 10px;
	}

	#bg03 .add a {
		/* color: #c6c6c6; */
		color: #272727;
	}

	#contactForm2 input {
		font-size: 11px;
		line-height: 13px;
		background: #363636;
		/* color: #b3b3b3; */
		color: #272727;
		padding: 6px 10px;
		width: 100%;
		border: none;
		margin-bottom: 6px;
	}

	#contactForm2 textarea {
		font-size: 11px;
		line-height: 13px;
		background: #363636;
		/* color: #b3b3b3;
		color: #272727; */
		padding: 6px 10px;
		width: 100%;
		border: none;
		margin-bottom: 6px;
	}

	.center {
		margin: 0 auto;
		text-align: center;
	}

	#contactForm2 #submit {
		width: 50%;
		font-size: 11px;
		line-height: 13px;
		padding: 6px 10px;
		margin: 0 auto;
		color: #FFF;
		background: #F00;
		text-align: center;
		border: none;
	}

	.cen-foot {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}

	.cen-flet {
		flex: 1;
	}

	.cen-right {
		margin-left: 20px;
		width: 180px;
	}

	.cen-right p {
		padding-bottom: 10px;
	}

	/* 尾部 */
	footer {
		padding: 25px 0;
	}

	.foot-dh {
		width: 100%;
		overflow: hidden;
	}

	.foot-dh a {
		padding: 0 20px 0 20px;
	}

	footer .copyright {
		margin-top: 10px;
		color: #272727;
		text-align: center;
		font-size: 16px;
	}

	footer p,
	footer p a {
		color: #282828;

		font-size: 16px;
		line-height: 15px;
	}

	.addfoot {
		display: flex;
		width: 100%;
		margin-bottom: 5px;
	}

	.addfoot-lable {
		width: 60px;
	}

	.add-xx {
		flex: 1;
	}
}