.g_tjcp{position: relative; background: #f4f4f4;padding-top: 3rem; height:42rem;} .g_tjcp:before{content: "";position: absolute;width: 100%;height: 1px;background: #d0d0d0;left:0;top:29.5rem;} .g_tjcp h2{height: 7.3rem;} .g_tjcp h2 img{width: 100%;display: block;} .g_tjcp .m_tj{padding-left: 3%;} .g_tjcp .m_tj dl{float: left;width: 46%;margin-right: 3%;margin-bottom: 2.5rem;} .g_tjcp .m_tj dl:nth-child(2n){margin-right: 0;} .g_tjcp .m_tj dt,.g_tjcp .m_tj dt img{width: 100%;display: block;} .g_tjcp .m_tj dt{position: relative;} .g_tjcp .m_tj dt em{position: absolute;width: 3.3rem;height: 4.3rem;left:3%;top:-2px;} .g_tjcp .m_tj dt em img{width: 100%;display: block;} .g_tjcp .m_tj dd{position: relative; } .g_tjcp .m_tj dd:before{content: "";position: absolute;background: url(../images/cpmore.jpg) no-repeat;background-size: 100%; width: 1.5rem;height: 1.5rem;right: 0;top:0.4rem;} .g_tjcp .m_tj h3{margin-top: 0.8rem;height: 2rem;line-height: 2rem;font-size: 1rem;color: #017bc4;font-weight: bold; width: 70%;overflow: hidden;} .g_tjcp .m_tj h3 a{color: #017bc4;} .g_tjcp .m_tj span{position: absolute;right: 12%;top:0.4rem;font-size: 1.1rem;color: #ffb400;} .g_tjcp .m_tj span a{color: #ffb400;} /* 产品分类 */ .g_fl{padding-top: 2.5rem;} .g_fl h2{height: 6rem;text-align: center;font-size: 2.5rem;font-weight: bold;color: #333333;background: url(../images/fltit.jpg) no-repeat 0 0.6rem;background-size: 100%;} .g_fl h2 a{color: #333333} .g_fl h2 em{display: block;font-size: 0.7rem;color: #666666;text-transform: uppercase;font-weight: normal;} .g_fl h3{margin: 0 4%;height: 2.7rem;line-height: 2.7rem;text-align: center;background: #999999;font-size: 1.2rem;color: #fff;font-weight: bold;} .g_fl h3 b{display: inline-block;padding: 0 3%;} .g_fl h3 a{color: #fff;} .g_fl .flc{margin: 1rem 3% 2rem;} .g_fl .flc li{position: relative; float: left; width: 25%;text-align: center;font-size: 1.2rem;color: #333333;} .g_fl .flc li:before{content: "";position: absolute;width: 1px;height: 1.2rem;background: #999999;right: 0;top:0.3rem;} .g_fl .flc span{float: left; width: 25%;text-align: center;font-size: 1.2rem;color: #333333;} .g_fl .flc li a{color: #333333;} .g_fl .flc span a{color: #ffb400;} .g_fl .fllst li{width: 50%;margin-bottom: 1rem;} .g_fl .fllst span{width: 50%;} .g_fl .fllst li:nth-child(2n):before{background: none;} .g_pro{position: relative; height: 26.5rem;overflow:hidden;} .g_pro li{width: 99%; border: 1px solid #e6e6e6; height: 23rem;overflow: hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .g_pro li img{width: 96%;padding: 2%;display: block;} .g_pro li em{display: block;height: 3rem;line-height: 3rem;border-bottom: 1px dashed #d0d0d0;text-align: center;overflow: hidden;font-size: 1.1rem;color: #555555;font-weight: bold;} .g_pro li em a{color: #555555;} .g_pro li span{display: block;height: 3rem;line-height: 3rem;text-align: center;overflow: hidden;font-size: 1.1rem;color: #ffb400;} .g_pro li span a{color: #ffb400;} .g_pro .swiper-button-next,.g_pro .swiper-button-prev{position: absolute;width: 2rem;height: 3.7rem;top:7rem;} .g_pro .swiper-button-next{background: url(../images/ljt.jpg) no-repeat;background-size: 100%;left:5%;} .g_pro .swiper-button-prev{background: url(../images/rjt.jpg) no-repeat;background-size: 100%;right: 5%;} .g_ys{background: url(../images/chobg.jpg) no-repeat;background-size: 100%;height: 44.5rem; padding-top: 2.5rem;} .g_ys h2{height: 5.68rem;text-align: center;font-size: 2.3rem;font-weight: bold;color: #fff;background: url(../images/ystit.png) no-repeat 0 0.6rem;background-size: 100%;} .g_ys h2 a{color: #fff} .g_ys h2 em{display: block;font-size: 0.7rem;color: #fff;text-transform: uppercase;font-weight: normal;} .g_ys dt{padding: 0 4%;width: 92%} .g_ys dt img{width: 100%;display: block;} .g_ys dd{padding: 1rem 0 0 8%;height: 12.7rem;} .g_ys h3{height: 2.8rem;line-height: 2.8rem;border-bottom: 1px solid #c1c1c1;font-size: 1.5rem;color: #017bc4;font-weight: bold; margin-bottom: 0.5rem; width: 80%;} .g_ys h3 b{font-size: 1.5rem;color: #017bc4;font-weight: normal; display: inline-block;} .g_ys h3 em{font-size: 1.3rem;color: #999999;text-transform: uppercase;font-weight: normal;} .g_ys li{position: relative;font-size: 1.1rem;color: #666666;line-height: 2.2rem; padding-left: 5%; padding-right:3%;} .g_ys li:before{content: "";position: absolute;width: 0.5rem;height: 0.15rem;background: #999999;left:0;top:1.1rem;} .g_ys .tabs {margin: 0 4%;} .g_ys .ystab li{position: relative; float: left;width: 25%;height: 4.35rem;text-align: center;font-size: 1.2rem;color: #fff;font-weight: bold; line-height:4.35rem;display: block; padding-left: 0; padding-right:0;} .g_ys .ystab li:before{background: none;} .g_ys .ystab li:after{content: "";position: absolute;right: 0;top:0;border-right: 1px dashed #6f6866;height: 100%;} .g_ys .ystab li:nth-child(1){background: url(../images/ys01.jpg) no-repeat;background-size: 100%;} .g_ys .ystab li:nth-child(2){background: url(../images/ys02.jpg) no-repeat;background-size: 100%;} .g_ys .ystab li:nth-child(3){background: url(../images/ys03.jpg) no-repeat;background-size: 100%;} .g_ys .ystab li:nth-child(4){background: url(../images/ys04.jpg) no-repeat;background-size: 100%;} .g_ys .ystab li a{display: block;width: 100%;height: 4.35rem;} .g_ys .ystab .active a{background: #017bc4} .g_ys .ystab li a{color: #fff;} /* 客户见证 */ .g_kfjz{height: 24rem;position: relative;} .g_kfjz h2{height: 4.4rem;text-align: center;font-size: 1.6rem;font-weight: bold;color: #333333;} .g_kfjz h2 a{color: #333333} .g_kfjz h2 em{display: block;font-size: 0.7rem;color: #666666;text-transform: uppercase;font-weight: normal;} .g_kfjz .jzc{position: relative; margin: 0 11%;width: 68%;background: #f1f1f1;height: 15rem;padding: 1.5rem 5% 0; margin: 0 auto;} .g_kfjz .jzc span{position: absolute;right: 0;bottom: 0;width: 3rem;height: 2.5rem;} .g_kfjz .jzc span img{width: 100%;display: block;} .g_kfjz .jzc dt{position: relative; background: #017bc4;height:6.45rem; margin-bottom: 1rem;} .g_kfjz .jzc dt img{float: left;width: 57%} .g_kfjz .jzc dt em{display: block;float: left; width: 40%;padding-top: 2rem; padding-left: 3%;} .g_kfjz .jzc dt:before{content: "";position: absolute;width: 3.3rem;height: 0.1rem;background: #fff;left:48%;top:1.4rem;} .g_kfjz .jzc dt em b{display: block;font-size: 1.1rem;color: #fff;font-weight: normal;height: 1.8rem;line-height: 1.8rem;overflow: hidden;} .g_kfjz .jzc dt em strong{display: block;font-size: 1rem;color: #fff;font-weight: bold;height: 1.8rem;line-height: 1.8rem;overflow: hidden;} .g_kfjz .jzc h3{height: 2.2rem;line-height: 2.2rem;overflow: hidden;font-size: 1.1rem;color: #333333;font-weight: bold;} .g_kfjz .jzc h3 a{color: #333} .g_kfjz .jzc p{font-size: 1rem;line-height: 1.6rem;height: 3.2rem;overflow: hidden;margin-top: 0.6rem;} .g_kfjz .swiper-button-next,.g_kfjz .swiper-button-prev{position: absolute;width: 2rem;height: 3.7rem;top:11.5rem;} .g_kfjz .swiper-button-next{background: url(../images/ljt.jpg) no-repeat;background-size: 100%;left:3%;} .g_kfjz .swiper-button-prev{background: url(../images/rjt.jpg) no-repeat;background-size: 100%;right:3%;} .g_zj{padding-top: 2.6rem;background: #f4f4f4;height: 31.5rem;} .g_zj h2{height: 4.6rem;text-align: center;font-size: 1.6rem;font-weight: bold;color: #333333;} .g_zj h2 a{color: #333333} .g_zj h2 em{display: block;font-size: 0.7rem;color: #666666;text-transform: uppercase;font-weight: normal;} .g_zj dl{margin: 0 4%;} .g_zj dt,.g_zj dt img{width: 100%;display: block;} .g_zj dd{padding-top: 1rem;} .g_zj p{font-size: 1.1rem;line-height: 2rem;color: #666666;height: 6rem;overflow: hidden;} .g_zj p a{color: #ffb400} /* 厂房仓库 */ .g_xc2{height: 16.5rem;position: relative;top:-1.5rem; margin: 0 4%; overflow: hidden;} .g_xc2 .tabs3{height: 4.4rem;} .g_xc2 .tabs3 li{display: block;float: left;width: 22%;text-align: center;font-size: 1.2rem;color: #fff;background: #017bc4;height: 3rem;line-height: 3rem; margin-right: 3%;} .g_xc2 .tabs3 li:nth-child(4){margin-right: 0;} .g_xc2 .tabs3 .active{background: #ffb400;font-weight: bold;} .g_xc2 .tabs3 li a{color: #fff;} .g_xc2 .swiper-button-next,.g_xc2 .swiper-button-prev{position: absolute;width: 2rem;height: 3.7rem;top:4rem;} .g_xc2 .swiper-button-next{background: url(../images/ljt.jpg) no-repeat;background-size: 100%;left:0;} .g_xc2 .swiper-button-prev{background: url(../images/rjt.jpg) no-repeat;background-size: 100%;right:2%;} .g_xc2 .js-swiper-nest-bas-in {overflow: hidden;} .xclst2 li{position: relative; float: left;width: 96%;} .xclst2 li:nth-child(2){margin-right: 0;} .xclst2 li img{width: 100%;display: block;} .xclst2 li span{display: block;width: 100%;position: relative;} .xclst2 li span b{position: absolute;background: url(../images/kfico.png) no-repeat;background-size: 100%; width: 3rem;height: 2.5rem; right: 0;bottom: 0;} .xclst2 li em{display: block;width:100%;height: 2rem;line-height: 2rem;text-align: center;overflow: hidden;font-size: 1.2rem;color: #333333;} /* 荣誉证书 */ .g_ryzs{position: relative;background: url(../images/zsbg.jpg) no-repeat;background-size: 100%; height: 34rem;padding-top: 2.8rem;} .g_ryzs h2{height: 5rem;text-align: center;font-size: 1.7rem;font-weight: bold;color: #333333;} .g_ryzs h2 a{color: #333333} .g_ryzs h2 em{display: block;font-size: 0.7rem;color: #666666;text-transform: uppercase;font-weight: normal;} .g_ryzs ul{padding: 0 4%} .g_ryzs li img{width: 58%;margin: 0 auto;border: 1px solid #999;display: block;} .g_ryzs li em{display: block;font-size: 1.1rem;color: #666666;height: 4rem;line-height: 4rem;overflow: hidden;text-align: center;} .g_ryzs .swiper-button-next,.g_ryzs .swiper-button-prev{position: absolute;width: 2rem;height: 3.7rem;top:19rem;} .g_ryzs .swiper-button-next{background: url(../images/ljt.jpg) no-repeat;background-size: 100%;left:4%;} .g_ryzs .swiper-button-prev{background: url(../images/rjt.jpg) no-repeat;background-size: 100%;right:4%;} .g-news{height: 25rem;padding-top: 2.4rem;} .news_nav{height: 3.3rem;line-height: 3.3rem;margin-bottom: 0.6rem; margin: 0 4%} .news_nav p{height: 3.3rem; float: left; font-size: 1.2rem; line-height: 3.3rem; color: #333333; margin: 0 8% 0 0; position: relative; } .news_nav p:before{content: "";position: absolute;background: url(../images/newline.jpg) no-repeat;background-size: 100%; width: 1rem;height: 1.2rem;right: -1.5rem;top:1.2rem;} .news_nav p.cur,.news_nav p.cur:after{ color: #017bc4;border-bottom: 0.15rem solid #017bc4;font-weight: bold;} .news_nav a{display: none; float: right; font-size:1.2rem;color: #ffb400; text-transform: uppercase; line-height: 3.3rem; padding-right: 2%;} .news_nav .ne_db{display: block;} .news_con{width: 94%;margin: 0 auto 1.5rem; font-size: 1.2rem; line-height: 3.3rem; } .news_con ul{padding-bottom: 1.5rem;} .news_con li{position: relative; height: 3.3rem; border-bottom: 1px dashed #d5d5d5;color: #666666;padding-left: 5%; overflow:hidden;} .news_con a:nth-last-child(1) li{border-bottom: 0;} .news_con li em{float: right;} .news_con li:before{content: "";position: absolute;width: 0.6rem;height: 0.15rem;background: #aaaaaa;left:0;top:1.5rem;} .g-news .newmore{width: 52%;height: 4rem;line-height: 4rem;text-align: center;font-size: 1.5rem;color: #fff;margin: 0 auto 2rem; box-shadow: 0.05rem 0 1.6rem #f5c466;background: #ffb400;border-radius: 5rem;} .g-news .newmore a{color: #fff;} 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;}}