#nodata { BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; BACKGROUND: url(../images/nodata.gif) no-repeat 20px 20px; BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 80px; PADDING-TOP: 80px; PADDING-LEFT: 150px; BORDER-LEFT: #eee 1px solid; MARGIN: 10px 0px; PADDING-RIGHT: 80px } .mub01InpageBannerr { HEIGHT: 300px; WIDTH: 100% } .mub01InpageBannerr A { HEIGHT: 300px; MARGIN: 0px auto; DISPLAY: block } .mub01MainContent { WIDTH: 100%; BACKGROUND: #f4f4f4; PADDING-BOTTOM: 30px } #paging UL { WIDTH: 898px } #paging .paging { MARGIN-TOP: 20px } .InpageSearch { WIDTH: 100% } .InpageSearch .top { HEIGHT: 108px; BACKGROUND: #e5e5e5; PADDING-TOP: 52px } .InpageSearch .Input { HEIGHT: 57px; WIDTH: 608px; POSITION: relative; MARGIN: 0px auto } .InpageSearch .Input INPUT { BORDER-TOP-STYLE: none; FONT-SIZE: 16px; BORDER-LEFT-STYLE: none; HEIGHT: 57px; WIDTH: 520px; BACKGROUND: url(../images/InpageSearchBg01.png) no-repeat center 50%; BORDER-BOTTOM-STYLE: none; COLOR: #333333; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; OUTLINE-STYLE: none; PADDING-LEFT: 28px; LINE-HEIGHT: 57px; PADDING-RIGHT: 60px } .InpageSearch .Input A { HEIGHT: 47px; WIDTH: 47px; RIGHT: 4px; POSITION: absolute; DISPLAY: block; TOP: 4px } .InpageSearch .mainCon { BACKGROUND: #fff; PADDING-BOTTOM: 30px; PADDING-TOP: 30px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .InpageSearch .mainCon .conBox .searchTitle { FONT-SIZE: 24px; MARGIN-BOTTOM: 20px; FONT-WEIGHT: normal; COLOR: #333 } .InpageSearch .mainCon .conBox .box { WIDTH: 100% } .InpageSearch .mainCon .conBox .box LI { BORDER-BOTTOM: #e5e5e5 1px solid; PADDING-BOTTOM: 26px; PADDING-TOP: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .InpageSearch .mainCon .conBox .box LI:first-child { BORDER-TOP: #e5e5e5 1px solid } .InpageSearch .mainCon .conBox .box LI H3 { FONT-SIZE: 16px; FONT-WEIGHT: normal; COLOR: #333333 } .InpageSearch .mainCon .conBox .box LI H3 A { TEXT-DECORATION: none; COLOR: #333333 } .InpageSearch .mainCon .conBox .box LI P.p1 { FONT-SIZE: 14px; MARGIN-TOP: 18px; COLOR: #666666; LINE-HEIGHT: 20px } .InpageSearch .mainCon .conBox .box LI P.p1 A { TEXT-DECORATION: none; COLOR: #666666 } .InpageSearch .mainCon .conBox .box LI P.p2 { OVERFLOW: hidden; HEIGHT: 16px; MARGIN-TOP: 30px; LINE-HEIGHT: 16px } .InpageSearch .mainCon .conBox .box LI P.p2 SPAN { FONT-SIZE: 14px; FLOAT: left; COLOR: #666666; DISPLAY: block } .InpageSearch .mainCon .conBox .box LI P.p2 A { FONT-SIZE: 14px; FONT-FAMILY: arial; BACKGROUND: url(../images/InpageSearch_icon02.png) no-repeat left center; FLOAT: left; COLOR: #666666; PADDING-LEFT: 24px; MARGIN-LEFT: 32px; DISPLAY: block } .InpageSearch .mainCon .conBox .box LI:hover H3 A { COLOR: #da241c } .InpageSearch .mainCon .conBox .box LI.cpsosu { FLOAT: left } .InpageSearch .mainCon .conBox .box LI.cpsosu .Pic { OVERFLOW: hidden; HEIGHT: 334px; WIDTH: 300px; FLOAT: left; DISPLAY: block } .InpageSearch .mainCon .conBox .box LI.cpsosu .Pic IMG { HEIGHT: 334px; WIDTH: 300px; DISPLAY: block; transform: scale(1); transition: all 2s ease-out } .InpageSearch .mainCon .conBox .box LI.cpsosu:hover .Pic IMG { transform: scale(1.2) } .InpageSearch .mainCon .conBox .box LI.cpsosu .intro { WIDTH: 776px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 32px; PADDING-RIGHT: 32px } .map_main { OVERFLOW: hidden; BORDER-TOP: #f0f0f0 5px solid; BORDER-RIGHT: #f0f0f0 5px solid; BACKGROUND: #fff; BORDER-BOTTOM: #f0f0f0 5px solid; PADDING-BOTTOM: 30px; BORDER-LEFT: #f0f0f0 5px solid; MARGIN: 20px 0px } .sitemap_con { WIDTH: 1120px; COLOR: #666; MARGIN: 0px auto } .sitemap_con .map_top { BORDER-BOTTOM: #d7d7d7 1px solid } .sitemap_con .map_top IMG { FLOAT: left } .site_r_link { BORDER-TOP: #cdcdcd 1px solid; BORDER-RIGHT: #cdcdcd 1px solid; WIDTH: 136px; BACKGROUND: #f8f8f8; MARGIN-TOP: 20px; BORDER-BOTTOM: #cdcdcd 1px solid; FLOAT: right; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 10px; BORDER-LEFT: #cdcdcd 1px solid; PADDING-RIGHT: 10px } .site_plc { BACKGROUND: url(../images/ico27.gif) no-repeat 0px 11px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; TEXT-INDENT: 10px } .sitemap_con H4 { WIDTH: 100%; MARGIN: 10px 10px 10px 0px; LINE-HEIGHT: 30px } .sitemap_con H4 A { FONT-SIZE: 18px; COLOR: #000 } .b4 { BORDER-TOP: #efefef 1px dashed; BORDER-RIGHT: #efefef 1px dashed; BORDER-BOTTOM: #efefef 1px dashed; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 5px; BORDER-LEFT: #efefef 1px dashed; PADDING-RIGHT: 5px } .b4 UL { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 11px; PADDING-RIGHT: 11px } .b4 LI { OVERFLOW: hidden; HEIGHT: 25px; WIDTH: 342px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; FLOAT: left; MARGIN: 0px 10px; LINE-HEIGHT: 25px } .b4 LI A { COLOR: #000 } .b4 LI A:hover { COLOR: #da241c } .qcfd { FLOAT: none } .mub02Title { WIDTH: 870px; TEXT-ALIGN: center; MARGIN: 0px auto } .mub02Title H2 { FONT-SIZE: 20px; FONT-WEIGHT: normal; COLOR: #da241c } .mub02Title H2 A { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #da241c } .mub02Title I { HEIGHT: 3px; WIDTH: 870px; MARGIN-TOP: 26px; DISPLAY: block } .mub02Title I IMG { HEIGHT: 3px; WIDTH: 870px; DISPLAY: block } .mub02Top { WIDTH: 870px; PADDING-TOP: 20px; MARGIN: 0px auto } .mub02Top H2 { FONT-SIZE: 18px; HEIGHT: 40px; BORDER-BOTTOM: #e4e4e4 1px solid; FONT-WEIGHT: normal; COLOR: #da241c } .mub02Top2 { HEIGHT: 83px; WIDTH: 100%; BACKGROUND: url(../images/mub02Top2Bg.jpg) no-repeat center top } .mub02Top2 H3 { FONT-SIZE: 20px; HEIGHT: 80px; FLOAT: left; COLOR: #da241c; LINE-HEIGHT: 80px } .mub02Top2 H3 EM { FONT-WEIGHT: bold } .mub02Top2 A.more { FONT-SIZE: 13px; FLOAT: right; COLOR: #999999; DISPLAY: block; LINE-HEIGHT: 80px } .mub02Top2 I IMG { DISPLAY: block } .mub02Top2 I { DISPLAY: block } .InpageSidebar01 { WIDTH: 270px; FLOAT: left } .InpageSidebar01 .top { HEIGHT: 80px; WIDTH: 100%; BACKGROUND: #da241c } .InpageSidebar01 .top H2 { FONT-SIZE: 24px; HEIGHT: 80px; BACKGROUND: url(../images/InpageSidebar01_icon01.png) #da241c no-repeat 218px center; FONT-WEIGHT: normal; COLOR: #fff; LINE-HEIGHT: 80px; TEXT-INDENT: 28px } .InpageSidebar01 .top H2 A { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #fff } .InpageSidebar01 .classify .box { BORDER-TOP: #e4e4e4 1px; BORDER-RIGHT: #e4e4e4 1px solid; BORDER-BOTTOM: #e4e4e4 1px solid; POSITION: relative; BORDER-LEFT: #e4e4e4 1px solid } .InpageSidebar01 .classify :first-child.box { BORDER-TOP: #e4e4e4 1px solid } .InpageSidebar01 .classify DL { PADDING-BOTTOM: 18px; PADDING-TOP: 14px; PADDING-LEFT: 30px; PADDING-RIGHT: 19px } .InpageSidebar01 .classify DT { FONT-SIZE: 14px; BACKGROUND: url(../images/mub02_jt03.png) no-repeat 194px 2px; COLOR: #333333 } .InpageSidebar01 .classify DD { DISPLAY: none } .InpageSidebar01 .classify DT A { COLOR: #333333 } .InpageSidebar01 .classify DL:hover DD { DISPLAY: block } .InpageSidebar01 .classify DD P { HEIGHT: 35px; BORDER-LEFT: #e4e4e4 1px solid; LINE-HEIGHT: 35px } .InpageSidebar01 .classify DD P A { FONT-SIZE: 15px; TEXT-DECORATION: none; COLOR: #333333; DISPLAY: block; TEXT-INDENT: 16px } .InpageSidebar01 .classify .box I { HEIGHT: 100%; WIDTH: 3px; BACKGROUND: #da241c; POSITION: absolute; LEFT: -1px; DISPLAY: none; TOP: 0px } .InpageSidebar01 .classify .box:hover { BACKGROUND: #f5f5f5 } .InpageSidebar01 .classify .box:hover I { DISPLAY: block } .InpageSidebar01 .classify .box DT.cur { BACKGROUND: url(../images/mub02_jt04.png) no-repeat 194px 2px; FONT-WEIGHT: bold } .InpageSidebar01 .classify .box:hover DT A { TEXT-DECORATION: none; COLOR: #da241c; DISPLAY: block } .InpageSidebar01 .classify .box DT.cur A { TEXT-DECORATION: none; COLOR: #da241c; DISPLAY: block } .InpageSidebar01 .classify .box:hover DT { BACKGROUND: url(../images/mub02_jt04.png) no-repeat 194px 6px; FONT-WEIGHT: bold } .InpageSidebar01 .classify DD P:hover A { COLOR: #fff } .InpageSidebar01 .classify DD P.cur A { COLOR: #fff } .InpageSidebar01 .classify DD P:hover { BACKGROUND: url(../images/mub02_jt02.png) #da241c no-repeat 194px center } .InpageSidebar01 .classify DD P.cur { BACKGROUND: url(../images/mub02_jt02.png) #da241c no-repeat 194px center } .InpageSidebar01 .sidebarLinkUs { MARGIN-BOTTOM: 20px; BORDER-TOP: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid; MARGIN-TOP: 20px; BORDER-BOTTOM: #e4e4e4 1px solid; PADDING-BOTTOM: 20px; PADDING-TOP: 0px; PADDING-LEFT: 19px; BORDER-LEFT: #e4e4e4 1px solid; PADDING-RIGHT: 19px } .InpageSidebar01 .sidebarLinkUs H3 { FONT-SIZE: 18px; MARGIN-BOTTOM: 18px; HEIGHT: 59px; BORDER-BOTTOM: #e4e4e4 1px solid; FONT-WEIGHT: normal; COLOR: #da241c; LINE-HEIGHT: 59px; TEXT-INDENT: 10px } .InpageSidebar01 .sidebarLinkUs P { FONT-SIZE: 14px; MARGIN-BOTTOM: 12px; COLOR: #333333; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; LINE-HEIGHT: 20px; PADDING-RIGHT: 10px } .InpageSidebar01 .sidebarLinkUs .zxzx { OVERFLOW: hidden; TEXT-DECORATION: none; HEIGHT: 50px; WIDTH: 160px; BACKGROUND: #da241c; MARGIN-TOP: 20px; DISPLAY: block } .InpageSidebar01 .sidebarLinkUs .zxzx SPAN { HEIGHT: 50px; BORDER-RIGHT: #fff 1px solid; WIDTH: 50px; BACKGROUND: url(../images/zxzx_icon01.png) no-repeat center 50%; FLOAT: left; DISPLAY: block } .InpageSidebar01 .sidebarLinkUs .zxzx EM { FONT-SIZE: 16px; HEIGHT: 50px; WIDTH: 109px; FLOAT: left; COLOR: #fff; TEXT-ALIGN: center; DISPLAY: block; LINE-HEIGHT: 50px } .InpageSidebar01 .sidebarLinkUs .zxzx EM IMG { POSITION: relative; MARGIN-LEFT: 8px; DISPLAY: inline-block; TOP: 2px } .InpageSidebar02 .classify { BORDER-TOP: #e4e4e4 1px; BORDER-RIGHT: #e4e4e4 1px solid; BORDER-BOTTOM: #e4e4e4 1px solid; POSITION: relative; BORDER-LEFT: #e4e4e4 1px solid } .InpageSidebar02 .classify LI { FONT-SIZE: 15px; BORDER-TOP: #e4e4e4 1px solid; HEIGHT: 58px; BACKGROUND: url(../images/mub02_jt03.png) no-repeat 224px center; COLOR: #333333; LINE-HEIGHT: 58px; TEXT-INDENT: 28px } .InpageSidebar02 .classify LI A { TEXT-DECORATION: none; COLOR: #333333; DISPLAY: block } .InpageSidebar02 .classify LI:hover { BACKGROUND: url(../images/mub02_jt04.png) #f5f5f5 no-repeat 224px center } .InpageSidebar02 .classify LI.cur { BACKGROUND: url(../images/mub02_jt04.png) #f5f5f5 no-repeat 224px center } .InpageSidebar02 .classify LI:hover A { FONT-WEIGHT: bold; COLOR: #da241c } .InpageSidebar02 .classify LI.cur A { FONT-WEIGHT: bold; COLOR: #da241c } .InpageSidebar02 .classify I { WIDTH: 3px; BACKGROUND: #da241c; POSITION: absolute; LEFT: -1px; Z-INDEX: 9; DISPLAY: block; TOP: 0px } .InpageSidebar02 .xgzx { BORDER-TOP: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid; MARGIN-TOP: 20px; BORDER-BOTTOM: #e4e4e4 1px solid; PADDING-BOTTOM: 16px; PADDING-TOP: 0px; PADDING-LEFT: 19px; BORDER-LEFT: #e4e4e4 1px solid; PADDING-RIGHT: 19px } .InpageSidebar02 .xgzx H3 { FONT-SIZE: 18px; MARGIN-BOTTOM: 18px; HEIGHT: 59px; BORDER-BOTTOM: #e4e4e4 1px solid; FONT-WEIGHT: normal; COLOR: #da241c; LINE-HEIGHT: 59px; TEXT-INDENT: 10px } .InpageSidebar02 .xgzx P { FONT-SIZE: 14px; OVERFLOW: hidden; MARGIN-BOTTOM: 10px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; COLOR: #333333; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px } .InpageSidebar02 .xgzx P A { COLOR: #333333 } .InpageSidebar02 .xgzx P:hover A { COLOR: #da241c } .mub02address { MARGIN-BOTTOM: 20px; WIDTH: 100%; BORDER-BOTTOM: #e4e4e4 1px solid } .mub02address .con { HEIGHT: 43px; WIDTH: 100% } .mub02address .homePage { HEIGHT: 43px; BORDER-RIGHT: #eaeaea 1px solid; WIDTH: 43px; BACKGROUND: url(../images/mub02address_homePage.png) no-repeat center 50%; FLOAT: left; BORDER-LEFT: #eaeaea 1px solid; DISPLAY: block } .mub02address P { FONT-SIZE: 13px; OVERFLOW: hidden; HEIGHT: 43px; WIDTH: 84%; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; FLOAT: left; COLOR: #999999; MARGIN-LEFT: 18px; LINE-HEIGHT: 43px } .mub02address P A { COLOR: #999999; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .mub02address .backList { FONT-SIZE: 13px; CURSOR: pointer; TEXT-DECORATION: none; HEIGHT: 43px; BORDER-RIGHT: #eaeaea 1px solid; WIDTH: 117px; FLOAT: right; COLOR: #999999; TEXT-ALIGN: center; BORDER-LEFT: #eaeaea 1px solid; DISPLAY: block; LINE-HEIGHT: 43px } .mub02address .backList IMG { POSITION: relative; DISPLAY: inline-block; TOP: 2px; MARGIN-RIGHT: 10px } .mub02tjcp { BORDER-TOP: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid; MARGIN-TOP: 20px; BORDER-BOTTOM: #e4e4e4 1px solid; PADDING-BOTTOM: 20px; PADDING-TOP: 0px; PADDING-LEFT: 19px; BORDER-LEFT: #e4e4e4 1px solid; PADDING-RIGHT: 19px } .mub02tjcp .conBox { WIDTH: 100%; MARGIN-TOP: 20px } .mub02tjcp .conBox LI { WIDTH: 280px; FLOAT: left; TEXT-ALIGN: center; MARGIN-LEFT: 15px } .mub02tjcp .conBox LI:first-child { MARGIN-LEFT: 0px } .mub02tjcp .conBox LI SPAN { OVERFLOW: hidden; BORDER-TOP: #e4e4e4 1px solid; HEIGHT: 236px; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 278px; BORDER-BOTTOM: #e4e4e4 1px solid; BORDER-LEFT: #e4e4e4 1px solid; DISPLAY: block } .mub02tjcp .conBox LI IMG { HEIGHT: 236px; WIDTH: 278px; DISPLAY: block; transform: scale(1); transition: all 1s ease-out } .mub02tjcp .conBox LI:hover IMG { transform: scale(1.2) } .mub02tjcp .conBox LI EM { FONT-SIZE: 14px; OVERFLOW: hidden; WHITE-SPACE: nowrap; MARGIN-TOP: 10px; TEXT-OVERFLOW: ellipsis; COLOR: #333333; DISPLAY: block } .mub02tjcp .conBox LI A { TEXT-DECORATION: none; DISPLAY: block } .mub02xgyd { BORDER-TOP: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid; MARGIN-TOP: 20px; BORDER-BOTTOM: #e4e4e4 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 0px; PADDING-LEFT: 19px; BORDER-LEFT: #e4e4e4 1px solid; PADDING-RIGHT: 19px } .mub02xgyd .conBox { OVERFLOW: hidden; WIDTH: 100%; MARGIN-TOP: 22px } .mub02xgyd .conBox UL { WIDTH: 106% } .mub02xgyd .conBox LI { OVERFLOW: hidden; MARGIN-BOTTOM: 13px; WIDTH: 416px; FLOAT: left; MARGIN-RIGHT: 38px } .mub02xgyd .conBox LI A { FONT-SIZE: 14px; OVERFLOW: hidden; WIDTH: 302px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; FLOAT: left; COLOR: #333333; DISPLAY: block } .mub02xgyd .conBox LI A:hover { COLOR: #da241c } .mub02xgyd .conBox LI SPAN { FONT-SIZE: 14px; FONT-FAMILY: arial; FLOAT: right; COLOR: #999999; DISPLAY: block } .mub02Ad { MARGIN-BOTTOM: 20px; BORDER-TOP: #e4e4e4 1px solid; HEIGHT: 228px; BORDER-RIGHT: #e4e4e4 1px solid; BACKGROUND: #f5f5f5; MARGIN-TOP: 20px; BORDER-BOTTOM: #e4e4e4 1px solid; POSITION: relative; BORDER-LEFT: #e4e4e4 1px solid } .mub02Ad .figure { HEIGHT: 213px; WIDTH: 165px; POSITION: absolute; LEFT: 70px; BOTTOM: 0px } .mub02Ad .figure IMG { HEIGHT: 213px; WIDTH: 165px; DISPLAY: block } .mub02Ad .conBox { PADDING-TOP: 48px; MARGIN-LEFT: 308px; MARGIN-RIGHT: 24px } .mub02Ad .conBox H3 { FONT-SIZE: 22px; FONT-WEIGHT: normal; COLOR: #da241c } .mub02Ad .conBox P { FONT-SIZE: 15px; OVERFLOW: hidden; HEIGHT: 40px; MARGIN-TOP: 6px; TEXT-OVERFLOW: ellipsis; COLOR: #333333; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .mub02Ad .conBox .box { MARGIN-TOP: 20px } .mub02Ad .conBox .box .zxzx { OVERFLOW: hidden; TEXT-DECORATION: none; HEIGHT: 50px; WIDTH: 160px; BACKGROUND: #da241c; FLOAT: left; DISPLAY: block } .mub02Ad .conBox .box .zxzx SPAN { HEIGHT: 50px; BORDER-RIGHT: #fff 1px solid; WIDTH: 50px; BACKGROUND: url(../images/zxzx_icon01.png) no-repeat center 50%; FLOAT: left; DISPLAY: block } .mub02Ad .conBox .box .zxzx EM { FONT-SIZE: 16px; HEIGHT: 50px; WIDTH: 109px; FLOAT: left; COLOR: #fff; TEXT-ALIGN: center; DISPLAY: block; LINE-HEIGHT: 50px } .mub02Ad .conBox .box .zxzx EM IMG { POSITION: relative; MARGIN-LEFT: 8px; DISPLAY: inline-block; TOP: 2px } .mub02Ad .conBox .box .phone { BACKGROUND: url(../images/mub02Ad_phone.png) no-repeat left center; MARGIN-TOP: 4px; FLOAT: left; PADDING-LEFT: 44px; MARGIN-LEFT: 56px } .mub02Ad .conBox .box .phone SPAN { FONT-SIZE: 13px; COLOR: #666666; DISPLAY: block } .mub02Ad .conBox .box .phone EM { FONT-SIZE: 24px; FONT-FAMILY: arial; COLOR: #da241c; DISPLAY: block } .InpageSearch .mainCon .paging { BORDER-TOP: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid; BORDER-BOTTOM: #e4e4e4 1px solid; BORDER-LEFT: #e4e4e4 1px solid } .paging { BORDER-TOP: #e4e4e4 1px solid; HEIGHT: 59px } .paging .pagingPrev { FONT-SIZE: 13px; TEXT-DECORATION: none; HEIGHT: 59px; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 119px; FLOAT: left; COLOR: #999999; TEXT-ALIGN: center; LINE-HEIGHT: 59px } .paging .pagingPrev I { HEIGHT: 14px; WIDTH: 8px; BACKGROUND: url(../images/mub02_jt01.png) no-repeat center 50%; POSITION: relative; DISPLAY: inline-block; TOP: 2px; MARGIN-RIGHT: 10px } .paging .pagingNext { FONT-SIZE: 13px; TEXT-DECORATION: none; HEIGHT: 59px; WIDTH: 119px; FLOAT: right; COLOR: #999999; TEXT-ALIGN: center; BORDER-LEFT: #e4e4e4 1px solid; LINE-HEIGHT: 59px } .paging .pagingNext I { HEIGHT: 14px; WIDTH: 8px; BACKGROUND: url(../images/mub02_jt03.png) no-repeat center 50%; POSITION: relative; MARGIN-LEFT: 10px; DISPLAY: inline-block; TOP: 2px } .paging UL { WIDTH: 668px; FLOAT: left; TEXT-ALIGN: center; PADDING-TOP: 17px } .paging UL A { FONT-SIZE: 15px; TEXT-DECORATION: none; HEIGHT: 27px; FONT-FAMILY: arial; WIDTH: 27px; COLOR: #999999; TEXT-ALIGN: center; MARGIN-LEFT: 4px; DISPLAY: inline-block; LINE-HEIGHT: 27px } .paging UL A.cur { TEXT-DECORATION: none; BACKGROUND: #da241c; COLOR: #fff } .paging UL A:hover { BACKGROUND: #da241c; COLOR: #fff } .paging UL A:hover A { } .paging .pagingNext:hover { FONT-WEIGHT: bold; COLOR: #da241c } .paging .pagingNext:hover I { BACKGROUND: url(../images/mub02_jt04.png) no-repeat center 50% } .paging .pagingPrev:hover { FONT-WEIGHT: bold; COLOR: #da241c } .paging .pagingPrev:hover I { BACKGROUND: url(../images/mub02_jt05.png) no-repeat center 50% } .proDetails { WIDTH: 100% } .proDetailsSection { WIDTH: 910px; FLOAT: right } .proDetailsSection .mainCon { BORDER-TOP: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid; BORDER-BOTTOM: #e4e4e4 1px solid; PADDING-BOTTOM: 0px; BORDER-LEFT: #e4e4e4 1px solid } .proDetailsIntro { HEIGHT: 418px; WIDTH: 100%; BORDER-BOTTOM: #e4e4e4 1px solid } .proDetailsIntro .conL { HEIGHT: 418px; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 458px; POSITION: relative; FLOAT: left } .proDetailsIntro .conL I { OVERFLOW: hidden; CURSOR: pointer; HEIGHT: 44px; WIDTH: 44px; MARGIN-TOP: -22px; POSITION: absolute; Z-INDEX: 9; DISPLAY: block; TOP: 50% } .proDetailsIntro .conL I.prev { LEFT: -1px } .proDetailsIntro .conL I.next { RIGHT: -1px } .proDetailsIntro .conL .btnList { HEIGHT: 10px; WIDTH: 100%; POSITION: absolute; TEXT-ALIGN: center; BOTTOM: 18px } .proDetailsIntro .conL .btnList SPAN { OVERFLOW: hidden; CURSOR: pointer; HEIGHT: 9px; WIDTH: 9px; BACKGROUND: url(../images/proDetailsIntro_icon01.png) no-repeat left top; POSITION: relative; MARGIN-LEFT: 14px; DISPLAY: inline-block } .proDetailsIntro .conL .btnList SPAN.cur { BACKGROUND-POSITION: left bottom } .proDetailsIntro .conL .btnList SPAN:first-child { MARGIN-LEFT: 0px } .proDetailsIntro .conL .conBox { OVERFLOW: hidden; HEIGHT: 418px; WIDTH: 458px; POSITION: relative } .proDetailsIntro .conL .conBox UL { POSITION: absolute; LEFT: 0px; TOP: 0px; width: 458px; } .proDetailsIntro .conL .conBox LI { WIDTH: 458px; FLOAT: left } .proDetailsIntro .conL .conBox LI IMG { HEIGHT: 418px; WIDTH: 458px; DISPLAY: block } .proDetailsIntro .conR { HEIGHT: 378px; WIDTH: 400px; POSITION: relative; FLOAT: right; PADDING-TOP: 40px; MARGIN-RIGHT: 20px } .proDetailsIntro .conR H3 { FONT-SIZE: 20px; OVERFLOW: hidden; HEIGHT: 50px; FONT-WEIGHT: bold; COLOR: #333333 } .proDetailsIntro .conR I { HEIGHT: 1px; BACKGROUND: #e4e4e4; MARGIN: 30px 0px 18px; DISPLAY: block } .proDetailsIntro .conR P { FONT-SIZE: 14px; OVERFLOW: hidden; HEIGHT: 176px; COLOR: #666666; DISPLAY: inline-block; LINE-HEIGHT: 22px } .proDetailsIntro .conR .box { WIDTH: 100%; POSITION: absolute; LEFT: 0px; BOTTOM: 34px } .proDetailsIntro .conR .box .zx { FONT-SIZE: 20px; TEXT-DECORATION: none; HEIGHT: 53px; WIDTH: 172px; BACKGROUND: url(../images/proDetailsIntroBg01.png) no-repeat center 50%; FLOAT: left; COLOR: #fff; TEXT-ALIGN: center; DISPLAY: block; LINE-HEIGHT: 53px } .proDetailsIntro .conR .box .zx IMG { POSITION: relative; MARGIN-LEFT: 12px; TOP: 4px } .proDetailsIntro .conR .box .phone { BACKGROUND: url(../images/proDetailsIntro_phone.png) no-repeat left center; MARGIN-TOP: 6px; FLOAT: left; PADDING-LEFT: 42px; MARGIN-LEFT: 18px } .proDetailsIntro .conR .box .phone SPAN { FONT-SIZE: 13px; COLOR: #666666; DISPLAY: block } .proDetailsIntro .conR .box .phone EM { FONT-SIZE: 24px; FONT-FAMILY: arial; COLOR: #da241c; DISPLAY: block } .proDetailsCanS { WIDTH: 870px; MARGIN: 20px auto 0px } .proDetailsCanS .menu { MARGIN-BOTTOM: 20px; HEIGHT: 54px; WIDTH: 100%; BORDER-BOTTOM: #e4e4e4 1px solid } .proDetailsCanS .menu LI { FONT-SIZE: 14px; CURSOR: pointer; BORDER-TOP: #e4e4e4 1px solid; HEIGHT: 53px; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 148px; BORDER-BOTTOM: #e4e4e4 1px; FLOAT: left; COLOR: #000; TEXT-ALIGN: center; BORDER-LEFT: #e4e4e4 1px; LINE-HEIGHT: 53px } .proDetailsCanS .menu LI:first-child { BORDER-LEFT: #e4e4e4 1px solid } .proDetailsCanS .menu LI.status_on { BORDER-TOP-COLOR: #da241c; BACKGROUND: #da241c; BORDER-LEFT-COLOR: #da241c; COLOR: #fff; BORDER-BOTTOM-COLOR: #da241c; BORDER-RIGHT-COLOR: #da241c } .proDetailsCanS .conBox { WIDTH: 100%; BACKGROUND: #fff; LINE-HEIGHT: 22px } .proDetailsCanS .conBox .box { HEIGHT: 100%; WIDTH: 100%; BACKGROUND: #fff } .proDetailsLy { WIDTH: 870px; MARGIN: 30px auto 0px } .proDetailsLy .conBox .box1 { WIDTH: 100%; MARGIN-TOP: 33px } .proDetailsLy .conBox .box1 .Input { MARGIN-BOTTOM: 10px; BORDER-TOP: #e4e4e4 1px solid; HEIGHT: 58px; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 427px; BORDER-BOTTOM: #e4e4e4 1px solid; FLOAT: left; MARGIN-LEFT: 12px; BORDER-LEFT: #e4e4e4 1px solid } .proDetailsLy .conBox .box1 INPUT { BORDER-TOP-STYLE: none; FONT-SIZE: 16px; BORDER-LEFT-STYLE: none; WIDTH: 354px; BORDER-BOTTOM-STYLE: none; COLOR: #999999; BORDER-RIGHT-STYLE: none; OUTLINE-STYLE: none; PADDING-LEFT: 22px; LINE-HEIGHT: 58px; PADDING-RIGHT: 51px } .proDetailsLy .conBox .box1 .Input1 { MARGIN-LEFT: 0px } .proDetailsLy .conBox .box1 .Input1 INPUT { BACKGROUND: url(../images/proDetailsLy_icon01.png) no-repeat 386px center } .proDetailsLy .conBox .box1 .Input2 INPUT { BACKGROUND: url(../images/proDetailsLy_icon02.png) no-repeat 386px center } .proDetailsLy .conBox .box1 TEXTAREA { FONT-SIZE: 16px; BORDER-TOP: #e0e0e0 1px solid; HEIGHT: 150px; BORDER-RIGHT: #e0e0e0 1px solid; WIDTH: 795px; BACKGROUND: url(../images/proDetailsLy_icon03.png) no-repeat 828px 18px; BORDER-BOTTOM: #e0e0e0 1px solid; COLOR: #999999; PADDING-TOP: 18px; OUTLINE-STYLE: none; PADDING-LEFT: 22px; BORDER-LEFT: #e0e0e0 1px solid; PADDING-RIGHT: 51px; resize: none } .proDetailsLy .conBox .box1 .yzmtj { MARGIN-TOP: 20px } .proDetailsLy .conBox .box1 .yzmtj IMG { MARGIN: 10px 0px 15px 15px } .proDetailsLy .conBox .box1 .yzmtj .sr { BORDER-TOP: #e0e0e0 1px solid; BORDER-RIGHT: #e0e0e0 1px solid; WIDTH: 250px; BORDER-BOTTOM: #e0e0e0 1px solid; FLOAT: left; BORDER-LEFT: #e0e0e0 1px solid } .proDetailsLy .conBox .box1 .yzmtj .sr SPAN { FONT-SIZE: 16px; HEIGHT: 58px; BORDER-RIGHT: #e0e0e0 1px solid; WIDTH: 100px; FLOAT: left; COLOR: #999999; TEXT-ALIGN: center; DISPLAY: block; LINE-HEIGHT: 58px } .proDetailsLy .conBox .box1 .yzmtj .sr INPUT { BORDER-TOP-STYLE: none; FONT-SIZE: 16px; BORDER-LEFT-STYLE: none; HEIGHT: 58px; WIDTH: 127px; BORDER-BOTTOM-STYLE: none; FLOAT: left; COLOR: #999; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; OUTLINE-STYLE: none; PADDING-LEFT: 10px; DISPLAY: block; LINE-HEIGHT: 58px; PADDING-RIGHT: 10px } .proDetailsLy .conBox .box1 .yzmtj #spVerCode IMG { HEIGHT: 38px; WIDTH: 105px; MARGIN-TOP: 14px; FLOAT: left; MARGIN-LEFT: 10px; DISPLAY: block } .proDetailsLy .conBox .box1 .yzmtj A.p { MARGIN-LEFT: 10px; LINE-HEIGHT: 86px } .proDetailsLy .conBox .box1 .yzmtj A.tj { FONT-SIZE: 22px; TEXT-DECORATION: none; HEIGHT: 60px; WIDTH: 410px; BACKGROUND: #da241c; FLOAT: right; COLOR: #fff; TEXT-ALIGN: center; DISPLAY: block; LINE-HEIGHT: 60px } .ioshsgoghsogh { BORDER-TOP: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid; BORDER-BOTTOM: #e4e4e4 1px solid; BORDER-LEFT: #e4e4e4 1px solid } .proDetailsLysgtehs { WIDTH: 870px; MARGIN: 30px auto 0px } .proDetailsLysgtehs .conBox .box1 { WIDTH: 100%; MARGIN-TOP: 33px } .proDetailsLysgtehs .conBox .box1 .Input { MARGIN-BOTTOM: 10px; BORDER-TOP: #e4e4e4 1px solid; HEIGHT: 58px; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 427px; BORDER-BOTTOM: #e4e4e4 1px solid; FLOAT: left; MARGIN-LEFT: 12px; BORDER-LEFT: #e4e4e4 1px solid } .proDetailsLysgtehs .conBox .box1 INPUT { BORDER-TOP-STYLE: none; FONT-SIZE: 16px; BORDER-LEFT-STYLE: none; WIDTH: 354px; BORDER-BOTTOM-STYLE: none; COLOR: #999999; BORDER-RIGHT-STYLE: none; OUTLINE-STYLE: none; PADDING-LEFT: 22px; LINE-HEIGHT: 58px; PADDING-RIGHT: 51px } .proDetailsLysgtehs .conBox .box1 .Input1 { MARGIN-LEFT: 0px } .proDetailsLysgtehs .conBox .box1 .Input1 INPUT { BACKGROUND: url(../images/proDetailsLy_icon01.png) no-repeat 386px center } .proDetailsLysgtehs .conBox .box1 .Input2 INPUT { BACKGROUND: url(../images/proDetailsLy_icon02.png) no-repeat 386px center } .proDetailsLysgtehs .conBox .box1 TEXTAREA { FONT-SIZE: 16px; BORDER-TOP: #e0e0e0 1px solid; HEIGHT: 150px; BORDER-RIGHT: #e0e0e0 1px solid; WIDTH: 795px; BACKGROUND: url(../images/proDetailsLy_icon03.png) no-repeat 828px 18px; BORDER-BOTTOM: #e0e0e0 1px solid; COLOR: #999999; PADDING-TOP: 18px; OUTLINE-STYLE: none; PADDING-LEFT: 22px; BORDER-LEFT: #e0e0e0 1px solid; PADDING-RIGHT: 51px; resize: none } .proDetailsLysgtehs .conBox .box1 .yzmtj { MARGIN-TOP: 20px } .proDetailsLysgtehs .conBox .box1 .yzmtj IMG { MARGIN: 10px 0px 15px 15px } .proDetailsLysgtehs .conBox .box1 .yzmtj .sr { BORDER-TOP: #e0e0e0 1px solid; BORDER-RIGHT: #e0e0e0 1px solid; WIDTH: 250px; BORDER-BOTTOM: #e0e0e0 1px solid; FLOAT: left; BORDER-LEFT: #e0e0e0 1px solid } .proDetailsLysgtehs .conBox .box1 .yzmtj .sr SPAN { FONT-SIZE: 16px; HEIGHT: 58px; BORDER-RIGHT: #e0e0e0 1px solid; WIDTH: 100px; FLOAT: left; COLOR: #999999; TEXT-ALIGN: center; DISPLAY: block; LINE-HEIGHT: 58px } .proDetailsLysgtehs .conBox .box1 .yzmtj .sr INPUT { BORDER-TOP-STYLE: none; FONT-SIZE: 16px; BORDER-LEFT-STYLE: none; HEIGHT: 58px; WIDTH: 127px; BORDER-BOTTOM-STYLE: none; FLOAT: left; COLOR: #999; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; OUTLINE-STYLE: none; PADDING-LEFT: 10px; DISPLAY: block; LINE-HEIGHT: 58px; PADDING-RIGHT: 10px } .proDetailsLysgtehs .conBox .box1 .yzmtj #spVerCode IMG { HEIGHT: 38px; WIDTH: 105px; MARGIN-TOP: 14px; FLOAT: left; MARGIN-LEFT: 10px; DISPLAY: block } .proDetailsLysgtehs .conBox .box1 .yzmtj A.p { MARGIN-LEFT: 10px; LINE-HEIGHT: 86px } .proDetailsLysgtehs .conBox .box1 .yzmtj A.tj { FONT-SIZE: 22px; TEXT-DECORATION: none; HEIGHT: 60px; WIDTH: 410px; BACKGROUND: #da241c; FLOAT: right; COLOR: #fff; TEXT-ALIGN: center; DISPLAY: block; LINE-HEIGHT: 60px } .proList { WIDTH: 100% } .proListSection { WIDTH: 910px; FLOAT: right } .proListSection .mainCon { BORDER-TOP: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 908px; BORDER-BOTTOM: #e4e4e4 1px solid; PADDING-TOP: 28px; BORDER-LEFT: #e4e4e4 1px solid } .proListSection .mainCon .conBox { WIDTH: 870px; MARGIN: 20px auto 0px } .proListSection .mainCon .conBox UL { WIDTH: 104% } .proListSection .mainCon .conBox LI { MARGIN-BOTTOM: 20px; WIDTH: 280px; FLOAT: left; MARGIN-RIGHT: 15px } .proListSection .mainCon .conBox LI.noMl { MARGIN-RIGHT: 0px } .proListSection .mainCon .conBox LI .Pic { OVERFLOW: hidden; BORDER-TOP: #e4e4e4 1px solid; HEIGHT: 238px; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 278px; BORDER-BOTTOM: #e4e4e4 1px solid; BORDER-LEFT: #e4e4e4 1px solid; DISPLAY: block } .proListSection .mainCon .conBox LI .Pic IMG { HEIGHT: 236px; WIDTH: 278px; DISPLAY: block; transform: scale(1); transition: all 1s ease-out } .proListSection .mainCon .conBox LI .intro { WIDTH: 280px; POSITION: relative; TEXT-ALIGN: center; PADDING-TOP: 14px } .proListSection .mainCon .conBox LI .intro H3 { FONT-SIZE: 14px; OVERFLOW: hidden; MARGIN-BOTTOM: 16px; WIDTH: 280px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; FONT-WEIGHT: bold; COLOR: #333333 } .proListSection .mainCon .conBox LI .intro H3 A { TEXT-DECORATION: none; COLOR: #333333 } .proListSection .mainCon .conBox LI .intro P { FONT-SIZE: 14px; OVERFLOW: hidden; HEIGHT: 44px; MARGIN-TOP: 14px; TEXT-OVERFLOW: ellipsis; COLOR: #666666; LINE-HEIGHT: 20px; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .proListSection .mainCon .conBox LI .intro .btn { OVERFLOW: hidden; HEIGHT: 42px; WIDTH: 241px; BACKGROUND: url(../images/proListBg01.png) no-repeat center 50%; POSITION: absolute; LEFT: 20px; BOTTOM: 0px } .proListSection .mainCon .conBox LI .intro .btn A { FONT-SIZE: 14px; TEXT-DECORATION: none; HEIGHT: 42px; WIDTH: 120px; FLOAT: left; COLOR: #777777; TEXT-ALIGN: center; DISPLAY: block; LINE-HEIGHT: 42px } .proListSection .mainCon .conBox LI .intro .btn A I { HEIGHT: 12px; WIDTH: 7px; BACKGROUND: url(../images/mub02_jt03.png) no-repeat center 50%; POSITION: relative; MARGIN-LEFT: 8px; DISPLAY: inline-block; TOP: 2px } .proListSection .mainCon .conBox LI .intro .btn A:first-child { BORDER-RIGHT: #eaeaea 1px solid } .proListSection .mainCon .conBox LI .intro .btn A:hover { COLOR: #fff } .proListSection .mainCon .conBox LI .intro H3 A { COLOR: #da241c } .proListSection .mainCon .conBox LI .intro .btn A.more:hover { BACKGROUND: url(../images/proListBg02.png) no-repeat center 50% } .proListSection .mainCon .conBox LI .intro .btn A.more:hover I { BACKGROUND: url(../images/mub02_jt02.png) no-repeat center 50% } .proListSection .mainCon .conBox LI .intro .btn A.zx:hover { BACKGROUND: url(../images/proListBg03.png) no-repeat center 50% } .proListSection .mainCon .conBox LI .intro .btn A.zx:hover I { BACKGROUND: url(../images/mub02_jt02.png) no-repeat center 50% } .proListSection .mainCon .conBox LI:hover .Pic IMG { transform: scale(1.2) } .fzlc { WIDTH: 100% } .fzlcSection { WIDTH: 910px; FLOAT: right } .fzlcSection .mainCon { BORDER-TOP: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 908px; BORDER-BOTTOM: #e4e4e4 1px solid; PADDING-TOP: 28px; BORDER-LEFT: #e4e4e4 1px solid } .fzlcSection .mainCon .conBox { WIDTH: 870px; PADDING-BOTTOM: 56px; MARGIN: 62px auto 0px } .fzlcSection .mainCon .conBox .con { MARGIN-LEFT: 124px; BORDER-LEFT: #e4e4e4 1px solid } .fzlcSection .mainCon .conBox .fzlcTime { MARGIN-TOP: 22px; FLOAT: left; MARGIN-LEFT: -96px } .fzlcSection .mainCon .conBox .fzlcTime SPAN { FONT-SIZE: 32px; FONT-FAMILY: arial; FONT-WEIGHT: bold; COLOR: #da241c } .fzlcSection .mainCon .conBox .fzlcTime I { HEIGHT: 1px; WIDTH: 30px; BACKGROUND: #da241c; POSITION: relative; MARGIN-LEFT: 10px; DISPLAY: inline-block; TOP: -10px } .fzlcSection .mainCon .conBox .box { MARGIN-TOP: 50px } .fzlcSection .mainCon .conBox :first-child.box { MARGIN-TOP: 0px } .fzlcSection .mainCon .conBox DL { WIDTH: 690px; FLOAT: left; MARGIN-LEFT: 32px } .fzlcSection .mainCon .conBox DT { FLOAT: left; MARGIN-RIGHT: 20px } .fzlcSection .mainCon .conBox DT IMG { HEIGHT: 190px; WIDTH: 250px; DISPLAY: block } .fzlcSection .mainCon .conBox DD { WIDTH: 420px; FLOAT: left } .fzlcSection .mainCon .conBox DD P { FONT-SIZE: 14px; COLOR: #333333; LINE-HEIGHT: 24px } .about { WIDTH: 100% } .aboutSection { WIDTH: 910px; FLOAT: right } .aboutSection .mainCon { BORDER-TOP: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 908px; BORDER-BOTTOM: #e4e4e4 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 28px; BORDER-LEFT: #e4e4e4 1px solid } .aboutSection .mainCon .conBox { WIDTH: 870px; BACKGROUND: #fff; PADDING-BOTTOM: 20px; MARGIN: 20px auto 0px; LINE-HEIGHT: 24px } .linkUs { WIDTH: 100% } .linkUsSection { WIDTH: 910px; FLOAT: right } .linkUsSection .mainCon { BORDER-TOP: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 908px; BORDER-BOTTOM: #e4e4e4 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 28px; BORDER-LEFT: #e4e4e4 1px solid } .linkUsSection .mainCon .conBox { WIDTH: 870px; BACKGROUND: #fff; PADDING-BOTTOM: 20px; MARGIN: 20px auto 0px; LINE-HEIGHT: 24px } .linkUsSection .mainCon .conBox P { FONT-SIZE: 14px } .linkUsSection .mainCon .linkUsIntro { WIDTH: 870px; PADDING-BOTTOM: 40px; MARGIN: 40px auto 0px } .linkUsSection .mainCon .linkUsIntro UL LI { FLOAT: left } .linkUsSection .mainCon .linkUsIntro UL LI IMG { HEIGHT: 280px; WIDTH: 440px; FLOAT: left; DISPLAY: block; MARGIN-RIGHT: 20px } .linkUsSection .mainCon .linkUsIntro UL LI H3 { FONT-SIZE: 20px; FONT-WEIGHT: normal; COLOR: #333333 } .linkUsSection .mainCon .linkUsIntro UL LI P { FONT-SIZE: 14px; MARGIN-TOP: 22px; COLOR: #333333; LINE-HEIGHT: 24px } .linkUsSection .mainCon .linkUsIntro .zxzx { OVERFLOW: hidden; TEXT-DECORATION: none; HEIGHT: 50px; WIDTH: 160px; BACKGROUND: #da241c; LEFT: 0px; DISPLAY: block; BOTTOM: 0px } .linkUsSection .mainCon .linkUsIntro .zxzx SPAN { HEIGHT: 50px; BORDER-RIGHT: #e56100 1px solid; WIDTH: 50px; BACKGROUND: url(../images/zxzx_icon01.png) no-repeat center 50%; FLOAT: left; DISPLAY: block } .linkUsSection .mainCon .linkUsIntro .zxzx EM { FONT-SIZE: 16px; HEIGHT: 50px; WIDTH: 109px; FLOAT: left; COLOR: #fff; TEXT-ALIGN: center; DISPLAY: block; LINE-HEIGHT: 50px } .linkUsSection .mainCon .linkUsIntro .zxzx EM IMG { POSITION: relative; MARGIN-LEFT: 8px; DISPLAY: inline-block; TOP: 2px } .linkUsSection .linkUsAddress { WIDTH: 870px; MARGIN: 0px auto } .linkUsSection .linkUsAddress UL { BORDER-TOP: #e4e4e4 1px solid; BORDER-BOTTOM: #e4e4e4 1px solid } .linkUsSection .linkUsAddress LI { HEIGHT: 282px; WIDTH: 290px; BACKGROUND: url(../images/linkUsAddressBg01.png) repeat-y; FLOAT: left; TEXT-ALIGN: center; PADDING-TOP: 48px } .linkUsSection .linkUsAddress LI IMG { MARGIN: 0px auto; DISPLAY: block } .linkUsSection .linkUsAddress LI H3 { FONT-SIZE: 16px; FONT-WEIGHT: normal; COLOR: #da241c; MARGIN: 12px 0px 42px } .linkUsSection .linkUsAddress LI P { FONT-SIZE: 14px; MARGIN-BOTTOM: 6px; COLOR: #333333; LINE-HEIGHT: 22px } .linkUsSection .LinkUsMap { WIDTH: 870px; MARGIN: 20px auto 0px } .linkUsSection .LinkUsMap IMG { HEIGHT: 380px; WIDTH: 870px; DISPLAY: block } .proDetailsCanS .conBox .box .linkUsIntro { WIDTH: 870px; PADDING-BOTTOM: 40px; MARGIN: 40px auto 0px } .proDetailsCanS .conBox .box .linkUsIntro UL LI { FLOAT: left } .proDetailsCanS .conBox .box .linkUsIntro UL LI IMG { HEIGHT: 280px; WIDTH: 440px; FLOAT: left; DISPLAY: block; MARGIN-RIGHT: 20px } .proDetailsCanS .conBox .box .linkUsIntro UL LI H3 { FONT-SIZE: 20px; FONT-WEIGHT: normal; COLOR: #333333 } .proDetailsCanS .conBox .box .linkUsIntro UL LI P { FONT-SIZE: 14px; MARGIN-TOP: 22px; COLOR: #333333; LINE-HEIGHT: 24px } .proDetailsCanS .conBox .box .linkUsAddress { WIDTH: 870px; MARGIN: 0px auto } .proDetailsCanS .conBox .box .linkUsAddress UL { BORDER-TOP: #e4e4e4 1px solid; BORDER-BOTTOM: #e4e4e4 1px solid } .proDetailsCanS .conBox .box .linkUsAddress LI { HEIGHT: 282px; WIDTH: 290px; BACKGROUND: url(../images/linkUsAddressBg01.png) repeat-y; FLOAT: left; TEXT-ALIGN: center; PADDING-TOP: 48px } .proDetailsCanS .conBox .box .linkUsAddress LI IMG { MARGIN: 0px auto; DISPLAY: block } .proDetailsCanS .conBox .box .linkUsAddress LI H3 { FONT-SIZE: 16px; FONT-WEIGHT: normal; COLOR: #da241c; MARGIN: 12px 0px 42px } .proDetailsCanS .conBox .box .linkUsAddress LI P { FONT-SIZE: 14px; MARGIN-BOTTOM: 6px; COLOR: #333333; LINE-HEIGHT: 22px } .proDetailsCanS .conBox .box .linkUsAddress .LinkUsMap { WIDTH: 100%; MARGIN-TOP: 20px } .proDetailsCanS .conBox .box .linkUsAddress .LinkUsMap IMG { HEIGHT: 380px; WIDTH: 870px; DISPLAY: block } .proDetailsCanS .conBox .box .LinkUsMap { WIDTH: 100%; MARGIN-TOP: 20px } .proDetailsCanS .conBox .box .LinkUsMap IMG { HEIGHT: 380px; WIDTH: 870px; DISPLAY: block } .news_ul { WIDTH: 106% } .news_ul LI { OVERFLOW: hidden; MARGIN-BOTTOM: 13px; WIDTH: 416px; FLOAT: left; MARGIN-RIGHT: 38px } .news_ul LI A { FONT-SIZE: 14px; OVERFLOW: hidden; WIDTH: 302px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; FLOAT: left; COLOR: #333333; DISPLAY: block } .news_ul LI A:hover { COLOR: #da241c } .news_ul LI SPAN { FONT-SIZE: 14px; FONT-FAMILY: arial; FLOAT: right; COLOR: #999999; DISPLAY: block } DL.news_dl { BORDER-TOP: #dfdfdf 1px; HEIGHT: 120px; BORDER-RIGHT: #dfdfdf 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #dfdfdf 1px solid; POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 20px; BORDER-LEFT: #dfdfdf 1px solid; PADDING-RIGHT: 20px } DL:first-child.news_dl { BORDER-TOP: #dfdfdf 1px solid } DL.news_dl DT { FONT-SIZE: 22px; FONT-WEIGHT: normal } DL.news_dl DT A { TEXT-DECORATION: none; COLOR: #000000 } DL.news_dl:hover DT IMG { transform: scale(1.2) } DL.news_dl DD { FONT-SIZE: 14px; HEIGHT: 80px; WIDTH: 100%; MARGIN-TOP: 17px; POSITION: relative; FLOAT: left; COLOR: #666666; MARGIN-LEFT: 0px; LINE-HEIGHT: 24px } DL.news_dl:hover DT A { COLOR: #da241c } DL.news_dl:hover { Z-INDEX: 99; box-shadow: 0 0 10px 6px #eeeeee } .qyfc { WIDTH: 100% } .qyfcSection { WIDTH: 910px; FLOAT: right } .qyfcSection .mainCon { BORDER-TOP: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 908px; BORDER-BOTTOM: #e4e4e4 1px solid; PADDING-TOP: 28px; BORDER-LEFT: #e4e4e4 1px solid } .qyfcSection .mainCon .qyfcIntro { OVERFLOW: hidden; WIDTH: 870px; PADDING-BOTTOM: 20px; MARGIN: 20px auto 0px } .qyfcSection .mainCon .qyfcIntro DT { HEIGHT: 450px; WIDTH: 600px; FLOAT: left } .qyfcSection .mainCon .qyfcIntro DT IMG { HEIGHT: 450px; WIDTH: 600px; DISPLAY: block } .qyfcSection .mainCon .qyfcIntro DD { HEIGHT: 402px; WIDTH: 222px; BACKGROUND: #da241c; POSITION: relative; FLOAT: right; PADDING-TOP: 48px; PADDING-LEFT: 48px } .qyfcSection .mainCon .qyfcIntro DD H4 { FONT-SIZE: 15px; COLOR: #fff } .qyfcSection .mainCon .qyfcIntro DD H3 { FONT-SIZE: 24px; COLOR: #fff } .qyfcSection .mainCon .qyfcIntro DD SPAN { FONT-SIZE: 12px; FONT-FAMILY: arial; MARGIN-TOP: 28px; COLOR: #fff; DISPLAY: block } .qyfcSection .mainCon .qyfcIntro DD I { HEIGHT: 2px; WIDTH: 54px; BACKGROUND: #fff; MARGIN-TOP: 208px; DISPLAY: block } .qyfcSection .mainCon .qyfcIntro DD EM { FONT-SIZE: 14px; MARGIN-TOP: 18px; COLOR: #fff; DISPLAY: block } .qyfcSection .mainCon .qyfcIntro DD P { FONT-SIZE: 24px; FONT-FAMILY: arial; COLOR: #fff } .qyfcSection .mainCon .qyfcIntro UL { WIDTH: 102%; MARGIN-TOP: 20px } .qyfcSection .mainCon .qyfcIntro LI { MARGIN-BOTTOM: 26px; WIDTH: 280px; FLOAT: left; TEXT-ALIGN: center; MARGIN-RIGHT: 15px } .qyfcSection .mainCon .qyfcIntro LI SPAN { OVERFLOW: hidden; BORDER-TOP: #e4e4e4 1px solid; HEIGHT: 185px; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 278px; BORDER-BOTTOM: #e4e4e4 1px solid; BORDER-LEFT: #e4e4e4 1px solid; DISPLAY: block } .qyfcSection .mainCon .qyfcIntro LI IMG { HEIGHT: 208px; WIDTH: 278px; DISPLAY: block; transform: scale(1); transition: all 1s ease-out } .qyfcSection .mainCon .qyfcIntro LI:hover IMG { transform: scale(1.2) } .qyfcSection .mainCon .qyfcIntro LI A { TEXT-DECORATION: none; DISPLAY: block } .qyfcSection .mainCon .qyfcIntro LI EM { FONT-SIZE: 16px; MARGIN-TOP: 14px; COLOR: #333; DISPLAY: block } .honor { WIDTH: 100% } .honorSection { WIDTH: 910px; FLOAT: right } .honorSection .mainCon { BORDER-TOP: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 908px; BORDER-BOTTOM: #e4e4e4 1px solid; PADDING-TOP: 28px; BORDER-LEFT: #e4e4e4 1px solid } .honorSection .mainCon .honorShow { OVERFLOW: hidden; WIDTH: 870px; PADDING-BOTTOM: 17px; MARGIN: 20px auto 0px } .honorSection .mainCon .honorShow .box { MARGIN-BOTTOM: 24px; HEIGHT: 280px; BACKGROUND: url(../images/honor_yy01.png) no-repeat center bottom } .honorSection .mainCon .honorShow .box UL { HEIGHT: 368px; BACKGROUND: url(../images/honor_yy02.png) no-repeat center 190px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 40px; PADDING-RIGHT: 40px } .honorSection .mainCon .honorShow .box LI { WIDTH: 250px; FLOAT: left; TEXT-ALIGN: center; MARGIN-LEFT: 20px } .honorSection .mainCon .honorShow .box LI:first-child { MARGIN-LEFT: 0px } .honorSection .mainCon .honorShow .box LI SPAN { OVERFLOW: hidden; BORDER-TOP: #e4e4e4 1px solid; HEIGHT: 188px; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 248px; BORDER-BOTTOM: #e4e4e4 1px solid; BORDER-LEFT: #e4e4e4 1px solid; DISPLAY: block } .honorSection .mainCon .honorShow .box LI IMG { HEIGHT: 186px; WIDTH: 248px; DISPLAY: block; transform: scale(1); transition: all 1s ease-out } .honorSection .mainCon .honorShow .box LI:hover IMG { transform: scale(1.2) } .honorSection .mainCon .honorShow .box LI EM { FONT-SIZE: 16px; OVERFLOW: hidden; HEIGHT: 34px; WIDTH: 250px; WHITE-SPACE: nowrap; MARGIN-TOP: 7px; TEXT-OVERFLOW: ellipsis; COLOR: #333333; DISPLAY: block; LINE-HEIGHT: 24px } .honorSection .mainCon .honorShow .box LI A { TEXT-DECORATION: none; DISPLAY: block } DL.dl_2 { WIDTH: 280px; FLOAT: left; TEXT-ALIGN: center; MARGIN: 0px 5px 26px } DL.dl_2 DT { OVERFLOW: hidden; BORDER-TOP: #e4e4e4 1px solid; HEIGHT: 185px; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 278px; BORDER-BOTTOM: #e4e4e4 1px solid; BORDER-LEFT: #e4e4e4 1px solid; DISPLAY: block } DL.dl_2 DT IMG { HEIGHT: 185px; WIDTH: 278px; DISPLAY: block; transform: scale(1); transition: all 1s ease-out } DL.dl_2:hover DT IMG { transform: scale(1.2) } DL.dl_2 DD { OVERFLOW: hidden; HEIGHT: 24px; WIDTH: 280px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; FLOAT: left; TEXT-ALIGN: center; MARGIN: 8px 0px } DL.dl_2 DD { FONT-SIZE: 14px; COLOR: #333333; LINE-HEIGHT: 24px; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s } DL.dl_2:hover DT IMG { BACKGROUND: #da241c } DL.dl_2:hover DD { TEXT-DECORATION: none; COLOR: #da241c } DL.dl_2:hover DD A { TEXT-DECORATION: none; COLOR: #da241c } DL.dl_42 { MARGIN-BOTTOM: 20px; HEIGHT: 464px; WIDTH: 280px; FLOAT: left; MARGIN-RIGHT: 15px } DL.noMl.dl_42 { MARGIN-RIGHT: 0px } DL.dl_42 DT { OVERFLOW: hidden; HEIGHT: 240px; WIDTH: 280px; DISPLAY: block } DL.dl_42 DT .Pic { OVERFLOW: hidden; BORDER-TOP: #e4e4e4 1px solid; HEIGHT: 238px; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 278px; BORDER-BOTTOM: #e4e4e4 1px solid; BORDER-LEFT: #e4e4e4 1px solid; DISPLAY: block } DL.dl_42 DT IMG { HEIGHT: 238px; WIDTH: 278px; DISPLAY: block; transform: scale(1); transition: all 2s ease-out } DL.dl_42 DT:hover IMG { transform: scale(1.2) } DL.dl_42 DD { HEIGHT: 177px; BACKGROUND: #fff; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 28px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px } DL.dl_42 DD H4 { FONT-SIZE: 16px; OVERFLOW: hidden; WIDTH: 280px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; FONT-WEIGHT: normal; COLOR: #333333 } DL.dl_42 DD H4 A { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #333333 } DL.dl_42 DD P { FONT-SIZE: 14px; MARGIN-TOP: 14px; COLOR: #666666; LINE-HEIGHT: 22px } DL.dl_42 DD .btn { OVERFLOW: hidden; HEIGHT: 42px; WIDTH: 241px; BACKGROUND: url(../images/proListBg01.png) no-repeat center 50%; POSITION: absolute; LEFT: 20px; BOTTOM: 0px } DL.dl_42 DD .btn A { FONT-SIZE: 14px; TEXT-DECORATION: none; HEIGHT: 42px; WIDTH: 120px; FLOAT: left; COLOR: #777777; TEXT-ALIGN: center; DISPLAY: block; LINE-HEIGHT: 42px } DL.dl_42 DD .btn A I { HEIGHT: 12px; WIDTH: 7px; BACKGROUND: url(../images/mub02_jt03.png) no-repeat center 50%; POSITION: relative; MARGIN-LEFT: 8px; DISPLAY: inline-block; TOP: 2px } DL.dl_42 DD .btn A:first-child { BORDER-RIGHT: #eaeaea 1px solid } DL.dl_42 DD .btn A:hover { COLOR: #fff } DL.dl_42 DD:hover H4 A { COLOR: #da241c } DL.dl_42 DD .btn A.more:hover { BACKGROUND: url(../images/proListBg02.png) no-repeat center 50% } DL.dl_42 DD .btn A.more:hover I { BACKGROUND: url(../images/mub02_jt02.png) no-repeat center 50% } DL.dl_42 DD .btn A.zx:hover { BACKGROUND: url(../images/proListBg03.png) no-repeat center 50% } DL.dl_42 DD .btn A.zx:hover I { BACKGROUND: url(../images/mub02_jt02.png) no-repeat center 50% } DL.dl_2s { MARGIN-BOTTOM: 16px; WIDTH: 205px; FLOAT: left; MARGIN-RIGHT: 16px } DL.noMl.dl_2s { MARGIN-RIGHT: 0px } DL.dl_2s DT IMG { OVERFLOW: hidden; HEIGHT: 112px; WIDTH: 201px; BACKGROUND: #eee; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; DISPLAY: block; PADDING-RIGHT: 2px; transition: background 0.5s ease; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -o-transition: background 0.5s ease } DL.dl_2s DD { HEIGHT: 24px; WIDTH: 205px; FLOAT: left; TEXT-ALIGN: center; MARGIN: 8px 0px } DL.dl_2s DD { FONT-SIZE: 14px; COLOR: #333333; LINE-HEIGHT: 24px; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s } DL.dl_2s DD H4 { OVERFLOW: hidden; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis } DL.dl_2s:hover DT IMG { BACKGROUND: #da241c } DL.dl_2s:hover DD { TEXT-DECORATION: none; COLOR: #da241c } DL.dl_2s:hover DD A { TEXT-DECORATION: none; COLOR: #da241c } DL.dl_yl { WIDTH: 280px; FLOAT: left; TEXT-ALIGN: center; MARGIN: 0px 5px 26px } DL.dl_yl DT { OVERFLOW: hidden; BORDER-TOP: #e4e4e4 1px solid; HEIGHT: 185px; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 278px; BORDER-BOTTOM: #e4e4e4 1px solid; BORDER-LEFT: #e4e4e4 1px solid; DISPLAY: block } DL.dl_yl DT IMG { HEIGHT: 192px; WIDTH: 278px; DISPLAY: block; transform: scale(1); transition: all 1s ease-out } DL.dl_yl:hover DT IMG { transform: scale(1.2) } DL.dl_yl DD { OVERFLOW: hidden; HEIGHT: 24px; WIDTH: 280px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; FLOAT: left; TEXT-ALIGN: center; MARGIN: 8px 0px } DL.dl_yl DD { FONT-SIZE: 14px; COLOR: #333333; LINE-HEIGHT: 24px; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s } DL.dl_yl:hover DT IMG { BACKGROUND: #da241c } DL.dl_yl:hover DD { TEXT-DECORATION: none; COLOR: #da241c } DL.dl_yl:hover DD A { TEXT-DECORATION: none; COLOR: #da241c } .newsList { WIDTH: 100% } .newsListSection { WIDTH: 910px; FLOAT: right } .newsListSection .mainCon { BORDER-TOP: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 908px; BORDER-BOTTOM: #e4e4e4 1px solid; PADDING-TOP: 28px; BORDER-LEFT: #e4e4e4 1px solid } .newsListSection .newsListIntro { WIDTH: 870px; MARGIN: 40px auto 0px } .newsListSection .newsListIntro .box1 { PADDING-BOTTOM: 20px } .newsListSection .newsListIntro .box1 DT { HEIGHT: 230px; WIDTH: 290px; FLOAT: left } .newsListSection .newsListIntro .box1 DT IMG { HEIGHT: 230px; WIDTH: 290px; DISPLAY: block } .newsListSection .newsListIntro .box1 DD { HEIGHT: 230px; WIDTH: 552px; POSITION: relative; FLOAT: right } .newsListSection .newsListIntro .box1 DD H3 { FONT-SIZE: 16px; OVERFLOW: hidden; WIDTH: 550px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; FONT-WEIGHT: bold; COLOR: #333333 } .newsListSection .newsListIntro .box1 DD H3 A { TEXT-DECORATION: none; COLOR: #333333 } .newsListSection .newsListIntro .box1 DD P { FONT-SIZE: 14px; MARGIN-TOP: 18px; COLOR: #666666; LINE-HEIGHT: 24px } .newsListSection .newsListIntro .box1 DD A.more { FONT-SIZE: 13px; TEXT-DECORATION: none; BORDER-TOP: #e4e4e4 1px solid; HEIGHT: 48px; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 128px; BORDER-BOTTOM: #e4e4e4 1px solid; POSITION: absolute; COLOR: #999999; TEXT-ALIGN: center; LEFT: 0px; BORDER-LEFT: #e4e4e4 1px solid; DISPLAY: block; LINE-HEIGHT: 48px; BOTTOM: 0px } .newsListSection .newsListIntro .box1 DD A.more:hover { BORDER-TOP-COLOR: #da241c; BACKGROUND: #da241c; BORDER-LEFT-COLOR: #da241c; COLOR: #fff; BORDER-BOTTOM-COLOR: #da241c; BORDER-RIGHT-COLOR: #da241c } .newsListSection .newsListIntro .box1 DD:hover H3 A { COLOR: #da241c } .newsListSection .newsListIntro .box2 DL { BORDER-TOP: #e4e4e4 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .newsListSection .newsListIntro .box2 DT { HEIGHT: 104px; WIDTH: 170px; BACKGROUND: #f5f5f5; FLOAT: left; TEXT-ALIGN: center; PADDING-TOP: 32px } .newsListSection .newsListIntro .box2 DT SPAN { FONT-SIZE: 42px; FONT-FAMILY: arial; FONT-WEIGHT: bold; COLOR: #666666; DISPLAY: block } .newsListSection .newsListIntro .box2 DT EM { FONT-SIZE: 16px; FONT-FAMILY: arial; COLOR: #666666; DISPLAY: block } .newsListSection .newsListIntro .box2 DD { HEIGHT: 136px; WIDTH: 682px; POSITION: relative; FLOAT: right } .newsListSection .newsListIntro .box2 DD H3 { FONT-SIZE: 16px; OVERFLOW: hidden; WIDTH: 628px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; FONT-WEIGHT: bold; COLOR: #333333 } .newsListSection .newsListIntro .box2 DD H3 A { TEXT-DECORATION: none; COLOR: #333333 } .newsListSection .newsListIntro .box2 DD P { FONT-SIZE: 14px; WIDTH: 628px; MARGIN-TOP: 14px; COLOR: #666666; LINE-HEIGHT: 24px } .newsListSection .newsListIntro .box2 DD P A { TEXT-DECORATION: none; COLOR: #666666 } .newsListSection .newsListIntro .box2 DD SPAN { BACKGROUND: url(../images/label.png) no-repeat left center; POSITION: absolute; PADDING-LEFT: 25px; LEFT: 0px; DISPLAY: block; LINE-HEIGHT: 18px; BOTTOM: 0px } .newsListSection .newsListIntro .box2 DD SPAN A { FONT-SIZE: 12px; COLOR: #999999 } .newsListSection .newsListIntro .box2 DD A.more { OVERFLOW: hidden; HEIGHT: 37px; WIDTH: 37px; RIGHT: 0px; MARGIN-TOP: -18px; POSITION: absolute; DISPLAY: block; TOP: 50% } .newsListSection .newsListIntro .box2 DD A.more IMG { POSITION: relative; DISPLAY: block } .newsListSection .newsListIntro .box2 DL:hover DT { BACKGROUND: #da241c } .newsListSection .newsListIntro .box2 DL:hover DT SPAN { COLOR: #fff } .newsListSection .newsListIntro .box2 DL:hover DT EM { COLOR: #fff } .newsListSection .newsListIntro .box2 DL:hover DD H3 A { COLOR: #da241c } .newsListSection .newsListIntro .box2 DL:hover DD A.more IMG { TOP: -37px } .newsCenter { WIDTH: 100% } .newsCenterSection { WIDTH: 910px; FLOAT: right } .newsCenterSection .mainCon { BORDER-TOP: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 908px; BORDER-BOTTOM: #e4e4e4 1px solid; BORDER-LEFT: #e4e4e4 1px solid } .newsCenterSection .newsCenterIntro { WIDTH: 870px; MARGIN: 0px auto } .newsCenterSection .newsCenterIntro .box { PADDING-BOTTOM: 16px } .newsCenterSection .newsCenterIntro :first-child.box .mub02Top2 { BACKGROUND-IMAGE: none } .newsCenterSection .newsCenterIntro .box DL { MARGIN-TOP: 30px } .newsCenterSection .newsCenterIntro .box DT { HEIGHT: 230px; WIDTH: 290px; FLOAT: left } .newsCenterSection .newsCenterIntro .box DT IMG { HEIGHT: 230px; WIDTH: 290px; DISPLAY: block } .newsCenterSection .newsCenterIntro .box DD { HEIGHT: 230px; WIDTH: 552px; POSITION: relative; FLOAT: right } .newsCenterSection .newsCenterIntro .box DD H3 { FONT-SIZE: 16px; OVERFLOW: hidden; WIDTH: 550px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; FONT-WEIGHT: normal; COLOR: #333333 } .newsCenterSection .newsCenterIntro .box DD H3 A { TEXT-DECORATION: none; COLOR: #333333 } .newsCenterSection .newsCenterIntro .box DD P { FONT-SIZE: 14px; MARGIN-TOP: 18px; COLOR: #666666; LINE-HEIGHT: 24px } .newsCenterSection .newsCenterIntro .box DD A.more { FONT-SIZE: 13px; TEXT-DECORATION: none; BORDER-TOP: #e4e4e4 1px solid; HEIGHT: 48px; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 128px; BORDER-BOTTOM: #e4e4e4 1px solid; POSITION: absolute; COLOR: #999999; TEXT-ALIGN: center; LEFT: 0px; BORDER-LEFT: #e4e4e4 1px solid; DISPLAY: block; LINE-HEIGHT: 48px; BOTTOM: 0px } .newsCenterSection .newsCenterIntro .box DD A.more:hover { BORDER-TOP-COLOR: #da241c; BACKGROUND: #da241c; BORDER-LEFT-COLOR: #da241c; COLOR: #fff; BORDER-BOTTOM-COLOR: #da241c; BORDER-RIGHT-COLOR: #da241c } .newsCenterSection .newsCenterIntro .box DD:hover H3 A { COLOR: #da241c } .newsCenterSection .newsCenterIntro .box UL { WIDTH: 106%; MARGIN-TOP: 30px } .newsCenterSection .newsCenterIntro .box LI { OVERFLOW: hidden; MARGIN-BOTTOM: 13px; WIDTH: 416px; FLOAT: left; MARGIN-RIGHT: 38px } .newsCenterSection .newsCenterIntro .box LI A { FONT-SIZE: 14px; OVERFLOW: hidden; WIDTH: 302px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; FLOAT: left; COLOR: #333333; DISPLAY: block } .newsCenterSection .newsCenterIntro .box LI A:hover { COLOR: #da241c } .newsCenterSection .newsCenterIntro .box LI SPAN { FONT-SIZE: 14px; FONT-FAMILY: arial; FLOAT: right; COLOR: #999999; DISPLAY: block } .newsDetails { WIDTH: 100% } .newsDetails .InpageSidebar01 { FLOAT: right } .newsDetailsSection { WIDTH: 910px; POSITION: relative; FLOAT: left } .newsDetailsSection .article { BORDER-TOP: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 908px; BORDER-BOTTOM: #e4e4e4 1px solid; POSITION: relative; BORDER-LEFT: #e4e4e4 1px solid } .newsDetailsSection .article .conBox { PADDING-BOTTOM: 0px; PADDING-TOP: 20px; PADDING-LEFT: 19px; PADDING-RIGHT: 19px } .newsDetailsSection .article .title H1 { FONT-SIZE: 22px; MARGIN-BOTTOM: 20px; FONT-WEIGHT: normal; COLOR: #333333 } .newsDetailsSection .article .title .share { HEIGHT: 24px; WIDTH: 100% } .newsDetailsSection .article .title .share P { OVERFLOW: hidden; FLOAT: left } .newsDetailsSection .article .title .share P SPAN { FONT-SIZE: 12px; FLOAT: left; COLOR: #999999; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 8px; BORDER-LEFT: #b6b6b6 1px dotted; DISPLAY: block; PADDING-RIGHT: 8px } .newsDetailsSection .article .title .share P SPAN:first-child { BORDER-LEFT-STYLE: none; PADDING-LEFT: 0px } .newsDetailsSection .article .title .share P SPAN #cntrHits { FLOAT: right } .newsDetailsSection .article .title .share UL { FLOAT: right } .newsDetailsSection .article .title .share LI { HEIGHT: 24px; WIDTH: 24px; FLOAT: left; MARGIN-LEFT: 7px } .newsDetailsSection .article .title .share LI IMG { DISPLAY: block } .newsDetailsSection .article .title I { HEIGHT: 3px; WIDTH: 100%; BACKGROUND: url(../images/mub02Top2_xian.png) no-repeat center 50%; MARGIN-TOP: 12px; DISPLAY: block } .newsDetailsSection .article .title P.label { FONT-SIZE: 12px; BACKGROUND: url(../images/label.png) no-repeat left center; MARGIN-TOP: 20px; COLOR: #999999; PADDING-LEFT: 26px; DISPLAY: block; LINE-HEIGHT: 16px } .newsDetailsSection .article .con { OVERFLOW: hidden; MARGIN-TOP: 20px; PADDING-BOTTOM: 20px } .newsDetialsArticle .article .con IMG { MAX-WIDTH: 100% } .newsDetailsSection .article .con P { FONT-SIZE: 14px; COLOR: #333333; LINE-HEIGHT: 30px } .newsDetailsSection .article .con P A { COLOR: #da241c } .newsDetailsSection .article .context { BORDER-TOP: #e7e7e7 1px solid; HEIGHT: 60px; WIDTH: 100%; BACKGROUND: #fff } .newsDetailsSection .article .context P { HEIGHT: 60px; WIDTH: 454px; FLOAT: left; LINE-HEIGHT: 60px } .newsDetailsSection .article .context P A { FONT-SIZE: 13px; OVERFLOW: hidden; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; COLOR: #666666; DISPLAY: block } .newsDetailsSection .article .context P.prevNews A { BACKGROUND: url(../images/mub02_jt01.png) no-repeat left center; PADDING-LEFT: 20px; MARGIN-LEFT: 20px } .newsDetailsSection .article .context P.NextNews A { BACKGROUND: url(../images/mub02_jt03.png) no-repeat right center; TEXT-ALIGN: right; PADDING-RIGHT: 20px; MARGIN-RIGHT: 20px } .newsDetailsSection .article .context P.prevNews A:hover { BACKGROUND: url(../images/mub02_jt05.png) no-repeat left center; COLOR: #da241c } .newsDetailsSection .article .context P.NextNews A:hover { BACKGROUND: url(../images/mub02_jt04.png) no-repeat right center; COLOR: #da241c } .newsDetailsSection .article .context P.NextNews { WIDTH: 444px; BORDER-LEFT: #e7e7e7 1px solid } .newsDetailsSection .backNewsList { CURSOR: pointer; HEIGHT: 59px; WIDTH: 59px; POSITION: absolute; LEFT: -59px; DISPLAY: block; TOP: 0px } .HelpDetails { WIDTH: 100% } .HelpDetailsSection { WIDTH: 910px; POSITION: relative; FLOAT: right } .HelpDetailsSection .article { BORDER-TOP: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid; WIDTH: 908px; BORDER-BOTTOM: #e4e4e4 1px solid; POSITION: relative; BORDER-LEFT: #e4e4e4 1px solid } .HelpDetailsSection .article .conBox { PADDING-BOTTOM: 0px; PADDING-TOP: 34px; PADDING-LEFT: 19px; PADDING-RIGHT: 19px } .HelpDetailsSection .article .title H1 { FONT-SIZE: 24px; MARGIN-BOTTOM: 30px; FONT-WEIGHT: normal; COLOR: #333333 } .HelpDetailsSection .article .title .share { HEIGHT: 24px; WIDTH: 100% } .HelpDetailsSection .article .title .share P { OVERFLOW: hidden; FLOAT: left } .HelpDetailsSection .article .title .share P SPAN { FONT-SIZE: 12px; FLOAT: left; COLOR: #999999; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 8px; BORDER-LEFT: #b6b6b6 1px dotted; DISPLAY: block; PADDING-RIGHT: 8px } .HelpDetailsSection .article .title .share P SPAN:first-child { BORDER-LEFT-STYLE: none; PADDING-LEFT: 0px } .HelpDetailsSection .article .title .share P SPAN #cntrHits { FLOAT: right } .HelpDetailsSection .article .title .share UL { FLOAT: right } .HelpDetailsSection .article .title .share LI { HEIGHT: 24px; WIDTH: 24px; FLOAT: left; MARGIN-LEFT: 7px } .HelpDetailsSection .article .title .share LI IMG { DISPLAY: block } .HelpDetailsSection .article .title I { HEIGHT: 3px; WIDTH: 100%; BACKGROUND: url(../images/mub02Top2_xian.png) no-repeat center 50%; MARGIN-TOP: 18px; DISPLAY: block } .HelpDetailsSection .article .title P.label { FONT-SIZE: 12px; BACKGROUND: url(../images/label.png) no-repeat left center; MARGIN-TOP: 24px; COLOR: #999999; PADDING-LEFT: 26px; DISPLAY: block; LINE-HEIGHT: 16px } .HelpDetailsSection .article .con { OVERFLOW: hidden; MARGIN-TOP: 40px; PADDING-BOTTOM: 40px } .HelpDetailsSection .article .con P { FONT-SIZE: 14px; COLOR: #333333; LINE-HEIGHT: 30px } .HelpDetailsSection .article .context { BORDER-TOP: #e7e7e7 1px solid; HEIGHT: 60px; WIDTH: 100%; BACKGROUND: #fff } .HelpDetailsSection .article .context P { HEIGHT: 60px; WIDTH: 454px; FLOAT: left; LINE-HEIGHT: 60px } .HelpDetailsSection .article .context P A { FONT-SIZE: 13px; OVERFLOW: hidden; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; COLOR: #666666; DISPLAY: block } .HelpDetailsSection .article .context P.prevNews A { BACKGROUND: url(../images/mub02_jt01.png) no-repeat left center; PADDING-LEFT: 20px; MARGIN-LEFT: 20px } .HelpDetailsSection .article .context P.NextNews A { BACKGROUND: url(../images/mub02_jt03.png) no-repeat right center; TEXT-ALIGN: right; PADDING-RIGHT: 20px; MARGIN-RIGHT: 20px } .HelpDetailsSection .article .context P.prevNews A:hover { BACKGROUND: url(../images/mub02_jt05.png) no-repeat left center; COLOR: #da241c } .HelpDetailsSection .article .context P.NextNews A:hover { BACKGROUND: url(../images/mub02_jt04.png) no-repeat right center; COLOR: #da241c } .HelpDetailsSection .article .context P.NextNews { WIDTH: 444px; BORDER-LEFT: #e7e7e7 1px solid } .HelpDetailsSection .backNewsList { CURSOR: pointer; HEIGHT: 59px; WIDTH: 59px; POSITION: absolute; LEFT: -59px; DISPLAY: block; TOP: 0px } .proListSecCon { WIDTH: 100%; BACKGROUND: #f5f5f5; PADDING-BOTTOM: 20px; PADDING-TOP: 6px } .proListSecCon .proListSecItem { } .proListSecCon .proListSecItem DL { MARGIN-BOTTOM: 15px } .proListSecCon .proListSecItem DT { HEIGHT: 40px; WIDTH: 144px; BACKGROUND: #fff; FLOAT: left; TEXT-ALIGN: center; LINE-HEIGHT: 40px } .proListSecCon .proListSecItem DD { WIDTH: 960px; FLOAT: left; PADDING-TOP: 9px; MARGIN-LEFT: 5px } .proListSecCon .proListSecItem DD A { FONT-SIZE: 15px; TEXT-DECORATION: none; FONT-FAMILY: arial; FLOAT: left; COLOR: #666666; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 10px; DISPLAY: block; LINE-HEIGHT: 24px; PADDING-RIGHT: 10px; MARGIN-RIGHT: 14px; border-radius: 10% } .proListSecCon .proListSecItem DD A:hover { COLOR: #da241c } .proListSecCon .proListSecItem DD A.cur { BACKGROUND: #da241c; COLOR: #fff } .proListSecCon .proListSelect { BORDER-TOP: #da241c 1px solid; WIDTH: 1130px; PADDING-BOTTOM: 14px; PADDING-TOP: 12px } .proListSecCon .proListSelect SPAN { FONT-SIZE: 14px; FLOAT: left; FONT-WEIGHT: bold; COLOR: #333333; DISPLAY: block; LINE-HEIGHT: 30px; MARGIN-RIGHT: 10px } .proListSecCon .proListSelect SPAN.nyxz { HEIGHT: 40px; WIDTH: 144px; BACKGROUND: url(../images/PartnerBg01.png) no-repeat center 50%; FLOAT: left; TEXT-ALIGN: center; LINE-HEIGHT: 40px } .proListSecCon .proListSelect P { WIDTH: 950px; FLOAT: left } .proListSecCon .proListSelect A { TEXT-DECORATION: none; BORDER-TOP: #e4e4e4 1px solid; HEIGHT: 30px; BORDER-RIGHT: #e4e4e4 1px solid; BORDER-BOTTOM: #e4e4e4 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; BORDER-LEFT: #e4e4e4 1px solid; DISPLAY: inline-block; LINE-HEIGHT: 30px; PADDING-RIGHT: 12px; MARGIN-RIGHT: 5px } .proListSecCon .proListSelect A EM { FONT-SIZE: 14px; COLOR: #333333; MARGIN-RIGHT: 6px } .proListSecCon .proListSelect A I { HEIGHT: 15px; WIDTH: 15px; BACKGROUND: url(../images/proListSelect_icon01.png) no-repeat center 50%; POSITION: relative; DISPLAY: inline-block; TOP: 3px } .proListSecCon .proListSelect A:hover { BORDER-TOP-COLOR: #da241c; BORDER-LEFT-COLOR: #da241c; BORDER-BOTTOM-COLOR: #da241c; BORDER-RIGHT-COLOR: #da241c } .proListSecCon .proListSelect A:hover EM { COLOR: #da241c } .proListSecCon .proListSelect A:hover I { BACKGROUND: url(../images/proListSelect_icon02.png) #da241c no-repeat center 50% } .proListSecCon .proListSelect .pro_result SPAN { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: #e4e4e4 1px solid; HEIGHT: 40px; BORDER-RIGHT: #e4e4e4 1px solid; BORDER-BOTTOM: #e4e4e4 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; BORDER-LEFT: #e4e4e4 1px solid; DISPLAY: inline-block; LINE-HEIGHT: 40px; PADDING-RIGHT: 12px; MARGIN-RIGHT: 5px } .proListSecCon .proListSelect .pro_result SPAN EM { FONT-SIZE: 14px; COLOR: #333333; MARGIN-RIGHT: 6px } .proListSecCon .proListSelect .pro_result SPAN I { HEIGHT: 15px; WIDTH: 15px; BACKGROUND: url(../images/proListSelect_icon01.png) no-repeat center 50%; POSITION: relative; DISPLAY: inline-block; TOP: 3px } .proListSecCon .proListSelect .pro_result SPAN:hover { BORDER-TOP-COLOR: #da241c; BORDER-LEFT-COLOR: #da241c; BORDER-BOTTOM-COLOR: #da241c; BORDER-RIGHT-COLOR: #da241c } .proListSecCon .proListSelect .pro_result SPAN:hover EM { COLOR: #da241c } .proListSecCon .proListSelect .pro_result SPAN:hover I { BACKGROUND: url(../images/proListSelect_icon02.png) #da241c no-repeat center 50% } /* mub02tjcp 推荐产品公共样式*/ .mub02tjcp{border: 1px solid #e4e4e4;padding: 0 19px 20px;margin-top: 20px;background: rgb(255, 255, 255);} .mub02tjcp .conBox{width: 100%;margin-top: 20px;} .mub02tjcp .conBox li{width: 280px;float: left;margin-left: 13px;text-align: center;} .mub02tjcp .conBox li:first-child{margin-left: 0;} .mub02tjcp .conBox li span{display: block;width: 278px;height: 254px;overflow: hidden;border: 1px solid #e4e4e4;} .mub02tjcp .conBox li img{display: block;transform: scale(1);transition: all 1s ease-out; width: 278px;height: 254px;} .mub02tjcp .conBox li:hover img{transform: scale(1.2);} .mub02tjcp .conBox li em{display: block;font-size: 14px;color: #333333;margin-top: 10px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .mub02tjcp .conBox li a{display: block;text-decoration: none;} .selectTdClass { background-color:#edf5fa !important } table.noBorderTable td, table.noBorderTable th, table.noBorderTable caption { border:1px dashed #ddd !important } table { margin-bottom:10px; border-collapse:collapse; display:table; } td, th { padding: 5px 10px; border: 1px solid #DDD; } caption { border:1px dashed #DDD; border-bottom:0; padding:3px; text-align:center; } th { border-top:1px solid #BBB; background-color:#F7F7F7; } table tr.firstRow th { border-top-width:2px; } .ue-table-interlace-color-single { background-color: #fcfcfc; } .ue-table-interlace-color-double { background-color: #f7faff; } td p { margin:0; padding:0; } .footer-fix { display: none; } .m_header { display: none; } .m_banner { display: none; } @media screen and (max-width: 1020px) { .header { display: none; } .headerCenter { display: none; } .headerNav { display: none; } .mub01InpageBannerr { display: none; } .container { width: 100%; } .mub02address .con { display: none; } .mub02address { display: none; } .InpageSidebar01 { WIDTH: 100%; } .about { margin-top: 80px; } .InpageSidebar01 .top { HEIGHT: 60px; } .InpageSidebar01 .top H2 { FONT-SIZE: 18px; HEIGHT: 60px; BACKGROUND: #da241c no-repeat 218px center; FONT-WEIGHT: normal; COLOR: #fff; LINE-HEIGHT: 60px; TEXT-INDENT: 0; text-align: center; } .InpageSidebar02 .classify LI { FONT-SIZE: 14px; HEIGHT: 45px; BACKGROUND: 0; COLOR: #333333; LINE-HEIGHT: 45px; TEXT-INDENT: 0; width: 47%; margin: 1%; float: left; text-align: center; BORDER: #e4e4e4 1px solid; } .InpageSidebar02 .xgzx { display: none; } .InpageSidebar01 .sidebarLinkUs { display: none; } .aboutSection { WIDTH: 100%; } .aboutSection .mainCon { WIDTH: 100%; PADDING-TOP: 28px; } .mub02Title { WIDTH: 100%; } .mub02Title I { WIDTH: 100%; } .mub02Title I IMG { WIDTH: 100%; } .aboutSection .mainCon .conBox { WIDTH: 100%; } table { width: 100%; } .proList { margin-top: 80px; } .InpageSidebar01 .classify .box { width: 47%; margin: 1%; float: left; BORDER: #e4e4e4 1px solid; } .proListSection { WIDTH: 100%; } .proListSection .mainCon { WIDTH: 100%; PADDING-TOP: 28px; } .proListSection .mainCon .conBox { WIDTH: 100%; } .proListSection .mainCon .conBox LI { MARGIN: 1%; WIDTH: 48%; } .proListSection .mainCon .conBox LI .Pic { HEIGHT: 138px; WIDTH: 100%; } .proListSection .mainCon .conBox LI .Pic IMG { HEIGHT: 136px; WIDTH: 100%; } .proListSection .mainCon .conBox LI .intro { WIDTH: 100%; } .proListSection .mainCon .conBox LI .intro H3 { WIDTH: 100%; } .mub02xgyd { display: none; } .proDetailsSection { WIDTH: 100%; } .proDetails { margin-top: 80px; } .proDetailsIntro { height: auto; } .proDetailsIntro .conL { height: auto; WIDTH: 100%; } .proDetailsIntro .conL .conBox { height: 300px; WIDTH: 100%; } .proDetailsIntro .conL .conBox LI { WIDTH: 100%; } .proDetailsIntro .conL .conBox LI IMG { height: auto; WIDTH: 70%; } .proDetailsIntro .conR { display: none; } .proDetailsCanS .conBox .box IMG { HEIGHT: auto; WIDTH: 100%; margin-top: 20px; margin-bottom: 20px; } .proDetailsCanS { WIDTH: 100%; } .mub02tjcp { display: none; } .newsList { margin-top: 80px; } .newsListSection .mainCon { WIDTH: 100%; } .newsListSection { WIDTH: 100%; FLOAT: right; } .newsListSection .newsListIntro { WIDTH: 100%; } .newsListSection .newsListIntro .box2 DT { display: none; } .newsListSection .newsListIntro .box2 DD { HEIGHT: auto; WIDTH: 100%; } .newsListSection .newsListIntro .box2 DD A.more { display: none; } .newsDetails { margin-top: 80px; } .newsDetailsSection { WIDTH: 100%; } .newsDetailsSection .article { WIDTH: 100%; } .newsDetailsSection .article .context P { WIDTH: 100%; } .newsDetailsSection .article .context P.prevNews A { BACKGROUND: 0; PADDING-LEFT: 0; MARGIN-LEFT: 0; text-align: center; } .newsDetailsSection .article .context P.prevNews A:hover { BACKGROUND:0; COLOR: #da241c; } .newsDetailsSection .article .context P.NextNews { WIDTH: 100%; BORDER-LEFT: #e7e7e7 1px solid; } .newsDetailsSection .article .context P.NextNews A { BACKGROUND: 0; text-align: center; PADDING-RIGHT: 0; MARGIN-RIGHT: 0; } .newsDetailsSection .article .context P.NextNews A:hover { BACKGROUND:0; COLOR: #da241c; } .newsListSection .newsListIntro { MARGIN: 0px auto 0px; } .footer .footerTop { display: none; } .link { display: none; } .footer .footerCenter .box3 { display: none; } .footer .footerCenter .box1 { display: none; } .footer { padding-top: 0px; } .about-wrap { padding-bottom: 0px; } .m_header { display: block; } .m_header { width: 100%; overflow: hidden; } .m_header .m_head_content { background: #e1e1e1; left: 0px; top: 0px; width: 100%; height: 60px; position: fixed; z-index: 99; box-shadow: 0px 5px 10px 1px #999; } .m_header .m_head_content .m_head_logo { width: 80%; } .m_header .m_head_content .m_head_logo { height: 60px; margin-left: 0.05rem; float: left; } .m_header .m_head_content .m_head_logo img { height: 36px; width: 80%; margin-top: 10px; float: left; max-height: 100%; } .m_header .m_head_content .menu { width: 60px; height: 60px; float: right; } .m_header .m_head_content .menu img { width: 30px; margin-top: 18px; margin-right: 15px; float: right; display: block; } .app_menu { background: rgba(0, 0, 0, 0.5); top: 60px; width: 40%; height: 100%; right: 0px; display: none; position: fixed; z-index: 99; } .app_menu ul { background: #515151; margin: 0px; padding: 0px; } .app_menu ul li { width: 100%; border-bottom-color: rgb(68, 68, 68); border-bottom-width: 1px; border-bottom-style: solid; } .app_menu ul li > a { width: 50%; display: block; } .app_menu ul li > a span { width: 100%; height: 42px; color: rgb(255, 255, 255); line-height: 42px; padding-left: 18px; font-size: 14px; font-weight: bold; display: block; } .app_menu ul li.on { background: url("../images/bottom.png") no-repeat 95% 15px / 16px; } .app_menu ul .v_list { width: 100%; } .app_menu ul .v_list a { width: 100%; color: rgb(255, 255, 255); line-height: 36px; padding-left: 0.4rem; font-size: 14px; border-bottom-color: rgb(68, 68, 68); border-bottom-width: 1px; border-bottom-style: dashed; float: none; display: block; } .footer-fix {box-shadow: 0 0 10px rgba(0,0,0,0.2);position: fixed;bottom: 0;left: 0;width: 100%;background-color: #d0d0d0;z-index: 10; display: block;} .footer-fix li {float: left;width: 25%;} .footer-fix li a {display: block;text-align: center;padding: 15px 0;font-size: 12px;line-height: 1;} .footer-fix li i {display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;} .footer-fix li i.i1 {background-image: url(../images/f_01.png);} .footer-fix li i.i2 {background-image: url(../images/f_02.png);} .footer-fix li i.i3 {background-image: url(../images/f_03.png);} .footer-fix li i.i4 {background-image: url(../images/f_04.png);} }