.m_nav{ height:23.4rem; padding: 3rem 0 0 0;}
.m_nav h2,.m_nav h2 img{width: 100%;display: block;}
.m_nav h2{height: 4.5rem;}

.m_nav li{float: left;width: 25%;text-align: center;height:8.5rem;color: #60737f;font-size: 1.1rem; }
.m_nav li em{display: block;width: 63%;margin: 0 auto 0.8rem;}
.m_nav li em img{width: 100%;display: block;}

.g-adv { height:auto; }
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{overflow:hidden;height: 18rem;}
.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_ys{padding-top: 3rem;height: 44rem; background:#f5f5f5; position: relative; }
.g_ys h2{height: 4rem;width: 100%;}
.g_ys h2 img{width: 100%;display: block;}
.g_ys .tabs2{height:7.5rem;margin-left: 5%; }
.g_ys .tabs2 li{display: block;float: left;width: 23%;height: 2.9rem;line-height: 2.9rem;border: 1px solid #d3d8db;text-align: center;font-size: 1.1rem;color: #60737f;margin: 0 1% 0.4rem 0;}
.g_ys .tabs2 li:hover,.g_ys .tabs2 .active{background: #ff6600;border: 1px solid #ff6600;color: #fff;}
.g_ys .tabs2 span{display: block;float: left;width: 23%;height: 2.9rem;line-height: 2.9rem;border: 1px solid #d3d8db;text-align: center;font-size: 1.1rem;color: #60737f;margin: 0 1% 0.4rem 0;}
.g_ys .tabs2 span a{color: #60737f}
.g_ys dl{margin: 0 5%;}
.g_ys dt,.g_ys dt img{width: 100%;display: block;}
.g_ys dd{padding-top: 1.2rem;}
.g_ys dd b{height: 1.8rem;line-height: 1.8rem;overflow: hidden;font-size: 1.2rem;font-weight: bold;color: #444444;margin-bottom: 0.6rem;}
.g_ys h3 a{color: #444444;}
.g_ys p{font-size: 0.9rem;line-height: 1.6rem;height: 3.2rem;overflow: hidden;color: #666666;}
.g_ys .swiper-pagination-bullets{bottom: 3rem; width: 100%;}
.g_ys .swiper-pagination-bullet{margin: 0 0.5rem; width: 0.5rem;height: 0.5rem;border-radius: 50rem;background: none;opacity: 1;background: #999999;}
.g_ys .swiper-pagination-bullet-active{background: #ff6600;}
.g_ys .swiper-button-next{background:url(/mobile/Images/index/ljt.jpg) no-repeat;background-size: 100%;width: 3.6rem;height: 3.6rem;position: absolute;left:24%;top:43rem;}
.g_ys .swiper-button-prev{background:url(/mobile/Images/index/rjt.jpg) no-repeat;background-size: 100%;width: 3.6rem;height: 3.6rem;position: absolute;right:24%;top:43rem;}


.g_an{padding-top: 3rem;height: 36rem; position: relative;background:url(/mobile/Images/index/anbg.jpg) no-repeat;background-size: 100%; }
.g_an h2{height: 4rem;width: 100%;}
.g_an h2 img{width: 100%;display: block;}
.g_an .tabs3{ height:3.2rem; line-height: 3.2rem; margin: 0 5% 2rem;border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8; }
.g_an .tabs3 li{position: relative; display: block;float: left;width: 25%;height:3.2rem; line-height: 3.2rem;text-align: center;font-size: 1.1rem;color: #666666;}
.g_an .tabs3 li:hover,.g_an .tabs3 .active{color: #ff6600;}
.g_an .tabs3 li:before{content: "";position: absolute;background:url(/mobile/Images/index/anico.jpg) no-repeat;background-size: 100%; width: 1rem;height: 1rem;left:0;top:1.1rem;}
.g_an .tabs3 span{position: relative; display: block;float: left;width: 25%;height:3.2rem; line-height: 3.2rem;text-align: center;font-size: 1.1rem;color: #666666;}
.g_an .tabs3 span a{color: #666666}
.g_an .tabs3 span:before{content: "";position: absolute;background:url(/mobile/Images/index/anico.jpg) no-repeat;background-size: 100%; width: 1rem;height: 1rem;left:0;top:1.1rem;}
.g_an dt{margin: 0 7.5% 2rem ;width: 85%;}
.g_an dt img{width: 100%;display: block;}
.g_an dd{margin: 0 5%;}
.g_an p{font-size: 0.9rem;line-height: 1.6rem;height: 3.2rem;overflow: hidden; color: #666666;}
.g_an p a{color: #ff6600;}
.g_an .swiper-pagination-bullets{bottom: 3rem; width: 100%;}
.g_an .swiper-pagination-bullet{margin: 0 0.5rem; width: 0.5rem;height: 0.5rem;border-radius: 50rem;background: none;opacity: 1;background: #999999;}
.g_an .swiper-pagination-bullet-active{background: #ff6600;}
.g_an .swiper-button-next{background:url(/mobile/Images/index/ljt2.jpg) no-repeat;background-size: 100%;width: 3.5rem;height:2.2rem;position: absolute;left:5%;top:22rem;}
.g_an .swiper-button-prev{background:url(/mobile/Images/index/rjt2.jpg) no-repeat;background-size: 100%;width: 3.5rem;height:2.2rem;position: absolute;right:5%;top:22rem;}

.g_gy{background:url(/mobile/Images/index/gybg.jpg) no-repeat;background-size: 100%;height: 24.6rem; padding-top: 3.3rem;}
.g_gy h2{height: 4rem;width: 100%;}
.g_gy h2 img{width: 100%;display: block;}
.g_gy li{height: 4rem;margin-bottom: 1.3rem;padding: 1rem 0 0 25%; width: 75%;font-size: 0.9rem;color: #888888;}
.g_gy li em{display: block;font-size: 1.2rem;color: #454545;}
.g_gy li b{display: inline-block;padding-right: 0.8rem;}
.g_gy a:nth-child(1) li{background:url(/mobile/Images/index/gya.png) no-repeat;background-size: 100%;}
.g_gy a:nth-child(2) li{background:url(/mobile/Images/index/gyb.png) no-repeat;background-size: 100%;}
.g_gy a:nth-child(3) li{background:url(/mobile/Images/index/gyc.png) no-repeat;background-size: 100%;}

.g_hz{position: relative;  padding-top: 3rem;height: 21rem; overflow: hidden;}
.g_hz h2{height: 4rem;width: 100%;}
.g_hz h2 img{width: 100%;display: block;}
.g_hz ul{margin-left: 5%}
.g_hz li{float: left;width:32%; }
.g_hz li img{width: 100%;display: block;border: 1px solid #dddcdc;}
.g_hz li:nth-child(1) img,.g_hz li:nth-child(2) img,.g_hz li:nth-child(3) img{border-bottom: none;}
.g_hz .swiper-pagination-bullets{bottom: 2rem; width: 100%;}
.g_hz .swiper-pagination-bullet{margin: 0 0.6rem; width: 0.5rem;height: 0.5rem;border-radius: 50%;background: none;opacity: 1;background: #999999;}
.g_hz .swiper-pagination-bullet-active{background: #ff6600;}


/* 走进*/
.g_zj{height: 16rem; padding-top: 2.6rem; background:#f5f5f5;overflow: hidden;}
.g_zj h2{height: 4.3rem;width: 100%;}
.g_zj h2 img{width: 100%;display: block;}
.g_zj dl{padding: 0 5%;}
.g_zj dt{width: 50%;float: left;}
.g_zj dt img{display: block;width: 100%;}
.g_zj dd{float: left;margin-left: 4%;width: 46%;}
.g_zj dd p{color: #555555;font-size: 1rem;height: 6.4rem; line-height: 1.6rem;overflow: hidden;}
.g_zj dd span{display: block;}
.g_zj dd span a{color: #ff6600;font-size: 1rem;}


/*资讯*/
.g_zx{height:19.5rem; background: #f5f5f5;}
.g_zx .sclwrap_box,.g_zx .m-box { height: 16rem;}
.zx-c .u_lst7{padding-top: 1%; float: left;display: inline; }
.zx-c .u_lst7 li{position: relative;padding-left: 6%; height:2.6rem; line-height: 2.6rem; font-size: 1rem; color: #555555; overflow: hidden; border-bottom: 1px dashed #dddddd; margin: 0 5%;text-overflow: ellipsis;
white-space: nowrap;width: 300px;}
.zx-c .u_lst7 li a{color: #555555; }
.zx-c .u_lst7 li:before{content: "";position: absolute;background:url(/mobile/Images/index/dtico2.jpg) no-repeat;background-size: 100%; width: 1.1rem;height: 1.1rem;left:1%;top:0.9rem;}
.zx-c .u_lst7 li:last-child{border-bottom: none;}
.til02 {position: relative;overflow: hidden;height: 2.9rem;line-height: 2.9rem; margin: 0 5%; border: 1px solid #d5d5d5;}
.til02 li{position: relative;  }
.til02 li,.til02{height: 2.9rem;line-height: 2.9rem;}
.til02 li { color: #666666; position: relative;
    display: inline;
    float: left;text-align: center;
    font-size: 1.2rem;
    font-weight: normal;
    width: 28%;}
.til02 li:after{content:"";position: absolute;width: 1px;height: 1rem;background: #d5d5d5;right: 0;top:1rem; } 
.til02 li:nth-child(3):after{background: none;}
.til02 li.z-on {position: relative; color: #0086e4; width: 18%;padding-left: 8%;text-align: left;}
.til02 li.z-on:before{content: "";position: absolute; background:url(/mobile/Images/index/dttit.png) no-repeat;background-size: 100%;width: 2rem;height:2.1rem;left:7%;top:0.5rem;}
.til02 span{position: absolute;right: 0;top:0;color: #666666; position: relative; text-align: center;text-transform: uppercase;
    display: inline;
    float: left;
    font-size: 0.9rem;
    font-weight: normal;
    text-align: center;
    width: 15%;}
.til02 span a{color: #666666;}


/* 生产环境   */
.demo-box {height: 18rem; padding-top: 3.5rem;  width: 100%;  overflow: hidden; }
.demo-box .box-style .sclwrap_box,.demo-box .box-style {height:14rem;overflow: hidden;}
.demo-box .column-list {position: relative;overflow: hidden;height: 2.9rem;line-height: 2.9rem; margin: 0 5% 1rem; border: 1px solid #d5d5d5;}
.demo-box .column-list li{position: relative;  }
.demo-box .column-list li,.demo-box .column-list{height: 2.9rem;line-height: 2.9rem;}
.demo-box .column-list li { color: #666666; position: relative;
    display: inline;
    float: left;text-align: center;
    font-size: 1.2rem;
    font-weight: normal;
    width: 36%;}
.demo-box .column-list li:after{content:"";position: absolute;width: 1px;height: 1rem;background: #d5d5d5;right: 0;top:1rem; } 
.demo-box .column-list li:nth-child(2):after{background: none;}
.demo-box .column-list li.z-on {position: relative; color: #0086e4;}
.demo-box .column-list li.z-on:before{content: "";position: absolute; background:url(/mobile/Images/index/dttit.png) no-repeat;background-size: 100%;width: 2rem;height:2.1rem;left:7%;top:0.5rem;}
.demo-box .column-list span{position: absolute;right: 0;top:0;color: #666666; position: relative; text-align: center;text-transform: uppercase;
    display: inline;
    float: left;
    font-size: 0.9rem;
    font-weight: normal;
    text-align: right;
    width: 25%;}
.demo-box .column-list span a{color: #666666;}
.demo-box .box-style { padding: 0 0 0 5%;position: relative; width: 95%; float: left; display: inline;}
.demo-box .box-style .prev, .demo-box .box-style .next {
    height: 2rem;
    position: absolute;
    text-align: center;
    top: 5.5rem;
    width: 1.1rem;
    z-index: 99;
}
.demo-box .box-style .prev { left: 3%;}
.demo-box .box-style .next {right: 3%;}
.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: 46%; margin-right: 3%; 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;}














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