/*1029626114@qq.com*/
.g_pp{padding-top: 2.5rem;height: 32rem;}
.g_pp h2{background:url(../images/pptit.jpg) no-repeat;background-size: 100%; padding-top: 3.5rem;height: 4.5rem;text-align: center;font-size: 2.4rem;color: #000000;font-weight: normal;} 
.g_pp p{padding: 0 3%;font-size: 1.2rem;line-height: 1.8rem;color: #585858;height: 9rem;}
.g_pp .video{margin: 0 3%;width: 94%}
.g_pp .video img{width: 100%;display: block;}

/*办公环境解决方案*/
.g_jjfa{height: 26rem;}
.g_jjfa h2{height: 6.8rem;text-align: center;font-size: 2.4rem;color: #000000;font-weight: normal;}
.g_jjfa h2 em{display: block;font-size: 1.1rem;color: #333333;padding-top: 0.6rem;}
.g_jjfa dl{position: relative;}
.g_jjfa dt{width: 100%;display: block;}
.g_jjfa dt img{width: 100%;display: block;}
.g_jjfa dd{position: absolute;left:0;bottom: 0;width: 100%;height: 3.5rem;background: rgba(0,0,0,.6);padding-top: 0.5rem;}
.g_jjfa h3 a{display: block;text-align: center;font-size: 1.3rem;color: #fff;font-weight: normal;}
.g_jjfa h3 em{display: block;font-size: 0.7rem;padding-top: 0.2rem;}


.g_pro{height: 27.5rem;}
.g_pro h2{height: 7rem;text-align: center;font-size: 2.4rem;color: #000000;font-weight: normal;border-bottom: 1px solid #ebebeb;}
.g_pro h2 a{color: #000}
.g_pro h2 em{display: block;font-size: 1.1rem;color: #333333;padding-top: 0.6rem;}
.g_pro .m_fl{line-height: 4.5rem;height: 4.5rem;position: relative;margin:0 3%}
.g_pro .m_fl em a{display: block;float: left;width: 28%;font-size: 1rem;color: #333333;font-weight: bold;}
.g_pro .m_fl span{position: absolute;right: 0;width: 18%;top:0;line-height: 4.5rem; font-size: 1rem;color: #333333;text-align: right;padding-right: 7%;}
.g_pro .m_fl span a{color: #333333;font-weight: bold;}
.g_pro .m_fl span:before{content: "";position: absolute;background:url(../images/flmore.png) no-repeat;background-size: 100%;width: 1.3rem;height: 1.3rem;right: 0;top:1.7rem;}

.g_fl{position: relative;}
.g_fl dl{margin: 0 5%;}
.g_fl dt,.g_fl dt img{width: 100%;display: block;}
.g_fl .swiper-pagination-bullets {top:12rem;position: absolute;}
.g_fl .swiper-pagination-bullets .swiper-pagination-bullet{border-radius: 50%;font-size:0.8rem;color: #000;margin:0 0.3rem;text-align: center;line-height: 1.2rem; width: 1.2rem;height: 1.2rem;background: #fff;}
.g_fl .swiper-pagination-bullets .swiper-pagination-bullet-active{color: #fff;background: #3b486f;}

.g_cplst{height: 28rem;}
.g_cplst ul{margin-left: 4%;}
.g_cplst li{float: left;width: 45%;margin-right: 5%;}
.g_cplst li img{width: 100%;display: block;}
.g_cplst li em{display: block;width: 100%;height: 3.6rem;line-height: 3.6rem;text-align: center;overflow: hidden;font-size: 1rem;color: #000000;}

.g_bz{background:url(../images/pzbg.jpg) no-repeat;background-size: 100%;height: 42.4rem;padding-top: 2.6rem;margin-bottom: 3rem;}
.g_bz h2{height: 27.5rem;text-align: center;font-size: 1.8rem;color: #000000;font-weight: normal;border-bottom: 1px solid #ebebeb;}
.g_bz h2 a{color: #000}
.g_bz h2 em{display: block;font-size: 1.1rem;color: #333333;padding-top: 0.6rem;}
.g_bz .tabs{height: 8rem;}
.g_bz .tabs a{display: block;float: left;width: 25%;text-align: center;font-size: 1.2rem;font-weight: bold;color: #333333;position: relative; padding-top: 1.2rem;}
.g_bz .tabs .active{color: #3f5084;position: relative;}
.g_bz .tabs .active:before{content: "";position: absolute;width:5rem;height: 0.2rem;background: #3f5084;left:50%;margin-left: -2.5rem;top:-0.1rem;}
.g_bz .tabs i{display: block;width: 3.6rem;height: 3.6rem;overflow: hidden;margin: 0 auto 0.7rem;}
.g_bz .tabs i img{width: 3.6rem;height: 7.2rem;display: block;}
.g_bz .tabs .active i img{margin-top: -3.6rem;}
.g_bz p{margin: 0 4%;font-size: 1.2rem;line-height: 1.8rem;color: #666666;}



.g_ys{height:6.3rem;position: relative;}
.g_ys h2{height:6.3rem;text-align: center;font-size: 2.4rem;color: #000000;font-weight: normal;}
.g_ys h2 a{color: #000000;}
.g_ys h2 em{display: block;font-size: 1.1rem;color: #000000;padding-top: 0.3rem;}

.m_ys2{height:37rem; position: relative;padding: 0 6%;}
.m_ys2 dl{width:96%;margin: 0 2%;}
.m_ys2 dt{width: 100%;display: block;margin-bottom: 1.4rem;position: relative;}
.m_ys2 dt img{width: 100%;display: block;}
.m_ys2 h3{position: relative;padding-left: 8.3rem;font-size:1.5rem;color: #1c1b1b;height: 6rem;font-weight: bold;}
.m_ys2 h3 em{display: block;font-size: 1.4rem;color: #1a1a1a;}
.m_ys2 h3 b{position: absolute;left:5%;top:-0.6rem;font-size: 4.8rem;color: #000;font-weight: normal;}
.m_ys2 p{font-size: 1.1rem;line-height: 1.5rem;color: #666666;padding: 0 5%; margin-bottom: 0.5rem;position: relative;}
.m_ys2 p:before{content: "";position: absolute;background:url(../images/ysico.png) no-repeat;background-size: 100%;width: 0.8rem;height: 0.8rem;left:0;top:0.3rem;}
.m_ys2 p b{color:#3b486f;}

.m_ys2 .swiper-pagination-clickable .swiper-pagination-bullet{background: #7f7f7f;width: 0.7rem;height: 0.7rem;margin: 0 0.5rem;}
.m_ys2 .swiper-pagination-clickable  .swiper-pagination-bullet-active{background: #3f5084;width: 1.5rem;border-radius: 2rem;}
.m_ys2 .swiper-pagination-bullets{top:15rem;}

.g_an{height: 27rem;background:url(../images/anbg.jpg) no-repeat;background-size: 100%;}
.g_an h2{height:6.3rem;text-align: center;font-size: 2.4rem;color: #000000;font-weight: normal;}
.g_an h2 a{color: #000000;}
.g_an h2 em{display: block;font-size: 1.1rem;color: #000000;padding-top: 0.3rem;}
.g_an p{margin: 0 3.6%;position: relative;}
.g_an p img{width: 100%;display: block;}
.g_an p em{position: absolute;left:0;bottom: 0;height: 3.6rem;line-height: 3.6rem;background: rgba(59,72,111,.9);padding: 0 3%;font-size: 1.2rem;color: #fff;width: 94%;}
.g_an p span{font-size: 1rem;}


.g_show {position: relative; }
.g_show h2{position: absolute;left:0;top:6rem;text-align: center;font-size: 2.4rem;color: #fff;font-weight: normal;z-index: 11;width: 100%;}
.g_show h2 a{color: #fff;}
.g_show h2 em{display: block;font-size: 1rem;padding-top: 0.6rem;}
.g_show h2 span{display: block;font-size: 3rem;}
.g_show .swiper-pagination-bullets {top:30rem;position: absolute;}
.g_show .swiper-pagination-bullets .swiper-pagination-bullet{border-radius: 50%;font-size:0.8rem;color: #000;margin:0 0.3rem;text-align: center;line-height: 1.2rem; width: 1.2rem;height: 1.2rem;background: #fff;}
.g_show .swiper-pagination-bullets .swiper-pagination-bullet-active{color: #fff;background: #3b486f;}
.g_show .swiper-button-next,.g_show .swiper-button-prev{position: absolute;width:2.4rem;height: 2.4rem;top:18.5rem;}
.g_show .swiper-button-next{background: url(../images/rjt2.png) no-repeat;background-size: 100%;right:42%;}
.g_show .swiper-button-prev{background: url(../images/ljt2.png) no-repeat;background-size: 100%;left:42%;}

.g_show dt{width:100%;}
.g_show dt img{width:100%;display:block;}


.g_fwlc{padding-top: 3rem;height: 37rem;}
.g_fwlc h2{height:6.3rem;text-align: center;font-size: 2.4rem;color: #000000;font-weight: normal;}
.g_fwlc h2 a{color: #000000;}
.g_fwlc h2 em{display: block;font-size: 1.1rem;color: #000000;padding-top: 0.3rem;}
.g_fwlc dl{float: left;width: 33%;height: 15rem;}
.g_fwlc dt{height: 10.6rem;text-align: center;}
.g_fwlc dt span{display: block;width: 5.4rem;height:4.7rem;background:url(../images/lcbg1.png) no-repeat;background-size: 100%; padding-top: 1.5rem; margin: 0 auto;}
.g_fwlc dt span i{display: block;width: 4rem;height: 3rem;margin: 0 auto;overflow: hidden;}
.g_fwlc dt span i img{width: 8rem;height: 3rem;display: block;}
.g_fwlc dt b{display: block;height: 3.5rem;line-height: 3.5rem; font-weight: normal;font-size: 2.4rem;color: #9a9a9a;}
.g_fwlc p{height: 3rem;text-align: center;font-size: 1.2rem;color: #000000;}
.g_fwlc p em{display: block;line-height: 1.5rem;font-size: 1rem;color: #707070;}
.g_fwlc dl:hover dt span{background:url(../images/lcbg2.png) no-repeat;background-size: 100%;}
.g_fwlc dl:hover dt i img{margin-left: -4rem;}


.g_fwtel{margin:0 5% 2rem;height: 3.6rem;line-height: 3.6rem;background: #3f5084;padding-left: 29%; font-size: 1.2rem;color: #fff;}
.g_fwtel a{color: #fff;}


.g_news6{height: 36.5rem;}
.g_news6 h2{height:7.2rem; text-align: center;font-size: 2.4rem;color: #000000;font-weight: normal;}
.g_news6 h2 a{color: #000000;}
.g_news6 h2 em{display: block;font-size: 1.1rem;color: #000000;padding-top: 0.3rem;}
.newtj{margin: 0 3%;height: 9rem;}

.newtj dt{width: 43%;float: left;margin-right: 4%;}
.newtj dt img{width: 100%;display: block;}
.newtj dd{float: left;width: 52%}
.newtj h3{height: 2rem;line-height: 2rem; overflow: hidden;margin-bottom:0.3rem; font-size: 1.1rem;color: #342d29;font-weight: normal; position: relative;}
.newtj h3 a{color: #342d29;} 
.newtj h3:before{content: "";position: absolute;width: 5rem;height: 0.1rem;background: #3f5084;left:0;bottom: 0}
.newtj p{font-size: 1.1rem;line-height: 1.7rem;color: #626161;}
.newlst{margin: 0 3%; }
.newlst li{line-height: 1.7rem; height: 4.5rem; color: #342d29;font-size: 1.1rem;position: relative; border-top: 0.1rem solid #dadada; padding-top: 1rem;padding-right: 12%;position: relative;}
.newlst li a{color: #342d29;}
.newlst li:before{content: "";position: absolute;background:url(../images/newico.png) no-repeat;background-size: 100%;width: 1rem;height: 1rem;right:0;top:1.7rem;}

.g_ab{background:url(../images/abbg.jpg) no-repeat;background-size: 100%;height: 22rem;padding-top: 3rem;}
.g_ab h2{height:9.3rem; text-align: center;font-size: 2.4rem;color: #fff;font-weight: normal;}
.g_ab h2 a{color: #fff;}
.g_ab h2 em{display: block;font-size: 1.1rem;color: #fff;padding-top: 0.3rem;}
.g_ab .m_ab{margin-left: 7%;}
.g_ab .m_ab p{float: left;width: 61%;line-height: 2.7rem;background: #fff;text-align: center;font-size: 1.1rem;color: #000;}
.g_ab .m_ab span{float: left;width: 28%;line-height: 2.7rem;background: #222222;text-align: center;font-size: 1.1rem;color: #fff;}
.g_ab .m_ab span 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:400px){html{font-size: 12.5px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:520px){html{font-size:    16.25px;}}
@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:600px){html{font-size:  18.75px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}