.m_nav{ height: 6rem; background: #b31d1e;} .m_nav a{display: block; float: left; width: 33.33%; height: 3rem; box-sizing: border-box; border-bottom:1px solid #8f0b0c; line-height: 3rem; text-align: center; font-size: 1.2rem; color: #fff;} .m_nav a.active{ background: #7e0304;} .m_nav a:nth-child(4),.m_nav a:nth-child(5),.m_nav a:nth-child(6){ border-bottom: none;} .g-adv { height: 15rem; overflow: hidden; } .g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{ overflow:hidden; height: 15rem;} .g-adv .m-box li img{ width:100%;} .g-adv .m-cnt{ background:#aaaaaa;} .g-adv .m-cnt li{ float:left; width:33.3333%; } .g-adv .m-cnt li.z-on{ background:#4a4a4a;} img{ width: 100%; height: auto; } .m-bt{ height: 2.5rem; margin-bottom: 1.3rem; text-align: center; font-size: 1.9rem; line-height: 1; color: #333; font-size: 1.6rem; background:url(../Images/index/bt_bg.png) no-repeat center bottom; background-size: 29rem 0.15rem; }.m-bt a{ color: #333; } .m-bt b{ color: #b31d1e; } .m-bt b a{color: #b31d1e;} .m-bt span{ display: block; font-size: 1.2rem; color: #666; } .pro{ padding: 2rem 0 0 0; background: #f4f4f4; } .pro-cont{ width: 90.625%; margin: 0 auto; } .pro-cont dt{ height: 1.3rem; margin-bottom: 0.7rem; line-height: 1.2rem; border-left: 0.2rem solid #b31d1e; padding-left: 0.9rem; font-size: 1.2rem; color: #333; } .pro-cont dt a{color: #333;} .pro-cont dd ul{ overflow: hidden; } .pro-cont dd ul li{ float: left; width: 14rem; margin-bottom: 0.9rem; height: 21.95rem; background: #fff; margin-right: 1rem; position: relative; } .pro-cont dd ul li:nth-child(2n){ margin-right: 0; } .pro-cont dl:last-child ul li{ margin-bottom: 0; } .pro-cont dd ul li span{ position: absolute; bottom: 0; left: 0; width: 100%; line-height: 2.3rem; background: #b31d1e; text-align: center; font-size: 1.1rem; color: #fff; } .pro .more a{ display: block; margin-top: 2rem; width: 100%; height: 4rem; line-height: 4rem; text-align: center; background: #b31d1e; font-size: 1.2rem; color: #fff; } .pro-nav{ background: #fff; } .pro-nav .pro-ul{ height: 3.2rem; line-height: 3.2rem; overflow: hidden; } .pro-nav .pro-ul li{ float: left; width: 33.33%; height: 3.2rem; font-size: 1.2rem; color: #333; text-align: center; box-sizing: border-box; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } .pro-nav .pro-ul li:last-child{ border-right: 0; } .pro-nav .pro-ul li.z-on{ border-bottom: 0.2rem solid #b31d1e; } .pro-nav .con ul{ width: 90.625%; margin: 0.9rem auto; overflow: hidden; } .pro-nav .con ul li{ float: left; width: 50%; font-size: 1.2rem; color: #666; line-height: 3rem; } .pro-nav .con ul li a{ color: #666; } .pic{ height: 7.5rem; background: url(../Images/Index/pic_bg.jpg) no-repeat center top; background-size: 100% 100%; text-align: center; overflow: hidden; } .pic p{ margin-top: 1.8rem; margin-bottom: 0.6rem; font-size: 1.2rem; color: #fff; line-height: 1; font-weight: bold; } .pic span{ display: block; width: 19.8rem; margin: 0 auto; background: #fff; font-size: 1.2rem; line-height: 2.5rem; color: #b31d1e; } .pic span a{color: #b31d1e;} .wd{ padding: 2rem 0; background: #f4f4f4; } .wd ul{ width: 90.625%; margin: 0 auto; overflow: hidden; } .wd ul li{ float: left; width: 50%; height: 12.25rem; text-align: center; overflow: hidden; } .wd ul li span{ display: block; line-height: 1; margin-bottom: 0.4rem; padding-top: 5.6rem; font-size: 1.2rem; color: #333; font-weight: bold; } .wd ul li:nth-child(1) span{ background: url(../Images/Index/wd_ico1.png) no-repeat center top; background-size: 5rem 5rem; } .wd ul li:nth-child(2) span{ background: url(../Images/Index/wd_ico2.png) no-repeat center top; background-size: 5rem 5rem; } .wd ul li:nth-child(3) span{ background: url(../Images/Index/wd_ico3.png) no-repeat center top; background-size: 5rem 5rem; } .wd ul li:nth-child(4) span{ background: url(../Images/Index/wd_ico4.png) no-repeat center top; background-size: 5rem 5rem; } .wd ul li:nth-child(5) span{ background: url(../Images/Index/wd_ico5.png) no-repeat center top; background-size: 5rem 5rem; } .wd ul li:nth-child(6) span{ background: url(../Images/Index/wd_ico6.png) no-repeat center top; background-size: 5rem 5rem; } .wd ul li p{ padding: 0 1.4rem; text-align: center; font-size: 1rem; color: #666; line-height: 1.8rem; } .wd ul li:nth-child(6) p b{ display: block; font-size: 1.5rem; color: #b31d1e; } .wd ul li:nth-child(6) p b a{color: #b31d1e;} .ys{ padding: 2.1rem 0 3rem 0; background: url(../Images/Index/ys_bg.jpg) no-repeat center top; background-size: 100% 16rem; } .ys h2{ text-align: center; font-size: 1.8rem; color: #fff; line-height: 1; margin-bottom: 1.2rem; } .ys h2 span{ display: block; padding-top: 0.8rem; font-size: 1.2rem; color: #fff; } .ys .con dl{ width: 90.625%; margin: 0 auto; } .ys .con dl dt{ } .ys .con dl dt img{ box-sizing: border-box; border: 0.4rem solid #fff; } .ys .con dl dd{ } .ys .con dl dd h3{ line-height: 3.1rem; padding-left: 3.2rem; border-bottom: 1px solid #cfcfcf; font-size: 1.2rem; color: #333; } .ys .con dl dd h3 b{ color: #b31d1e; } .ys .con dl dd p{ font-size: 1rem; line-height: 2.4rem; color: #666; padding-left: 1.2rem; background: url(../Images/Index/ys_ss.jpg) no-repeat left center; background-size: 0.3rem 0.3rem; } .ys .con .dl-01 h3{ background: url(../Images/Index/ys_ico1.jpg) no-repeat left center; background-size: 2.5rem 3.2rem; } .ys .con .dl-02 h3{ background: url(../Images/Index/ys_ico2.jpg) no-repeat left center; background-size: 2.5rem 3.2rem; } .ys .con .dl-03 h3{ background: url(../Images/Index/ys_ico3.jpg) no-repeat left center; background-size: 2.5rem 3.2rem; } .ys-ul{ width: 5.2rem; margin: 1rem auto 0; } .ys-ul li{ float: left; width: 0.6rem; height: 0.6rem; background: #424242; border-radius: 50%; margin-right: 0.5rem; } .ys-ul li.z-on{ background: #b31d1e; width: 3rem; border-radius: 0.4rem; } .ys-ul li:last-child{ margin: 0; } .case{ padding: 2rem 0; } .case .m-bt{ height: 3.4rem; background: none; } .case .m-bt span{ margin-top: 0.5rem; } .case-cont{ width: 90.625%; margin: 1.2rem auto 0; } .case-cont ul{ margin-bottom: 1.2rem; overflow: hidden; } .case-cont ul li{ float: left; width: 14rem; height: 10.5rem; } .case-cont ul li:last-child{ float: right; } .case-cont dl:last-child{ margin-top: 1.4rem; } .case-cont dl{ border-radius: 0.5rem; overflow: hidden; padding: 1rem 0.8rem; box-shadow:0 0 20px rgba(0, 0, 0, 0.2); } .case-cont dl dt{ float: left; width: 8.55rem; } .case-cont dl dd{ float: left; width: 17rem; padding-left:1rem; } .case-cont dl dd h3{ line-height: 2.4rem; font-size: 1.2rem; color: #333; } .case-cont dl dd h3 a{color: #333;} .case-cont dl dd p{ line-height: 1.8rem; font-size: 1rem; color: #666; } .about{ padding: 1.6rem 0 2rem 0; } .about dl{ width: 90.625%; margin: 0 auto;} .about dl dt{ width: 100%; height: auto; margin-bottom: 0.6rem; } .about dl dd p{ font-size: 1.2rem; color: #333; line-height: 2.4rem; } .about dl dd .about-btn{ display: block; margin-top: 0.4rem; height: 3rem; line-height: 3rem; background: #b31d1e; text-align: center; font-size: 1.2rem; color: #fff; } .news{ padding: 1.5rem 0 1.6rem 0; background: #f5f5f5; } .news .news-ul{ width: 90.625%; height: 3.2rem; margin: 0 auto 1rem; border-bottom: 1px solid #e9e9e9; } .news .news-ul li{ float: left; width: 33.33%; line-height: 3.2rem; text-align: center; font-size: 1.4rem; color: #333; } .news .news-ul li.z-on{ color: #b31d1e; border-bottom: 0.15rem solid #b31d1e; } .news .wd-con{ width: 90.625%; margin: 0 auto;} .news .wd-con dl{ padding: 0.9rem 0; border-bottom: 1px solid #e9e9e9; } .news .wd-con dl:last-child{ border-bottom: 0; } .news .wd-con dl dt{ margin-bottom: 0.4rem; padding-left: 2rem; background: url(../Images/Index/w.jpg) no-repeat left 0.1rem; background-size: 1.4rem 1.4rem; } .news .wd-con dl dt a{ font-size: 1.2rem; color: #333; } .news .wd-con dl dd{ font-size: 1rem; color: #666; line-height: 1.8rem; padding-left: 2rem; background: url(../Images/Index/d.jpg) no-repeat left 0.1rem; background-size: 1.4rem 1.4rem; } .news .news-dl{ width: 90.625%; margin: 0 auto;} .news .news-dl dt{ width: 100%; height: 6.85rem; margin-bottom: 0.8rem; } .news .news-dl dd p{ font-size: 1.2rem; color: #666; line-height: 3rem; } .news .news-dl dd p a{color: #666;} html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);} @media screen and (min-width:320px){html{font-size: 10px;}} @media screen and (min-width:360px){html{font-size: 11.25px;}} @media screen and (min-width:375px){html{font-size: 11.7px;}} @media screen and (min-width:384px){html{font-size: 12px;}} @media screen and (min-width:480px){html{font-size: 15px;}} @media screen and (min-width:414px){html{font-size: 13px;}} @media screen and (min-width:560px){html{font-size: 17.5px;}} @media screen and (min-width:640px){html{font-size: 20px;}}