﻿.m_nav{ height:7rem;background: #51462b;}
.m_nav li{ float:left;  color:#f4efdf; width:33.333%; text-align:center; }
.m_nav li{height: 3.5rem;line-height: 3.5rem;
 font-size: 1.1rem;	
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border-top:1px solid #352c17;
border-right:1px solid #756849;
border-bottom:1px solid #756849;
border-left:1px solid #352c17;}
.m_nav a:nth-child(3n) li{ border-right: none;}
.m_nav a:nth-child(1) li,.m_nav a:nth-child(4) li{ border-left: none;}
.m_nav a:nth-child(5) li,.m_nav a:nth-child(6) li,.m_nav a:nth-child(4) li{ border-bottom: none;}
.m_nav a:nth-child(1) li,.m_nav a:nth-child(2) li,.m_nav a:nth-child(3) li{ border-top: none;}

.g-adv { height:auto; }
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{overflow:hidden;height: 15rem;}
.g-adv .m-box li img{ width:100%;}
.g-adv .m-cnt{ background:#aaaaaa;}
.g-adv .m-cnt li{ float:left; width:33.3333%; }
.g-adv .m-cnt li.z-on{ background:#4a4a4a;}

/*搜索*/
.m_ser{ height: 2.5rem; position: relative; background: #f4efdf;}
.ser{width:97%; padding: 0 0 0 3%;  margin:0 auto;height:2.5rem;;line-height:2.5rem;background:url(/mobile/Images/Index/serbg.jpg) no-repeat left center;background-size:100%; }
.ser input{background:none;border:none;color:#51462b;font-size:0.9rem;height:2.5rem;line-height: 2.5rem;float:left;}
.ser input:nth-child(1){width:86%;padding:0 1% 0 0;}
.ser input:nth-child(2){width:12%;  cursor: pointer; height: 2.5rem; line-height: 2.5rem;}

/* 案例中心 */
.g_an{background:#f4efdf url(/mobile/Images/Index/anbg.jpg) no-repeat left center;background-size:100%; height:48.8rem; padding-top: 3.6rem; }
.g_an h2{height: 5.5rem;text-align: center;}
.g_an h2 b{display: block;width: 100%;margin-bottom: 0.7rem;}
.g_an h2 b img{display: block;width: 100%;}
.g_an h2 em{display: block;font-size: 0.9rem;color: #000;}
.m_fl{height: 11rem;overflow: hidden;margin-left: 3%;}
.m_fl dl{height: 9.5rem;}
.m_fl dt{background:url(/mobile/Images/Index/fltit.jpg) no-repeat;background-size:100%; width: 31%;height: 2.1rem;line-height: 2.1rem;text-align: center;font-size: 1rem;color: #54482c; margin-bottom: 1rem;}
.m_fl dl:nth-child(1) dt{background:url(/mobile/Images/Index/fltith.jpg) no-repeat;background-size:100%; color: #ebe1c8;}
.m_fl dd a{display: block;float: left;font-size: 1rem;color: #000;line-height: 2rem; padding-right: 7%;}



/* 产品中心 */
.m_antab {height:28rem; }
.m_antab .sclwrap_box,.m_antab .m-box {height: 20.2rem;}
.m_antab h3,.m_antab h3 img{width: 100%;display: block;}
.m_antab h3{height: 2.2rem;}
.m_antab .m-cnt {position: relative; margin: 0.3rem 0 0 3%; height: 2.2rem;line-height:2.2rem; }
.m_antab .m-cnt li { color: #f3ebd3; position: relative; text-align: center;background: #c5b487;
    display: inline;height:2.2rem; line-height:2.2rem;
    float: left;
    font-size: 1rem;
    font-weight: normal;
    text-align: center;
    width:23.5%; margin-right: 1%;}
.m_antab .m-cnt li:nth-child(4n){border-right: none; margin-right: 0;}
.m_antab .m-cnt li.z-on {position: relative; color: #f3ebd3;background: #443d30;}


.con{float: left; display: inline;}
.m_antab .u_lst8{padding:0 3% 0 3%; }
.m_antab .u_lst8 li{float: left; width: 100%;  }
.m_antab .u_lst8 li img{width: 100%;display: block;border: 1px solid #a4906a;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}


/* 荣誉证书1.328 */
.demo-box {height: 21.4rem; background:#f4efdf url(/mobile/Images/index/cpbg.jpg) no-repeat;background-size: 100%;  width: 100%;  overflow: hidden;  padding-top: 3rem;}
.demo-box .box-style .sclwrap_box,.demo-box .box-style {height:18rem;overflow: hidden;}
.demo-box h2{height: 5.5rem;text-align: center;}
.demo-box h2 b{display: block;width: 100%;margin-bottom: 0.7rem;}
.demo-box h2 b img{display: block;width: 100%;}
.demo-box h2 em{display: block;font-size: 0.9rem;color: #f7f2e3;}
.demo-box .column-list { height: 2.1rem;  line-height: 2.1rem;   margin: 0 3% 1.7rem;background:url(/mobile/Images/index/cptit2.jpg) no-repeat;background-size: 100%;  width: 90%; padding: 0 2%;}
.demo-box .column-list li{position: relative; width: 16%; float: left; font-size: 1rem;color: #c5b487; font-weight: normal;text-align: center;}
.demo-box .column-list li.z-on { color: #f6f1e1;}
.demo-box .column-list li:before{content: "/";position: absolute; right:0;top:0;font-size: 0.5rem;;font-weight: normal; color: #c5b487;}
.demo-box .box-style { padding: 0 10% 0 10%;position: relative; width: 79%; float: left; display: inline;}
.demo-box .box-style .prev, .demo-box .box-style .next {
    height: 2rem;
    position: absolute;
    text-align: center;
    top: 3rem;
    width: 2rem;
    z-index: 99;
}
.demo-box .box-style .prev { left: 1%;}
.demo-box .box-style .next {right: 1%;}
.demo-box .box-style .prev img,.demo-box .box-style .next img{width: 100%;}
.demo-box .box-style .page { width: 100%; float: left; display: inline;}
.demo-box .box-style .page li{float: left; width: 47%; margin-right: 5%; position: relative;}
.demo-box .box-style .page li:nth-child(2){margin-right: 0;}
.demo-box .box-style .page li em{display: block; height: 3rem; line-height:3rem; text-align: center; color: #333333; font-size: 1.2rem;text-align: center; }
.demo-box .box-style .page li img{width: 100%; display: block; padding-top:1.34rem;}
.g_cc{background:#f4efdf url(/mobile/Images/index/ccbg.jpg) no-repeat;background-size: 100%;  width: 100%; height: 24.1rem;}
.g_cc h2{height: 5rem; padding-top: 1rem; text-align: center;}
.g_cc h2 b{display: block;width: 100%;margin-bottom: 0.7rem;}
.g_cc h2 b img{display: block;width: 100%;}
.g_cc h2 em{display: block;font-size: 0.9rem;color: #5a5955;}

.m_cc{margin: 0 3%;}
.m_cc h3{float: left;width: 1rem;height: 10.7rem;background: #ddd2b9; padding:4rem 0.5rem 0;font-size: 0.8rem;color: #000;}
.m_cc .cur{background: #51462b;color: #f3eede;}
.m_cccon{float: left;width: 83%;height: 13.7rem;border: 1px solid #dbdbdb;border-left: none; background: #f8f4e9; padding: 1rem 0 0 3%;}
.m_cccon dt{float: right;width: 51%;}
.m_cccon dt img{width: 100%;display: block;}
.m_cccon dd{float: left;width: 47%;font-size: 0.9rem;color: #000;line-height: 1.3rem; height:13.1rem; overflow:hidden;}
.m_cccon dd b{display: block;}


/* 优势 */
.g_ys3{position: relative;height: 38.1rem; background:#f4efdf url(/mobile/Images/index/ysbg.jpg) no-repeat;background-size: 100%;}
.g_ys3 .sclwrap_box,.g_ys3 .m-box {height: 30rem;}
.g_ys3 h2{height: 5.3rem; text-align: center;}
.g_ys3 h2 b{display: block;width: 100%;margin-bottom: 0.7rem;}
.g_ys3 h2 b img{display: block;width: 100%;}
.g_ys3 h2 em{display: block;font-size: 0.9rem;color: #333333;}
.g_ys3 .m-cnt{position: absolute; left:40%;top:36rem;z-index: 100;}
.g_ys3 .m-cnt li,.g_ys3 .m-cnt{height: 1.5rem; }
.g_ys3 .m-cnt li { width:0.6rem;height:0.6rem;display: block;float: left;border-radius: 85em;background: #ddd2b9; margin-right: 0.5rem; }
.g_ys3 .m-cnt li.z-on {background: #51462b;}
.g_ys3 dt,.g_ys3 dt img{width: 100%;display: block;}
.g_ys3 h3{position: relative;background:url(/mobile/Images/index/ystit2.jpg) no-repeat;background-size: 100%;height: 5rem;line-height: 5rem;padding-left: 3%;font-size: 1.1rem;color: #51462b;font-weight: bold; margin-bottom: 0.6rem;}
.g_ys3 h3 b{font-size: 1.5rem;color: #fff;font-weight: normal;width: 2.4rem;height: 5rem;line-height: 5rem;text-align: center;width: 8%;display: block;float: left;}
.g_ys3 p{font-size: 1.1rem;color: #000000;line-height: 2rem;font-weight: normal; margin: 0 3%;}

/* 走进*/
.g_zj{height: 30rem; padding-top: 1.3rem; background:#f4efdf url(/mobile/Images/index/zjbg.jpg) no-repeat;background-size: 100%;}
.g_zj h2,.g_zj h2 img{width: 100%;display: block;}
.g_zj h2{height: 6.5rem;}
.g_zj dt{width: 74%; margin: 0 13% 1rem;}
.g_zj dt img{display: block;width: 100%;}
.g_zj dd h3{height: 1.5rem;line-height: 1.5rem;font-size: 1.1rem;text-align: center; color: #222222;font-weight: bold;overflow: hidden;}
.g_zj dd p{color: #222222;font-size: 1.1rem;height: 3.9rem; line-height: 1.3rem;overflow: hidden; margin-bottom: 1rem;text-align: center; padding: 0 3%;}



/* 荣誉证书 */
.demo-box2 {height: 16.5rem; background: #f4efdf;  width: 100%;  overflow: hidden;  }
.demo-box2 .box-style .sclwrap_box,.demo-box2 .box-style {height:14rem;overflow: hidden;}
.demo-box2 .column-list {position: relative; height: 2.5rem;background:url(/mobile/Images/index/tit.png) no-repeat;background-size: 100%; padding-left: 3%; margin-bottom: 0.9rem;}
.demo-box2 .column-list li:nth-child(1){background:url(/mobile/Images/index/zstit.jpg) no-repeat;background-size: 100%; width:20%;height: 2.5rem;float: left; }
.demo-box2 .column-list li img{width: 100%;display: block;}
.demo-box2 .column-list li:nth-child(2){background:url(/mobile/Images/index/xctit.jpg) no-repeat;background-size: 100%; width:20%;height: 2.5rem;float: left; }
.demo-box2 .column-list li img{width: 100%;display: block;}
.demo-box2 .column-list li:nth-child(1).z-on{background:url(/mobile/Images/index/zstith.jpg) no-repeat;background-size: 100%; width:22%; }
.demo-box2 .column-list li.z-on img{width: 100%;display: block;}

.demo-box2 .column-list li:nth-child(2).z-on{background:url(/mobile/Images/index/xctith.jpg) no-repeat;background-size: 100%; width:22%; }
.demo-box2 .column-list li.z-on img{width: 100%;display: block;}
.demo-box2 .column-list span{position: absolute;right:3%;top:0.6rem; width: 3rem;height: 1.3rem;}
.demo-box2 .column-list span img{width: 100%;display: block;}



.demo-box2 .box-style { padding: 0 8% 0 8%;position: relative; width: 84%; float: left; display: inline;}
.demo-box2 .box-style .prev, .demo-box2 .box-style .next {
    height: 1.5rem;
    position: absolute;
    text-align: center;
    top: 5rem;
    width: 1.5rem;
    z-index: 99;
}

.demo-box2 .box-style .prev { left: 1%;}
.demo-box2 .box-style .next {right: 1%;}
.demo-box2 .box-style .prev img,.demo-box2 .box-style .next img{width: 100%;}
.demo-box2 .box-style .page { width: 100%; float: left; display: inline;}
.demo-box2 .box-style .page li{float: left; width: 48%; margin-right: 3%; position: relative;}
.demo-box2 .box-style .page li:nth-child(2){margin-right: 0;}
.demo-box2 .box-style .page li em{display: block; height: 3rem; line-height:3rem; text-align: center; color: #333333; font-size: 1.2rem;text-align: center; }
.demo-box2 .box-style .page li img{width: 100%; display: block;}



/*资讯*/
.g_zx{height:14.4rem;background: #f4efdf; }
.g_zx .sclwrap_box,.g_zx .m-box { height: 11rem;}
.zx-c .u_lst7{ float: left;display: inline; }
.zx-c .u_lst7 li{height:2rem;margin: 0 3%; line-height: 2rem;  border-bottom: 1px dashed #e0e0e0; font-size: 1.1rem; color: #555; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.zx-c .u_lst7 li a{color: #222222; }

.til02 {position: relative; height: 2.5rem;background:url(/mobile/Images/index/tit.png) no-repeat;background-size: 100%; padding-left: 3%;}
.til02 li:nth-child(1){background:url(/mobile/Images/index/dttith.jpg) no-repeat;background-size: 100%; width:20%;height: 2.5rem;float: left; }
.til02 li img{width: 100%;display: block;}
.til02 li:nth-child(2){background:url(/mobile/Images/index/bktith.jpg) no-repeat;background-size: 100%; width:20%;height: 2.5rem;float: left; }
.til02 li img{width: 100%;display: block;}
.til02 li:nth-child(1).z-on{background:url(/mobile/Images/index/dttit.jpg) no-repeat;background-size: 100%; width:22%; }
.til02 li.z-on img{width: 100%;display: block;}
.til02 li:nth-child(2).z-on{background:url(/mobile/Images/index/bktit.jpg) no-repeat;background-size: 100%; width:22%; }
.til02 li.z-on img{width: 100%;display: block;}
.til02 span{position: absolute;right:3%;top:0.6rem;width: 3rem;height: 1.3rem;}
.til02 span img{width: 100%;display: block;}











html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@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;}}
@media screen and (min-width:384px){html{font-size: 12px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}





