body{}#mOuterBox{}#mBody1,#dBody1{background-position: 0% 0%;}#mBody2,#dBody2{background-position: 0% 0%;} .nrmk{ } .nrmk h1 { padding:0; margin:0; font-size:12px; display:none; } body { font-size: 14px; font-family: 微软雅黑; color: #000; } body a{ color: #000; text-decoration: none; transition: all ease 0.3s; } p,li,div{ transition: all ease 0.3s; } body li{ list-style-type: none; } #tmf2{ height: 100px; } #tmf3{ float: left; padding: 24px 0px; } #tmf4{ float: left; margin-left: 84px; width: 700px; } #tmf5{ float: right; width: 104px; padding: 30px 0px; overflow: inherit; } .fadeInUpa { position: fixed; width: 100%; z-index: 9; background: #fff; transition: all ease 0.5s; } .box15_1{ font-size: 16px; color: #666; line-height: 32px; } .tifd{ position: fixed; right: 6px; z-index: 999; bottom: 13%; width: 90px; box-shadow: 0 0 5px 1px rgb(229, 229, 229); } .tifd img{ width: 100%; } .abouta{ width: 1200px; margin: 0 auto; margin-top: 90px; text-align: center; } .abouta h2{ text-align: center; color: #333; font-size: 36px; } .aboutat{ display: inline-block; margin-top: 80px; margin-bottom: 60px; } .aboutat p{ float: left; border: solid 4px #ccc; border-radius: 50%; font-size: 36px; font-weight: bold; color: #222; padding: 44px 0px; margin: 0px 31px; width: 152px; } .aboutat span{ display: block; font-weight: 500; color: #666; font-size: 14px; } .aboutab{ text-align: left; font-size: 14px; color: #333; line-height: 30px; position: relative; } .aboutb{ width: 1000px; margin: 0 auto; background: url(../img/636971614673376670.png) center no-repeat; height: 1956px; } .aboutb .nr-t{ overflow: hidden; padding-top: 59px; } .aboutb .nr-t .nr-l{ width: 460px; float: left; text-align: right; font-size: 24px; color: #333; } .aboutb .nr-t .nr-r{ float: right; width: 460px; color: #333; } .aboutb .nr-b{ padding-top: 90px; overflow: hidden; } .aboutb .nr-b .nr-l{ float: left; width: 460px; color: #333; text-align: right; height: 64px; } .aboutb .nr-b .nr-r{ width: 460px; float: right; text-align: left; font-size: 24px; color: #333; } .aboutb-bt{ text-align: center; margin-top: 83px; font-size: 36px; color: #333; } .aboutb-nr{ text-align: center; font-size: 16px; color: #666; margin-top: 10px; margin-bottom: 92px; } .aboutbdd{ overflow: hidden; overflow-y: unset; height: 978px; width: 1000px; margin: 0 auto; } .tab-menu li { background: url(../img/637020905689283418.png) center; } .rnzz{ width: 1120px; margin: 0 auto; margin-top: 52px; } #tmf4 .box185_-8727 ul li.selected a { background-image: url(../img/637026938379788963.jpg); color: #fff; background-color: #fff; } #tmf4 .box185_-8727 ul li:hover a { background-image: url(../img/637026938379788963.jpg); color: #fff; background-color: #fff; } #tmf4 .box185_-8727 ul li:hover ul::before { position: fixed; content: ''; width: 100%; left: 0%; height: 50px; background-image: url("../img/637026950760906709.jpg"); } #tmf4 .box185_-8727 ul li:hover ul li a { background: none; } #tmf4 .box185_-3078 ul li.selected a { background-image: url(../img/637026938379788963.jpg); color: #fff; background-color: #fff; } #tmf4 .box185_-3078 ul li:hover a { background-image: url(../img/637026938379788963.jpg); color: #fff; background-color: #fff; } #tmf4 .box185_-3078 ul li:hover ul::before { position: fixed; content: ''; width: 100%; left: 0%; height: 50px; background-image: url("../img/637026950760906709.jpg"); } #tmf4 .box185_-3078 ul li:hover ul li a { background: none; } .about_wrap{ width: 1200px; margin: 60px auto; font-size: 14px; color: #333; line-height: 1.8; } .about_a{ background: rgba(254, 254, 254, 0.5); padding: 40px; } .aboutc{ background: rgba(254, 254, 254, 0.5); padding: 40px; } .swiper-containera{ margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-slide h2{ font-size: 18px; text-align: center; font-weight: 500; } .swiper-slide p{ color: #666; text-align: center; line-height: 24px; margin-top: 16px; min-height: 160px; } #tmf6{ width: 100%!important; } .tifda{ position: relative; } .qq{ position: absolute; top: 0px; left: -198px; background: rgba(255, 255, 255, 0.46); padding: 20px; display: none; } .tifda:hover .qq{ display: block; } .qq a{ display: block; background: #fff; margin-bottom: 13px; padding: 6px 16px; border-radius: 20px; background-image: url(../img/637032091120475273.png); background-size: 18px; background-repeat: no-repeat; background-position-y: 6px; padding-left: 20px; } .tifdb{ position: relative; } .ewm{ position: absolute; top: 0px; left: -120px; width: 120px; display: none; } .tifdb:hover .ewm{ display: block; } .tifdc{ position: relative; } .tel{ position: absolute; left: -320px; top: 0px; background: rgba(255, 255, 255, 0.36); padding: 18px; display: none; z-index: 1; } .tifdc:hover .tel{ display: block; } .tel p{ background: #f9f9f9; padding: 12px; margin-bottom: 10px; border-radius: 14px; font-size: 16px; } .tifdd{ position: relative; } .tifdd:hover .dz{ display: block; } .dz{ display: none; position: absolute; background: rgba(255, 255, 255, 0.47); left: -248px; top: 0px; width: 218px; padding: 15px; } .dz p{ background: #fff; padding: 14px; color: #666; line-height: 24px; } .dz a{ display: block; background: #565656; width: 100px; margin-top: 13px; color: #fff; text-align: center; padding: 10px 6px; border-radius: 17px; font-size: 12px; } .tab_conbox1 li:nth-of-type(1) img { width: 100%; } @media (max-width: 600px){ #mMain .abu { width: 94%; margin: 0 auto; } .tifd{ display: none; } #mMain .abu_nra { float: left; padding-top: 0px; width: 24%; } #mMain .abu_nra img{ width: 100%; } #mMain .abu_nrb { float: none; width: 100%; padding-top: 0%; writing-mode: lr-tb; height: auto; line-height: 24px; letter-spacing: 0px; margin-left: 0%; color: #666; margin: 0 auto; margin-top: 6%; } #mMain .abu_nrc { float: none; margin-right: 0%; padding-top: 0%; width: 100%; } #mMain .abu_nrc img{ width: 100%; } } .box268_-7796 .tab_conbox1 { width: 100%!important; } .box268_-7796 .tab_con:nth-of-type(1){ width: 100%!important; } .box268_-7796 .tab_con{ width: 1050px!important; } .box268_-7796 .tab_conbox1 { width: 100%!important; } .box268_-7796 .tab_con:nth-of-type(1){ width: 100%!important; } .box268_-7796 .tab_con{ width: 1050px!important; } *{ margin:0; padding:0;} .box185_-8727{ width: 750px!important;} .box185_-8727 ul {padding:0; margin:0;list-style-type: none;} .box185_-8727 ul li { float: left; position: relative;} .box185_-8727 ul .bor{ height: 40px; width: 1px; background: #8a4603; display: none;} .box185_-8727 ul li a{ font-size: 14px; color: #333; display: block; height: 100px; line-height: 100px; padding: 0px 11px;} .box185_-8727 ul li ul {display:none;z-index:999;} .box185_-8727 ul li:hover a {background: #565656; color: #fff;} .box185_-8727 ul li.selected a {background: #565656; color: #fff;} .box185_-8727 ul li:hover ul {display:block; position:absolute; top:100px; left:0; width: 800px; } .box185_-8727 ul li:hover ul::before{ position: fixed; content: ''; width: 100%; left: 0%; height: 50px; background: #565656; } .box185_-8727 ul li:hover ul li{ padding: 0px;} .box185_-8727 ul li:hover ul li a { background: #565656; color: #333; font-size: 14px; color: #fff; height: 14px; line-height: 14px; margin: 18px 0px; border-right: solid 1px #eee; padding-right: 26px; margin-right: 26px;} .box185_-8727 ul li:hover ul li a:hover { background: #565656; color: #fff;} .topa_nr{ float: left; margin-left: 12px; position: relative; } #mfid1{ background: url(../img/636953519467940961.jpg) center no-repeat!important; height: 4240px; } .yyqh{ position: absolute; top: 2px; width: 36px; background: #343434; height: 36px; border-radius: 50%; text-align: center; line-height: 36px; left: 2px; opacity: 0; } .yyqh a{ color: #fff; } .topa_nr:hover .yyqh{ opacity: 1; }