/* 关于我们 */

@media screen and (max-width:768px) {
	.box02 {
		overflow: hidden;
	}

	.box02 ul {
		width: 100%;
	}

	.box02 ul li {
		list-style-type: disc;
		padding: 0 0 0 10px;
		font-size: 15px;
		line-height: 30px;
	}

	.box02 ul li a {
		color: #000;
	}

	.page-about-detail p {
		line-height: 30px;
		font-size: 16px;
	}

	.name-a {
		font-size: 20px;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.img-zs {
		height: 380px;
		text-align: center;
		line-height: 380px;
	}

	.img-zs img {
		height: 380px;
		max-width: 100%;
		padding: 10px;
	}

	.about-page {
		overflow: hidden;
	}

	.about-page .marg5003 {
		margin: 50px 0;
	}

	.cen {
		padding: 50px 0;
	}

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

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

	#bg04 {
		background: #eff9fe;
		padding: 50px 5px;
	}

	.button01 {
		background: #2c3189;
		padding: 5px 10px;
		color: #FFFFFF;
		font-size: 15px;
		margin: 0 auto;
		text-align: center;
		width: 30%;
		position: relative;
		top: 30%;
	}

	.button01 a {

		color: #FFFFFF;
	}

	.box01 {
		width: 100%;
		padding: 20px;
		margin: 0 auto;
	}

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

	.box02 {
		width: 100%;
		padding: 20px 25px;
		margin: 0 auto;
		text-align: left;
	}

	.marg2001 {
		margin-top: 20px;
	}


	/* 产品 */
	.pro-page {
		margin: 30px 0 30px 0;
	}

	.pro-left {
		width: 100%;
	}

	.pro-right {
		flex: 1;
	}

	.topname {
		font-size: 20px;
		background: #dfa535;
		font-weight: 600;
		line-height: 40px;
		text-align: center;
		color: #272727;
	}

	.prodh {
		margin-top: 20px;
	}

	.prodh li {
		padding: 0 10px;
		background: rgb(240 237 237);
		border-bottom: 1px dashed darkgray;
		line-height: 40px;
	}

	.prodh li:hover {
		background-color: #dfa535 !important;
	}

	.active-left {
		background-color: #dfa535 !important;
	}

	.prodh li a {
		color: #272727;
		display: block;
	}

	.left-con {
		display: none;
		background: rgb(240 237 237);
		width: 100%;
		margin-top: 30px;
	}

	.left-con h2 {
		text-align: center;
		background: #dfa535;
		line-height: 60px;
		display: block;
		margin-bottom: 10px;
		font-size: 20px;
	}

	.add-left {
		padding: 5px;
		border-bottom: 1px dashed darkgray;

	}

	.add-left .lable {
		margin-bottom: 10px;
	}

	.add-left .xx {
		line-height: 25px;
	}

	.add-left1 {
		padding: 5px;
		padding-bottom: 5px;
		border-bottom: 1px dashed darkgray;
		overflow: hidden;
	}

	.p-xxl {
		padding-left: 128px;
	}

	.pro-main {
		overflow: hidden;
		width: 100%;
	}


	.pro-main .proname {
		margin-bottom: 20px;
		padding-bottom: 10px;
		width: 100%;
		font-size: 30px;
		border-bottom: 1px solid darkblue;
	}

	.pro-main .description {
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.pro-main .item {
		margin-bottom: 20px;
		width: 100%;
	}

	.pro-main .img {
		overflow: hidden;
		height: 150px;
		width: 100%;
		line-height: 150px;
		border: 1px solid darkgray;
		text-align: center;
	}

	.pro-main .xqimg {
		overflow: hidden;
		height: 260px;
		width: 100%;
		line-height: 260px;
		text-align: center;
	}

	.pro-main .xqimg img {
		height: 260px;
		width: 100%;
	}

	.pro-main .img img {
		height: 150px;
		width: 100%;
	}


	.pro-main .case-img {
		overflow: hidden;
		height: 260px;
		width: 100%;
		border: 1px solid darkgray;
		line-height: 258px;
		text-align: center;
	}

	.pro-main .case-img img {
		height: 260px;
		width: 100%;
	}

	.pro-main .title {
		margin-top: 5px;
		height: 40px;
		width: 100%;
		line-height: 40px;
		text-align: center;
		background: #333;
	}

	.pro-main .title a {
		color: #fff;
		font-size: 16px;
		display: block;
	}

	.imglist {
		margin-bottom: 20px;
	}

	.pro-detail {
		width: 100%;
	}

	.pro-detail img {
		max-width: 100%;
	}

	.pro-detail table {
		margin: 0 auto;
		border: 1px solid darkgray;
	}

	.pro-detail td {
		border: 1px solid darkgray;
	}

	/* 联系我们 */
	.contact {
		margin-top: 50px;
	}

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

	.contact .box01 {
		width: 100%;
		padding: 20px;
		margin: 0 auto;
		border: 1px solid #2c3189;
	}

	.contact .blue01 {
		color: #2c3189;
	}

	.contact .box01 img {
		width: 100%;
		height: auto;
		max-width: 800px;
	}

	.contact #bg04 {
		background: #eff9fe;
	}

	.cadd p {
		line-height: 30px;
	}

	.cadd strong {
		font-size: 20px;
	}

	.contact .pad2001 {
		padding: 20px;
	}

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

	.contact #contactForm input {
		font-size: 13px;
		line-height: 16px;
		background: #eff9fe;
		color: #2b2b2b;
		padding: 15px 10px;
		width: 100%;
		border: none;
		margin-bottom: 6px;
	}

	.contact #contactForm textarea {
		font-size: 13px;
		line-height: 16px;
		background: #eff9fe;
		color: #2b2b2b;
		padding: 15px 10px;
		width: 100%;
		border: none;
		margin-bottom: 6px;
	}

	.contact #contactForm #submit,
	#contactForm #reset,
	#back {
		width: 100%;
		color: #FFF;
		background: #2c3189;
		text-align: center;
		padding: 10px;
		border: none;
		margin-bottom: 10px;
	}
}

