/*可以在这里添加你自己的css*/
@font-face
{
font-family: f1;
src: url('/css/8.ttf')
}

@font-face
{
font-family: f2;
src: url('/css/11.ttf')
}


body{ 
font-family:f1 ,"Helvetica","Microsoft Yahei";
}
.wp { max-width: 1200px; margin: 0 auto;}

a{ text-decoration: none;}
.box-img { position: relative;  text-align: center; }
.box-img .mo{display: none;}
.box-img .txt { position: absolute; left: 0; top: 0; width: 100%;}
.box-img-1 {}
.box-img11 { position: relative;  text-align: center;  top: 80;}
.box-img-11 { top: 80;}
.box-img-2 .txt { padding-left: 53%; padding-top: 99px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box;}
.box-img-2 .txt .box { padding-left: 165px; font-size: 12px; line-height: 2.3;} /* 字体大小，行高 */
.box-img-2 .txt .box p{ line-height: 2.1;}
.box-img-3,.box-img-4{display: inline-block;}
.box-img-3 .txt{
    padding: 191px 0 0 278px;
    text-align: left;
}
.box-img-4 {float: right;}
.box-img-4 .txt{
    padding: 130px 0 0 332px;
    text-align: left;
}

.box-img-5 {float: left;}
.box-img-5 .txt{
    padding: 18px 0 0 120px;float: left;
    text-align: left;}
.box-img-5 .txt1{
    padding: 118px 0 0 20px;
    text-align: left;float: left;}
	
.box-img-6 { position: relative;  text-align: center;  }
.box-img-6 .txt{ position: absolute; left: 0; top: 0; width: 100%;}
.box-img-6 .txt1{ padding: 118px 0 0 20px; text-align: left;float: left;}
.box-img-6 .txt2{ position: absolute; left: 0; top: 0; width: 100%;}


.box-img h3 { margin: 20px 0;}
.box-img h4 { margin-bottom: 10px;}

 video { width: 600px; max-width: 90%; margin: 20px auto; height: 400px; display: block;}

@media only screen and (max-width: 1024px) {
	html{zoom:.8;}
}

@media only screen and (max-width: 800px) {
	html{zoom:.6;}
}
@media only screen and (max-width: 768px) {
	html{zoom:1;}
    .box-img {margin-bottom: 30px;}
    .box-img .txt,.box-img .txt2 { position: static; padding: 0;}
    .box-img .txt .box { padding: 0;}
    .box-img-4 { float: none;}
	.box-img .mo{display: block;}
	.box-img .pc{display: none;}
	.box-img * {
		color:#333!important;
		width: auto !important;
		line-height: 1.3 !important;
		/* margin-bottom: 0 !important; */
	}
	.box-img h3,.box-img h3 span { margin-bottom: 0!important; line-height: 1.2 !important; font-size: 26px !important;}
	/* .box-img .txt br {display: none;} */
}

@media only screen and (max-width: 768px) {
	.box-img h3 {  margin: 10px 0;}
	.box-img .txt,.box-img .txt2 { padding-top: 10px;}
}