
.m_nav{ background: #1e437e;}

.m_nav li{float: left; width: 33.333%;text-align: center;color: #fff; font-size: 1em;

box-sizing:border-box;

-moz-box-sizing:border-box;

-webkit-box-sizing:border-box;

padding-top: 3.7%; padding-bottom: 3.7%;

border-right:1px solid #d2d9e5;

border-bottom:1px solid #d2d9e5;

}

.m_nav li a{color: #fff}



.m_nav li:nth-child(3n) a{ border-right: none;}

.m_nav li:nth-child(4) a,.m_nav li:nth-child(5) a,.m_nav li:nth-child(6) a{ border-bottom: none;}



.g-adv { height:auto;margin-bottom: 0.5em; }

.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{overflow:hidden;height: 12.5em;}

.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;}



/* 机器人经典款推荐 */

.g_cp{width: 100%;height: 44.16em; padding-top: 2.5em;}

.m_cp .sclwrap_box,.m_cp .m-box {     height: 100%;}

.g_cp h2{height: 3em;text-align: center; color: #636363;font-size: 1.33em;font-weight: bold;

	background:url(../images/cptit.jpg)/*tpa=http://m.zzdzjqr.com/assets/images/cptit.jpg*/ no-repeat; width: 100%; background-size: 100%;

}

.g_cp h2 em{display: block; color: #9f9e9e;font-size: 0.5em;text-transform: uppercase;font-weight: normal;}





.m_cp {position: relative;     height: 100%;}

.m_cp .prev, .m_cp .next {

    height: 2.8em;

    position: absolute;

    text-align: center;

    top: 13.2em;

    width: 1.5em;

    z-index: 99;

}

.m_cp .prev {left: 2%;}

.m_cp .next {right: 3%;}

.m_cp .prev img,.m_cp .next img{width: 100%;}

.m_cp .nowarp {

    margin: 0 8% 0 8%;

    overflow: hidden;

    position: relative;

    width: 84%;
        height: 100%;

}

.m_cp .u_lst1 {float: left; display: inline; width: 99%; margin-top: 1em;}

.m_cp .u_lst1 dt{width:100%;     width: 100%;
    /*height: 13.8em;*/
    overflow: hidden;}

.m_cp .u_lst1 dt em{display: block;text-align: center;width: 100%;height: 1.5em;line-height: 1.5em;overflow: hidden;color: #464646;}

.m_cp .u_lst1 dt:last-child{ margin-right: 0;}

.m_cp .u_lst1 dt img{width: 100%;display: block; padding: 0.3em;	border: 1px solid #c9c9c9;

box-sizing:border-box;

-moz-box-sizing:border-box;

-webkit-box-sizing:border-box;}

.m_cp .u_lst1 dd{padding: 1em 0 0 18%; position: relative; }

.m_cp .u_lst1 dd h3{width: 14%; left:0; top:1.6em; position: absolute;}

.m_cp .u_lst1 dd h3 img{display: block;width: 100%;}

.m_cp .u_lst1 dd p{color: #545454;line-height: 1.7em;position: relative; padding-left: 5%; font-size: 0.95em;}

.m_cp .u_lst1 dd p:before{left:0;top:0.5em; border-radius: 85em;

	content: "";position: absolute; width: 0.4em; height: 0.4em;border: 0.1em solid #777575;

}









/* 产品中心 */

.g_pro {height: 37.33em;margin-top: 25px;}

.g_pro .sclwrap_box,.g_pro .m-box {height: 36.8em;}



.g_pro .m-cnt {position: relative;background: #ff8d00; }

.g_pro .m-cnt li{position: relative;  }

.g_pro .m-cnt li,.g_pro .m-cnt{height: 3.33em;line-height: 3.33em;}

.g_pro .m-cnt li { color: #fff; position: relative; text-align: center;

    display: inline;

    float: left;

    font-size: 1em;

    font-weight: bold;

    text-align: center;

    width: 33%;}

.g_pro .m-cnt li:nth-child(3n){margin-right: 0;}

.g_pro .m-cnt li.z-on { color: #fff;background: #1e437e;}

.g_pro .m-cnt li.z-on:before {

    border-left: 0.6em solid transparent;

    border-right: 0.6em solid transparent;

    border-top: 0.6em solid #1e437e;

    bottom: -16%;

    content: "";

    left: 50%;

    margin-left: -2px;

    position: absolute;

}





.g_pro .m-cnt span{position: absolute; right:3%;top:1%;text-transform: uppercase; color: #fff;font-size: 1em;}

.g_pro .m-cnt span a{color: #fff;}



.g_pro .con{float: left; display: inline;}

.g_pro .u_lst8{padding:5% 2% 0 2%; }

.g_pro .u_lst8 li{float: left; width: 47%; margin-right: 4%; z-index: 2; margin-bottom: 2%; }

.g_pro .u_lst8 li img{width: 100%;display: block;

border: 1px solid #dadada;

box-sizing:border-box;

-moz-box-sizing:border-box;

-webkit-box-sizing:border-box;

}



.g_pro .u_lst8 li em{font-size: 1em; color: #333333; height: 3em; line-height: 2.6em; text-align: center; display: block; font-weight: normal; overflow: hidden;width: 100%;}

.g_pro .u_lst8 li:nth-child(2n){margin-right: 0}



.g_pro .btn1{text-align: center; margin: 0 5%;height: 2em;line-height: 2em;text-align: center; font-size: 1em; color: #333333; border: 2px solid #bcbcbc; width: 90%;display: block; margin-top: 40px;}





/* 为企业创造更大价值 */

.wttit{ background:url(../images/wttit.jpg)/*tpa=http://m.zzdzjqr.com/assets/images/wttit.jpg*/ no-repeat;width: 100%;height:3.83em;background-size: 100%; padding-top: 1em;text-align: center;color: #fff;font-weight: bold; font-size: 1.33em;}

.wttit em{display: block;}



.g_wt{

 background:url(../images/wtbg.jpg)/*tpa=http://m.zzdzjqr.com/assets/images/wtbg.jpg*/ no-repeat;width: 100%;height:34.21em;background-size: 100%; 

}

.g_wt h3{padding-top: 0.66em;text-align: center;color: #313131;font-size: 1.5em;}

.g_wt .u_lst2{margin-top: 0.8em; height: 22em;}

.g_wt .u_lst2 li{position: relative; height: 1.5em;line-height: 1.5em; color: #313131;font-size: 1em; padding-left: 8%;float: left; margin-bottom: 0.6em; width: 42%; }

.g_wt .u_lst2 li:before{

	content: "";position: absolute; width: 1.25em;height: 1.25em;

	background:url(../images/wtico.png)/*tpa=http://m.zzdzjqr.com/assets/images/wtico.png*/ no-repeat;background-size: 1.25em 1.25em; left:3%;top:20%;

}

.g_wt .u_lst2 li:nth-child(1):before{

	content: "";position: absolute; width: 1.25em;height: 1.25em;

	background:url(../images/wtico.png)/*tpa=http://m.zzdzjqr.com/assets/images/wtico.png*/ no-repeat;background-size: 1.25em 1.25em; left:31%;top:20%;

}

.g_wt .u_lst2 li:nth-child(1){width: 63%; padding-left: 37%; margin-bottom: 1em;}

.g_wt h4{text-align: center; color: #1c2c60;font-weight: bold; font-size: 1.08em;   height: 2em;line-height: 2em;}

.g_wt p{color: #9e9c9c;font-size: 1em;line-height: 1.5em; height: 4.5em; overflow: hidden; padding:0 5%;}

.g_wt span{display: block; margin: 1.5em 19% 0 19%; width: 62%;  height: 1.85em;}

.g_wt span a{display: block;float: left;height: 1.85em;line-height: 1.85em;width: 47%;text-align: center; font-size: 1em;}

.g_wt span a:nth-child(1){background: #ff9500; color: #fff;margin-right: 3%;}

.g_wt span a:nth-child(2){color: #888888; border: 1px solid #d6d6d6;}



/* 优势 */



.g_ys h2{ background:url(../images/ystit.jpg)/*tpa=http://m.zzdzjqr.com/assets/images/ystit.jpg*/ no-repeat;width: 100%;height:3.53em;background-size: 100%; padding-top: 1em;text-align: center;color: #fff;font-weight: bold; font-size: 1.33em;}

.g_ys h2 em{display: block;}



.g_ys .m_ys1{width: 100%;height:19.5em; padding-top: 5.4em;

background:url(../images/ysbg1.jpg)/*tpa=http://m.zzdzjqr.com/assets/images/ysbg1.jpg*/ no-repeat;background-size: 100%;}

.g_ys .m_ys h3{color: #787878;font-size: 1.08em;font-weight: bold;text-align: center; margin-bottom: 0.3em;}

.g_ys .m_ys p{color: #919191;font-size: 1em;line-height: 1.5em;text-align: center;}





.g_ys .m_ys2{width: 100%;height:15em; padding-top: 5em;

background:url(../images/ysbg2.jpg)/*tpa=http://m.zzdzjqr.com/assets/images/ysbg2.jpg*/ no-repeat;background-size: 100%;}



.g_ys .m_ys3{width: 100%;height:20.625em; padding-top: 5em;

background:url(../images/ysbg3.jpg)/*tpa=http://m.zzdzjqr.com/assets/images/ysbg3.jpg*/ no-repeat;background-size: 100%;}



.g_ys .m_ys4{width: 100%;height:7.66em; padding-top: 4em;

background:url(../images/ysbg4.jpg)/*tpa=http://m.zzdzjqr.com/assets/images/ysbg4.jpg*/ no-repeat;background-size: 100%;}



.g_ys .m_ys1 p { padding: 0 5% 0 5%;}

.g_ys .m_ys2 p { float: left; padding-top: 5em; width: 46%;margin-right: 4%;color: #fff; line-height: 1.5em;  }

.g_ys .m_ys2 .m_ys2c{margin: 0 0 0 5%;}

.g_ys .m_ys1 p { padding: 0 1% 0 3%;}

.g_ys .m_ys1 p { padding: 0 5% 0 5%;}







/* 荣誉证书 */

.demo-box {height: 19.2em; width: 100%;  overflow: hidden;

background:url(../images/anbg.jpg)/*tpa=http://m.zzdzjqr.com/assets/images/anbg.jpg*/ no-repeat;background-size: 100%;



}

.demo-box .box-style .sclwrap_box,.demo-box .box-style {height: 13.3em;overflow: hidden;}



.demo-box .column-list {position: relative;background: #ff8d00; }

.demo-box .column-list li{position: relative;  }

.demo-box .column-list li,.demo-box .column-list{height: 3.33em;line-height: 3.33em;}

.demo-box .column-list li { color: #fff; position: relative; text-align: center;

    display: inline;

    float: left;

    font-size: 1em;

    font-weight: normal;

    text-align: center;

    width: 38%;}

.demo-box .column-list li:nth-child(3n){margin-right: 0;}

.demo-box .column-list li.z-on { color: #fff;background: #1e437e;}

.demo-box .column-list li.z-on:before {

    border-left: 0.6em solid transparent;

    border-right: 0.6em solid transparent;

    border-top: 0.6em solid #1e437e;

    bottom: -16%;

    content: "";

    left: 50%;

    margin-left: -2px;

    position: absolute;

}



.demo-box .column-list span{position: absolute; right:3%;top:1%;text-transform: uppercase; color: #fff;font-size: 1em;}

.demo-box .column-list span a{color: #fff;}



.demo-box .box-style { padding: 1.5em 10% 0 10%;position: relative; width: 80%; float: left; display: inline;}

.demo-box .box-style .prev, .demo-box .box-style .next {

    height: 2.8em;

    position: absolute;

    text-align: center;

    top: 5.2em;

    width: 1.5em;

    z-index: 99;

}

.demo-box .box-style .prev { left: 2%;}

.demo-box .box-style .next {right: 2%;}

.demo-box .box-style .prev img,.demo-box .box-style .next img{width: 100%;}

.demo-box .box-style .page { width: 100%;}

.demo-box .box-style .page li{float: left; width: 48%; margin-right: 4%; margin-bottom: 3%;}

.demo-box .box-style .page li:nth-child(2n){margin-right: 0;}

.demo-box .box-style .page li span{display: block; height: 2em; line-height: 1.8em; text-align: center; color: #666666; font-size: 1em;}

.demo-box .box-style .page li img{width: 100%; display: block;}





.demo-box .box-style .page2 { width: 100%;}

.demo-box .box-style .page2 li{float: left; width: 46%; margin-right: 4%; margin-bottom: 3%;}

.demo-box .box-style .page2 li:nth-child(2n){margin-right: 0;}

.demo-box .box-style .page2 li span{display: block; height: 2em; line-height: 1.8em; text-align: center; color: #666666; font-size: 1em;}

.demo-box .box-style .page2 li img{width: 100%; display: block; border: 1px solid #ccc;}





.g_zj{height: 38em;overflow: hidden;}

.g_zj h2{background: #ff8d00;padding: 0.73em 0 0.6em 0;text-align: center; color: #fff; font-size: 1.33em;font-weight: bold;}

.g_zj h2 em{display: block;text-transform: uppercase;font-weight: normal; font-size: 0.5em;}



.g_zj dl{padding: 1em 0 0 2%; clear: both;}

.g_zj dt{width: 100%;margin-bottom: 3%;}

.g_zj dt img{width: 100%;display: block; border: 1px solid #c4c4c4;padding: 0.33em; background: #fff;    box-sizing:border-box;

-moz-box-sizing:border-box;

-webkit-box-sizing:border-box;}

.g_zj dd{margin: 0 3%;}

.g_zj dd h3{height: 1.8em;line-height: 1.8em;overflow: hidden;font-size: 0.9em; margin-bottom: 3%; border-bottom: 1px solid #a6a6a6;}

.g_zj dd h3 a{color: #4b4443;font-weight: bold; display: block;}

.g_zj dd p{color: #6e6e6e;font-size: 0.85em;line-height: 1.8em;overflow: hidden;}

.g_zj dd span{display: block;margin-top: 1.8em;}

.g_zj dd span a{display: block;float: left; width: 30%; height: 2em;line-height: 2em;text-align: center;color: #848484;font-size: 1em; border: 1px solid #848484; margin-right: 3%;}

.g_zj dd span a:nth-child(3){margin-right: 0;}













/*资讯*/

.g_zx{height: 14em;}

.g_zx .sclwrap_box,.g_zx .m-box { height: 9em; }



.g_zx .m-cnt {position: relative;background: #ff8d00; }

.g_zx .m-cnt li{position: relative;  }

.g_zx .m-cnt li,.g_zx .m-cnt{height: 3.33em;line-height: 3.33em;}

.g_zx .m-cnt li { color: #fff; position: relative; text-align: center;

    display: inline;

    float: left;

    font-size: 1em;

    font-weight: bold;

    text-align: center;

    width: 33%;}

.g_zx .m-cnt li:nth-child(3n){margin-right: 0;}

.g_zx .m-cnt li.z-on { color: #fff;background: #1e437e;}

.g_zx .m-cnt li.z-on:before {

    border-left: 0.6em solid transparent;

    border-right: 0.6em solid transparent;

    border-top: 0.6em solid #1e437e;

    bottom: -16%;

    content: "";

    left: 50%;

    margin-left: -2px;

    position: absolute;

}





.m_dtc{float: left;display: inline;}

.m_dtc dl{padding: 1.8em 2% 0 2%; }

.m_dtc dt{float: left;width: 36%;margin-right: 3%;}

.m_dtc dt img{width: 100%;display: block; border: 1px solid #e5e5e5;}

.m_dtc dd{float: left;width: 60%;}

.m_dtc dd h3{height: 1.5em;line-height: 1.5em;overflow: hidden;font-size: 1em; }

.m_dtc dd h3 a{color: #050000;font-weight: normal; display: block;}

.m_dtc dd p{color: #535353;font-size: 1em;line-height: 1.5em;height: 3em;overflow: hidden;}

.m_dtc dd span{display: block; width:6.3em;height: 2em;line-height: 2em;background: #c2c2c2;text-align: center; color: #fff;font-size: 1em; margin-top: 3%;}

.m_dtc dd span a{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:480px) {

  body { font-size:112%;}



}

@media screen and (min-width:568px) {

  body { font-size:131%;}



}

@media screen and (min-width:639px) {

  body { font-size:150%;}

}

