﻿
.g-adv {position: relative; height:auto;margin-bottom: 1.5rem; margin-top:1rem; }
.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{ position: absolute;left:37%;top:13.5rem;}
.g-adv .m-cnt li{ float:left; width:2.3rem;height: 0.4rem;background: #fff;border-radius: 1rem;margin-right: 0.5rem; }
.g-adv .m-cnt li.z-on{ background:#02a160;}

/*搜索*/
.m_ser{ height: 3.2rem; position: relative; margin-bottom: 1.16rem; margin-top:1.66rem;}
.ser{width:100%;margin:0 auto;height:3.2rem;;line-height:3.2rem;background:url(/mobile/Images/Index/serbg.jpg) no-repeat left center;background-size:100%; }
.ser input{background:none;border:none;color:#666666;font-size:1.2rem;height:3.2rem;line-height: 3.2rem;float:left;}
.ser input:nth-child(1){width:63%;padding:0 1% 0 10%;color:gray;}
.ser input:nth-child(2){width:23%;  cursor: pointer; height: 3.2rem; line-height: 3.2rem;}

/* 产品中心 */
body .date{height:64.4rem;}
body .date .sclwrap_box,body .date .m-box{height:64.4rem;}
.g_pro {height:49.4rem; background: #fff;margin-bottom: 1rem;}
.g_pro .sclwrap_box,.g_pro .m-box {height: 38rem;}
.g_pro h2{background:url(/mobile/Images/Index/cptit1.jpg) no-repeat;background-size:100%;height: 3.5rem;line-height: 3.5rem;padding: 0 9% 0 12%;font-size: 1.3rem;color: #fff;font-weight: bold;}
.g_pro h2 span{font-weight: normal;font-size: 1.2rem;color: #fff;}

.g_pro .m-cnt {position: relative; margin: 0 5%; height:auto;line-height:1.5rem;margin-bottom: 0.5rem;border-bottom: 0px solid #bababa;font-size: 1.2rem;}
.g_pro .m-cnt li {float: left;width: 30.3%;font-size: 1rem;color: #333333;border-bottom: 1px solid #333333; margin: 1%;}
.g_pro .m-cnt li:nth-child(3){margin-right: 0;}
.g_pro .m-cnt li.z-on {position: relative;color: #02A160;border-bottom: 1px solid #02a160;}
.g_pro .m-cnt li.z-on:before{content: "";position: absolute;width: 100%;height: 0.15rem;left:0;bottom: -1px;}
.con{float: left; display: inline;}
.g_pro .cpc{padding-left: 5%;float: left; display: inline;}
.g_pro .cpc dl{float: left;width: 46%;margin-right: 2%;margin-bottom: 0.5rem;}
.g_pro .cpc dt{width: 100%;display: block;}
.g_pro .cpc dt img{width: 100%;display: block; border: 1px solid #bababa;border-bottom: none;height:13.2rem;}
.g_pro .cpc dd{position: relative; background: #fff;border: 1px solid #bababa;padding: 1rem 16% 0 6%;border-top: none;height: 4rem;width: 78%;}
.g_pro .cpc dd span{position: absolute;background:url(/mobile/Images/index/cpico.jpg) no-repeat;background-size: 100%;width: 1.4rem;height: 1.4rem;  left:85%;top:2.8rem;}
.g_pro .cpc dd span a{display: block;width: 1.4rem;height: 1.4rem;  }
.g_pro .cpc dd h3{height: 1.7rem;text-align: center; line-height: 1.7rem;overflow: hidden;font-size: 1.2rem;color: #333333;font-weight: normal;}
.g_pro .cpc dd h3 a{color: #333333;}
.g_pro .cpc dd p{height: 1.7rem;line-height: 1.7rem;overflow: hidden;font-size: 1.1rem;color: #666666;}
.g_an {margin-bottom: 0;}
.g_an h2{background:url(/mobile/Images/Index/gctit.jpg) no-repeat;background-size:100%;height: 3.5rem;line-height: 3.5rem;padding: 0 9% 0 12%;font-size: 1.3rem;color: #fff;font-weight: bold;}
.g_an .m-cnt li{text-align: center;}
.g_an .m-cnt li:nth-child(2){}
.g_an .cpc dl{width:95%;}
.g_an .sclwrap_box,.g_an .cpc dd p,.g_an .cpc dd,.g_an .m-box{height:auto;}
.g_an{height:auto; padding-bottom: 4rem;}

/* 知名企业 */
.g_hz {position: relative; height:13rem; padding-top: 2.5rem; background:url(/mobile/Images/Index/hzbg.jpg) no-repeat;background-size:100%;top: -3rem;}
.g_hz .sclwrap_box,.g_hz .m-box {height: 7rem;}
.g_hz h2{height: 3.6rem;text-align: center;font-size: 1.5rem;color: #fff;}
.g_hz ul{padding-left: 5%;}
.g_hz li{float: left;width: 22%;margin-right:2%;}
.g_hz li img{width: 100%;display: block;}
.g_hz .m-cnt{ position: absolute;left:34%;top:13rem;}
.g_hz .m-cnt li{ float:left; width:2.3rem;height: 0.4rem;background: #fff;border-radius: 1rem;margin-right: 0.5rem; }
.g_hz .m-cnt li.z-on{ background:#02a160;}

.g_ys1{position: relative; background:url(/mobile/Images/Index/ysbg1.jpg) no-repeat;background-size:100%;height: 14.4rem;}
.g_ys1 h3{position: absolute;background:url(/mobile/Images/Index/ystit1.jpg) no-repeat;background-size:100%;width: 17.4%; padding-left: 6%; height: 2.6rem;left:50%;top:2rem;font-size: 1.2rem;color: #0757c4;font-weight: bold;}
.g_ys1 p{position: absolute;left:50%;top:6rem; color: #666666;font-size: 1rem;line-height: 1.7rem;width: 47%;}

.g_ys2{position: relative; background:url(/mobile/Images/Index/ysbg2.jpg) no-repeat;background-size:100%;height: 14.4rem;}
.g_ys2 h3{position: absolute;background:url(/mobile/Images/Index/ystit2.jpg) no-repeat;background-size:100%;width: 17.4%; padding-left: 6%; height: 2.6rem;left:5%;top:3rem;font-size: 1.2rem;color: #0757c4;font-weight: bold;}
.g_ys2 p{position: absolute;left:5%;top:6rem; color: #666666;font-size: 1rem;line-height: 1.7rem;width: 47%;}

.g_ys3{position: relative; background:url(/mobile/Images/Index/ysbg3.jpg) no-repeat;background-size:100%;height: 16.8rem;}
.g_ys3 h3{position: absolute;background:url(/mobile/Images/Index/ystit3.jpg) no-repeat;background-size:100%;width: 17.4%; padding-left: 6%; height: 2.6rem;left:50%;top:2.8rem;font-size: 1.2rem;color: #0757c4;font-weight: bold;}
.g_ys3 p{position: absolute;left:50%;top:7rem; color: #666666;font-size: 1rem;line-height: 1.7rem;width: 47%;}

.g_ys4{position: relative; background:url(/mobile/Images/Index/ysbg4.jpg) no-repeat;background-size:100%;height: 17.8rem;}
.g_ys4 h3{position: absolute;background:url(/mobile/Images/Index/ystit4.jpg) no-repeat;background-size:100%;width: 17.4%; padding-left: 6%; height: 2.6rem;left:5%;top:3rem;font-size: 1.2rem;color: #0757c4;font-weight: bold;}
.g_ys4 p{position: absolute;left:5%;top:7rem; color: #666666;font-size: 1rem;line-height: 1.7rem;width: 47%;}
.con{min-height: 1rem;}
/* 走进*/
.g_zj{height:28.7rem; padding-top: 3.5rem; background:url(/mobile/Images/index/abbg.jpg) no-repeat;background-size: 100%;}
.g_zj h2{height: 3.5rem;text-align: center;font-size: 1.3rem;color: #fff;font-weight: bold;}
.g_zj h2 em{font-size: 1.4rem;font-family: arial;text-transform: uppercase;}
.g_zj dl{padding: 0 10% 0 10%;}
.g_zj dt{width: 100%;margin-bottom: 2rem;}
.g_zj dt img{display: block;width: 100%;border: 0.5rem solid #fff;  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.g_zj dd p{color: #fff;font-size: 1.2rem;height: 6.6rem; line-height: 2.2rem;overflow: hidden; margin-bottom: 0.8rem;text-indent: 2rem;}
.g_zj dd p a{color: #fff;}

/* 荣誉证书 */
.demo-box {height: 27rem;  width: 100%;  overflow: hidden;  margin-top: 2rem;}
.demo-box .box-style .sclwrap_box,.demo-box .box-style {height:21rem;overflow: hidden;}
.demo-box .column-list {height: 6rem; margin: 0 0 0 5%;}
.demo-box .column-list li{position: relative; width: 46%; margin-right: 2%; float: left; font-size: 1.2rem;color: #333333; text-align: center;border: 1px solid #c9c9c9;height: 4rem;line-height: 4rem; }
.demo-box .column-list li.z-on { border: 1px solid #0757c4;background:#0757c4;color: #fff;}
.demo-box .box-style { padding: 0 13% 0 15%;position: relative; width: 70%; float: left; display: inline;}
.demo-box .box-style .prev, .demo-box .box-style .next {
    height: 3.6rem;
    position: absolute;
    text-align: center;
    top: 6rem;
    width: 1.7rem;
    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: 44.7%; margin-right: 10%;}
.demo-box .box-style .page li:nth-child(2){margin-right: 0;}
.demo-box .box-style .page li img{width:99%; margin: 0 auto; display: block; border: 1px solid #bababa;}
.demo-box .box-style .page li em{display: block; height:3rem; line-height:3.5rem; text-align: center; color: #fff; font-size: 0.9rem;text-align: center;background:#02a160}


.demo-box .box-style .page2 { width: 100%; float: left; display: inline;}
.demo-box .box-style .page2 li{width: 100%; margin-right: 10%;}
.demo-box .box-style .page2 li:nth-child(2){margin-right: 0;}
.demo-box .box-style .page2 li img{width: 88%; margin: 0 auto; display: block;}
.demo-box .box-style .page2 li em{display: block; height: 2.5rem; line-height:2.5rem; text-align: center; color: #666666; font-size: 1.2rem;text-align: center; }



/*资讯*/
.g_zx{height:43rem;padding-top: 2rem;background: #f5f5f5;border-bottom: 0.15rem solid #e8e8e5;}
.g_zx .sclwrap_box,.g_zx .m-box { height: 38rem;}
.til02 {position: relative; margin: 0 5%; height: 4rem;line-height:4rem;margin-bottom: 0.5rem;border-bottom: 1px solid #bababa;font-size: 1.3rem;}
.til02 li {float: left;width: 33%;text-align: center; font-size: 1.2rem;color: #333333;}
.til02 li:nth-child(3){margin-right: 0;}
.til02 li.z-on {position: relative;color: #e21818}
.til02 li.z-on:before{content: "";position: absolute;width: 100%;height: 0.15rem;background: #e21818;left:0;bottom: -1px;}
.g_zx dl{margin: 0 5%;width: 90%;height: 19rem;border-bottom: 1px solid #bcbcbc;}
.g_zx dt,.g_zx dt img{width: 100%;display: block;}
.g_zx dt{position: relative;margin-bottom: 1.5rem;}
.g_zx dt:before{content: "";position: absolute;background:url(/mobile/Images/index/tt.png) no-repeat;background-size: 100%;width: 4.8rem;height: 4.8rem;right:-0.2rem;top:-0.2rem;}
.g_zx dd h3{height: 1.8rem;line-height: 1.8rem;overflow: hidden;font-size: 1.2rem;color: #333333;font-weight: bold;margin-bottom: 1rem;}
.g_zx dd p{font-size: 1.2rem;color: #555555;line-height: 2rem;height: 4rem;overflow: hidden;}
.g_zx dd p a{color: #555}
.zx-c .u_lst7{padding-top:1.5rem;height: 9rem;margin: 0 5%;}
.zx-c .u_lst7 li{position: relative;padding-left: 5%; height:2.4rem; line-height: 2.4rem; font-size: 1.2rem; color: #666666; overflow: hidden;}
.zx-c .u_lst7 li a{color: #666666; }
.zx-c .u_lst7 li:before{content: "";position: absolute; width: 0.3rem;height: 0.1rem;background: #555555; left:2%;top:1.2rem;}
.g_zx span{display: block; width: 90%;height: 4.3rem;line-height: 4.3rem;background: #fff;text-align: center;font-size: 1.2rem;color: #e21818;border: 1px solid #e21818;border-radius: 3rem;box-shadow: 0.01rem 0.01rem 1rem #fab9b9;margin: 0 auto;}
.g_zx span a{color: #e21818;}













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;}}





