@charset "utf-8";
/* CSS Document */
body{  display:none; background-color:#fff}
.pageWnum_full { width:100%;}
.pageWnum_96 { width:96%; margin:0 auto;}
.pageWnum_94 { width:94%; margin:0 auto;}
.pageWnum_92 { width:92%; margin:0 auto;}
.pageWnum_90 { width:90%; margin:0 auto;}
.pageWnum_88 { width:88%; margin:0 auto;}
.pageWnum_80 { width:80%; margin:0 auto;}
.pageWnum_70 { width:70%; margin:0 auto;}
.pageWnum_60 { width:60%; margin:0 auto;}
.pageWnum_50 { width:50%; margin:0 auto;}
.pageWnum_40 { width:40%; margin:0 auto;}
.pageWnum_30 { width:30%; margin:0 auto;}

.index { background:#f5f5f5}
.showbox { overflow:hidden; margin:0 auto;}
.allpage { overflow:hidden; position:relative;}
.heard { width:100%; overflow:hidden; position:relative;}
.heard a { width:30%; height:100%; overflow:hidden; display:block; position:absolute; right:0; top:0; cursor:pointer;}
.heard a.menubt { right:auto; left:0;}
.menu { width:auto; height:auto; overflow:hidden; background:#fbfbfb; float:left; position:relative; z-index:10}
.menu .yinying { float:left; width:.8rem; height:100%; position:absolute; left:0; top:0; background:url(../wx_mobile_01_05.png) repeat-y; background-size:100% auto; z-index:98}
.menu ul  {}
.menu ul li {width:100%; display:block; font-size:1.2rem; color:#9c9c9c; background:#f7f7f7; text-indent:2rem; border-top:#e8e8e8 1px solid; font-family:"微软雅黑"; line-height:2.4rem}
.menu ul li a.first { background:url(../jiantou.png) right center no-repeat; background-size:auto 70%;}
.menu ul li a.nav { background:url(../jiantou2.png) right center no-repeat; background-size:auto 70%;}
.menu ul li ul li { font-size:1rem; line-height:2rem; text-indent:4rem; background:#E4E4E4}
.menu ul li a{ color:#666; display:block; width:94%;}
.menu ul li ul { display:none;} 
.menu ul li ul li a { color:#666;}

.Main { float:right; position:relative;}
.Main .Mainmask { width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:9; display:none;}
.Main .foot { width:100%; overflow:hidden; background:#fff; color:#1c1c1c; text-align:center; padding:.8rem; font-size:10px; border-top:#c4c4c4 1px solid;}
.Main .foot a { color:#1c1c1c; font-size:10px;}
.pageCon { width:100%; overflow:hidden; position:relative;}
.indlist { width:100%; overflow:hidden; background:#fff; margin-top:.5rem; border-top:#ebebeb 1px solid;}
.indlist a { width:25%; overflow:hidden; display:block; float:left;}
.indPro { width:100%; overflow:hidden; position:relative; background:url(../index_bg.jpg) center no-repeat; background-size:100%;}
.indPro .indPro_img { width:100%; height:100%; overflow:hidden; padding-bottom:1rem}
.indPro .indPro_img h2 { font-size:1.8rem; color:#fff; text-align:center; line-height:2.6rem; padding-top:1rem; font-weight:normal;}
.indPro .indPro_img h2 span { width:10%; display:block; margin:0 auto; border-bottom:#FFF 1px solid;}
.indPro .indPro_img h3 { font-size:1.2rem; color:#fff; text-align:center; font-weight:normal; padding:1rem 0; }
.indPro .indPro_img .indProset { width:16rem; margin:0 auto; margin-top:2rem}
.indPro .indPro_img .indProset .ipItem { width:14rem; height:14rem; overflow:hidden; margin:0 auto; background:#FFF; border-radius:1rem;}
.indPro .indPro_img .indProset .ipItem div {width:14rem; height:14rem; overflow:hidden; display:table-cell; vertical-align:middle; padding:0 1rem}

.npage { width:100%; overflow:hidden;}
.npage.about { background:url(../about_bg.jpg) no-repeat; background-color:#fff; background-size:100%;}
.npage.about_02 { background:url(../about_02_bg.jpg) no-repeat; background-color:#fff; background-size:100%;}
.npage.about_03 { background:url(../about_03_bg.jpg) no-repeat; background-color:#fff; background-size:100%;}
.npage.news { background:url(../news_bg.jpg) no-repeat; background-color:#fff; background-size:100%;}
.npage.pro { background:url(../pro_bg.jpg) no-repeat; background-color:#344547; background-size:100%;}
.npage.service { background:url(../service_bg.jpg) no-repeat; background-color:#344547; background-size:100%;}
.npage.contact{ background:url(../contact_bg.jpg) no-repeat; background-color:#fff; background-size:100%;}
.npage.contact_02 { background:url(../contact_02_bg.jpg) no-repeat; background-color:#fff; background-size:100%;}
.npage.contact_03 { background:url(../contact_03_bg.jpg) no-repeat; background-color:#fff; background-size:100%;}
.npage.news .sb_txt { margin-top:4rem;}
.npage .Toplist { width:100%; overflow:hidden; padding:.6rem 0; background:#fff; text-align:center;}
.npage .Toplist a { padding:.3rem 1rem; background:#6c6c6c; color:#fff; margin:0 .2rem; display:inline-block; margin-bottom:.4rem}
.npage .Toplist a.nav { background:#e80015}
.npage .Topname { text-align:center; border-bottom:#a8a8a8 1px solid; padding-bottom:2px; font-size:1.4rem; line-height:2rem; padding-top:1rem; }
.npage .Topname img {border-bottom:#a8a8a8 1px solid;}
.npage .aboutCon { width:100%; overflow:hidden; padding-top:1rem; }
.npage .aboutTxt { overflow:hidden; font-size:12px; line-height:24px; text-indent:2em; padding-bottom:2rem; text-align:justify; }
.npage .aboutTxt p { margin-top:10px;}
.npage .aboutImg { width:100%; overflow:hidden;}
.npage.about_02 .about_02box { width:100%; overflow:hidden; padding-top:1rem; background:#fff;}
.npage .sb_txt { width:100%; overflow:hidden; margin:0 auto; font-size:12px; line-height:20px; padding:1rem; background:rgba(255,255,255,.7); margin-top:4.8rem}
.npage.about_02 .sb_name { font-size:1rem; background:#f3f3f3; padding:1rem; margin:.5rem auto; text-indent:1rem}
.npage.about_02 .sb_name span { color:#e80015; display:block; background:url(../sb_07.jpg) no-repeat; background-size:auto 100%; margin-bottom:.2rem;}
.npage.about_02 .sb_img {}
.npage.about_02 .sb_imglist { width:100%; overflow:hidden; margin-top:1rem;}
.npage.about_02 .sb_imglist .sbItem{ width:90%; margin:0 auto;}
.npage.about_02 .sb_imglist .sbItem.nav { border:#F00 1px solid;}
.npage .about_03box { width:100%; overflow:hidden; padding-top:1rem; background:#fff; padding-bottom:2rem;}
.npage .about_03box dl { width:92%; overflow:hidden; margin:0 auto; margin-bottom:.5rem;}
.npage .about_03box dl dt { width:100%; height:40px; overflow:hidden; font-size:12px; line-height:40px; text-indent:2em; background:url(../01_09.gif) right no-repeat; background-color:#e9e9e9;}
.npage .about_03box dl.nav dt{ background:url(../01_10.gif) right no-repeat; background-color:#e9e9e9;}
.npage .about_03box dl dt span { display:block; width:86%; overflow:hidden;}
.npage .about_03box dl dd { width:100%; overflow:hidden; display:none; padding-top:.5rem;}
.npage .newsbox{ width:100%; overflow:hidden; padding-top:1rem; background:#fff; padding-bottom:2rem;}
.npage .newsbox dl { width:94%; overflow:hidden; padding:2%; margin:2% auto; border:#CCC 1px solid; }
.npage .newsbox dl dt { width:30%; float:left;}
.npage .newsbox dl dd { width:68%; float:right;}
.npage .newsbox dl dd p { width:100%;height:3rem; overflow:hidden; font-size:12px; line-height:18px; }
.npage .newsbox dl dd h3 { width:100%; overflow:hidden; font-size:14px; height:20px; line-height:20px; color:#333333;}
.npage .newsbox dl dd span { float:right; padding:4px 8px; background:#585858; color:#fff; font-size:10px; display:none; }
.npage .newsbox dl a { color:#828282;}
.npage .newsbox dl a h3 {color:#333333;}

.npage .newsCon {width:100%; overflow:hidden; padding-top:1rem; background:#fff; padding-bottom:2rem;}
.npage .newsCon h2 { font-size:16px; text-align:center; font-weight:normal; color:#3f3f3f;}
.npage .newsCon h3 { width:94%; height:30px; overflow:hidden; font-size:10px; color:#99a5a6; text-align:center; line-height:30px; font-weight:normal; border-bottom:#ededed 1px solid; display:block; margin:0 auto; }
.npage .newsCon h3 img { margin:0 8px;}
.npage .newsCon .newsTxt { width:94%; overflow:hidden; margin:0 auto; font-size:12px; color:#676767; line-height:20px; text-align:justify;}
.npage .newsCon .newsTxt p { margin-top:10px;}
.npage .newsCon .newsbtn { width:94%; overflow:hidden; margin:0 auto; border-top:#ededed 1px solid; margin-top:20px;}
.npage .newsCon .newsbtn a { width:100%; display:block; padding:8px 0; border-bottom:#ededed 1px solid; color:#555555;}
.npage .newsCon .newsbtn a.backbt { border-bottom:none;}
.npage .newsCon .newsbtn a.backbt img { width:30%}
.npage .probox .prolist{width:96%; overflow:hidden; margin:0 auto; padding-bottom:2rem;}
.npage .probox .proName{ width:314px; overflow:hidden; font-size:30px; color:#9d8356; text-align:center; background:url(../pro_namebg.png) center top no-repeat; background-size:100%; line-height:44px; margin:5% auto;}
.npage .probox .proName span { display:block; font-size:16px; color:#ffffff; line-height:20px;}
.npage .probox dl { width:46%; overflow:hidden; margin:2%; float:left; background:#fff;}
.npage .probox dl dt { width:90%; overflow:hidden; margin:5% auto;}
.npage .probox dl dd { width:100%; overflow:hidden; background:#626262; text-align:center; color:#fff; padding:2% 0;}
.npage .probox dl dd a { color:#fff;}
.proTc { width:100%; min-height:100%; overflow:hidden; position:fixed; left:0; top:0; background:rgba(0,0,0,.7); display:none;}
.proTc .probimg { width:90%; overflow:auto; margin:20% auto; }
.proTc .probimg .closebt { display: none; width:100%; height:30px; text-align:center; background:url(../close_bt_bg.png) bottom repeat-x;}
.proTc .probimg dl { width:100%; overflow:hidden; background:#fff; padding-bottom:2rem;}
.proTc .probimg dl dt { width:90%; overflow:hidden; margin:5% auto;}
.proTc .probimg dl dd { width:90%; overflow:hidden; margin:0 auto; border-top:#d2d2d2 1px solid; font-size:12px; line-height:20px; padding-top:1rem;}
.proTc .probimg dl dd h2 { color:#333; font-size:16px; line-height:30px;}
.serbox,.conactbox {width:100%; overflow:hidden; padding-top:1rem; background:#fff; padding-bottom:2rem;}
.serbox ul { width:96%; overflow:hidden; margin:0 auto;}
.serbox ul li{ width:46%; overflow:hidden; float:left; margin:2%; border:#CCC 1px solid;}
.conactbox { font-size:12px; color:#282828; line-height:19px; }
.conactbox h2 { font-size:16px; color:#292929;}
.conactbox p { width:100%; overflow:hidden; margin-top:10px;}
.conactbox p img { width:20px; float:left; margin-right:5px;}
.conactbox h3 { width:100%; height:30px; overflow:hidden; background:#d5d5d5; line-height:30px; text-indent:1em; margin:1rem 0;}
.conactbox .tel { width:100%; overflow:hidden; border-bottom:#CCC 1px solid; padding:1rem 0;}
.conactbox .tel img { width:80px; float:left;}
.map { width:100%; height:300px; overflow:hidden; margin:1rem auto; border:#CCC 1px solid;}
.hrTxt { width:92%; overflow:hidden; margin:0 auto; line-height:20px; color:#252525; padding:.5rem 0}
.hrTxt span { font-weight:bold;}
.contact_02  .sb_txt{ margin-top:4rem;}

.c3box { width:100%; overflow:hidden; font-size:12px; background-color:#fff; padding:2rem 0;}
.c3box .inputbox { width:100%; overflow:hidden; background:url(../info_bg.jpg) no-repeat; background-size:auto 100%;}
.c3box .inputbox form { width:78%; overflow:hidden; float:right; margin-right:5%; padding:8% 0; line-height:30px;}
.c3box .inputbox form input { width:100%; height:30px; overflow:hidden; background:#fff; border:none; border-radius:4px; margin-bottom:.5rem;}
.c3box .inputbox form textarea { width:100%; height:80px;  border-radius:4px; margin-bottom:.5rem;}
.c3box .inputbox .c3bt { width:100%; overflow:hidden;}
.c3box .inputbox .c3bt input { width:60px; height:30px; background:#dc000b; color:#fff; font-size:12px;}
.c3box .inputbox .c3bt input.cz { background:#424242}


.page{ width:100%; text-align:center; margin-bottom:2%;}
.page a{background:#e80015; width:20%;
    padding: .3rem 1rem;
    color: #fff;
	}
.page .pageempty{ background:#6c6c6c;}
.page .page_list{ margin-left:3%; margin-right:3%; width:20%;}

@media screen and (min-width:415px) {
	.npage .newsbox dl dd span{ display:block;}
}
@media screen and (max-width:414px) {
	.npage .probox .proName{ width:200px; font-size:20px; line-height:24px;}
	.npage .probox .proName span { display:block; font-size:12px; color:#ffffff; line-height:18px;}
}
@media screen and (max-width:374px) {
	.npage .probox .proName{ width:160px; font-size:14px; line-height:22px;}
	.npage .probox .proName span { display:block; font-size:10px; color:#ffffff; line-height:16px;}
}


.Topname { display: none;}
.service .Topname { display: block;}
.sf_honor p { text-align: center; font-size: 14px; margin-top: 14px; margin-bottom: 20px;}
.sf_honor2 { width:100%; overflow:hidden; margin-top:1rem;}
.sf_honor2 .sbItem{ width:90%; margin:0 auto;}
.sf_honor2 .sbItem.nav { border:#F00 1px solid;}