@charset "utf-8";

html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}

.container{
	width: 100%;
	max-width: 640px;margin: 0 auto;
	min-width: 320px;
	overflow:hidden;
	position:relative;
}


.wrap img{width: 100%;}



/*广告*/
.g-adv {clear:both;height:auto;overflow:hidden;position: relative;}
.g-adv img{ width:100%;display: block;}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:1rem;width: 28.6%!important;height: 1.5rem;left:35.7%!important;}
.edge_c .swiper-pagination-bullets,.edge_c .swiper-pagination-custom,.edge_c .swiper-pagination-fraction{height: 5.5rem!important;}
.g-adv .swiper-pagination-bullet{background:#fff;width:0.8rem;height:0.8rem;border-radius: 0.8rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;margin: 0 0 0 1rem;}
.edge_c .swiper-pagination-bullet{background:#333;width:1.2rem;height:1.2rem;border-radius: 1.2rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;margin: 0 0.8rem!important;}
.plan_lc .swiper-pagination-bullet{background:#0060ba;width:0.7rem;height:0.7rem;border-radius: 0.7rem;}
.g-adv .swiper-pagination-bullet-active{background: #0060ba;}
.edge_c .swiper-pagination-bullet-active{background: #00923f;}
.plan_lc .swiper-pagination-bullet-active{background: #00923f;width: 2rem;}

.swiper-slide{overflow: hidden;}

.til01{height: 4.4rem;line-height:1.5rem;font-size: 1rem;color: #666;text-align: center;white-space: nowrap;margin-bottom: 2rem;}
.m-webox .til01{background:url(../images/hontbg.png) no-repeat center 5.15rem;-webkit-background-size:90.625% 0.6rem; -moz-background-size: 90.625% 0.6rem; -o-background-size: 90.625% 0.6rem; background-size: 90.625% 0.6rem;letter-spacing: -1px;white-space: nowrap;}
.til01 span{color: #333;font-weight: bold;font-size:1.8rem;line-height: 2.6rem;display: block;}
.til01 span b{color: #0060ba;}

/*加工范围*/
.m-webox{padding: 4.85rem 0 0;background:url(/mobile/images/honbg.jpg) no-repeat 0 0;-webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;height: 35rem;font-size: 0.9rem;line-height: 1.5rem;color: #444;}
.webox_c{height: 4.8rem;line-height: 1.5rem;}
.webox_c li{height: 1.5rem;background:url(/mobile/images/ico02.png) no-repeat 0 0.5rem;-webkit-background-size:0.6rem 0.6rem; -moz-background-size: 0.6rem 0.6rem; -o-background-size: 0.6rem 0.6rem; background-size: 0.6rem 0.6rem;padding: 0 0 0 1rem;width:40%;float: left;}
.webox_c li:nth-child(2n-1){width:44%;margin-left: 4.688%;}

.honner{position: relative;height: 20rem;}
.prev,.next{width:1.15rem;display: block;position: absolute;top: 7.5rem;right:3.125%;z-index: 9;}
.prev{left: 3.125%;}
.hon_c{margin: 0 9.375%;overflow: hidden;}
.hon_c li{width: 48.46%;float: left;background: #fff;}
.hon_c li img{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;padding: 1.1rem;width: 100%;display: block;}
.hon_c li span{display: block;line-height: 2.75rem;height: 2.75rem;background: #0060ba;text-align: center;color: #fff;overflow: hidden;}
.hon_c ul a:nth-child(2n) li{margin-left:3.08%;}

/*产品中心*/
.m-probox{font-size:1rem;line-height:2rem;padding:4.1rem 0 0;overflow: hidden;position: relative;}
.protil{height:5.75rem;text-align: center;font-size:0.95rem;line-height: 2.5rem;color: #333;}
.protil li{width:25%;float: left;position: relative;}
.protil li:before{content: "";position: absolute;width: 1px;height:3.4rem;background: #d6d6d6;right: 0;top: 0.5rem;}
.protil li:last-child{width:20.6%;}
.protil li:last-child:before{width:0;height: 0;background: none;}
.protil li:nth-child(3){width:29.4%;}
.protil li span{width:2.4rem;height:2.2rem;display: block;position: relative;overflow: hidden;margin: 0 auto;}
.protil li span i{width:2.4rem;height:2.2rem;position: absolute;display: block;top: 0;left: 0;-webkit-background-size:2.4rem 5.7rem!important; -moz-background-size: 2.4rem 5.7rem!important; -o-background-size: 2.4rem 5.7rem!important; background-size: 2.4rem 5.7rem!important;}
.protil li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.protil li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.protil li.cur{color: #00923f;font-weight: bold;}
.protil li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.protil li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.pro_c{overflow: hidden;height:29rem;width: 90.625%;margin: 0 auto;}
.pro_c dt,.pro_c dt img,.edge_c dt,.edge_c dt img{display: block;width: 100%;}
.pro_c dd{background: #f1f1f1;border-bottom: solid 0.15rem #bcbcbc;padding:1.05rem 1.2rem;color: #666;}
.pro_c dd h3{height: 3.2rem;line-height: 3.2rem;font-size: 1.5rem;color: #0060ba;font-weight: bold;}
.pro_l{clear: both;height: 32.9rem;}
.pro_l li{width: 42.8%;float: left;margin: 0 0 1.5rem 4.688%;text-align: center;height:10rem;}
.pro_l li img{width: 100%;display: block;}
.pro_l li span{display: block;line-height:2.35rem;height:2.4rem;color: #333;border: solid 1px #ddd;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border-top: 0;}
.more01{clear: both;height: 2.6rem;line-height: 2.6rem;position: relative;text-align: center;font-size: 1rem;display: block;z-index: 1;}
.more01 span{width: 47.5%;margin: 0 auto;line-height: 2.6rem;background: #00923f;color: #fff;display: block;border-radius: 1.3rem;}
.more01:before{content: "";position: absolute;width: 100%;height: 0.1rem;left: 0;top: 50%;background: #00923f;z-index: -1;white-space: nowrap;}

/*优势*/
.m-edge{font-size:1rem;line-height:2.2rem;color: #666;position: relative;height:51.3rem;overflow:hidden;}
.m-edge h2{display: block;margin-bottom: 0.6rem;}
.prev2,.next2{width:25.31%;height: 1.4rem;display: block;position: absolute;bottom: 4.4rem;right:0;z-index: 9;}
.prev2{left: 0;transform: rotateY(180deg);
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);}
.edgetil{height: 9.5rem;text-align: center;font-size: 1.2rem;line-height: 2.5rem;}
.edgetil li{width:16.719%;float: left;margin: 0 0 0 20%;}
.edgetil li:nth-child(1){margin: 0 0 0 4.688%;}
.edgetil li span{width: 100%;display: block;background:url(/mobile/images/edge_tbg1.gif) no-repeat 0 0;-webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;height: 6.1rem;}
.edgetil li.cur{color: #00923f;font-weight: bold;}
.edgetil li.cur span{background:url(/mobile/images/edge_tbg2.gif) no-repeat 0 0;-webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.edgetil li p{display: block;line-height: 2.6rem;}
.edge_c{overflow: hidden;height: 35.5rem;position: relative;background: #e8e8e8;}
.edge_c dd{position: relative;padding:2.85rem 4.688% 0;}
.edge_c dd h3{position: absolute;width: 90.624%;background: #0060ba;top:-1.5rem;left: 4.688%;height: 3rem;line-height:3rem;font-size:1.2rem;font-weight: bold;color: #fff;overflow: hidden;text-align: center;}
.edge_c dd li,.plan_c dd li{background:url(/mobile/images/ico03.png) no-repeat 0 0.55rem;-webkit-background-size:0.75rem 0.75rem; -moz-background-size: 0.75rem 0.75rem; -o-background-size: 0.75rem 0.75rem; background-size: 0.75rem 0.75rem;padding: 0 0 0 1.6rem;line-height: 1.8rem;}

/*工程方案和案例*/
.m-plan{font-size:1rem;line-height:1.95rem;color: #737373;padding:3.8rem 0 0;position: relative;}
.prev3,.next3{top: 14rem;}
.plan_t{margin:0 4.688%;height: 5.8rem;font-size:0.9rem;text-align: center;overflow: hidden;}
.plan_t li{width: 48%;float: left;height: 2.5rem;line-height: 2.5rem;color: #fff;background: #0060ba;margin-bottom: 0.4rem}
.plan_t li span{display: inline-block;padding: 0 0 0 1.3rem;background:url(/mobile/images/ico01.png) no-repeat 0 center;-webkit-background-size:0.7rem 0.7rem; -moz-background-size: 0.7rem 0.7rem; -o-background-size: 0.7rem 0.7rem; background-size: 0.7rem 0.7rem;white-space: nowrap;}
.plan_t li:nth-child(2n){margin-left: 4%;}
.plan_t li.cur{background: #00923f;}
.plan_c{overflow: hidden;}
.plan_c dl{height:31.4rem;margin: 0 4.688%;}
.plan_c dt,.plan_c dt img{display: block;width: 100%;}
.plan_c dd{padding: 0.6rem 0 0;}
.plan_c dd h3{height:2.8rem;font-weight: bold;font-size: 1.1rem;line-height: 2.8rem;color: #000000;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.plan_l{background:url(/mobile/images/bg01.gif) repeat 0; -webkit-background-size:10rem 10rem; -moz-background-size: 10rem 10rem; -o-background-size: 10rem 10rem; background-size: 10rem 10rem;margin-top: -1.25rem;padding: 4.5rem 4.688% 0;height: 23.6rem;}
.plan_l h3{height: 4.5rem;font-size: 1.3rem;font-weight: bold;color: #333;line-height: 2rem;text-align: center;white-space: nowrap;}
.plan_l h3 em{font-family: Arial;text-transform: uppercase;font-size:0.6rem;font-weight: normal;color: #b8b8b8;line-height:0.9rem;display: block;}
.plan_lc{overflow: hidden;height: 16.8rem;position: relative;}
.plan_lc dl{width: 47%;height: 14rem;float: left;position: relative;background:url(/mobile/images/planlbg.jpg) no-repeat center 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;z-index: 1;}
.plan_lc dt{width: 3.75rem;height: 3.75rem;border-radius: 3.75rem;background: #0060ba;margin: 2.55rem auto 1.6rem;}
.plan_lc dd{font-size: 1rem;line-height: 1.05rem;color: #333;text-align: center;}
.plan_lc dd em{font-size: 1.8rem;line-height: 2.5rem;font-family: Times New Roman;display: block;font-weight: bold;font-style: normal;}
.plan_lc dl:before{content: "";position: absolute;width:83%;height: 11.7rem;z-index: -1;left: 8.5%;top: 0.85rem;border: solid 0.1rem #cacacb;}
.plan_lc a:nth-child(2n) dl{margin-left: 6%;}


/*全方位服务*/
.m-serv{position: relative;background:url(/mobile/images/servbg.jpg) no-repeat 0 bottom;-webkit-background-size:100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;padding: 2.1rem 4.688% 10.2rem;z-index: 1;font-size: 1rem;line-height: 1.9rem;color: #666;}
.m-serv:before{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0; background:url(/mobile/images/servcbg.jpg) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;z-index:-1;}
.serv_c{padding: 16.4rem 0 0;}
.serv_c li{padding: 1.45rem 0 0;background: #fff;height: 7.45rem;border-bottom: solid 1px #d1d1d1;}
.serv_c li:last-child{border:0;}
.serv_c li span{width: 17.76%;height: 5.95rem;background: #0060ba;font-size: 1rem;line-height: 1.6rem;text-align: center;color: #fff;float: left;margin: 0 0 0 4.48%;font-weight: bold;}
.serv_c li span em{font-size:2rem;line-height:2rem;display: block;font-family: Times New Roman;font-style: normal;padding: 1rem 0 0;}
.serv_c li p{width:70.7%;float: left;padding:0.25rem 0 0 0.9rem;}


/*资讯*/
.m-news{height:41.5rem;overflow: hidden;font-size:1.1rem;line-height:1.6rem;color: #737373;padding: 0 4.688%;}
.newtil{height:3.8rem;line-height: 3.8rem;background: #0060ba;margin: 0 0 1.1rem;font-size: 1.2rem;color: #fff;}
.newtil li{height: 3.8rem;width: 33.33%;float: left;text-align: center;}
.newtil span{background:url(/mobile/images/ico07.png) no-repeat 0 center; -webkit-background-size:1.3rem 1.1rem; -moz-background-size: 1.3rem 1.1rem; -o-background-size: 1.3rem 1.1rem; background-size: 1.3rem 1.1rem;padding:0 0 0  1.75rem;display: inline-block;color: #fff;}
.newtil li:nth-child(2) span{background:url(/mobile/images/ico08.png) no-repeat 0 center; -webkit-background-size:1.15rem 1.2rem; -moz-background-size: 1.15rem 1.2rem; -o-background-size: 1.15rem 1.2rem; background-size: 1.15rem 1.2rem;padding:0 0 0  1.75rem;display: inline-block;color: #fff;}
.newtil li:nth-child(3) span{background:url(/mobile/images/ico09.png) no-repeat 0 center; -webkit-background-size:1.3rem 1.1rem; -moz-background-size: 1.3rem 1.1rem; -o-background-size: 1.3rem 1.1rem; background-size: 1.3rem 1.1rem;padding:0 0 0  1.75rem;display: inline-block;color: #fff;}
.newtil li.cur{background: #03a443;}
.new_c{overflow: hidden;}
.new_c li{margin:1.1rem 0 0;overflow: hidden;height:5.5rem;}
.new_c li span{ width:18.33%;text-align: center;height:5.5rem;font-family: Tahoma;color: #666;font-size: 0.8rem;line-height: 1.1rem;float: left;background: #e2e2e2;}
.new_c li span em{display: block;font-size: 2.5rem;color: #666;line-height:2.3rem;padding: 1rem 0 0;}
.new_c li p{height:5.5rem;width:81.67%; float: left; overflow: hidden; line-height:1.7rem;padding:0.9rem 0 0 2%;border: solid 1px #d5d5d6;border-left:0;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;color: #666;}
.new_c li p b{display: block;color: #303030;font-weight: normal;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new_c li p em{display: inline-block;color: #0060ba;font-style: normal;}
.new_c dl{height: 7.4rem;overflow: hidden;}
.new_c dl dt{width:43.1%;float: left;}
.new_c dl dt img{width: 100%;height: 7.4rem;}
.new_c dl dd{width:56.9%;padding: 0.5rem 1rem 0;height: 7.4rem;float: left;color: #737373;border: solid 1px #d5d5d6;border-left:0;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.new_c dl dd h3{display: block; font-size:1.1rem;color:#424242;line-height:2.8rem;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new_c dd p em{display: inline-block;color: #03a443;font-style: normal;}

/*走进光普桂川 */
.m-about{font-size:1rem;line-height: 1.85rem;color: #333;height:40rem;text-align: center;}
.about_p,.about_p img{width: 100%;display: block;height:19.8rem;}
.about_w{padding:1.1rem 4.688%;}
.about_w h3{font-size: 1.2rem;font-weight: bold;line-height: 3.1rem;height: 3.1rem;overflow: hidden;color: #0060ba;}
.about_c p{height:7.1rem;}
.about_c p a{display: inline-block;color: #03a443;}




 
 
 .wrap{ opacity:0; /*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/}
.loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:640px; min-width:320px; z-index:99999;background:#fff;opacity:1;}
.loading img{ display:none;}
.loading #showNext{ line-height:1.8rem; display:none; color:#333; border:0.05rem solid #333; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:99;}
/*首次加载页面切入效果*/
.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }
.ht_z {position:absolute;width:37.33%;top:8.54rem;left:31.73%;background-size: 100%;height:6.375rem; z-index:10}
.loading img{width:100%;}
.ht_t {position:absolute;left:0;bottom:4.5rem;background-size:100% 30.70rem;height:30.70rem;width:100%}

/*渐显动画*/
@-webkit-keyframes fade {
  from 
  {
   opacity:1;
   display:block;
   
  }

  to {
    opacity: 0;
    display:none;
    height:0;
   
  }
}

@keyframes fade {
  from{
    opacity: 1;
   display:block;
  }

  to 
  {
    display:none;
    opacity: 0;
    height:0;
  }
}

.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
}