html { height: 100%; }

body { overflow: hidden; height: 100%; }

.clearFix:after { clear: both; display: block; visibility: hidden; height: 0; line-height: 0; content: ''; }

.header { width: 100%; height: 2.4rem; background: #FFFFFF; position: fixed; left: 0; top: 0; z-index: 999; }
.header img { width: 8.5rem; height: 1.525rem; margin: auto; margin-top: 0.5rem; }

.main { width: 100%; height: 100%; overflow: auto; }
.main .nav { width: 100%; height: 1.35rem; background: #01419a; margin-top: 2.5rem; }
.main .nav ul { width: 16rem; height: 1.35rem; margin: auto; overflow: hidden; z-index: 5; }
.main .nav ul li { width: 3.2rem; float: left; line-height: 1.35rem; text-align: center; }
.main .nav ul li a { font-size: 0.6rem; color: #FFFFFF; }
.main .banner { width: 16rem; height: 7.25rem; margin: 0 auto; }
.main .banner img { width: 16rem; height: 7.25rem; margin: 0 auto; }
.main .about .A_title, .main .product .P_title, .main .factory .F_title, .main .news .N_title { width: 15rem; margin: 0 auto; }
.main .about .A_title h1, .main .product .P_title h1, .main .factory .F_title h1, .main .news .N_title h1 { font-size: 1rem; color: #9bd17e; font-style: italic; }
.main .about .A_title a, .main .product .P_title a, .main .factory .F_title a, .main .news .N_title a { display: block; width: 15rem; margin-top: 0.25rem; height: 24px; }
.main .about .A_title a span, .main .product .P_title a span, .main .factory .F_title a span, .main .news .N_title a span { float: left; font-size: 0.75rem; color: #01419A; }
.main .about .A_title a em, .main .product .P_title a em, .main .factory .F_title a em, .main .news .N_title a em { float: right; font-size: 0.6rem; color: #999999; }
.main .about { width: 100%; margin-top: 1.5rem; }
.main .about .A_box { width: 16rem; margin: 0 auto; margin-top: 0.75rem; }
.main .about .A_box img { width: 15rem; height: 6.5rem; margin: auto; }
.main .about .A_box p { width: 15rem; margin: auto; margin-top: 0.75rem; font-size: 0.6rem; line-height: 0.9rem; color: #666666; }
.main .about .A_ico { width: 16rem; height: 3.5rem; }
.main .about .A_ico ul { width: 10rem; height: 3.25rem; background: #01419A; float: left; margin-top: 0.75rem; padding-top: 0.25rem; }
.main .about .A_ico ul li { font-size: 0.5rem; color: #FFFFFF; padding-left: 1.25rem; line-height: 0.75rem; }
.main .about .A_ico ul .ico_01 { background: url(../img/water.png) 5% top no-repeat; }
.main .about .A_ico ul .ico_02 { background: url(../img/heater.png) 5% top no-repeat; }
.main .about .A_ico ul .ico_03 { background: url(../img/trophy.png) 5% top no-repeat; }
.main .about .A_ico .more { float: right; width: 3.65rem; height: 1.3rem; border: solid 1px #01419A; font-size: 0.6rem; line-height: 1.3rem; text-align: center; margin-right: 1rem; margin-top: 2rem; }
.main .product { width: 16ren; margin: 0 auto; margin-top: 1.5rem; }
.main .product .P_pic { width: 16rem; height: 8.85rem; margin: 0 auto; position: relative; }
.main .product .P_pic .P_picture { display: block; width: 15rem; height: 8.85rem; position: absolute; left: 0.5rem; top: 0; }
.main .product .P_pic .P_picture img { width: 15rem; height: 8.85rem; }
.main .product .P_pic .P_text { background: rgba(0, 0, 0, 0.5); width: 15rem; height: 4.625rem; position: absolute; left: 0.5rem; top: 4.15rem; z-index: 1; }
.main .product .P_pic .P_text h2 { margin-top: 0.5rem; padding-left: 0.5rem; }
.main .product .P_pic .P_text h2 a { font-size: 0.9rem; color: #FFFFFF; }
.main .product .P_pic .P_text p { font-size: 0.5rem; padding-right: 0.5rem; color: #FFFFFF; line-height: 0.75rem; margin-top: 0.5rem; margin-bottom: 0.25rem; padding-left: 0.5rem; }
.main .product .P_pic .crtl { width: 7rem; height: 0.45rem; margin: 0 auto; position: absolute; left: 50%; margin-left: -3.5rem; bottom: 0; }
.main .product .P_pic .crtl li { border: solid 1px #01419A; width: 0.4rem; height: 0.4rem; float: left; margin-left: 0.375rem; border-radius: 0.2rem; }
.main .product .P_pic .crtl .current { background: #01419A; }
.main .factory { width: 16rem; margin: auto; margin-top: 1.5rem; }
.main .factory .F_pic { width: 15rem; margin: auto; }
.main .factory .F_pic a { display: block; width: 15rem; height: 13.15rem; }
.main .factory .F_pic a img { width: 15rem; height: 13.15rem; }
.main .news { width: 16rem; margin: auto; margin-top: 1.5rem; height: auto; margin-bottom: 3.5rem; }
.main .news .N_list { width: 15rem; margin: 0 auto; margin-top: 0.75rem; }
.main .news .N_list li { width: 15rem; border-bottom: solid 1px #999; height: 2.5rem; margin-bottom: 0.75rem; }
.main .news .N_list li .News_l { float: left; width: 2.15rem; margin-top: 5px; }
.main .news .N_list li .News_l h4 { font-size: 0.75rem; color: #FFFFFF; text-align: center; width: 2.15rem; height: 1.3rem; line-height: 1.3rem; background: #01419A; }
.main .news .N_list li .News_l span { font-size: 0.45rem; margin-top: 0.125rem; background: #01419A; width: 2.15rem; height: 0.6rem; display: block; line-height: 0.6rem; color: #FFFFFF; text-align: center; }
.main .news .N_list li .News_r { float: right; width: 12rem; height: 1.8rem; }
.main .news .N_list li .News_r h3 { width: 11.5rem; line-height: 0.75rem; }
.main .news .N_list li .News_r h3 a { display: inline-block; font-size: 0.75rem; color: #01419A; width: 11.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main .news .N_list li .News_r p { font-size: 0.5rem; color: #666666; width: 11.5rem; line-height: 0.75rem; height: 1.4rem; margin-top: 0.25rem; overflow: hidden; }
.main .news .N_more { display: block; width: 3.75rem; height: 1.25rem; border: solid 1px #01419A; font-size: 0.6rem; color: #01419A; line-height: 1.25rem; text-align: center; margin: auto; }

.footer { width: 100%; height: 2.25rem; background: #01419A; margin: auto; position: fixed; left: 0; bottom: 0; z-index: 999; }
.footer .F_ico { width: 15rem; margin: auto; height: 2.25rem; }
.footer .F_ico a { float: left; width: 3.75rem; height: 2rem; margin-top: 0.25rem; color: #fff; font-size: 0.6rem; text-align: center; }
.footer .F_ico a em { padding-top: 1.25rem; display: block; box-sizing: border-box; }
.footer .F_ico .Fico1 { background-size: 0.775rem 0.725rem; background: url(../img/sy.png) top center no-repeat; }
.footer .F_ico .Fico2 { background-size: 0.775rem 0.975rem; background: url(../img/LBS.png) top center no-repeat; }
.footer .F_ico .Fico3 { background-size: 0.775rem 0.775rem; background: url(../img/phone.png) top center no-repeat; }
.footer .F_ico .Fico4 { background-size: 0.775rem 0.675rem; background: url(../img/xinxi.png) top center no-repeat; }

.sub_main { width: 16rem; margin: 0 auto; }
.sub_main .subM_title { width: 15rem; margin: 0 auto; margin-top: 0.75rem; }
.sub_main .subM_title h1 { width: 14.5rem; font-size: 0.75rem; color: #666666; line-height: 1.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: solid 2px #9BD17E; }
.sub_main .subM_title div { width: 4rem; height: 0.05rem; background: #01419A; z-index: 999; margin-top: -2px; }
.sub_main .subM_list { width: 15rem; margin: 0 auto; margin-top: 0.75rem; margin-bottom: 3rem; }
.sub_main .subM_list li { width: 15rem; height: 2rem; line-height: 2rem; background: #f2f2f2; margin-bottom: 0.75rem; }
.sub_main .subM_list li a { padding-left: 0.5rem; display: inline-block; width: 15rem; color: #444444; font-size: 0.6rem; line-height: 2rem; background: url(../img/rarrow1.png) 90% center no-repeat; }
.sub_main .subM_list li:hover { background: #01419A; }
.sub_main .subM_list li:hover a:hover { color: #FFFFFF; background: url(../img/rarrow.png) 90% center no-repeat; }
.sub_main .subMnews { width: 15rem; margin: 0 auto; margin-top: 0.75rem; margin-bottom: 3rem; }
.sub_main .subMnews li { width: 15rem; height: 3.2rem; background: #f9f9f9; border: solid 1px #e6e6e6; }
.sub_main .subMnews li p { width: 9.5rem; height: 2.5rem; line-height: 0.8rem; float: left; margin-top: 0.5rem; overflow: hidden; margin-left: 0.25rem; }
.sub_main .subMnews li p a { display: block; width: 9.5rem; color: #666666; font-size: 0.65rem; }
.sub_main .subMnews li p span { font-size: 0.45rem; color: #666666; }
.sub_main .subMnews li .subMpic { float: right; width: 3.625rem; height: 3.2rem; }
.sub_main .subMnews li .subMpic img { width: 3.625rem; height: 3.2rem; }
.sub_main .subMnews li:nth-of-type(2n) { background: #f1f1f1; }
.sub_main .subMproduct { width: 15rem; margin: 0 auto; margin-top: 0.75rem; margin-bottom: 3rem; }
.sub_main .subMproduct li { float: left; width: 7rem; height: 6.2rem; border: solid 1px #F1F1F1; margin-right: 0.8rem; margin-bottom: 0.75rem; }
.sub_main .subMproduct li .subprodpic { display: block; width: 7rem; height: 4.5rem; }
.sub_main .subMproduct li .subprodpic img { width: 7rem; height: 4.5rem; }
.sub_main .subMproduct li h2 { width: 7rem; line-height: 1.7rem; text-align: center; }
.sub_main .subMproduct li h2 a { font-size: 0.6rem; color: #666666; display: inline-block; width: 7rem; }
.sub_main .subMproduct li:nth-of-type(2n) { margin-right: 0; }
.sub_main .subcontent { width: 15rem; margin: 0 auto; margin-top: 0.75rem; margin-bottom: 3rem; }
.sub_main .subcontent p { width: 15rem; margin: 0 auto; font-size: 0.6rem; line-height: 0.9rem; color: #666666; }
.sub_main .subcontent img { width: 15rem; height: auto; }
.sub_main .subcontent span { margin-top: 0.75rem; width: 15rem; display: block; font-size: 0.6rem; text-align: left; color: #666666; }
.sub_main .subcontent span a { color: #666666; padding-left: 0.5rem; }
.sub_main .page { margin-top: 0.75rem; width: 15rem; margin: auto; }

/*# sourceMappingURL=jiayijie.css.map */