@charset "utf-8";
/* CSS Document */
.tit,.tit *{font-family:"FZLTCXHJW"; font-weight:bold;}
.weixin { text-align:center; margin:10% auto;}
.weixin p { font-family:"FZLTCXHJW"; color:#1a1a1a; font-weight: bold;}
.contact{ text-align:center; color:#666; margin-bottom:10%; }
.contact .catname{ background:#000; font-size:55px; color:#fff; font-family:"FZLTCXHJW";line-height:135px; margin-bottom:10%; font-weight:bold;}
.contact .con h3{ font-size:30px;}
.contact .con p{ max-width:90%;line-height:2em;font-family:"FZLanTingHeiS","Microsoft Yahei";}
.line{ background:#000; height:1px; width:50%; margin:5% auto;}
.line2{ background:#767676; height:1px; width:100%; margin:50px auto;}
.brand{ text-align:center;}
.brand .catname{ background:#000; font-size:55px; color:#fff; font-family:"FZLTCXHJW";line-height:135px; margin-bottom:5%; font-weight:bold;}
.brand .tit{ margin-bottom:2%;}
.brand .con,.brand .box{ margin-bottom:5%; width:90%; }
.brand .con p.brand .box p{color:#1a1a1a; line-height:2em;font-family:"FZLanTingHeiS","Microsoft Yahei";}
.faq{ text-align:center; color:#1a1a1a;}
.faq .catname{ background:#000; font-size:55px; color:#fff; font-family:"FZLTCXHJW";line-height:135px;  font-weight:bold;}
.faq .con1{ margin:10% auto !important;}
.faq .con{ margin:5% auto;}
.faq .con h3{ font-size:2em;}
.faq .con1 p,.faq .con p{ width:95%;line-height:2em;}
.faq .con ul{ overflow:auto;}
.faq .con ul li{ width:29.3%; margin:0 2%;float:left;}

.f8{padding:5% 0; overflow:auto;}
.f8 .tit{ margin-bottom:3%;}
.f8 .con{ width:90%;}
.f8 .box{ width:33%; float:left; text-align:center;}

.f9{padding:5% 0; overflow:auto; background:#f3f3f3;}
.f9 .con{ width:90%;}
.f9 .box{ width:50%; float:left; text-align:center;}
.f9 .box .box1{ margin-top:10%;}
.f9 .box.box2{ margin-top:2%;}
.f9 .box .tit{ text-align:left; padding:0 2%;}
.f9 .box .tit.box1{ text-align:right}


.f10{padding:5% 0; overflow:auto;}
.f10 .tit{ margin-bottom:3%;}
.f10 .con{ width:90%;}
.f10 .box{ width:50%; float:left; text-align:center; }
.f10 .box.last{ border-right:none;}

.p5{ padding:5% 0 0; overflow:auto;}
.brand .p5 .con{ width:100%;}
.p5 ul{ margin:5% auto;}
.p5 ul li{ width:30%; text-align:center; margin:1%; float:left; border-right:1px solid #333;}
.p5 ul li.last{ border-right:none;}
.p5 ul li img{ width:100%;max-width:380px;}

@media screen and (max-width: 1000px){
.p1,.p2,.p3,.p4,.p5 ul li{ width:100%; float:none;border-right:none; margin:0;}
}
@media screen and (max-width: 640px) {
.catname{ font-size:2em !important; line-height:3em !important;}
.contact .con h3{ font-size:2em;}
.line{ width:80%;}
}
@media screen and (max-width: 480px) {
.f8 .box,.faq .con ul li,.f9 .box,.f10 .box{ width:80%; float:none; overflow:auto; margin:0 auto;}
.f9 .box.box2{ margin-top:0;}
.f9 .box .tit,.f9 .box .tit.box1{ text-align:center;}
.f10 .box{ border-right:none; border-bottom:none;}
.w90{ max-width:90%;}
.catname{ font-size:1.2em !important;}
.faq .con h3{ font-size:1.5em;}
.contact .con h3{ font-size:1.2em;}
}