.wrap img{width: 100%;}

/*loading*/
.loading{position:fixed;width:100%;height:100%;top:0;left:0;background:#f6f6f6 url(../images/index/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-ban01{display: block;width: 100%;line-height: 0;}


.g_bg1{background:url(../images/bg1.jpg) no-repeat;background-size: 100%;height: 38rem;padding-top: 4rem;}
.g_bg1 h2,.g_bg1 h2 img{width: 100%;display: block;}
.g_bg1 h2{height: 10rem;}
.g_bg1 li{text-align: center;font-size: 1.1rem;line-height: 3rem;color: #666666;}
.g_bg1 li:nth-child(2){height: 3.5rem;line-height: 3.5rem;position: relative;}
.g_bg1 li:nth-child(1){height: 1.7rem;line-height: 1.7rem;}
.g_bg1 li:nth-child(2):before{content: "";position: absolute;width: 1.5rem;height: 0.1rem;background: #e2e2e1;left:50%;margin-left: -0.7rem;bottom: 0}


/*普杰产品中心*/
.g-cp{background: #fff;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/index/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: #3e3e3e; margin:0.7rem 0 0;
border-radius:0.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: #f58220;}
.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;}
.cp02 ul li img{height:11.5rem;}

/*优势*/
.g-ys{ width:100%; overflow:hidden; height:46.3rem; padding:0.8rem 0 2rem; background:url(../images/index/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/index/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:2rem 0 0;}
.g-ys dl dt{font-size: 2.5rem;color: #fff;font-weight: bold;width: 4rem;height: 4rem;background: #3e3e3e;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: #3e3e3e;}
.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.5rem;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: #3e3e3e;display: block;width: 8.8rem;text-align: center;height: 2rem;line-height: 2rem; border:#3e3e3e 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:#3e3e3e;}
.g-ys .m-cnt li:first-child{ margin-left:8.5rem;}


/*解决方案*/
.m-solut .m-bt{display: block;width: 100%;text-align: center;font-size: 1.2rem;color: #acacac;height:6rem;-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;}
.m-solut .m-bt b{display: block;font-size: 1.6rem;color: #fff; padding:0.1rem 0 0.2rem;}

.m-solut{background:url(../images/solutbg.jpg) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;height:30.2rem;padding: 2.1rem 4.688%;}
.m-solut .til01{color: #fff;}
.solut_c{background: #fff;padding: 3.9rem 0 0;position: relative;z-index: 1;height:19rem;}
.solut_c:before{width:90%;border: solid 1px #ebebeb;content: "";position: absolute;height:18rem;left:5%;top: 1.9rem;z-index:-1;}
.solut_c li{width: 43.5%;height:8.25rem;text-align: center;float: left;font-size: 1rem;line-height: 1.5rem;}
.solut_c ul a:nth-child(2n-1) li{margin-left: 6.5%;}
.solut_c li span{width:2.5rem;height: 2.5rem;border: solid 1px #ebebeb;background: #fff;padding: 0.2rem;display: block;margin: 0 auto;border-radius: 2.5rem;}
.solut_c li span img{display: block;background: #3e3e3e;border-radius: 100%;}
.solut_c li p{display: block;padding: 1rem 0 0;color: #333;}
.solut_c li p i{display: block;font-style: normal;font-family: Times New Roman;font-size: 0.6rem;color: #aaa;text-transform: uppercase;line-height: 0.7rem;}


/*大客户案例*/
.m-case{padding: 2.65rem 0 0;height:38rem;}
.m-case .m-bt{display: block;width: 100%;text-align: center;font-size: 1.2rem;color: #000;height:6rem;-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;}
.m-case .m-bt b{display: block;font-size: 1.6rem;color: #000; padding:0.1rem 0 0.2rem;}
.case_c{padding:0.1rem 4.688% 0;}
.case_c li{width: 46.67%;float: left;height:14.45rem;border-bottom: solid 0.15rem #c5c5c5;margin-bottom: 1rem;}
.case_c li img{width:100%;display: block;margin-bottom:1.15rem;height:10.5rem;}
.case_c li p{background:url(../images/ico02.gif) no-repeat right center; -webkit-background-size:0.75rem 0.7rem; -moz-background-size: 0.75rem 0.7rem; -o-background-size: 0.75rem 0.7rem; background-size: 0.75rem 0.7rem;height: 2rem;overflow: hidden;white-space: nowrap;margin-right: 0.35rem;font-size: 1.2rem;color: #170e11;line-height: 1.9rem;}
.case_c li p span{display: block;font-size: 1rem;color: #616161;line-height: 1.6rem;}
.case_c ul a:nth-child(2n) li{margin-left:6.66%;}

/*走进puietel*/
.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.1rem; color:#666;line-height: 1.8rem;height: 7rem;overflow: hidden;text-align:center;}
.g-about dl dd em{ display:block; width:11rem; padding:0.5rem 0 0;margin:0 auto;}
.g-about dl dd em a{ display:block; width:11rem; font-size:1.2rem; color:#fff;font-weight: bold; height:3rem; line-height:3rem; text-align:center; background:#3e3e3e; float:left;
border-radius:0.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;}


/*资讯*/
.g_zx{height: 41.5rem;padding-top: 0.5rem;}
.g_zx .swiper-slide{width: 100%;}
.g_zx .m-bt{display: block;width: 100%;text-align: center;font-size: 1.2rem;color: #000;height:6rem;-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_zx .m-bt b{display: block;font-size: 1.6rem;color: #000; padding:0.1rem 0 0.2rem;}
.g_zx .newtit{margin: 0 5% 2rem;height: 4rem;line-height: 4rem;}
.g_zx .newtit a{display: block;float: left;width: 33.33333%;box-sizing: border-box;text-align: center;font-size: 1.2rem;color: #333333;border: 1px solid #ebebeb;}
.g_zx .newtit .active{background: #f58220;border: 1px solid #f58220;color: #fff;}
.g_zx dl{margin: 0 5%;height: 4.7rem;border: 1px solid #ebebeb;margin-bottom: 1rem;padding: 1.3rem 3% 0;}
.g_zx dt{height: 2rem;line-height: 2rem;font-size: 1.2rem;color: #333333;overflow: hidden;}
.g_zx dt em{font-size: 1rem;color: #aaaaaa;font-style: italic;padding-right: 2%;}
.g_zx dd{height: 2rem;line-height: 2rem;overflow: hidden;font-size: 1rem;color: #888888;}
.g_zx dt a{color: #333333;}
.g_zx .js-swiper-tab-news{height: 22rem;}
.g_zx .mozx{display: block;width: 20rem;height: 3rem;line-height: 3rem;background: #f58220;border-radius: 2rem;text-align: center;font-size: 1rem;color: #fff; margin: 0 auto;margin-top: 1.8rem;}
.g_zx .mozx a{color: #fff;}