@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 1380px)  {
/*banner*/
    .banner-bj{background:url(../images/about/bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:5%;}
	.banner .introduction .left{width:56%;float:left;}
	.banner .introduction .left div{font-size:34px;font-weight:bold;color:#fff;margin:2% 0;}
	.banner .introduction .left p{font-size:17px;color:#fff;line-height:34px;text-indent:34px;}
	.banner .introduction .right{width:41%;float:right;margin-top:-1.5%;}
	.banner .introduction .right video{width:98%;height:350px;object-fit: fill;display:block;border:6px solid rgba(255, 255, 255, 0.39);border-radius:8px;}
	.zxgj{text-align:right;margin-top:-2.1%;}
/*seivice*/
    .seivice .tit,.cust-tit .tit{text-align:center;margin-top:2.5%;}
	.seivice .tit span,.cust-tit .tit span{font-size:30px;color:rgba(34,87,70,0.4);font-weight:bold;}
	.seivice .tit h1,.cust-tit .tit h1{font-size:34px;color:#1a1a1a;margin:0;}
	.seivice p{font-size:17px;color:#333;margin:2.5% 0;line-height:32px;text-indent:34px;}
	.customer-bj{background:url(../images/about/hybj.jpg) no-repeat;padding:2% 0 1.5% 0;margin-top:2.5%;}
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*banner*/
    .banner-bj{background:url(../images/about/bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:6%;}
	.banner .introduction .left{width:54%;float:left;}
	.banner .introduction .left div{font-size:27px;font-weight:bold;color:#fff;margin:2% 0;}
	.banner .introduction .left p{font-size:15px;color:#fff;line-height:27px;text-indent:34px;}
	.banner .introduction .right{width:44%;float:right;margin-top:-1.5%;}
	.banner .introduction .right video{width:98%;height:320px;object-fit: fill;display:block;border:6px solid rgba(255, 255, 255, 0.39);border-radius:8px;}
	.zxgj{text-align:right;margin-top:-2.1%;}
/*seivice*/
    .seivice .tit,.cust-tit .tit{text-align:center;margin-top:2.5%;}
	.seivice .tit span,.cust-tit .tit span{font-size:24px;color:rgba(34,87,70,0.4);font-weight:bold;}
	.seivice .tit h1,.cust-tit .tit h1{font-size:27px;color:#1a1a1a;margin:0;}
	.seivice p{font-size:16px;color:#333;margin:2.5% 0;line-height:30px;text-indent:32px;}
	.customer-bj{background:url(../images/about/hybj.jpg) no-repeat;padding:2% 0 1.5% 0;margin-top:2.5%;}
}

@media screen and (max-width: 1200px) and (min-width: 992px){	
/*banner*/
    .banner-bj{background:url(../images/about/bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:6%;}
	.banner .introduction .left{width:54%;float:left;}
	.banner .introduction .left div{font-size:24px;font-weight:bold;color:#fff;margin:2% 0;}
	.banner .introduction .left p{font-size:14px;color:#fff;line-height:24px;text-indent:34px;}
	.banner .introduction .right{width:44%;float:right;margin-top:0;}
	.banner .introduction .right video{width:98%;height:270px;object-fit: fill;display:block;border:6px solid rgba(255, 255, 255, 0.39);border-radius:8px;}
	.zxgj a{width:85%;}
	.zxgj{text-align:right;margin-top:-2.1%;width:100%;}
/*seivice*/
    .seivice .tit,.cust-tit .tit{text-align:center;margin-top:2.5%;}
	.seivice .tit span,.cust-tit .tit span{font-size:18px;color:rgba(34,87,70,0.4);font-weight:bold;}
	.seivice .tit h1,.cust-tit .tit h1{font-size:21px;color:#1a1a1a;margin:0;}
	.seivice p{font-size:15px;color:#333;margin:2.5% 0;line-height:27px;text-indent:32px;}
	.customer-bj{background:url(../images/about/hybj.jpg) no-repeat;padding:2% 0 1.5% 0;margin-top:2.5%;}

}

@media screen and (max-width: 992px) and (min-width: 768px){
/*banner*/
    .banner-bj{background:url(../images/about/bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:6%;}
	.banner .introduction .left{width:54%;float:left;}
	.banner .introduction .left div{font-size:17px;font-weight:bold;color:#fff;margin:2% 0;}
	.banner .introduction .left p{font-size:13px;color:#fff;line-height:21px;text-indent:34px;}
	.banner .introduction .right{width:44%;float:right;margin-top:3%;}
	.banner .introduction .right video{width:98%;height:240px;object-fit: fill;display:block;border:6px solid rgba(255, 255, 255, 0.39);border-radius:8px;}
	.zxgj a{width:90%;}
	.zxgj{text-align:right;margin-top:-2.5%;width:100%;}
/*seivice*/
    .seivice .tit,.cust-tit .tit{text-align:center;margin-top:2.5%;}
	.seivice .tit span,.cust-tit .tit span{font-size:18px;color:rgba(34,87,70,0.4);font-weight:bold;}
	.seivice .tit h1,.cust-tit .tit h1{font-size:21px;color:#1a1a1a;margin:0;}
	.seivice p{font-size:13px;color:#333;margin:2.5% 0;line-height:24px;text-indent:26px;}
	.customer-bj{background:url(../images/about/hybj.jpg) no-repeat;padding:2% 0 1.5% 0;margin-top:2.5%;}


}

@media screen and (max-width: 768px) {
	.container{padding:0 2%;}
/*banner*/
    .banner-bj{background:url(../images/about/bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:6%;}
	.banner .introduction .left{width:100%;}
	.banner .introduction .left div{font-size:0.32rem;font-weight:bold;color:#fff;margin:2% 0;}
	.banner .introduction .left p{font-size:0.27rem;color:#fff;line-height:0.42rem;text-indent:34px;}
	.banner .introduction .right{width:100%;margin-top:3%;}
	.banner .introduction .right video{width:98%;height:4.2rem;object-fit: fill;display:block;border:0.06rem solid rgba(255, 255, 255, 0.39);border-radius:0.08rem;}
	.zxgj a{width:90%;}
	.zxgj{text-align:right;margin-top:-2.5%;width:100%;display:none;}
/*seivice*/
    .seivice .tit,.cust-tit .tit{text-align:center;margin-top:2.5%;}
	.seivice .tit span,.cust-tit .tit span{font-size:0.27rem;color:rgba(34,87,70,0.4);font-weight:bold;display:block;}
	.seivice .tit h1,.cust-tit .tit h1{font-size:0.32rem;color:#1a1a1a;margin:0;}
	.seivice p{font-size:0.27rem;color:#333;margin:2.5% 0;line-height:0.42rem;text-indent:0.54rem;}
	.customer-bj{background:url(../images/about/hybj.jpg) no-repeat;padding:2% 0 1.5% 0;margin-top:2.5%;}



}