﻿.wrap img{ width:100%;}	

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;}}



/*导航样式*/
.g-nav {width: 93.75%;height: 7rem; margin:0 auto 1.3rem; background:url(/mobile/Images/Index/nav_bg.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-nav a{ font-size:1.2rem; color:#fff;height: 3.5rem;line-height: 3.5rem; text-align:center; display:block; float:left;}
.g-nav a:nth-child(1),.g-nav a:nth-child(4){width: 38.3%;}
.g-nav a:nth-child(2),.g-nav a:nth-child(5){width: 36%;}
.g-nav a:nth-child(3n){width: 25.7%;}

/*通栏广告*/
.g-adv{ width:100%; height:22rem; overflow:hidden;}
.g-adv .sclwrap_box{ height:20rem; overflow:hidden;}
.g-adv .m-cnt{ width:65%; background:#e4e6ea;height: 2rem; padding:0 0 0 35%;}
.g-adv .m-cnt li{ float:left; width:0.9rem;height: 0.9rem;background: #a0a0a0; margin:0.6rem 1.1rem 0;
border-radius:5rem;               
-webkit- border-radius:5rem;
-moz-border-radius:5rem;
-o-border-radius:5rem;}
.g-adv .m-cnt li.z-on{ background:#0874c5;}

/*分类*/
.g-fenl{ width:100%; padding:3.3rem 0 2rem; overflow:hidden;}
.g-fenl .m-bt,.g-sheng .m-bt,.g-three .m-bt{display: block;width: 100%;text-align: center;font-size: 1.8rem;color: #333;font-weight: bold;height: 5.3rem; background:url(/mobile/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-fenl .m-bt i,.g-sheng .m-bt i,.g-three .m-bt i,.g-hz .m-bt i,.g-about .m-bt i{display: block;font-size: 0.9rem;color: #999;font-weight: normal;text-transform: uppercase;}
.g-fenl .m-bt em,.g-sheng .m-bt em,.g-three .m-bt em,.g-hz .m-bt em,.g-about .m-bt em{display: block;font-size: 1.1rem;color: #0876c9;font-weight: normal;}
.g-fenl h4{ font-size:1.3rem; color:#333; font-weight:bold; height:3rem; line-height:3rem; width:81.75%; padding:0 6%; margin:0.5rem auto 0; background:url(/mobile/Images/Index/cp_k01.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-fenl ul{ padding:1rem 0; width:93.75%; margin:0 auto;background: #f2f3f6;}
.g-fenl ul li{ height:2.4rem; line-height:2.4rem; width:33.3%; float:left;text-align: center;overflow: hidden;}
.g-fenl ul li a{ font-size:1.2rem; color:#666;}


/*产品切换*/
.g-zh { padding:1rem 0 0 0.83rem;}
.g-zh02 { padding:0 0 0 0.83rem;}
.g-zh .m-bt { display:block; height:1.75rem; padding-right:0.83rem;}
.g-zh02  .m-but01 { display:block; width:25rem;}
.g-zh .m-bt i { display:block; width:3.21rem; float:right;}
.g-zh .m-bt span { display:block; float:left; width:9.21rem;} 

.g-zh .m-cnt { display:block;}
.g-zh .m-cnt li { float:left; width:48.5%; height:2.17rem; line-height:2.17rem; text-align:center; color:#fff; font-size:0.83rem; background:#0876c9; }
.g-zh .m-cnt li.z-on { background:#cf3200;}

.g-zh .sclwrap_box{ width:32rem; height:28.25rem; overflow:hidden}
.g-zh .m-box { margin-top:0.63rem;}
.g-zh .con { float:left}
.g-zh .con a { display:block; background:url(/mobile/Images/Index/zh_picbg.gif) no-repeat; width:14.7rem; height:13rem; text-align:center; margin:0 0.75rem 0.75rem 0; float:left;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-zh .con a b { display:block; font-size:0.75rem; color:#202020; padding:0.67rem 0 0;}
.g-zh .con a em { display:block; font-size:0.68rem; padding:0.42rem 0 1.67rem;}
.g-zh .con a:nth-child(2n) { margin:0 0 0.75rem;}
.g-zh .con img{ border:1px solid #ccc; }
/*生产加工*/
.g-sheng{ width:100%; overflow:hidden; position:relative; padding:0 0 1.5rem;}
.g-sheng .m-bt{ background:url(/mobile/Images/Index/sheng_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-sheng .m-pic01{display: block;width: 100%; padding:1.4rem 0 1.2rem;}
.g-sheng .sclwrap_box{ height:18.1rem;overflow: hidden;}
.g-sheng .prev{ width:2.5rem; position:absolute; top:20rem; left:1rem;z-index: 5;}
.g-sheng .next{ width:2.5rem; position:absolute; top:20rem; right:1rem;z-index: 5;}
.g-sheng .nowarp { margin:0 1.4rem;}
.g-sheng .m-box .con{ display:inline; float:left;}
.g-sheng .m-pic02{display: block;width: 100%;position: relative;line-height: 0;}
.g-sheng .m-pic02 span{ width:100%; display:block; text-align:center; height:2.5rem; line-height:2.5rem; overflow:hidden;font-size: 0.9rem;color: #fff; background:rgba(0,0,0,0.4);position: absolute;bottom: 0;left: 0;}
.m-sheng{width: 93.75%; margin:0 auto; padding:1.2rem 0 0;}
.m-sheng p{font-size: 1.2rem;color: #2e2e2e;line-height: 2rem;position: relative; padding:0 0 0 1.1rem;}
.m-sheng p:before{ content:"";width: 0.5rem;height: 0.5rem;background: #0874c5;position: absolute;top: 0.8rem;left: 0;
-webkit-transform: rotate(35deg);
-moz-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-o-transform: rotate(35deg);
transform: rotate(35deg);}
.m-sheng p i{color: #0876c9;}

/*广告条*/
.g-ban01{ display:block; width:100%;line-height: 0;}

/*定制成品*/
.g-three{width: 100%;height: 32.45rem; padding:3rem 0 0; background:url(/mobile/Images/Index/three_bg.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-three .m-bt{ background:none;}
.m-three{position: relative;}
.m-three p{font-size: 1.1rem;color: #666;line-height: 1.5rem;position: absolute;}
.m-three p:nth-child(1){width: 50%;top: 2.2rem;left: 26%;}
.m-three p:nth-child(2){width: 36.25%;top:8rem;right: 2%;}
.m-three p:nth-child(3){width: 43%;top: 18rem;right: 4.5%;}

/*广告条*/
.g-ban02{ display:block; width:100%; overflow:hidden; height:5.65rem; line-height:5.65rem; background:url(/mobile/Images/Index/ban02.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-ban02 b{ font-size:1.2rem; color:#fff;width: 26%;text-align: center;float: right;}

/*成品效果展示*/
.g-hz{ width:100%; height:20.5rem; margin:2.4rem 0 0; overflow:hidden; position:relative; background:url(/mobile/Images/Index/hz_bg.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-hz .m-bt,.g-about .m-bt{ padding:2.7rem 0 0;display: block;width: 100%;text-align: center;font-size: 1.8rem;color: #fff;font-weight: bold;height: 5.3rem;}
.g-hz .m-bt i,.g-hz .m-bt em,.g-about .m-bt i{color: #fff;}
.g-hz .prev{ width:1.5rem; position:absolute; top:10rem; left:0.5rem;}
.g-hz .next{ width:1.5rem; position:absolute; top:10rem; right:0.5rem;}
.g-hz .nowarp { margin:0 2.1rem;}
.g-hz .m-box .con{ display:inline; float:left;}
.g-hz ul li{ width:8.1rem; float:left; padding:1.5rem 0.5rem 0;overflow: hidden;}
.g-hz ul li img{ width:8rem;height: 4.4rem; border:#bfbfbf 1px solid;}
.g-hz ul li span{ display:block; text-align:center; width:100%;}
.g-hz ul li span a{ font-size:1.1rem; color:#fff;}

/*优势*/
.g-ys{ padding:3.5rem 0 0;}
.g-ys .m-bt{display: block;width: 80%; margin:0 auto;}
.g-ys .ys_pic{display: block;width: 100%; padding:1.5rem 0 0;}
.g-ys .ys_pic02{display: block;width: 100%; padding:0 0 1rem;}
.ys01{ padding:1rem 0 0; display:inline-block;width: 100%;}
.ys02{ padding:0 0 2.3rem; display:inline-block;width: 100%;}
.ys_l{width: 10.63%; padding:0 2.2%;float: left;}
.ys_r{width: 82.81%;float: left;}
.ys_r b{display: block;font-size: 1.4rem;color: #0876c9; padding:0.5rem 0 0;}
.ys_r b i{color: #cf3200;}
.ys_r p{font-size: 1.2rem;color: #333; padding:0.5rem 0 2rem;}

/*走进合发齿轮*/
.g-about{ width:100%;height: 39.9rem; overflow:hidden; background:url(/mobile/Images/Index/ab_bg.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-about .m-bt{height: 7.75rem; padding:2.5rem 0 0;}
.g-about .m-bt em{color: #0876c9;}
.g-about dl{ width:79.38%; margin:0 auto;}
.g-about dl dt{ width:100%;}
.g-about dl dd{ width:96%; margin:0 auto;font-size: 1.1rem;color: #666;line-height: 1.8rem; padding:0.5rem 0 0;}

/**/
.g-news{ width:93.75%; height:31.8rem; overflow:hidden; margin:0 auto;}
.g-news .m-cnt{ height:3.25rem; width:100%; background:url(/mobile/Images/Index/news_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-news .m-cnt li{ width:33.33333%; text-align:center; float:left;height: 3.25rem;line-height: 3.25rem; font-size:1.4rem; color:#fff; font-weight:bold;}
.g-news .m-cnt li.z-on{ background:url(/mobile/Images/Index/news_tbg02.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-news .sclwrap_box{ height:24rem; overflow:hidden;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news dl{ width:100%; display:inline-block; padding:1.5rem 0; border-bottom:#b8b8b8 1px solid;}
.g-news dl dt{ width:43.33%; float:left; padding:0 3% 0 0;}
.g-news dl dd{ width:52.5%; float:left;}
.g-news dl dd b{ display:block;width: 100%;height: 2.6rem;line-height: 1.2rem;overflow: hidden;}
.g-news dl dd b a{ font-size:1rem; color:#333;}
.g-news dl dd p{ font-size:1rem; color:#666; line-height:1.5rem; padding:0.3rem 0 0;}
.g-news .m-box ul{ width:100%;}
.g-news .m-box ul li{ height:3rem; line-height:3rem; border-bottom:#cecece 1px dashed; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;position: relative;}
.g-news .m-box ul li:before{ content:"";width: 0.4rem;height: 0.4rem;background: #666;position: absolute;top: 1.3rem;left: 0.3rem;
-webkit-transform: rotate(35deg);
-moz-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-o-transform: rotate(35deg);
transform: rotate(35deg);}
.g-news .m-box ul li a{ font-size:1.2rem; color:#666; padding:0 0 0 1.3rem;}
.g-news .m-box ul li:last-child{ border-bottom:none;}
.g-news .u-more{display: block;width: 100%;text-align: center;font-size: 1.2rem;color: #666;height: 2.75rem;line-height: 2.75rem;background: #eee;overflow: hidden;}
