﻿.wrap img{width: 100%;}

/*loading*/
.loading{position:fixed;width:100%;height:100%;top:0;left:0;background:#f6f6f6 url(../images/show.jpg) no-repeat 50% 50%;background-size:cover;z-index:105;}
.loading.fade{-webkit-transition: all .75s ease;transition: all .75s ease;}
.loading.hide{opacity:0;visibility:hidden;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{width: 100%;}
.ban img{ display:block; width:100%;}

/**/
.g-four{width: 93.75%; margin:0 auto; padding:3rem 0 2.5rem;}
.g-four .m-bt{ margin:0 auto;width: 90%;height: 3.4rem;text-align: center; padding:2.6rem 0 0;font-size: 1.6rem;color: #333;font-weight: bold; background:url(../images/four_tbg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-four .m-bt i{display: block;font-size: 12px;color: #bbb;font-weight: normal; font-family:Arial, Helvetica, sans-serif; padding:0.2rem 0 0;}
.g-four ul{ display:inline-block;width: 100%;height: 14rem;position: relative; border:#e5e5e5 2px solid; margin:1.2rem 0 0;}
.g-four ul:before{ content:"";width: 100%;height: 2px;position: absolute;top: 50%;left: 0;background: #e5e5e5;}
.g-four ul:after{ content:"";width: 2px;height: 100%;position: absolute;top: 0;left: 50%;background: #e5e5e5;}
.g-four ul li{font-size: 1.3rem;color: #073690;width: 50%;float: left;height: 6rem; padding:1rem 0 0;text-align: center;}
.g-four ul li em{font-size: 2.7rem; font-family:"Times New Roman", Times, serif;}
.g-four ul li span{display: block;font-size: 1.2rem;color: #666;}

/**/
.g-ban01{display: block;width: 100%;line-height: 0;}


/*雄业产品中心*/
.g-cp{background: #f1f1f1;width: 100%; padding:2.3rem 0 1.2rem;}
.g-cp .m-bt{display: block;width: 67.5%;text-align: center;height: 4.2rem; margin:0 auto;font-size: 1.2rem;color: #666; background:url(../images/cp_tbg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-cp .m-bt b{display: block;font-size: 1.6rem;color: #333; padding:0.3rem 0 0;}
.cp01{width: 93.75%; margin:0 auto; padding:0.5rem 0 0;}
.cp01 ul li{width: 48%;float: left;height: 3rem;text-align: center;line-height: 3rem;background: #073690; margin:0.7rem 0 0;
border-radius:5rem;               
-webkit- border-radius:5rem;
-moz-border-radius:5rem;
-o-border-radius:5rem;}
.cp01 ul li a{font-size: 1.2rem;color: #fff;}
.cp01 ul li:first-child{background: #073690;}
.cp01 ul li:nth-child(2n){float: right;}

.cp02{width: 93.75%; margin:0 auto; padding:1.2rem 0 0;}
.cp02 ul li{width: 48.66%;float: left;}
.cp02 ul li span{font-size: 1.2rem;color: #666;display: block;width: 100%;text-align: center;height: 3rem;line-height: 3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp02 ul li:nth-child(2n){float: right;}

/*优势*/
.g-ys{ width:100%; overflow:hidden; height:46.3rem; padding:2.8rem 0 2rem; background:url(../images/ys_bg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ys .m-bt{font-size: 1.2rem;color: #666;height: 6.5rem;width: 72.5%;text-align: center; margin:0 auto 1rem; background:url(../images/ys_tbg.png) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ys .m-bt b{display: block;font-size: 1.6rem;color: #333; padding:2.5rem 0 0;}
.g-ys .sclwrap_box{ height:36rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .ys_pic{ width:100%; overflow:hidden;}
.g-ys dl{ width:93.75%; margin:0 auto; padding:0.5rem 0 0;}
.g-ys dl dt{font-size: 2.5rem;color: #fff;font-weight: bold;width: 4rem;height: 4rem;background: #073690;text-align: center;line-height: 4rem;float: left; font-family:"Times New Roman", Times, serif;}
.g-ys dl dd{width: 82%;float: right;}
.g-ys dl dd b{display: block;font-size: 1.5rem;color: #073690;}
.g-ys dl dd i{display: block;width: 12rem;text-align: center;height: 1.6rem;line-height: 1.6rem;background: #fff; border:#e0e0e0 2px solid;font-size: 0.7rem;color: #d9d9d9;text-transform: uppercase; margin:0.2rem 0 0.8rem;}
.g-ys dl dd p{font-size: 1.2rem;color: #666;line-height: 1.8rem;position: relative; padding:0 0 0 1rem;}
.g-ys dl dd p:before{ content:"";width: 0.3rem;height: 0.3rem;background: #333;position: absolute;top: 0.8rem;left: 0;
border-radius:1rem;               
-webkit- border-radius:1rem;
-moz-border-radius:1rem;
-o-border-radius:1rem;}
.g-ys dl dd em{display: block;width: 10rem; padding:1rem 0 0;}
.g-ys dl dd em a{font-size: 1.2rem;color: #073690;display: block;width: 8.8rem;text-align: center;height: 2rem;line-height: 2rem; border:#073690 2px solid;
border-radius:1rem;               
-webkit- border-radius:1rem;
-moz-border-radius:1rem;
-o-border-radius:1rem;}
.g-ys .m-cnt{ width:100%;position: relative; display:inline-block;}
.g-ys .m-cnt:before{ content:"";width: 100%;height: 1px;background: #ddd;position: absolute;top: 50%;left: 0;}
.g-ys .m-cnt li{ font-size:1.6rem; color:#fff;font-weight: bold; width:2.5rem; height:2.5rem; background:#999c9e; float:left; margin-right:1.5rem; text-align:center; line-height:2.5rem;z-index: 8;position: relative;}
.g-ys .m-cnt li.z-on{ background:#073690;}
.g-ys .m-cnt li:first-child{ margin-left:6.5rem;}

/*案例*/
.g-case{width: 100%;background: #f7f7f7; padding:0 0 1rem;}
.g-case .m-bt{display: block;width: 100%;text-align: center;font-size: 1.2rem;color: #acacac;height: 7.4rem; background:url(../images/case_tbg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-case .m-bt b{display: block;font-size: 1.6rem;color: #fff; padding:1.7rem 0 0.2rem;}
.case01{width: 93.75%; margin:0 auto; padding:1.4rem 0 0.5rem;}
.case01 ul{ display:inline-block;width: 100%;height: 8rem;position: relative; border:#ededed 2px solid;background: #fff;}
.case01 ul:before{ content:"";width: 100%;height: 2px;position: absolute;top: 50%;left: 0;background: #ededed;}
.case01 ul:after{ content:"";width: 2px;height: 100%;position: absolute;top: 0;left: 50%;background: #ededed;}
.case01 ul li{width: 50%;float: left;height: 4rem;line-height: 4rem;text-align: center;}
.case01 ul li a{font-size: 1.2rem;color: #333;}
.g-case .sclwrap_box{ height:23.6rem;overflow: hidden;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case .m-box ul{ width:93.75%; margin:0 auto;}
.g-case .m-box ul li{width: 100%;line-height: 0;position: relative;}
.g-case .m-box ul li span{display: block;width: 100%;text-align: center;font-size: 1.2rem;color: #fff;height: 2.5rem;line-height: 2.5rem;overflow: hidden; background:rgba(0,0,0,0.3);position: absolute;bottom: 0;left: 0;}
.g-case .m-cnt{ width:100%; display:inline-block; }
.g-case .m-cnt li{ width:0.7rem; height:0.7rem; background:#93999f; float:left; margin-right:1rem;
border-radius:2rem; 
-webkit-border-radius:2rem;
-moz-border-radius:2rem;
-o-border-radius:2rem;}
.g-case .m-cnt li.z-on{ background:#073690;}
.g-case .m-cnt li:first-child{ margin-left:13rem;}

/*走进雄业*/
.g-about{ width:93.75%; margin:0 auto; overflow:hidden; padding:2.8rem 0 7.5%;}
.g-about .m-bt{width: 52%;text-align: center;height: 2rem; padding:2.7rem 0 0; margin:0 auto;display: block;font-size: 1.6rem;color: #333;font-weight: bold; background:url(../images/ab_tbg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-about dl{ width:100%; padding:1.2rem 0 0;}
.g-about dl dt{ width:100%;}
.g-about dl dd{ width:100%; padding:0.3rem 0 0;}
.g-about .ab_desc{ font-size:1.2rem; color:#666;line-height: 1.8rem;height: 7.2rem;overflow: hidden;}
.g-about dl dd em{ display:inline-block; width:100%; padding:1.5rem 0 0;}
.g-about dl dd em a{ display:block; width:9.3rem; font-size:1.2rem; color:#073690;font-weight: bold; height:3rem; line-height:3rem; text-align:center; border:#073690 2px solid; float:left;
border-radius:5rem;               
-webkit- border-radius:5rem;
-moz-border-radius:5rem;
-o-border-radius:5rem;}
.g-about dl dd em a:nth-child(2){ margin: 0 0.5rem;}

/**/
html {font-size: 10px;-webkit-text-size-adjust: none;}
@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;}}  /*ipone6*/
@media screen and (min-width: 400px) {html {font-size: 12.5px;}}
@media screen and (min-width: 414px) {html {font-size: 12.94px;}} /*ipone6P*/
@media screen and (min-width: 440px) {html {font-size: 13.75px;}}
@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: 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;}}