@media screen and (min-width:768px) {
	.box02 {
		overflow: hidden;
	}

	.box02 ul {
		width: 50%;
		float: left;
	}

	.box02 ul li {
		list-style-type: disc;
		padding: 0 0 0 10px;
		font-size: 15px;
		line-height: 30px;
	}

	.box02 ul li a {
		color: #000;
	}

	.page-about-detail p {
		line-height: 30px;
		font-size: 16px;
	}

	.name-a {
		font-size: 20px;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.img-zs {
		height: 380px;
		text-align: center;
		line-height: 380px;
	}

	.img-zs img {
		height: 380px;
		max-width: 100%;
		padding: 10px;
	}

	.about-page {
		overflow: hidden;
	}

	.about-page .marg5003 {
		margin: 50px 0;
	}

	.cen {
		padding: 50px 0;
	}

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

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

	#bg04 {
		background: #eff9fe;
		padding: 50px 50px;
	}

	.button01 {
		background: #2c3189;
		padding: 5px 10px;
		color: #FFFFFF;
		font-size: 15px;
		margin: 0 auto;
		text-align: center;
		width: 30%;
		position: relative;
		top: 30%;
	}

	.button01 a {

		color: #FFFFFF;
	}

	.box01 {
		width: 100%;
		padding: 20px;
		margin: 0 auto;
	}

	.box02 {
		width: 100%;
		padding: 20px 50px;
		margin: 0 auto;
		text-align: left;
	}

	.marg2001 {
		margin-top: 20px;
	}


	/* 产品 */
	.pro-page {
		display: flex;
		justify-content: space-between;
		margin: 30px 0 30px 0;
	}

	.pro-left {
		padding-right: 50px;
		width: 320px;
	}

	.pro-right {
		flex: 1;
	}

	.topname {
		font-size: 20px;
		background: #dfa535;
		font-weight: 600;
		line-height: 40px;
		text-align: center;
		color: #272727;
	}

	.prodh {
		margin-top: 20px;
	}

	.prodh li {
		padding: 0 10px;
		background: rgb(240 237 237);
		border-bottom: 1px dashed darkgray;
		line-height: 40px;
	}

	.prodh li:hover {
		background-color: #dfa535 !important;
	}

	.active-left {
		background-color: #dfa535 !important;
	}

	.prodh li a {
		color: #272727;
		display: block;
	}

	.left-con {
		background: rgb(240 237 237);
		width: 100%;
		margin-top: 30px;
	}

	.left-con h2 {
		text-align: center;
		background: #dfa535;
		line-height: 60px;
		display: block;
		margin-bottom: 10px;
		font-size: 20px;
	}

	.add-left {
		padding: 5px;
		border-bottom: 1px dashed darkgray;

	}

	.add-left .lable {
		margin-bottom: 10px;
	}

	.add-left .xx {
		line-height: 25px;
	}

	.add-left1 {
		padding: 5px;
		padding-bottom: 5px;
		border-bottom: 1px dashed darkgray;
		overflow: hidden;
	}

	.p-xxl {
		padding-left: 128px;
	}

	.pro-main {
		overflow: hidden;
		width: 100%;
	}


	.pro-main .proname {
		margin-bottom: 20px;
		padding-bottom: 10px;
		width: 100%;
		font-size: 30px;
		border-bottom: 1px solid darkblue;
	}

	.pro-main .description {
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.pro-main .item {
		margin-bottom: 20px;
		width: 100%;
	}

	.pro-main .img {
		overflow: hidden;
		height: 220px;
		width: 100%;
		line-height: 216px;
		border: 1px solid darkgray;
		text-align: center;
	}

	.pro-main .xqimg {
		overflow: hidden;
		height: 260px;
		width: 100%;
		line-height: 260px;
		text-align: center;
	}

	.pro-main .xqimg img {
		height: 260px;
		width: 100%;
	}

	.pro-main .img img {

		height: 100%;
	}


	.pro-main .case-img {
		overflow: hidden;
		height: 260px;
		width: 100%;
		border: 1px solid darkgray;
		line-height: 258px;
		text-align: center;
	}

	.pro-main .case-img img {
		height: 260px;
		width: 100%;
	}

	.pro-main .title {
		margin-top: 5px;
		height: 40px;
		width: 100%;
		line-height: 40px;
		text-align: center;
		background: #333;
	}

	.pro-main .title a {
		color: #fff;
		font-size: 16px;
		display: block;
	}

	.imglist {
		margin-bottom: 20px;
	}

	.pro-detail {
		width: 100%;
	}

	.pro-detail img {
		max-width: 100%;
	}

	.pro-detail table {
		margin: 0 auto;
		border: 1px solid darkgray;
	}

	.pro-detail td {
		border: 1px solid darkgray;
	}

	/* 联系我们 */
	.contact {
		margin-top: 50px;
	}

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

	.contact .box01 {
		width: 100%;
		padding: 20px;
		margin: 0 auto;
		border: 1px solid #2c3189;
	}

	.contact .blue01 {
		color: #2c3189;
	}

	.contact .box01 img {
		width: 100%;
		height: auto;
		max-width: 800px;
	}

	.contact #bg04 {
		background: #eff9fe;
	}

	.cadd p {
		line-height: 30px;
	}

	.cadd strong {
		font-size: 24px;
	}

	.contact .pad2001 {
		padding: 20px;
	}

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

	.contact #contactForm input {
		font-size: 13px;
		line-height: 16px;
		background: #eff9fe;
		color: #2b2b2b;
		padding: 15px 10px;
		width: 100%;
		border: none;
		margin-bottom: 6px;
	}

	.contact #contactForm textarea {
		font-size: 13px;
		line-height: 16px;
		background: #eff9fe;
		color: #2b2b2b;
		padding: 15px 10px;
		width: 100%;
		border: none;
		margin-bottom: 6px;
	}

	.contact #contactForm #submit,
	#contactForm #reset,
	#back {
		width: 100%;
		color: #FFF;
		background: #2c3189;
		text-align: center;
		padding: 10px;
		border: none;
		margin-bottom: 10px;
	}
}