/* CSS Document */
*{  box-sizing:border-box; font-family:Arial, Helvetica, sans-serif; box-sizing:border-box;}
.diflex{display:flex;  align-items:center; justify-content:space-between;}
.flo{ float:left;}
.flor{ float:right;}
.clear{ clear:both;}
.Abox{ width:100%;}
.boxa{ width:1200px;}
.navbgaa{ }
.navbgbb{}
/*头部*/
.topa{ width:322px; height:80px; background:url(../images/topa.png) no-repeat;}
.Btopa{ width:322px; height:80px; background:url(../images/topab.png) no-repeat;}
.nav{ width:770px; height:80px;}

.navcol{ color:#5a5859 !important;}
.navcol:hover{ color:#ff5d02 !important;}
.nav ul li{ width:95px; line-height:80px; text-align:center; font-size:16px !important;  float:left; }
.nav ul li a{ color:#FFF;}
.nav ul li a:hover{ color:#ff5d02;}
.navb ul li a{color:#5a5859 !important;}
.nava{ width:51px; height:11px; background:url(../images/topb.png) no-repeat; margin-top:37px; margin-left:20px;}
.Bnava{ width:51px; height:11px; background:url(../images/Btopb.png) no-repeat; margin-top:37px; margin-left:20px;}
.navb{ width:40px !important; height:40px; line-height:35px !important; border:1px solid #FFF; text-align:center;  margin-left:10px; margin-top:25px; font-size:14px; border-radius:180px;}
.Bnavb{ border:1px solid #5a5859;}
.navb a{ color:#FFF;}
/*头部*/


/*关于我们*/
.Babout{ width:1200px; height:818px; background:url(../images/aboutbg.jpg) no-repeat; margin:120px auto 60px auto; position:relative;}
.aboutb{ width:629px; height:429px; background:#FFF; position:absolute; bottom:0px; left:216px; padding:50px;}
.aboutba{ font-size:13px; color:#cf0101;}
.aboutbb{ font-size:20px; color:#3f3f3f; margin:15px 0px;}
.aboutbc{ width:30px; height:2px; background:#cc0149;}
.aboutbd{ margin:50px 0px; font-size:14px; line-height:30px;}
.aboutbe{ width:171px; height:44px; border-radius:5px; background:#010101; text-align:center;}
.aboutbe a{color:#fff; line-height:44px;}
/*关于我们*/

/*产品中心*/
.pro{ margin:80px 0px;}
.probg{ width:100%; min-height:502px; background:url(../images/porbg.jpg) no-repeat;}
.prob{  margin:auto;}
.proba{ font-size:60px; color:#d2d2d2; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:40px;}
.proba img{width:182px; height:44px;}
.probb{ padding-top:50px; font-size:25px; color:#FFF; font-weight:bold;}
.probc{ margin-top:20px; height:10px; width:30px; background:#FFF;}
.probd{ margin-top:30px;}
.probd ul li{ float:left; width:350px; text-align:left; font-weight:bold; font-size:18px;}
.probd ul li a{ color:#FFF;}
.probe{ padding-top:40px;}
.probe ul li{ float:left; margin-right:12px; position:relative; width:24%;}
.probe ul li img{ width:100%; height:340px;}
.probf{ position:absolute; left:20px;  top:100px; opacity:0; width:246px; height:299px; background:url(../images/prob.png); transition:all 1s;}


.probfdis{position:absolute; left:20px;  top:20px; opacity:1;}
.probf p{ color:#FFF; font-size:20px; padding-top:100px; text-align:center;}

/*产品中心*/
/*新闻中心*/
.newa{ margin:50px auto 0px auto;}
.newaa{ font-size:12PX; color:#090909;}
.newab{ font-size:30px; color:#000; font-weight:bold; padding:10px 0px;}
.newac{ width:15px; height:5px; background:#515151;}
.newad{ margin-top:40px;}
.newad ul li{ padding-bottom:50px;}
.newada{ width:855px; background:url(../images/prob.jpg) no-repeat bottom; padding-bottom:20px;}
.newadatitle{ font-size:16px; font-weight:bold; color:#000;}
.newadacenter{ padding:20px 0px;}
.newae{}
.newaea{ font-size:23px; color:#F00; font-weight:bold;}
.newaeb{ font-size:13px; color:#666; line-height:23px;}
.newaf{ width:252px; height:165px;}
.newaf img{width:252px; height:165px;}
/*新闻中心*/

/*联系方式*/
.Acon{ margin:auto;}
.con{ width:25%;}
.cona{ width:65px; height:65px; margin-left:20px;}
.cona img{ width:100%; height:100%;}
.conb{ font-size:18px; font-weight:bold; color:#000; padding-top:15px;}
.conc{ font-size:14px; color:#666;}
.cone{ margin-left:10px; width:200PX;}
/*联系方式*/

/*底部*/
.down{ margin-top:80px; background:#1c1210; min-height:280px; }
.downa{ margin:auto; color:#FFF; padding-top:50px; position:relative;}
.downb{ width:268px; background:url(../images/prod.jpg) no-repeat left top; padding-left:20px; background-position:0px 18px; }
.downb ul li{ width:200px; line-height:50px;}
.downc{ position:absolute; right:0px; top:-40px; width:163px; height:257px;}
.downd{ height:70px; background:#120d0a;}



/* 网页底部 */
.zzb07link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration:none;
	color: #fff;
	line-height:70px;
}

.zzb07link:hover {
	text-decoration: underline;
	color: #fff;
}
.zzb07tail
{
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
color: #fff;
}
.zzb07tail a
{
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
color: #fff;
}

.disbanner{ display:none;}
.sjdis{display:none;}
.dibupc{ display:block;}
.sjbanner{ display:none;}
.prodis{ display:block;}
.aboutdis{ display:none;}
.distitle{ display:block;}
.dissouji{ display:none;}
/*底部*/
/*底部*/
@media screen and (max-width:763px){

.distitle{display:none;}
.dissouji{ display:block;}
.mbobout{ width:100%; background:url(../images/mboabout.jpg); height:600px; }
/*关于我们手机*/
.mobabout{ width:100%  !important; min-height:580px; background:url(../images/mboabout.jpg) no-repeat; background-size:100%; padding-top:270px; }
.mobaboutb{ width:100%; padding:20px; background:rgba(255,255,255,0.8); font-size:80px; color:#F00; }

.Bmobaboutba{ color:#cf0101; font-size:13px !important; width:100% !important;}
.Bmobaboutbb{ font-size:20px; color:#000; margin:5px 0px;}
.Bmobaboutbc{ height:5px; width:30px; background:#cf0101;}
.Bmobaboutbd{ padding:20px 0px; color:#666;}
.Bmobaboutbe{ width:200px; height:30px; background:#010101; text-align:center; line-height:30px;}
.Bmobaboutbe a{ color:#FFF;}

/*关于我们手机*/

/*手机产品中心*/
.boxa{ width:400px;}
.probb {padding-top: 10px; font-size: 23px;  color: #FFF;  font-weight: bold;}
.proba img{width:100px; height:34px;}
.probc {margin-top: 20px;  height: 7px;  width: 30px; background: #FFF;}
.probd ul li a {color: #FFF; font-size: 20px;}
.probe{ padding-top:40px;}
.probe ul li{ float:left; margin-right:12px; position:relative; width:47%; margin-top:20px;}
.probe ul li img{ width:100%; height:270px;}
.newaf{ width:30%; height:80px;}
.newaf img{width:100%; height:80px;}
.con { width: 100%; margin-bottom:20px;}

/*手机产品中心*/


/*手中新闻*/
.newada {width:65%;background: url(../images/prob.jpg) no-repeat bottom;
    padding-bottom: 20px;
}
.padnewadb{ padding:0px 20px;}
.cona img {width: 100%; height:100%;}
.downd {height:130px; background: #120d0a; padding:20px;}

/*手中新闻*/

.zzb07link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration:none;
	color: #fff;
	line-height:30px;
}
}

@media screen and (max-width:812px){

.distitle{display:none;}
.dissouji{ display:block;}
.mbobout{ width:100%; background:url(../images/mboabout.jpg); height:600px; }
/*关于我们手机*/
.mobabout{ width:100%  !important; min-height:580px; background:url(../images/mboabout.jpg) no-repeat; background-size:100%; padding-top:270px; }
.mobaboutb{ width:100%; padding:20px; background:rgba(255,255,255,0.8); font-size:80px; color:#F00; }

.Bmobaboutba{ color:#cf0101; font-size:13px !important; width:100% !important;}
.Bmobaboutbb{ font-size:20px; color:#000; margin:5px 0px;}
.Bmobaboutbc{ height:5px; width:30px; background:#cf0101;}
.Bmobaboutbd{ padding:20px 0px; color:#666; font-size:16px;}
.Bmobaboutbe{ font-size:13px; width:200px; height:30px; background:#010101; text-align:center; line-height:30px;}
.Bmobaboutbe a{ color:#FFF;}

/*关于我们手机*/

/*手机产品中心*/
.boxa{ width:400px;}
.probb {padding-top: 10px; font-size: 23px;  color: #FFF;  font-weight: bold;}
.proba img{width:100px; height:34px;}
.probc {margin-top: 20px;  height: 7px;  width: 30px; background: #FFF;}
.probd ul li a {color: #FFF; font-size: 20px;}
.probe{ padding-top:40px;}
.probe ul li{ float:left; margin-right:12px; position:relative; width:47%; margin-top:20px;}
.probe ul li img{ width:100%; height:270px;}
.newaf{ width:30%; height:80px;}
.newaf img{width:100%; height:80px;}
.con { width: 100%; margin-bottom:20px;}

/*手机产品中心*/


/*手中新闻*/
.newada {width: 65%;background: url(../images/prob.jpg) no-repeat bottom;
    padding-bottom: 20px;
}
.padnewadb{ padding:0px 20px;}
.cona img {width: 100%; height:100%;}
.downd {height:130px; background: #120d0a; padding:20px;}

/*手中新闻*/

}


@media screen and (max-width:414px){

.distitle{display:none;}
.dissouji{ display:block;}
.mbobout{ width:100%; background:url(../images/mboabout.jpg); height:600px; }
/*关于我们手机*/
.mobabout{ width:100%  !important; min-height:580px; background:url(../images/mboabout.jpg) no-repeat; background-size:100%; padding-top:270px; }
.mobaboutb{ width:100%; padding:20px; background:rgba(255,255,255,0.8); font-size:80px; color:#F00; }

.Bmobaboutba{ color:#cf0101; font-size:13px !important; width:100% !important;}
.Bmobaboutbb{ font-size:20px; color:#000; margin:5px 0px;}
.Bmobaboutbc{ height:5px; width:30px; background:#cf0101;}
.Bmobaboutbd{ padding:20px 0px; color:#666; font-size:16px;}
.Bmobaboutbe{ font-size:13px; width:200px; height:30px; background:#010101; text-align:center; line-height:30px;}
.Bmobaboutbe a{ color:#FFF;}

/*关于我们手机*/

/*手机产品中心*/
.boxa{ width:400px;}
.probb {padding-top: 10px; font-size: 23px;  color: #FFF;  font-weight: bold;}
.proba img{width:100px; height:34px;}
.probc {margin-top: 20px;  height: 7px;  width: 30px; background: #FFF;}
.probd ul li a {color: #FFF; font-size: 20px;}
.probe{ padding-top:40px;}
.probe ul li{ float:left; margin-right:12px; position:relative; width:47%; margin-top:20px;}
.probe ul li img{ width:100%; height:220px;}
.newaf{ width:30%; height:80px;}
.newaf img{width:100%; height:80px;}
.con { width: 100%; margin-bottom:20px;}

/*手机产品中心*/


/*手中新闻*/
.newada {width: 65%;background: url(../images/prob.jpg) no-repeat bottom;
    padding-bottom: 20px;
}
.padnewadb{ padding:0px 20px;}
.cona img {width: 100%; height:100%;}
.downd {height:130px; background: #120d0a; padding:20px;}

/*手中新闻*/


}


@media screen and (max-width:375px){

.distitle{display:none;}
.dissouji{ display:block;}
.mbobout{ width:100%; background:url(../images/mboabout.jpg); height:600px; }
/*关于我们手机*/
.mobabout{ width:100%  !important; min-height:480px; background:url(../images/mboabout.jpg) no-repeat; background-size:100%; padding-top:270px;     margin-top: 40px !important;}
.mobaboutb{ width:100%; padding:20px; background:rgba(255,255,255,0.8); font-size:80px; color:#F00; }

.Bmobaboutba{ color:#cf0101; font-size:13px !important; width:100% !important;}
.Bmobaboutbb{ font-size:20px; color:#000; margin:5px 0px;}
.Bmobaboutbc{ height:5px; width:30px; background:#cf0101;}
.Bmobaboutbd{ padding:20px 0px; color:#666; font-size:16px;}
.Bmobaboutbe{ font-size:13px; width:200px; height:30px; background:#010101; text-align:center; line-height:30px;}
.Bmobaboutbe a{ color:#FFF;}

/*关于我们手机*/

/*手机产品中心*/
.boxa{ width:350px;}
.probb {padding-top: 10px; font-size: 23px;  color: #FFF;  font-weight: bold;}
.proba img{width:100px; height:34px;}
.probc {margin-top: 20px;  height: 7px;  width: 30px; background: #FFF;}
.probd ul li a {color: #FFF; font-size: 20px;}
.probe{ padding-top:40px;}
.probe ul li{ float:left; margin-right:12px; position:relative; width:46%; margin-top:20px;}
.probe ul li img{ width:100%; height:200px;}
.newaf{ width:30%; height:80px;}
.newaf img{width:100%; height:80px;}
.con { width: 100%; margin-bottom:20px;}

/*手机产品中心*/


/*手中新闻*/
.newada {width: 65%;background: url(../images/prob.jpg) no-repeat bottom;
    padding-bottom: 20px;
}
.padnewadb{ padding:0px 20px;}
.cona img {width: 100%; height:100%;}
.downd {height:130px; background: #120d0a; padding:20px;}

/*手中新闻*/


}



@media screen and (max-width:360px){

.distitle{display:none;}
.dissouji{ display:block;}
.mbobout{ width:100%; background:url(../images/mboabout.jpg); height:600px; }
/*关于我们手机*/
.mobabout{ width:100%  !important; min-height:480px; background:url(../images/mboabout.jpg) no-repeat; background-size:100%; padding-top:270px; }
.mobaboutb{ width:100%; padding:20px; background:rgba(255,255,255,0.8); font-size:80px; color:#F00; }

.Bmobaboutba{ color:#cf0101; font-size:13px !important; width:100% !important;}
.Bmobaboutbb{ font-size:20px; color:#000; margin:5px 0px;}
.Bmobaboutbc{ height:5px; width:30px; background:#cf0101;}
.Bmobaboutbd{ padding:20px 0px; color:#666; font-size:16px;}
.Bmobaboutbe{ font-size:13px; width:200px; height:30px; background:#010101; text-align:center; line-height:30px;}
.Bmobaboutbe a{ color:#FFF;}

/*关于我们手机*/

/*手机产品中心*/
.boxa{ width:350px;}
.probb {padding-top: 10px; font-size: 23px;  color: #FFF;  font-weight: bold;}
.proba img{width:100px; height:34px;}
.probc {margin-top: 20px;  height: 7px;  width: 30px; background: #FFF;}
.probd ul li a {color: #FFF; font-size: 20px;}
.probe{ padding-top:40px;}
.probe ul li{ float:left; margin-right:7px; position:relative; width:48%; margin-top:20px;}
.probe ul li img{ width:100%;  height:200px;}
.newaf{ width:30%; height:80px;}
.newaf img{width:100%; height:80px;}
.con { width: 100%; margin-bottom:20px;}

/*手机产品中心*/


/*手中新闻*/
.newada {width: 65%;background: url(../images/prob.jpg) no-repeat bottom;
    padding-bottom: 20px;
}
.padnewadb{ padding:0px 20px;}
.cona img {width: 100%; height:100%;}
.downd {height:130px; background: #120d0a; padding-top:20px;}

/*手中新闻*/

.zzb07link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration:none;
	color: #fff;
	line-height:30px;
}
.newbox{ width:330px;}
.downd {height:130px; background: #120d0a; padding:20px;}
}