﻿.wrap img{ width:100%;}	

/*通栏广告*/
.g-adv{ width:100%; height:13.29em; overflow:hidden;}
.g-adv .sclwrap_box{ height:13.29em; overflow:hidden;}

/*导航样式*/
.g-nav { display:inline-block; width:100%; overflow:hidden; padding:2% 0 0;}
.g-nav a { font-size:1.08em; color:#fff; height:3.35em; line-height:3.35em; width:32%; text-align:center; display:block; float:left; margin:1% 0 0 1%;}
.g-nav a:nth-child(1) { background:#da7843;}
.g-nav a:nth-child(2) { background:#805036;}
.g-nav a:nth-child(3) { background:#c18a37;}
.g-nav a:nth-child(4) { background:#7b8a4d;}
.g-nav a:nth-child(5) { background:#968a8a;}
.g-nav a:nth-child(6) { background:#71625a;}
div.nswtj ul li{height:21rem;}

/*四大产品系列*/
.g-xl{ width:100%; overflow:hidden; padding:4% 0 0;overflow:hidden;}
.g-xl .m-bt{ position:relative; text-align:center;}
.g-xl .m-bt:before{ position:absolute; content:""; width:6%; height:1px; background:#858585; top:25%; left:28%;}
.g-xl .m-bt:after{ position:absolute; content:""; width:6%; height:1px; background:#858585; top:25%; right:28%;}
.g-xl .m-bt a{ font-size:1.25em; color:#333;}
.g-xl .m-bt b{ display:block;}
.g-xl .sclwrap_box{ height:128em; overflow:hidden;}
.g-xl .m-box .con{ display:inline; float:left;}
.g-xl dl{ width:100%; padding:4% 0 0;}
.g-xl dl dt{ width:82.2%; margin:0 auto; position:relative;}
.g-xl dl dt em{ display:block; width:100%; font-size:0;}
.g-xl dl dt span{ display:block; text-align:center; width:100%; background:rgba(0,0,0,0.4); position:absolute; bottom:0; left:0; height:1.88em; line-height:1.88em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-xl dl dt span a{ font-size:1em; color:#fff;}
.g-xl dl dd{ width:82.2%; margin:0 auto;}
.g-xl dl dd b{ display:block; border-bottom:#a7a7a7 1px solid; width:100%; text-align:center; padding:2% 0;}
.g-xl dl dd b a{ font-size:1em; color:#333;}
.g-xl dl dd p{ font-size:1em; color:#333; line-height:150%; padding:2% 0 0;}
.g-xl .m-xl{ width:100%; display:inline-block; padding:6% 0 4%;}
.m-xl ul li{ width:7.08em; height:7.08em; background:#e56b28; float:left; text-align:center; margin:0 0 0 5%;
border-radius:10em;               
-webkit- border-radius:10em;
-moz-border-radius:10em;
-o-border-radius:10em;}
.m-xl ul li em{ display:block; width:32.9%; margin:12% auto 0;}
.m-xl ul li a{ font-size:1em; color:#fff;}
.m-xl ul li b{ display:block;}

/*分类*/
.g-fenl{ width:100%; overflow:hidden; padding:2% 0 5%;}
.g-fenl .m-bt{ height:2.71em; line-height:2.71em; background:#e56b28; width:100%; text-align:center; position:relative;}
/*.g-fenl .m-bt:before{ position:absolute; content:""; top:45%; left:8%; width:0.2em; height:0.2em; background:#ef8100; border:#fdefde 1px solid;
-webkit-transform: rotate(35deg);
-moz-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-o-transform: rotate(35deg);
transform: rotate(35deg);}*/
.g-fenl .m-bt a{ font-size:1.08em; color:#fff; font-weight:bold;}
.g-fenl .m-fenl{width: 46.8%;float:left;padding: 5.5% 0 1%;}
.g-fenl .m-fenl:nth-child(2){margin: 0 1.5%;}
.g-fenl .m-fenl a{display:block;font-size: 0.95em;color:#333;height:2.25em;line-height:2.25em;border-bottom:#9e9e9e 1px dotted;position:relative;padding:0 0 0 10%;overflow: hidden;}
.g-fenl .m-fenl a:first-child{ text-align:center; color:#e56b28; border:#fa7a1c 2px solid; font-weight:bold; width:90%; padding:0; margin:0 auto 4%;}
/*.g-fenl .m-fenl a:before,.m-fenl03 .u-fenl02 p a:before{ position:absolute; content:""; width:0.3em; height:0.3em; top:44%; left:2%; background:#e46b29;
-webkit-transform: rotate(35deg);
-moz-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-o-transform: rotate(35deg);
transform: rotate(35deg);}
.g-fenl .m-fenl a:first-child:before{ background:none; border:none;}*/
.g-fenl ul li{ width:35.2%; float:left; margin:5% 0 0 9%; position:relative;}
.g-fenl ul li em{ display:block; font-size:0; width:100%;}
.g-fenl ul li span{ display:block; text-align:center; width:100%; background:rgba(0,0,0,0.4); position:absolute; bottom:0; left:0; height:1.5em; line-height:1.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-fenl ul li span a{ font-size:1em; color:#fff;}
.g-fenl .u-gd{ display:block; font-size:1.25em; color:#221e1f; width:33.6%; text-align:center; height:2.2em; line-height:2.2em; background:#fff; border:#b8b8b8 1px solid; margin:5% auto 0;
border-radius:0.2em; 
-webkit- border-radius:0.2em;
-moz-border-radius:0.2em;
-o-border-radius:0.2em;}

/*pk*/
.g-pk{ width:100%; height:91em; overflow:hidden;/* background:url(/mobile/Images/Index/pk_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-pk .m-bt{ text-align:center; width:100%; padding:6% 0 8%;}
.g-pk .m-bt a{ font-size:1.13em; color:#333;}
.g-pk .m-bt b{ display:block; font-size:1.26em;}
.g-pk .m-bt i{ color:#e46b29;}
.g-pk .m-bt span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:0.58em; color:#4f4f4f; text-transform:uppercase;}
.g-pk .sclwrap_box{ height:87.5em; overflow:hidden;}
.g-pk .m-box .con,.g-ys .m-box .con{ display:inline; float:left;}
.pk_lt{ font-size:1em; text-align: center;color:#333; font-weight:bold;}
.pk_lt i{ color:#e46b29;}
/*.pk_lt em{ margin:0 2%; display:block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.25em; color:#e46b29; text-transform:uppercase; height:2.28em; width:2.28em; line-height:2.28em; text-align:center; background:#fff; border:#e46b29 1px solid;
border-radius:5em;               
-webkit- border-radius:5em;
-moz-border-radius:5em;
-o-border-radius:5em;}*/
.pk_lt b,.pk_lt i{ display:block;width:100%; padding:2.5% 0 0;}
.pk01{ position:relative; display:inline-block; padding:0 0 40px;}
.pk01 .pk01_c{ font-size:1em; color:#fff; font-weight:bold; width:23.9%; height:2.29em; line-height:2.29em; text-align:center; background:#e46b29; border:#fff 1px solid; position:absolute; top:26%; left:35%;
border-radius:0.2em; 
-webkit- border-radius:0.2em;
-moz-border-radius:0.2em;
-o-border-radius:0.2em;}
.pk01 .pk01_l,.pk01 .pk01_r{ width:41.6%; float:left;}
.pk01 .pk01_l{ padding:0 0 0 6%;}
.pk01 .pk01_l img{ width:84.2%; margin:0 0 0 12%;}
.pk01 .pk01_l span,.pk01 .pk01_r span{ display:block; width:190%; padding:2% 2.5%; border:#e46b29 1px solid; margin:2% 0 0;
border-radius:0.2em; 
-webkit- border-radius:0.2em;
-moz-border-radius:0.2em;
-o-border-radius:0.2em;}
.pk01 .pk01_l span a,.pk01 .pk01_r span a{ font-size:1em; color:#484646; line-height:120%;}
.pk01 .pk01_r{text-align: center;
  overflow: hidden;
  width: 8rem;
  height: 8rem;
  border-radius: 4rem;
  background: url(http://m.chinabes.com.cn/Skins/Default/Img/Index/pk_pic06.PNG) no-repeat;
  background-position: center;
  background-size: 133%;}
.pk01 .pk01_r img{ width:100%;}
.pk01 .pk01_r span{ border:#d6d6d6 1px solid;}
.pk01 .pk01_r span a{ color:#484646;}
.g-pk .m-cnt{ padding:0 0 0 45%;}


div.pk_t a,div.pk_t em,div.pk_t b{font-style:normal;color:#333;}
/*广告条*/
.g-ban01{ display:block; width:93%; padding:0 0 0 7%; overflow:hidden; background:url(/mobile/Images/Index/ban01.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; height:4.29em; line-height:4.29em; text-align:center; font-size:1.17em; color:#fff;}

/*优势*/
.g-ys{ height:25em; width:100%; width:100%; overflow:hidden; background:url(/mobile/Images/Index/ys_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;background-size:105%;}
.g-ys .m-bt{ width:100%; position:relative; padding:7% 0 0;}
.g-ys .m-bt b{ display:block; position:absolute; top:62%; left:17%;}
.g-ys .m-bt b a{ font-size:1.25em; color:#000;}
.g-ys .m-bt b i{ color:#e56b28;}
.g-ys .m-cnt{ padding:2% 0 12% 38%;}
.g-ys .m-cnt li,.g-pk .m-cnt li{ width:0.5em; height:0.5em; background:#333; float:left; margin:0 1%;
border-radius:2em; 
-webkit- border-radius:2em;
-moz-border-radius:2em;
-o-border-radius:2em;}
.g-ys .m-cnt li.z-on,.g-pk .m-cnt li.z-on{ background:#e46b29;}
.g-ys .sclwrap_box{ height:70.58em; overflow:hidden;}
.g-ys dl{ width:100%; padding:3% 0 0;}
.g-ys dl dt{ width:100%; display:inline-block; overflow:hidden;}
.g-ys dl dt em{ width:7.5%; display:block; float:left; padding:0 2% 0 10%;}
.g-ys dl dt b{ width:80.5%; display:block; float:left;}
.g-ys dl dt b a{ font-size:1em; color:#e46b29;}
.g-ys dl dt i{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:0.5em; color:#adadad; text-transform:uppercase; font-weight:normal;}
.g-ys dl dd{ width:100%; padding:3% 0 0;}
.g-ys dl dd p{ font-size:1em; color:#333; line-height:160%; width:84.4%; margin:0 auto;}
.g-ys dl dd span{ display:block; padding:3% 0 0;}
.g-ys dl dd span a{ font-size:1em; display:block; width:28.3%; float:left; text-align:center; height:2.38em; line-height:2.38em;
border-radius:0.2em; 
-webkit- border-radius:0.2em;
-moz-border-radius:0.2em;
-o-border-radius:0.2em;}
.g-ys dl dd span a:first-child{ color:#333; border:#cecece 1px solid; margin:0 2.3% 0 20.6%;}
.g-ys dl dd span a:last-child{ color:#e56b28; border:#f1af8b 1px solid;}
.g-ys dl dd span em{ display:inline-block; width:11.6%; padding:0 0 0 2%;}

/*拜石客户列表*/
.g-zs{ width:100%;overflow:hidden; position:relative; padding:2% 0 0;}
.g-zs .m-bt,.g-about .m-bt{ height:2.71em; line-height:2.71em; width:100%; background:#fae1d4;}
.g-zs .m-bt em,.g-about .m-bt em{ display:block; width:40%; float:left; background:#e56b28; text-align:center; position:relative;}
.g-zs .m-bt em:before,.g-about .m-bt em:before{ position:absolute; content:""; width:0.3em; height:0.3em; background:#e56b28; border:#fff 1px solid; top:46%; left:12%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
.g-zs .m-bt em a,.g-about .m-bt em a{ font-size:1em; color:#fff;}
.g-zs .m-bt span,.g-about .m-bt span{ display:block; float:right; padding:0 3% 0 0;}
.g-zs .m-bt span a,.g-about .m-bt span a{ font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#333; text-transform:uppercase;}
.g-zs .sclwrap_box{ height:10.58em; overflow:hidden; width:100%;}
.g-zs .prev{ width:6.4%; position:absolute; top:22%; left:3.6%;}
.g-zs .next{ width:6.4%; position:absolute; top:22%; right:3.6%;}
.g-zs .nowarp { margin:0 10%;}
.g-zs .m-box .con{ display:inline;}
.g-zs ul li{ width:25.4%; float:left; padding:10% 0 0 6%;}
.g-zs ul li img{ width:99.5%; border:#e0dedc 1px solid;}
.g-zs ul li span{ display:block; text-align:center; width:100%;}
.g-zs ul li span a{ font-size:0.58em; color:#3b342f;}

/*走进拜石*/
.g-about{ width:100%; overflow:hidden; padding:0 0 6.5%;}
.g-about .u-pic{ width:86.4%; margin:0 auto; padding:5% 0 0;}
.g-about .u-pic span{ display:block; text-align:center; width:100%; padding:3% 0 0;}
.g-about .u-pic span a{ font-size:1em; color:#333;}
.g-about .u-btn{ font-size:1em; color:#333; display:block; width:29.7%; text-align:center; float:left; margin:5% 0 0 2%; height:2.5em; line-height:2.5em; border:#b5b5b5 1px solid;}
.g-about .u-btn:nth-child(4){ background: #e56b28; border:none; color:#fff;}


/**/


@media screen and (min-width:320px) {
body { font-size:75%;}

}
@media screen and (min-width:360px) {
body { font-size:87%;}

}
@media screen and (min-width:400px) {
body { font-size:87%;}

}
@media screen and (min-width:480px) {
body { font-size:112.5%;}

}
@media screen and (min-width:550px) {
body { font-size:131.25%;}

}                                                                         
@media screen and (min-width:639px) {
body { font-size:150%;}

}