@charset "utf-8";
/* CSS Document */
*{ margin:0;}
body{ width:100%; max-width:640px; margin:0 auto; background:#f3f3f3;}
a{color:inherit; text-decoration:none;}

/*首页*/

.ssou{width:98%; margin:1%; display:flex;align-items: center;}
.sovalu{ text-indent:1rem; border:1px solid #dbdada; background:none; height:36px; width:calc( 99% - 2px ); border-radius:5px;}
.sobut{margin-left:-50px; height:25px; width:25px;  border:none; background:url(../images/so.png) no-repeat center; background-size:cover; }

.fen1{width:96%; display:flex; margin:20px auto 10px; flex-wrap: wrap;
    justify-content: flex-start;
    text-align: center;
    align-items: flex-end;}
.fen1 a{width:20%;}
.fen1 a img{max-width:45px; margin-bottom:5px;}
.fen1 a p{font-size:12px; margin-bottom:10px;}


.sbiti{background:#fff; display:flex;align-items: center;
    justify-content: space-between; line-height:2.2; margin-bottom:5px;}
.sbiti h2{font-size:20px; color:#333333; margin-left:5px;}
.sbiti h2 span{color:#c80000;}
.sbiti a{ font-size:14px; color:#666; margin-right:10px;}

.fen2{background:#fff; width:100%; display:flex;flex-direction: row;
    justify-content: space-evenly; padding:10px 0; margin-bottom:10px;}
.fen2 a{width:32.333%;}
.fen2 a img{width:100%; border-radius:5px;}

.fen3{display:flex;flex-wrap: wrap;
    justify-content: space-between; margin-bottom:10px; padding:5px 0;}
.changqu{width:24%;}
.changqu img{width:100%;}
.changqu p{font-size:12px; margin-bottom:5px;}

.chatu{margin-bottom:10px;}
.chatu img{width:100%;}

.fen4{background:#fff;display:flex;flex-wrap: wrap;
    justify-content: space-around; margin-bottom:10px; padding:5px 0;}
.fen4 a{width:24%; text-align:center; font-size:14px; line-height:2;}

.fen5{display:flex;flex-wrap: wrap;
    justify-content: space-around; margin-bottom:10px; padding:5px 0;}
.fen5 a{width:48%;}
.fen5 a .chanp{background:#fff; padding:7px; border-radius:10px;}
.fen5 a .chanp p{font-size:14px; line-height:2;}

.lianxi{background:#fff; padding:10px; line-height:2;}
.lianxi h3{font-size:16px;}
.lianxi p{font-size:14px;}


/*产品页*/

.product{display:flex;flex-direction: row;}

.zuolei{width:29.5%; height:calc( 100vh - 60px ); overflow:auto;}
.danxi{ line-height:3; font-size:13px; text-align:center;}
.xz{background:url(../images/xz.png) no-repeat left center; background-size:cover;}
.xz a{ font-weight:bold;}


.youpryoupr{background:#fff; height:calc( 100vh - 60px ); overflow:auto; padding:5px; width:calc( 70.5% - 10px );}
.youpryoupr a{display:flex;flex-direction: row; justify-content: space-around; padding:5px 0;}
.youpryoupr a img{width:32%;}
.youpryoupr a .wenzi{width:63%;}
.youpryoupr a .wenzi .p1{font-size:13px; font-weight:bold; line-height:2;}
.youpryoupr a .wenzi .p2{font-size:10px; color:#CCC;}
.youpryoupr a .wenzi button{border:1px solid #fc7126; border-radius:15px; padding:2px 5px; font-size:10px; background:none; color:#fc7126; margin-top:20px; float:right;}


/*产品详情*/

.fhsy{background:rgb(255,255,255,0.5); border-radius:20px; height:24px; border:1px solid #cccccc; position:fixed; display:flex;align-items: center; top:20px; left:10px; font-size:12px; color:#cccccc; z-index:999;}
.fhsy button{width:16px; height:16px; border:none; padding:0 15px;}

.cpt{background:#fff; margin-bottom:10px;}
.cpt .wenzi{margin-top:10px; padding:5px 10px;}
.cpt .wenzi .p1{font-size:14px; font-weight:bold; line-height:2;}
.cpt .wenzi .p2{font-size:12px; color:#CCC;}


.gsxx{ background:#fff; margin-bottom:10px; padding:10px; display:flex;    align-items: center;
    justify-content: space-around;}
.gsxx .logo{width:50px;}
.gsxx .gsm{}
.gsxx .gsm h3{ font-weight: normal; font-size:14px;}
.gsxx .gsm p{ font-size:12px; color:#999;}
.gsxx .biaoji{}
.gsxx .biaoji button{border:none; padding:15px; font-size:10px; background:none; color:#fc7126;}


.xbiao{ font-size:13px; text-align:center; color:#999; margin-bottom:10px;}
.xq{background:#fff; padding:10px; font-size:13px; line-height:1.8; min-height:100px;}



/*底部菜单*/
.dibu{ text-align:center; font-size:12px; color:#333; margin-top:10px; margin-bottom:60px; background:#fff; padding:10px 0;}
.dixuan{background:#f7f7fa; box-shadow:0 0 10px #666666; position:fixed; bottom:0; width:100%; z-index:999; display:flex; max-width:640px;}
.dixuan a{width:33.333%;text-align:center; padding:5px 0;}
.dixuan a img{width:30px;}
.dixuan a p{ font-size:12px; line-height:2;}