/* #b-img{
	background-image: url(../11-10-images/18.jpg);
background-size: cover;
}
 */

body,
td,
th {
	font-family: Arial, Helvetica, sans-serif;


}



/* 判断电脑的样式 */

.example_video_1-dimensions {
	width: auto;
}

.boxa {
	width: auto;
	padding: 0 26px;
	position: absolute;
	margin-top: -345px;


}

.boxb {

	width: auto;
	color: #ffffff;
	padding: 16px 14px;


}

.boxa h2 {
	font-size: 24px;
	font-weight: 1000;
	display: inline-block;
	line-height: 36px;
	letter-spacing: -1px;
}

.boxa span {
	font-size: 24px;
	font-weight: 500;
	line-height: 36px;
	letter-spacing: 0px;
}



@media screen and (min-width: 321px)and (max-width:375px) {


	.boxa {
		width: auto;
		padding: 0 12px;
		position: absolute;
		margin-top: -176px;
	}

	.boxb {

		width: auto;
		color: #ffffff;
		padding: 10px 6px;

		letter-spacing: 0;

	}

	.boxa h2 {
		font-size: 13px;
		font-weight: 1000;
		display: inline-block;
		line-height: 18px;
		letter-spacing: -1px;
	}

	.boxa span {
		font-size: 12px;
		font-weight: 500;
		line-height: 18px;
	}

}


@media screen and (min-width: 376px)and (max-width:414px) {


	.boxa {
		width: auto;
		padding: 0 12px;
		position: absolute;
		margin-top: -192px;
	}

	.boxb {

		width: auto;
		color: #ffffff;
		padding: 10px 7px;

		letter-spacing: 0;

	}

	.boxa h2 {
		font-size: 14px;
		font-weight: 1000;
		display: inline-block;
		line-height: 20px;
		letter-spacing: -1px;
	}

	.boxa span {
		font-size: 14px;
		font-weight: 500;
		line-height: 20px;
	}


}



#dsplf {

	height: 540px;
	display: flex;
align-items: center;
flex-direction: column;
justify-content: space-evenly;
font-family:  "Times New Roman", Times, serif;
margin-top: 80px;
color: #ffffff;
}

.logo img{
	width: 80px;
}
.xian{

	margin-top: -25px;
	width: 200px;
	height: 3px;
	background-color: #ffffff;
}
.hz{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 65%;
}
.hz img{
	display: inline-block;
	margin-right: 10px;
}
.hz h3{
	display: inline-block;
	line-height: 36px;
	margin-right: 10px;
}
.hz span{
	color: coral;
	font-weight: 650;
	line-height: 36px;

}
.hz span a{
	color: coral;

}

#bka{
	
    height: 40px;
   width: 650px;
    border-radius: 10px;
    text-align: center;
    line-height: 40px;
	background-color: rgba(31,30,189,0.8);

}
#bkb{

    height: 70px;
	width: 650px;
    border-radius: 10px;
    text-align: center;
	background-color: rgba(31,30,189,0.8);
	
	
}
#bkb p{
padding-top: 13px;
	line-height: 22px;

}

.zs{
	width: 700px;
	margin: 0 25px;
}




.font6 {
	position: absolute;
	width: 100%;
	color: #ffffff;
	text-align: center;
	line-height: 45px;

}





/* 判断375 */

@media screen and (min-width: 321px)and (max-width:375px) {
	.example_video_1-dimensions {
		width: auto;
	}



	.about {
		background-image: url(../copperimg/background375.jpg);
		background-size: 100%;
		height: 1440px;
		background-repeat: no-repeat;
	}

	.font6 {
		position: absolute;
		width: 100%;
		color: #ffffff;
		text-align: center;
		line-height: 12px;
		font-size: 16px;
	
	
	}

	.about .usimg {
		width: 90%;
		margin-left: 5%;
		text-align: center;
		margin-top: 70px;
	}

	.about .usword p {
		margin-top: 10px;
		color: #ffffff;
		font-size: 1.3rem;
		line-height: 1.5rem;
	}

	#dsplf {
		width: 100%;
		height: 296px;
		display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-evenly;
	font-family:  "Times New Roman", Times, serif;
	margin-top: 50px;
	color: #ffffff;

	}


	.logo img{
		width: 40px;
	}
	
	.xian{
	
		margin-top: -5px;
		width: 100px;
		height: 2px;
		background-color: #ffffff;
	}
	
	.hz img{
		display: inline-block;
		width: 25px;
	}
	.hz h3{
		display: inline-block;
		line-height: 26px;
	}
	.hz span{
		color: coral;
		font-weight: 600;
		line-height: 26px;
	}



	
#bka{
	
    height: 40px;
   width: 350px;
    border-radius: 10px;
    text-align: center;
    line-height: 40px;
	background-color: rgba(31,30,189,0.8);

}
#bkb{

    height: 70px;
	width: 350px;
    border-radius: 10px;
    text-align: center;
	background-color: rgba(31,30,189,0.8);
	
	
}
#bkb p{
padding-top: 13px;
	line-height: 22px;

}


.zs{
	width: 355px;
	margin: 0 10px;
}


}



/*宽度414*/

@media screen and (min-width: 376px)and (max-width:416px) {
	.example_video_1-dimensions {
		width: auto;
	}


	.about {
		background-image: url(../copperimg/background414.jpg);
		background-size: 100%;
		height: 1480px;
		background-repeat: no-repeat;
	}

	.font6 {
		position: absolute;
		width: 100%;
		color: #ffffff;
		text-align: center;
		line-height: 20px;
		font-size: 16px;
	
	
	}

	.about .usimg {
		width: 90%;
		margin-left: 5%;
		text-align: center;
		margin-top: 70px;
	}

	.about .usword p {
		margin-top: 10px;
		color: #ffffff;
		font-size: 1.4rem;
		line-height: 1.6rem;
	}

	#dsplf {
	
		height: 330px;
		display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-evenly;
	font-family:  "Times New Roman", Times, serif;
	margin: 0 auto;
	color: #ffffff;
	
	}

	
	.logo img{
		width: 50px;
	}
	
	.xian{
	
		margin-top: -5px;
		width: 100px;
		height: 2px;
		background-color: #ffffff;
	}
	
	.hz img{
		display: inline-block;
		width: 25px;
	}
	.hz h3{
		display: inline-block;
		line-height: 26px;
	}
	.hz span{
		color: coral;
		font-weight: 600;
		line-height: 26px;
	}


	#bka{
	
		height: 40px;
	   width: 350px;
		border-radius: 10px;
		text-align: center;
		line-height: 40px;
		background-color: rgba(31,30,189,0.8);
	
	}
	#bkb{
	
		height: 70px;
		width: 350px;
		border-radius: 10px;
		text-align: center;
		background-color: rgba(31,30,189,0.8);
	}
	#bkb p{
	padding-top: 13px;
		line-height: 22px;
	
	}
	
	.zs{
		width: 384px;
		margin: 0 15px;
	}
	
}


/* 引入视频 */
@media screen and (min-width: 321px)and (max-width:376px) {
    iframe {
        width: 100%;
        margin: 0 auto;
        height: 380px;
    }

}

@media screen and (min-width: 376px)and (max-width:415px) {
    iframe {
        width: 100%;
        margin: 0 auto;
        height: 400px;
    }

}

@media screen and (min-width:415px)and (max-width:3000px) {
    iframe {
        width: 750px;
        margin: 0 auto;
        height: 420px;
    }

}
