﻿/*导航*/
@media screen and (min-width:320px){
	body{ font-size:75%;}
}
@media screen and (min-width:360px){
	body{ font-size:84%;}
}
@media screen and (min-width:400px){
	body{ font-size:93.75%;}
}
@media screen and (min-width:480px){
	body{ font-size:108%;}
}
@media screen and (min-width:568px){
	body{ font-size:130%;}
}
@media screen and (min-width:639px){
	body{ font-size:150%;}
}


nav{height:65px; text-align:center;color:#fff;overflow:hidden;background:#b6823e;}
nav a{line-height:32px; width:24%;float:left; display:inline-block;font-family:"微软雅黑"; font-size:13px;border-top:solid 1px #ce9750;border-bottom:solid 1px #a1702f;overflow:hidden; text-align:center;border-left:solid 1px #a1702f;border-right:solid 1px #ce9750; text-align:center; overflow:hidden;}
nav a:link{color:#fff;}
nav a:hover{ color:#fff;}
nav a:visited { color:#fff;}
nav a:active { color: #fff;}
nav a:nth-child(1),nav a:nth-child(5){ border-left:0;}
nav a:nth-child(4),nav a:nth-child(8){ border-right:0;}
nav a:nth-child(1),nav a:nth-child(2),nav a:nth-child(3),nav a:nth-child(4){ border-top:0;}
nav a:nth-child(5),nav a:nth-child(6),nav a:nth-child(7),nav a:nth-child(8){ border-bottom:0;}

/*通栏广告*/
.g-adv{ height:auto; position:relative; min-width:320px;max-width:640px;margin:0 auto 0 auto;z-index:15;}
.g-adv .m-box,.g-adv .sclwrap_box{height:17em; overflow:hidden}
.g-adv .m-box img{ display:block;position: relative;width:100%; }

/*市场*/
.m-sc{ height:320px; overflow:hidden}
.m-sc h2{ height:46px; padding:23px 0 0; text-align:center; font-size:18px; font-weight:bold; color:#b6823e;line-height:21px; background:url(/mobile/images/Index/ge01.jpg) repeat-x 0 bottom;background-size:1px 3px;}
.m-sc h2 em{ display:block; font-style:normal; font-family:"Times New Roman", Times, serif; font-size:16px; color:#c2c2c2; line-height:16px; text-transform:uppercase;}
.sc_c{ padding:0 30px 0 12px; height:250px; overflow:hidden;background:url(/mobile/images/Index/sccbg.jpg) no-repeat 0 0;background-size:320px 330px;}
.sc_c li{ clear:both; padding:8px 0 15px 20px;background:url(/mobile/images/Index/ico01.png) no-repeat 0 10px;background-size:14px 21px; font-size:14px; color:#3b3b3b; line-height:25px;}

/*产品*/
.m-cp{ height:464px; overflow:hidden}
.til01{ height:43px; line-height:43px; background:#b6823e; color:#fff; font-size:15px; overflow:hidden; font-size:15px;}
.til01 li{ float:left; padding:0 3px;}
.til01 li.z-on{ background:#000;}
.m-cp .m-cnt li{position:relative;left:2%;background:none;}
.m-cp .m-box,.m-cp .sclwrap_box{height:420px; overflow:hidden;}
.cp_c dt{ height:220px; width:178px; border:solid 10px #e2e2e2; border-left:solid 13px #e2e2e2;border-right:solid 13px #e2e2e2; background:#fff; margin:13px auto 32px; text-align:center; position:relative}
.cp_c dt:before{ content:""; position:absolute; min-width:320px;max-width:640px; height:66px; background-color:#bcbcbc; top:191px; left:-71px; z-index:-1;background:url(/mobile/images/Index/cp_ge.jpg) no-repeat center 40px #bcbcbc;background-size:203px 7px;}
.cp_c dt span{ display:block; line-height:34px; height:34px; font-size:9px; position:relative;}
.cp_c dt span:before,.cp_c dt span:after{ content:""; position:absolute; width:37px; height:1px; border-bottom:dotted 1px #d3d3d3; top:16px;}
.cp_c dt span:before{ left:10px;}
.cp_c dt span:after{ right:10px;}
.cp_c dd{ height:134px; padding:0 21px; line-height:21px; font-size:13px; color:#666}
.cp_c dd h3{ font-size:14px; line-height:38px; text-align:center}
.cp_c dd h3 a,.cp_c dt span a{ color:#000;}

/*导航*/
.m-dh{ height:auto; overflow:hidden}
.m-dh h2,.m-jm h2{ padding:0 15px;}
.til01 a{ color:#fff;}
.dhl1{ clear:both;border-bottom:solid 1px #e2e0e1; border-top:solid 1px #fff; padding:7px 0 13px; height:90px;}
.dhl1:nth-child(1),.dhl1:nth-child(2){ height:102px;}
.dhl1:nth-child(4),.dhl1:nth-child(5){ height:66px;}
.dhl1:nth-child(2n+1){ background:#f0f0f0}
.dhl1:nth-child(2n){ background:#f5f5f5}
.dhl1 h3{ height:32px; line-height:32px; font-size:14px; position:relative; padding-left:24px;}
.dhl1 h3:before{ position:absolute; content:""; width:8px; height:8px; border-radius:8px; background:#b6823e;box-shadow:2px 2px 5px #8c6635 inset; top:12px; left:10px;}
.dhl1 h3 a{ color:#000;}
.dhl1 ul{ line-height:24px; font-size:13px;}
.dhl1 li{ padding:0 0 0 24px; color:#666; text-shadow:1px 1px 1px #fff; float:left;}



/*立即咨询电话*/
.u-btel{ min-width:320px;max-width:640px;height:59px;line-height:59px; text-align:center;position:relative;font-size:13px;color:#666;background-color:#f8f8f8;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d5d5d5));
	background-image: -webkit-linear-gradient(top, #f8f8f8, #d5d5d5); 
	background-image: -moz-linear-gradient(top, #f8f8f8, #d5d5d5);
	background-image: -o-linear-gradient(top, #f8f8f8, #d5d5d5);
	background-image: -ms-linear-gradient(top, #f8f8f8, #d5d5d5);
	background-image: linear-gradient(top, #f8f8f8, #d5d5d5); box-shadow:0 5px 5px #e4e4e4 inset;}
.u-btel .telph{ font-size:20px; font-family:"Times New Roman", Times, serif; padding-left:4px;}
.u-btel .u-tel{display:block;position:absolute;left:20px; top:12px;-webkit-background-size:25px 30px;-ms-background-size:25px 30px;-o-background-size:25px 30px;background-size:25px 30px; width:25px; height:30px;}
.u-btel .u-djq{display:block;position:absolute; right:25px; top:20px;background:url(/mobile/images/Index/ico02.png) no-repeat 0 0;-webkit-background-size:20px 20px;-ms-background-size:20px 20px;-o-background-size:20px 20px;background-size:20px 20px; width:20px; height:20px;}

/*优势*/
.m-ys{ height:30em; overflow:hidden}
.m-ys .til01 li{ width:33.3%; text-align:center; padding:0;}
.m-zs .til01 li{ width:50%; text-align:center; padding:0;}
.m-ys .m-box,.m-ys .sclwrap_box{height:28em; overflow:hidden;}
.ysc1{ background:#f0f0f0;height:27em;}

.zsc1 > div{padding-top: 1em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;border:1px dashed #b6823e; border-left:none; border-right:none; border-top:none;}
/*.ysc1 p{ height:14em;}*/
.ysc1 p img{width:100%;height:100%;}
.ysc1 ul{ padding:0 10px;}
.ysc1 li{ height:20px; line-height:10px; font-size:10px; color:#555;}
.ysc1 li em{ font-family:"Times New Roman", Times, serif; font-size:18px; font-style:italic; width:26px; display:inline-block;}

/*展示*/
.m-zs{ height:358px; overflow:hidden}
.m-zs .m-box,.m-zs .sclwrap_box{height:310px; overflow:hidden;}
.zsc1{ padding:0px 17px 0; float:left; display:inline;}
.zsc1 p{ height:180px; position:relative; overflow:hidden}
.zsc1 p img{ width:330px; height:180px;}
.zsc1 p span{ position:absolute; width:180px; height:50px; line-height:33px; text-align:right;top:147px; right:0; padding:0 8px 0 0; color:#fff; font-size:16px;background-color:#000; border-radius:140px 0 0 0; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;}
.zsc1 b{ display:block; height:48px; line-height:48px; font-size:13px; font-weight:normal;}
.zsc1 b a{  color:#fff;  background: #f7c423;border: 1px solid #784208;border-radius: 5px;height: 31px;padding:5px;}

/*加盟*/
.m-jm{ height:276px; overflow:hidden}
.jm_c{ padding:20px 34px 0;background:url(/mobile/images/Index/jm_ico.jpg) no-repeat 19px 137px;-webkit-background-size:73px 64px;-ms-background-size:73px 64px;-o-background-size:73px 64px;background-size:73px 64px;}
.jm_c li{ height:39px; line-height:27px;}
.jm_c li:nth-child(3){ height:79px;}
.sbt{ width:66px; text-align:right; float:left; font-size:13px;}
.sinp01,.area{ background:#e8e8e8; border:0; float:left; line-height:27px; overflow:hidden}
.sinp01{ width:156px; height:28px; padding:0 5px;}
.area{ width:175px; height:63px; padding:2px 5px;}
.inpimg{ font-size:13px; color:#fff; text-align:center; width:119px; height:31px; border:solid 1px #784208;border-radius:3px;background-color:#f7c423;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7c423), to(#ea7001));
	background-image: -webkit-linear-gradient(top, #f7c423, #ea7001); 
	background-image: -moz-linear-gradient(top, #f7c423, #ea7001);
	background-image: -o-linear-gradient(top, #f7c423, #ea7001);
	background-image: -ms-linear-gradient(top, #f7c423, #ea7001);
	background-image: linear-gradient(top, #f7c423, #ea7001);}
	
	
.wrap {
    margin: 0 auto;
    max-width: 640px;
    min-width: 320px;
    overflow: hidden;
    position: relative;
}

	/*案例展示*/
.g-case{ width:100%; height:24em; overflow:hidden; position:relative; padding:6% 0 0;}
.g-case .m-bt,.g-about .m-bt{ height:2.92em; text-align:center; position:relative;}
.g-case .m-bt{ height:43px; line-height:43px; background:#b6823e; color:#fff; font-size:15px; overflow:hidden; font-size:15px;padding:0 15px;text-align:left;}
.g-case .m-bt a{}
.g-case .m-bt span{ display:block;}
.g-case .m-bt span a{ font-size:0.67em; font-weight:normal; text-transform:uppercase;}
.g-case .sclwrap_box{ height:20.8em; overflow:hidden;}
.g-case .prev{ width:10.8%; position:absolute; top:47%; left:1%;}
.g-case .next{ width:10.8%; position:absolute; top:47%; right:3%;}
.g-case .nowarp { margin:0 8.8%;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case ul li{ width:98%; float:left; padding:3% 0 0;}
.g-case ul li span{ display:block; text-align:center;  font-size:14px; line-height:38px;}
.g-case ul li span a{  color:#000;}
.g-case ul li a img{padding-left:26%;}

/* 产品列表页面二样式  */

.m-con-2 { margin-bottom:26px; }
.m-con-2 a{ display:block;}
.m-con-2 dl { border-bottom:1px solid #ffffff; box-shadow:0 1px #e6e6e6; margin-bottom:2px; padding:12px 36px 12px 10px; position:relative; }
.m-con-2 dt { float:left;display:block;border:1px solid #ccc; margin-right:11px; }
.m-con-2 dt img { display:block;border:1px solid #e2e2e2;}
.m-con-2 h3 { height: 24px; line-height: 24px; overflow: hidden; padding-right: 10px;top: 40%;position: absolute; left: 50%; }
.m-con-2 p { font-size: 12px; height: 65px; line-height: 22px; margin:5px; margin-right:3%; overflow: hidden; }
.m-con-2 .s-babg p span{ width: auto; height: auto; background: none; position: relative; right: inherit;top: inherit; display: inline;}
.m-con-2 .s-babg p span:before,.g-bd .m-con-2 .s-babg p span:after{ display: none;}